/*theme choice tabs styles*/
.theme-tabs .tab-content {padding: 20px; /*max-width: 1000px;*/}
.theme-tabs .nav-tabs li>a, .theme-tabs .panel-title>a {
     color: #5A5A5A;
     padding: 5px 12px 7px;
     font-size: 18px;
     font-weight: bold;
}
 .theme-tabs .nav-tabs {
    border: none;
}
 .theme-tabs .nav-tabs .nav-item.show .nav-link, .theme-tabs .nav-tabs .nav-link.active, .theme-tabs .nav-tabs .nav-link.active:hover {
    border-color: #000 #000 #fff ;
}
 .theme-tabs .tab-content {
      border-top: 1px #000 solid;
     margin-top: -1px;
}
 .theme-tabs .nav-tabs .nav-link:focus, .theme-tabs .nav-tabs .nav-link:hover {
    border-color: #666 #666 #fff;
}
 .tab-list {
    padding-left: 40px;
}

 /*catalog_solutions_NA styles*/
 
.cat-sol-na .tbl-custom tr>th:first-child {border-right: 1px #ccc solid;}


.in-row3 input[type=text] {width: 30%;}
.in-row4 input[type=text] {width: 20%;}
/*#settings .d-table-cell {vertical-align: middle;}*/
.v-top {vertical-align: top !important;}
.tbl-textbox td {text-align: center; padding: 5px;}
.tbl-textbox td input {max-width: 100%; width: 100%;}

/*faq styles*/

.faq-ans {clear: both;}
.faq-md-list a { margin-bottom: 10px; float: left; width: 100%;} /* don't put display property as that will affect dynamic questions */
.faq-ans .panel-collapse.pt-2 {padding: 0 !important;}
.faq-ans .panel-collapse.pt-2>span {margin-top: 8px; display: inline-block !important;}
.faq-ans .link {font-size: 14px; float: right;}


/*temp-start*/

.checkout-header {
background-color: #f2f2f2;color: #5a5a5a;
}

.checkout-subheader {
font-size: 20px;
}

.order-subtotal {
    clear:both;
}

/*tem-end*/
@media screen and (max-width: 992px){
.bg-light-grey{
    background-color: #e5e5e5;
}
.lg-x-scroll{
        overflow-x:hidden;
    }
}


@media screen and (min-width: 992px) {     
    
    .lg-x-scroll{
        overflow-x:scroll;
    }
     
}







@media screen and (min-width: 768px) {
    /*theme choice tabs styles*/ 
    .theme-tabs .panel-heading {
         display: none;
    }
     .theme-tabs .panel {
         border: none;
         box-shadow: none;
    }
     .theme-tabs .panel-collapse {
         height: auto;
    }
     .theme-tabs .panel-collapse.collapse {
         display: block;
    }
     #desc-accordion .collapse {display: block; }
     .desc-trigger {display: none;}
     .collapse.mobi {display: block !important;}
     .faq-ans .panel {border-bottom: 1px #333 solid; padding: 35px 0;}
     .faq-ans .panel-title {font-weight: bold;}
      .faq-ans .panel-collapse.collapse, .faq-ans .panel-collapse.collapsing {display: block !important; transition: none !important; height: auto !important;}


     
}


@media screen and (max-width: 767px) {
    /*theme choice tabs styles*/
     /*.theme-tabs {
        padding: 0;
    }*/
     .theme-tabs .tab-content .tab-pane {
         display: block;
    }
     .theme-tabs .nav-tabs {
         display: none;
    }
     .theme-tabs .panel-title a {
         display: block;
    }
     .theme-tabs .panel-title a:hover {text-decoration: none;}
     .theme-tabs .panel {
         margin: 0;
         box-shadow: none;
         border-radius: 0;
         margin-top: -2px;
    }
     .theme-tabs .tab-pane:first-child .panel {
         border-radius: 5px 5px 0 0;
    }
     .theme-tabs .tab-pane:last-child .panel {
         border-radius: 0 0 5px 5px;
    }
     .theme-tabs .tab-pane>img {
        display: none;
    }
     .theme-tabs .panel-title>a, .head {
         background-color: #0096D6;
         border-bottom: 1px #fff solid;
         color: #fff;
         font-weight: normal;
         font-size: 16px;
         padding: 12px;
         padding-right: 35px;
         position: relative;
          text-decoration: none;
    }
     .theme-tabs .panel-title>a::after, .faq-ans .panel-title::after {
         content: '-';
         font-weight: bold;
         font-size: 30px;
         font-family: times;
         position: absolute;
         right: 15px;
         top: -4px;
        
    }
     .theme-tabs .panel-title>a.collapsed::after, .faq-ans .panel-title.collapsed::after {
         content: '+';
         font-size: 26px;
         top: 5px;
         font-weight: bold;
    }
    /*.map-img {
         display: none;
    }
    */
     .tab-list {
         width: 100%;
         z-index: 99;
         padding-left: 15px;
    }
     .tab-list td {
        font-size: 15px;
         padding: 8px;
         background-color: rgba(255, 255, 255, 0.5);
    }
     .tab-list td a {
        font-size: 15px;
    }
     .more-regions {
         padding: 10px 15px;
         z-index: 999;
    }

/*catalog_solutions_NA styles*/
.cat-sol-na .tbl-custom tr:first-child {display: none;}
.cat-sol-na .tbl-custom tr td {display:block; width: 100% !important; border: none !important; clear: both; padding: 0; position: relative;}
.cat-sol-na .tbl-custom tr td .desc-trigger {position: absolute; right: 0; top: -2px;}
.cat-sol-na .tbl-custom tr {border-bottom: 1px #ccc solid; display: block; padding: 15px 10px;}
.cat-sol-na .tbl-custom th {display: none;}
.cat-sol-na .tbl-custom tr td:first-child {padding-bottom: 5px!important;}
.desc-trigger, .cont-trig {font-size: 26px; float: right; width: 32px; height: 32px;  color: #fff; text-align: center; position: relative; background-color: #0096D6; font-family: times; font-weight: bold; }
.desc-trigger.collapsed::after, .cont-trig::after { content: ' +'; position: absolute; right: 9px; top: 7px; color: #fff; text-align: center; font-size: 26px; }
.desc-trigger::after, .cont-trig.btn-trig::after { content: ' -'; top: 2px; position: absolute; right: 11px; font-size: 30px;}
.table-hover tbody tr:hover {background-color: transparent !important;}

/*for table to accordion plus minus*/
 
#part-addrs table td {
    padding: 0;
     /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.mobi {
    padding: 8px 15px;
   
}
/** {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}*/


/*.CustomComboBoxStyle>table {width: 100%;}*/
.CustomComboBoxStyle>table input {width: 100% !important;}

/*faq styles*/
.faq-md-list, .faq-ans .link {display: none;}
.faq-ans .panel {margin-bottom: .5rem;}
 .theme-tabs .tab-content {padding: 20px 0;}
}


@media screen and (max-width: 576px) {
    /* input text 3 in a row*/
    .in-row3 input['text'] {max-width: 30%;}
    /*.theme-tabs .tab-content {padding: 20px 0 !important;}*/
    .heading-mob {border-bottom: 1px #999 solid; display: block; padding-bottom: 5px; margin-top: 10px; }
    .cat-sol-na .tbl-custom tr td {padding-right: 40px;}

    /*temp-start*/
   .order-subtotal span {width: auto; }
   /*temp-end*/
    .ModalWindow table {word-break: break-all; word-break: break-word;}   



  

}