body {font-family: 'Open Sans', Arial,sans-serif !important;}
.container{max-width:1425px;}
.pac-container{
    z-index: 9999 !important;
}
a{
    cursor: pointer;
}
.zoom:hover {
  -ms-transform: scale(3); /* IE 9 */
  -webkit-transform: scale(3); /* Safari 3-8 */
  transform: scale(3); 
}
.loadingLayer{
    background: none repeat scroll 0 0 #e6e6e6;
    display: none;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 100001;
    top:0px;
    left:0px;
    text-align: center;
}
.top-menu-active .nav-link {
  padding: 5px 14px 10px 14px !important;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none;
}
/* top menu start */
.icon-style{font-size:30px !important;padding-right:5px;vertical-align:middle;}
.container-bg {background-color: #32373F;}
.bg-gray{background-color:#c1c1c9;}
/* .nav-scroller {height: 2.50rem;} */
.nav-scroller {height:auto;}
.nav-link {color:#545c6a;}
.nav-link:hover {color:#1058d0;}
.top-menu-active .active {color:#1058d0;border-bottom:1px solid #1058d0;}

.border-bottom {border-bottom: 1px solid #F5F5F6 !important;}
.border-top {border-top: 1px solid #F5F5F6 !important;}
.left-sidebar .collapsed {border-radius: 10px !important;}
.left-sidebar-menu.collapse {border-top: 1px solid #F5F5F6;}
.left-sidebar-menu{color:#717a84;}
/* top menu close */

/* side menu start */

.sidebar-btn-toggle .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}
.price-bg {background-color:#EEF2F4 !important;}
a {text-decoration:none;}
.panel-heading-bg{background-color:#e1e6e9;padding:10px;}
.panel-default>.panel-heading {color: #000000;background-color: #fff;}
.panel-group .panel {border-radius: 0px;}
.panel-title{color:#656565;font-size:12px;}
.alert-dismissible {padding:0px 25px 0px 0px;margin-bottom:0px;}
.alert-warning {color:#717A84;background-color:#eef2f4;border:0px;}
.btn-text-size{padding: 20px 13px 2px 0px !important;font-size: 8px;}
.text-size-10{font-size:10px;}
.text-size-12{font-size:12px;font-weight:500;}
.text-size-20{font-size:20px;font-weight:600;}
.text-size-14{font-size:14px;}
.text-color-gray{color:#525C68 !important;}
.text-color-gray-b{color:#5C6470 !important;}
.text-color-gray-c{color:#0F1111 !important;}
.dropdown-toggle::after {vertical-align: .110em !important;}
.fa-user{font-size:30px;color:#878787;}
.text-red{color:#FF0000;}
.text-gray{color:#9E9E9E;}
.form-select-edit {padding:4px 30px 4px 12px !important;background-position: right 10px center !important;}
.btn-toggle::before {margin:-4px 0px 0px 0px;}
.products-block img {max-height: 100%;}
.aleart-style{display: inline-block;padding-right: 21px !important;margin: 6px;border-radius: 5px;}
/* side menu close */

.bg-color{background-color:#e1e6e9;}
.panel-group .panel+.panel {margin-top: 0px;border-radius: 0px;}
.panel-collapse {background-color:#ffffff;border-radius: 0px;}
.panel-title:hover {cursor: pointer;}


.menu-hide .panel-default>.panel-heading {color: #000000;background-color: #e4e4e4;border-color: #e4e4e4;border-radius: 0px;}



/* navbar toggle start */

.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle {padding: 11px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: #e4e4e4;border-radius: 0px;}
.nav > li > a:active {color:#000 !important;}
.nav > li > a {padding:5px 10px;color:#fff;}
.nav > li > a:hover {color:#fff !important;}
.nav > li > ul > li > a {color:#fff !important;}
.nav > li > ul > li > a:hover {color:#fff !important;background-color: #88E2FF;}
.navbar{margin-bottom:0px;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}
.navbar{min-height:42px;}
.navbar-collapse {padding-right:0px;}
.navbar-nav > li > .dropdown-menu {margin-top:15px !important; }
.navbar-nav > li > .dropdown-menu li{border-right:none !important;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff;background-color: #88E2FF;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background-color: #88E2FF;}
.speech-bubble {position:relative;background:#88E2FF;border-radius: .4em;}
.sub:after {content: '';position:absolute;top:0;left:50%;width:0;height:0;border:10px solid transparent;border-bottom-color:#88E2FF;border-top:0;margin-left:-50px;margin-top:-10px;}

/* navbar toggle end */

.shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.light-green-color{background-color:#E1E6E9;}
.text-dark{color:#000000;}
.text-decoration{text-decoration: line-through;}
.product-categorymenu{background-color:#2fc7f7;border-radius:10px;border:none;font-weight:700;font-size:13px;}
.smoothed {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-separator{margin:5px 0px;}
.menu-separator li{border-right:2px solid #88E2FF;}
.btn-green{background-color:#c6cdd3;}
.btn-dark{color:#ffffff;background-color:#343a40;border-color:#000000;}
.btn-dark.btn:hover{color:#ffffff !important;background-color:#343a40;border-color:#000000;}
.btn-yellow{background-color: #f2e35a;color: #000;border-color: #f2e35a;}
.btn-yellow.btn:hover{color:#000000 !important;}
.btn-outline-dark{background-color:#e4e4e4;border-color: #cccccc;}
.btn-outline-light{color:#878787;background-color:transparent;border:1px solid #f8f9fa;}
.btn-outline-light:hover{color:#878787;}

.border-solid{border:solid 1px #cccccc;}
.border-1{border:solid 1px #ffffff;}
.border-1:hover{border:solid 1px #e4e4e4;}
.badge-secondary{background-color:#2fc7f7;padding:5px 10px;border-radius:15px;color:#fff;}
.badge-secondary {vertical-align:middle;}
.w-h-25{width:25px;height:25px;text-align:center;}
.bg-lights {background-color: #d8dcde;color: #616b77;}
.text-sp span {position: absolute;margin-top: -35px;margin-left: 14px;background: #f65a45;font-size: 10px;}
.dropdown-toggle-hover:hover{background-color: #fff;border-radius: 15px;}
.dropdown-toggle-active{background-color: #fff;border-radius: 15px;}
.flex-shrink-0 .btn-toggle{padding: .25rem .3rem;}

.px-20{padding:5px 35px}
.mr-3{margin-right:40px;}
.img-size{height:190px;display: flex;justify-content: center;align-items: center;}
.list-view .img-size{height:155px;display: flex;justify-content: center;align-items: center;}
.img-size-height-110{height:110px;display: flex;justify-content: center;align-items: center;}
.img-size-height-256{height:256px;display: flex;justify-content: center;align-items: center;}
.img-size-height-256 .img-fluid{max-height:100% !important;}
.height-240{ height: 236px; overflow: auto;}
.panel{border: none !important;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {border-top: none !important;}
.item-desc-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.item-desc-text-large {
    display: -webkit-box;
    max-width: 95%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



@media (min-width: 768px){
	.navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;padding-left:0px;border-radius: 0px;}
}
@media (max-width: 412px){
    /*.img-size{height:10% !important;}*/ 
    .text-sp span {margin-top:-10px !important;}
    .item-desc-text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .nav li > a, .nav a, .nav > li > ul > li > a {
        color:#eeeeee;
    }
}
@media (min-width: 992px){
	.menu-hide {display: none;border-radius: 0px;}
}


.bg-blue {
    /*background-color: #e3ecf1 !important;*/
    background-color: #F1F1F1 !important;
}
.bg-blue-badge{background-color: #4fc3f7 !important;}
/*.popup-style .nav-link {border-bottom: 1px solid #f3f3f3 !important;}*/
.popup-style .nav-link:hover {color: #1058d0 !important;border-bottom: 1px solid #1058d0 !important;}
.popup-style .nav-item a {text-decoration: none !important ;}
.text-span span {
    position: absolute;
    top: 7px;
    padding: 3px 7px;
    margin-left: -12px;
    background: #4fc3f7;
    font-size: 10px;
    width: 35px;
}
.pro-name{font-size:28px;}
.modal-name{font-size:22px;}
.cust-dash-menu .active {color:#1058d0;border-bottom:2px solid #1058d0;}

.text-head{color:#a3a9b1;font-size:14px;}
.text-inner{color:#535c69;font-size:14px;}
.text-edit-add{color:#9d9e9e;font-size:13px;}
.circle-w-h-p{height:50px;width:50px;padding-top:13px;}
.text-pera{color:#a3a9b1;font-size:11px;}
.text-pera-color{color:#424956;font-size:11px;}
.bg-color{background-color:#e3ecf1;}
.text-span span {position: absolute;top: 10px;padding: 1px 7px;margin-left: -10px;background: #4fc3f7;font-size: 10px;}
.img-style{width:180px;height:180px;}
.bg-lb{background-color:#bad6e6;}
.bg-lbr{background-color:#f6f6f6;}
.pro-h1{font-size:70px;}
.color-gray-small-box{height:3px;width:10px;margin:1px;background-color:#babfbb;}
.color-green-small-box{height:3px;width:10px;margin:1px;background-color:#299b43;}
.color-red-small-box{height:3px;width:10px;margin:1px;background-color:#9b2929;}
.text-blue-color{color:#556E9C !important; }
.alert-danger-color {
  color: #fff;
  background-color: #F66262;
  border-color: #F66262;
  border-radius: 5px !important;
}
.table_header{
    font-size:20px !important;
    font-weight: normal;
    color:#545D6A !important;
}
.table_column_header{
    font-size:16px !important;
    font-weight: 600;
    color:#767676 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    background-color: #F3F6F7 !important;
}
.table_column_val{
    font-size:14px !important;
    color:#525c69 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.slots_val{
    font-size:14px !important;
    color:#525c69 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.dataTables_empty{
    font-size:14px !important;
    color:#424956 !important;
}
tr {
    border-color: #e8ecee !important;
}
thead tr th {
    border-color: #E8ECEE !important;
}

tfoot {
    display: table-row-group;
   
}
tfoot tr th {
    border-bottom-width: 1px !important;
    border-color: #e8ecee !important;
}
.dataTables_info{
    color:#424956 !important;
    font-size:14px !important;
    width: 50% !important;
}
.dataTables_length{
    color:#424956 !important;
    font-size:14px !important;
    float: right;
    margin-top: -60px;
    position: relative;
    z-index: auto;
}
.dataTables_length_custom{
    margin-top: 0px !important;
}
.dataTables_paginate {
    width: 50% !important;
    color:#424956 !important;
    font-size:14px !important;
}
.dataTables_paginate ul{
    float:right;
}
.dataTables_wrapper .bottom{
    display: flex;
}
.dataTables_wrapper hr{
    background-color: #E8ECEE !important;
    opacity: unset !important;
}
.table-footer-info{
    background-color: #F3F6F7 !important;
}
.btn.btn-xs.w65 {
  padding: 0px;
  font-size: 12px;
  width: 85px;
  color: #424956 !important;
}
.sub-nav-link.active{
    /*color:#fff !important;*/
    border-bottom: none;
    background-color:#e9ecef;
}
table.dataTable td{
    height: 34px;
}
.icon-12 { font-size: 12px; }
.icon-14 { font-size: 14px; }
.icon-16 { font-size: 16px; }
.icon-18 { font-size: 18px; }
.icon-20 { font-size: 20px; }

.text-12 { font-size: 12px; }
.text-14 { font-size: 14px; }
.text-16 { font-size: 16px; }
.text-18 { font-size: 18px; }
.text-20 { font-size: 20px; }

.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }
#customerDashboardDetailsDiv{
    height: calc(100% - 120px); /* For 100% screen height */
    overflow: auto;
}

h1, h2, h3, h4, h5, h6{
    color: #424956 !important;
}
.view-mode-btn.active{
    background:#fff !important;
}
.btn-bg-color-red{
    background-color:#6e0808;
}
.btn-bg-color-red:hover {
    background-color:#6e0808 !important;
}
.menu-cart-icon{
/*    position: absolute;
    right: 8px;*/
    float:right;
}
.menu-wishlist-icon{
/*    position: absolute;
    right: 45px;*/
    float:right;
}
.menu-stockAlert-icon{
/*    position: absolute;
    right: 85px;*/
    float:right;
}
.header-icons{
    position: absolute;
    right: 5px;
}
.header-icons a{ 
    margin-top: 6px !important;
    margin-right: 18px;
}
.card{
    border-radius: 10px;
}
.card-header{
    border-radius: 10px 10px 0 0 !important;
}
.btn-rounded-10{
    border-radius: 50px !important;
}


@media only screen and (max-width: 600px) {
    .menu-cart-icon{
        position: absolute;
        right: 12px;
        top: 14px;
    }
    .text-sp span {position: absolute;margin-top: -35px !important;margin-left: 14px;background: #f65a45;font-size: 10px;}
}
.w-80{
    width:80px !important;
}


.navwrap {
  margin: auto;
  overflow-y: auto;
  white-space: nowrap;
 /* -webkit-overflow-scrolling: touch; seems to confine overflow in error  */
  padding-bottom: 14px;
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.nav {
  display: table; /*white-space fix*/
  width: 100%;
  word-spacing: -9em; /*white-space fix*/
}
.nav li {
  display: inline-block;
  text-align: left;
  word-spacing: normal; /*white-space fix*/
}
.nav li > a {
  position: relative;
}
.nav li:hover,
.nav > li > a:hover,
.nav li:focus,
.nav > li > a:focus {
  z-index: 105;
}
.nav li li {
  display: block;
}
.navwrap-bg-color{background:#e6e6e6;}
.navwrap-bg-color nav a {background:#e6e6e6;}
.nav a {
  display: block;
  padding: 7px 10px;  
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}
.nav li:hover > a,
.nav a:hover,
.nav li:focus > a,
.nav a:focus {
  background: #000;
  color: #fff;
}
.nav ul {
  position: absolute;
  z-index: 104;
  left: -999em;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s, left 0s 0.5s, top 0.5s;
}
.nav li:hover > ul {
  left: auto;
  top: auto;
  opacity: 1;
  transition: opacity 0.5s linear, top 0.5s;
}
.nav li:focus-within > ul {
  left: auto;
  top: auto;
  opacity: 1;
  transition: opacity 0.5s linear, top 0.5s;
}
.nav ul ul {
  transition: opacity 0.4s, left 0s 0.4s, margin 0s 0.4s;
  z-index: 103;
}
.nav li li:hover ul {
  top: auto;
  margin-left: 100%;
  transform: translateY(-2.2rem);
  opacity: 1;
  transition: opacity 0.5s linear, margin 0.5s;
}
.nav li li:focus-within ul {
  top: auto;
  margin-left: 100%;
  transform: translateY(-2.2rem);
  opacity: 1;
  transition: opacity 0.5s linear, margin 0.5s;
}
.nav > li > ul > li >a:hover {
  background-color: #e9ecef;
}
/* arrows */
.nav li a:first-child:not(:last-child) {
  padding-right: 20px;
  border-radius: 20px;
}
.dropdown-style{background-color:#fff;padding:5px 0px;border: 1px solid rgba(0,0,0,.15);border-radius: 0px;}
.dropdown-style li a:hover {background-color:#e9ecef;}
.nav li a:first-child:not(:last-child):after {
  content: "";
  position: absolute;
  right: 3px;
  top: 60%;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ccc;
}
.nav > li > a:first-child:not(:last-child):after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ccc;
  border-bottom: none;
  margin-top: -3px;
}
.nav li:hover a:first-child:not(:last-child):after {
  border-left-color: #fff;
}
.nav li:focus-within a:first-child:not(:last-child):after {
  border-left-color: #fff;
}

.nav > li:hover > a:first-child:not(:last-child):after {
  border-left-color: transparent;
  border-top-color: #fff;
}
.nav > li:focus-within > a:first-child:not(:last-child):after {
  border-left-color: transparent;
}

/* allow touch to play but probably won't work with this scrolling version*/
.nav .touch-only {
  display: none;
  left: -10px;
}
.touch-device .nav .touch-only {
  display: inline-block;
}
.touch-device .nav .touch-only a {
  color: #fff;
}

.wrap {
  padding: 20px;
  max-width: 980px;
  margin: auto;
}

/* remove hover when scrolling  */
.isScrolling .nav ul.dropdown{ 
  left: -999em;
  opacity:0;
}

.panel-body{
    background: #fff;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-light{
    background-color:#F0F0F0 !important;
}
.rounded-10{border-radius: 10px !important;}
.rounded-5{border-radius: 5px !important;}
.rounded-7{border-radius: 7px !important;}
.rounded-top-10{border-radius: 10px 10px 0px 0px !important;}
.rounded-bottom-10{border-radius: 0px 0px 10px 10px !important;}
.rounded-left{border-radius: 50% 0 0 50%;}
.rounded-right{border-radius: 0 50% 50% 0;}
.page-item:first-child .page-link{
    border-radius: 50px 0 0 50px !important;
}
.page-item:last-child .page-link {
    border-radius: 0 50px 50px 0 !important;
}
.dash-bar-label{
    color: #DFFBFF !important;
    font-size:14px;
}
.dash-bar-value{
    color: #FFFFFF !important;
    font-size:16px;
    font-weight:500;
}
.dashboard-bar-elements-1{
    background-color:#7A8B94;
    width: 19.75% !important;
}
.table-sort-icons > .fa-sort-down{
    font-size:16px;
    /*display: none;*/
    padding-top: 5px;
    position: absolute;
    padding-left: 5px;
    color:#d9d9d9;
}
.table-sort-icons > .fa-sort-up{
    font-size:16px;
    /*display: none;*/
    padding-top: 5px;
    position: absolute;
    padding-left: 5px;
    color:#d9d9d9;
}
.table_column_header.sorted-asc .ascending-icon {
  color: #767676; /* Darker color for active ascending sort icon */
  display: inline;
}
.table_column_header.sorted-desc .descending-icon {
  color: #767676; /* Darker color for active descending sort icon */
  display: inline;
}
/* Active sort states */
.table_column_header.sorted-asc, .dataTable .sorting_asc  {
    background-color: #9bf74f1f !important;; /* Background for ascending sort */
}
.table_column_header.sorted-desc, .dataTable .sorting_desc {
    background-color: #9bf74f1f !important; /* Background for descending sort */
}
.dataTable thead th.sorting_asc ~ tfoot th {
    background-color: red !important; /* Background color for the sorted column filter */
}
.dataTable thead th.sorting_desc ~ tfoot th {
    background-color: red !important; /* Background color for the sorted column filter */
}
/* Data cells in the sorted column */




table.dataTable td {
  box-sizing: border-box !important;
}
.content-container{
    background-color: #F5F5F6;
    opacity: 0.97;
}
.text-xs-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}
.password-field-container {
    position: relative;
}

.password-toggle-icon {
    position: absolute;
    right: 10px; 
    top: 75%;
    transform: translateY(-50%);
    cursor: pointer;
}
.app-col {
    width: 11.11111%;
    font-size: 14px;
}
.slot-buttons{
    width:100%;
}
.btn-sm-mw-90{
    min-width:90px;
}
.back-to-list-btn{
    position: absolute;
    right: 13px;
    top: 13px;
}
.ssl-icon{
    margin-top: -20px;
}
.search-bar{
    min-height: 49px;
    padding-top: 7px !important;
}
.btn-sm {
    padding: 0.25rem 1rem !important;
}

/* Custom Select2 Bootstrap 5 integration */
.select2-container{
    width:100% !important;
}
.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important; /* Matches Bootstrap 5 form-control height */
    padding: 0.15rem 0.25rem; /* Matches Bootstrap 5 padding */
    font-size: 14px; /* Bootstrap 5 font size */
    line-height: 1.5;
    border-radius: 0.375rem !important; /* Bootstrap 5 border-radius */
    border: 1px solid #ced4da !important; /* Bootstrap 5 border color */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); /* Bootstrap shadow */
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-radius: 0.375rem; /* Matches Bootstrap dropdown border-radius */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}
.select2-results__option {
    font-size: 14px;
    color: #53616d;
}
/*.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:35px !important;
}
.select2-container .select2-selection--single {
    height:35px !important;
}*/

.wishlist-icon{
    font-size:18px;
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 0px;
}
.wishlisted-icon{
    font-size:18px;
    color:#f05873;
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 0px;
}
.notify-me-icon {
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 25px;
}
.subscribed-icon {
    font-size: 18px;
    color:#ff6c00;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 25px;
}

.wishlist-icon-in-details{
    font-size:22px;
    cursor:pointer;
}
.wishlisted-icon-in-details{
    font-size:22px;
    color:#f05873;
    cursor:pointer;
}
.notify-me-icon-in-details {
    font-size: 22px;
    cursor: pointer;
}
.subscribed-icon-in-details {
    font-size: 22px;
    color:#ff6c00;
    cursor: pointer;
}

@media only screen and (max-width: 500px) {
    
    .app-col{
        width: 100%;
        margin-bottom: 15px;  
    }
    .app-col .slot-buttons{
        width: 90px;
    }
    .no-padding-mobile {
        padding: 0!important;
    }
    .hidden-xs{
        display:none;
    }
    .visible-xs{
        display:inline;
    }
    .height-240{
        height:auto;
        overflow: auto;
    }
    .ssl-icon{
        margin-top: 0px;
    }
    .dashboard-bar-elements-1{
        width: auto !important;
    }
}
@media only screen and (max-width: 1040px) {
    .app-col{
        width: 100%;
        margin-bottom: 15px;
    }
    .app-col .slot-buttons{
        width: 88px;
    }
    iframe{
        max-width: 100%;
    }
    .hidden-xs{
        display:none;
    }
    .visible-xs{
        display:inline;
    }
    .height-240{
        height:auto;
        overflow: auto;
    }
    .ssl-icon{
        margin-top: 0px;
    }
}
.show-more-label {
    color: #337AB7;
    position: absolute;
    right: 0px;
    bottom: -18px;
}