/* put your own styles to customize and override the theme */

.nav-pills .nav-link.active{
    color: #2aacef;
    background-color: transparent!important;
    border-bottom: 2px solid #2aacef!important;
    border-radius: 0px!important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    padding-right: 13px;
}
.flatpickr-current-month .numInputWrapper {
    width: 8ch!important;
    height: 24px!important;
}
.numInput.cur-year{
    height: 24px!important;
    
}
#service_tic_mainpanel dt span{
    font-size: 15px;
}
.col-11-2{
    flex: 0 0 13.666667%;
        max-width: 13.666667%;
}
.col-3-test{
        flex: 0 0 20%!important;
    max-width: 20%!important;
}
.fixed_estore_header{
    background-color: #112F70;
    position: fixed;
    top: 50px;
    z-index: 1;
    width: 85%;
}
#id_product_search{
    height: 50px;
}
.cconsole_bg{
    background-color: #04205d;
}
.c_main_panel .nav-pills .nav-link.active {
    color: #f1701b;
    background-color: transparent !important;
    border-bottom: 2px solid #f1701b !important;
    border-radius: 0px !important;
}
.c_main_panel .nav-pills .nav-link {
    color: #fff;
}
.c_main_panel .nav-link:focus, .nav-link:hover {
    color: #F1701D;
}
.btn.disabled, .btn:disabled {
    background: #b1a6a6 !important;
    color: black !important;
    border: 0px!important;
}
.header_pos_estore{
        position: absolute;
    left: 0;
    top: 10px;
}

.completed_bg{
    background-color: #30619e!important;
}
.estore_serach_btn{
    position: absolute;
right: 0;
height: 50px !important;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
.cus_serach_btn{
       position: absolute;
right: 0;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}
.d-btn , .d-btn:hover, .d-btn , .d-btn:focus, .d-btn , .d-btn:active{
    background-color: #112e6f;
    border-color : #112e6f;
}
.o-btn , .o-btn:hover{
    background-color: #f1701b;
    border-color : #f1701b;
}
.c_btn_size .btn{
    font-size: 12px;
   padding: 8px 5px;
}
.cmain_bell_icon{
    width: 9px;
height: 9px;
background-color: red;
border-radius: 50%;
display: block;
position: absolute;
right: 8px;
top: 0;
}
.checkout_ul {
    clear: both;
    padding-left: 5px;
}
.place_head{
background: #f5f5f5;

}
.place_head_new{
background: #346CB0!important;

}
.new-primary{
color: #1e73f2;
}
.checkout_ul li{
    float: left;
list-style: none;
width: 24%;
background: #f5f5f5;

margin-right: 14px;
padding: 1.3rem;
}
.o-color{
    color: #f1701b!important;
}
.c_main_panel .card{margin-bottom: 10px!important;}
.c_bod_btn , .c_eod_btn{
    font-size: 25px;
display: block;
height: auto;
}
.side_c_panel p{ font-weight: bold;  }
.c_main_panel label{
    font-size: 12px;
}
.badge-green{
    background-color: #85d285!important;
    color: #000!important;
}
.badge-blue{
background-color: #85c4d2;
    color: #000!important;
}
.t-bg-warn{
    background-color: #fff9e6;
}
.t-bg-primary{
     background-color: #e7f7ec;
    }
.t-bg-dang{
     background-color: #fbe8e8;
}
.t-bg-grey{
     background-color:#f6f6f6;
}

a:hover{
    text-decoration: none;
}
.f-15{
    font-size: 15px;
}
.f-16{
    font-size: 16px;
}
.f-18{
    font-size: 18px;
}
.f-13{
    font-size: 13px;
}
.h-88vh{
    height: 88vh;
}
form label{
    text-transform: capitalize;
}
.filter_cal .accordion button{
    font-size: 0.9rem;
}
.filter_cal .color_bg{
    background: #f6f7f9;
}
.filter_cal ul li{
        font-size: 0.9rem;
}
.filter_cal ul li label{
        color: #888c9b!important;

    }
.dot_line{
   height: 52px;
   overflow: hidden;
     display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

#estore_hearing_aid #head_ul li , #estore_hearing_aid_real #head_ul li{
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 190px;
}
#estore_hearing_aid a , #estore_hearing_aid_real a{
    text-decoration: none;
}

#product_details_thunmb{
    width: 60%;
}
#estore_hearing_aid #sum li{
    list-style: none;
    display: inline-block;
    width: 15.7%;
    margin-bottom: 20px;
    margin-left: 8px;
}
#estore_hearing_aid_real #sum li{
    list-style: none;
    display: inline-block;
    width: 24%;
    margin-bottom: 20px;
    margin-left: 8px;
}
#estore_hearing_aid #sum li p span , #estore_hearing_aid_real #sum li p span {
font-size: 13px;
font-weight: 100;

}

#estore_hearing_aid #sum .in_stock, #estore_hearing_aid_real #sum .in_stock{
    position: absolute;
    right: 10px;
}
#estore_hearing_aid #sum .card, #estore_hearing_aid_real #sum .card{
    background: #fff;
    box-shadow: none;
}
#estore_hearing_aid #sum li .error_money ,#estore_hearing_aid_real #sum li .error_money ,#estore_detail .error_money , .error_money {
    text-decoration: line-through;
}
#estore_hearing_aid #sum li .off ,#estore_hearing_aid_real #sum li .off , #estore_detail .off{
    color: #ff8f00;
}
.faceplate{
    clear: both;
}
.faceplate li{
    width: 20px;
    height: 20px;
    background: rebeccapurple;
    display: inline-block;
}
.box_color ul {
    margin-bottom: 5px!important;
}
.box_color ul li{
    display: inline-block;
    margin: 0px 2px;
}
#product_image_show , .prduct_ad_btn{
    width: calc(100% - 66px);
}

.sidebar_pro.fixed {
  position: fixed;
    width: 100%;
}
.estore_detail_image li {
    width: 66px;
    height: 66px;
    border: 1px solid #d8d8d8;
    list-style: none;
}
.damping_input th{
    white-space: nowrap;
}
.estore_detail_image{
    width: 66px;
}
#estore_detail_tab{
    background: whitesmoke!important;
}
.timeline_sheet{
    position: relative;

}
.timeline_sheet:before{
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    background-image:url("/static/images/app-icons/tick.svg");
    background-color: #24c58a;
    left: 0;
    right: 0;
    background-size:cover; 
    margin: 0 auto;

}
.timeline_sheet:after{
       content: " ";
    position: absolute;
    width: 8px;
    height: 100%;
    top: 20px;
    background: #24c58a;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.new_time .row:nth-last-child(1) .timeline_sheet:after{
        content: none;

}
.arrival_sheet:before{
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    background: #fff;
    border: 1px solid grey;
    left: 0;
    right: 0;
    background-size:cover; 
    margin: 0 auto;
}
@media only screen and (max-width: 1600px) {
      #estore_hearing_aid #sum li{
       width: 18.9%;
  }
  #estore_hearing_aid_real #sum li{
             width: 23.6%;
  }
#product_image_show , .prduct_ad_btn{

     width: calc(100% - 66px);

}

    }
@media (min-width: 1200px){
    .new_container {
    max-width: 1420px;
}
}
@media only screen and (max-width: 1440px) {
   .responsive_align_col_2{
    flex: 0 0 25.666667%!important;
    max-width: 25.666667%!important;
}
.responsive_align_col_10{
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
    #hz_map_fos{
        flex-grow: 1.5;
    }
  #estore_hearing_aid #sum li{
        width: 23.9%;
  }
    #estore_hearing_aid_real #sum li{
           width: 31.5%;
  }
  #product_image_show , .prduct_ad_btn{
    width: calc(100% - 56px);
}
  .estore_detail_image li {
    width: 56px;
    height: 56px;
  }
  .estore_detail_image{
     width: 56px;
  }
  #estore_hearing_aid #head_ul li {
          width: 170px;
  }

#service_tic_mainpanel dt span {
    font-size: 13px;
}
.laptop_width{
    width:50%!important;
}
}
@media only screen and (max-width: 1299px) {
    .mob_test_12{
            flex: 0 0 100%;
    max-width: 100%;
    }
    }
@media only screen and (max-width: 1410px) {
#estore_hearing_aid #sum li {
    width: 23.8%;
}
.service_plan_w{
flex: 0 0 90%!important;
max-width: 90%!important;
}
.place_head h6{
font-size: 13px !important;

}
#product_image_show , .prduct_ad_btn{

    width: calc(100% - 56px);

}

}
@media only screen and (max-width: 1360px) {
#estore_hearing_aid #sum li {
   width: 23.7%;
}
#estore_hearing_aid_real #sum li {
    width: 31.8%;
}
#product_image_show , .prduct_ad_btn{

     width: calc(100% - 56px);

}
#service_tic_mainpanel dt span {
    font-size: 12px;
}
}
@media only screen and (max-width: 1366px) {
#service_tic_mainpanel dt span {
    font-size: 12px;
}
    }
@media only screen and (max-width: 1336px) {
.damping_input_offset {
        margin-left: -14px!important;
}
    }

@media only screen and (max-width: 1280px) {
#estore_hearing_aid #sum li {

   width: 31.9%;

}
#estore_hearing_aid_real #sum li {
    width: 47.8%;
}
#service_tic_mainpanel dt span {
    font-size: 12px;
}
.checkout_ul li{
    width: 218px;
}
#product_image_show , .prduct_ad_btn {

     width: calc(100% - 56px);

}
.laptop_width_count{
    width:100%!important;
}

}
@media only screen and (max-width: 1149px) {
.damping_input_offset input{
    width: 100px;
    }
    .damping_input_offset tr th{
        white-space: normal!important;
    }
}
@media only screen and (max-width: 1024px) {
#estore_hearing_aid #sum li {

    width: 31.5%;

}
#estore_hearing_aid_real #sum li {
    width: 47%;
}
.product_cal {
    float: left;
    width: calc(100% - 300px)!important;
}
.filter_cal {
    float: left;
    width: 300px!important;
}

.checkout_pos {
    /* position: absolute; */
    right: 0;
    top: 8px!important;
    position: relative!important;
}
.header_pos_estore{
    display:  none;
}
.card_estore li {
    padding: 7px!important;
    }
    #estore_hearing_aid_real .card-header.pb-0{
            padding: 1rem 1rem!important;
    }
#product_image_show , .prduct_ad_btn{

     width: calc(100% - 56px);

}
.estore_detail_image {

    width: 100%;

}
#product_image_show , .prduct_ad_btn {

     width: 100%;

}

.estore_detail_image li{
    display: inline-block;
}
}
.laptop_width{
    width:auto
}