@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Roboto&display=swap');
* {
    box-sizing: border-box;
}
body {
    height: 100%;
}
a:hover, a:focus {
    color: #2a5859;
    text-decoration: underline;
}
.header-middle {padding: 10px 0;border: 1px solid #f1f1f1;}
.logo-img{ width:130px;}
.header-search{margin:14px 0;position:relative;}
.header-search-input{margin:0;padding:2px 10px;transition:border-color .1s ease-out;font-family:inherit;font-size:14px;color:#424242;border:1px solid #c2c2c2;height:40px!important;line-height:40px;padding-right:60px;width:100%;background:#f6f6f6}
input.header-search-button,input.header-search-button:hover{position:absolute;right:0px;opacity:1;z-index:9;height:40px!important;font-size:12px;font-weight:600;box-shadow:0 0 0;border:1px solid #008081;cursor:pointer;color:#fff;background-image:url('../images/search-icon-white.png');background-color:#008081;background-position:center;background-repeat:no-repeat;background-size:30%;width:60px;}
input.header-search-button:focus-visible{outline-offset:0;outline:0}
:focus-visible{outline:-webkit-focus-ring-color auto 0}
.user{float:right;}
.user-detail{float:left;padding:0 10px;color:#000;margin:10px 0px;}
input.orderhistory-search-button, input.orderhistory-search-button:hover {
    /*position: absolute;*/
    right: 0px;
    opacity: 1;
    z-index: 9;
    height: 40px !important;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 0 0;
    border: 1px solid #008081;
    cursor: pointer;
    color: #fff;
    background-image: url('../images/search-icon-white.png');
    background-color: #008081;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    width: 60px;
}

    input.orderhistory-search-button:focus-visible {
        outline-offset: 0;
        outline: 0
    }

.orderhistory-input {
    width: 270px;
}

.banner_main {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 2px #e6e6e6
}
.lblstatus {
    text-indent: 410px;
    font-size: 11px;
}
.user-detail .user-icon {
    display:inline-block;
    margin:0;
    padding:0;
    padding-right:10px;
}
.user-detail .user-icon img {    
    width:40px;
}
.error_field {
    border: 1px solid red;
}
.red{
    color:red;
}
.user-detail .user-name {
    display:inline-block;
    vertical-align:middle;
    margin: 0;
    padding: 0;
}
    .user-detail a.logout {
        /*  background: url(../images/logout.png) no-repeat;*/
        /*background-position: 0 4px;
        padding-left: 16px;*/
        font-family: Roboto;
        font-size: 14px;
        color:#333;
        text-decoration:none;
    }
.user-detail-name {
    display: block;
    font-size: 16px;
    font-weight:600;
    font-family: Roboto;
    color: #008081;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    cursor:pointer;
}
.logout-container{display:inline-block;}
.profile_menu > li > a {padding: 8px 20px !important;border-bottom:1px dotted #dedede;}
.header-menu {
    background: #ebebeb;
}
.header-menu-nav {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
    .header-menu-nav li {
        float: left;
        margin-right: 20px;
        flex-grow: 1;
        /*flex-basis: 0;*/
    }
.header-menu-nav li a{padding:5px;font-family:Roboto; font-size:16px;font-weight:600; color:#000;display: block;}
.header-menu-nav li.active a{color:#008081;}

li.header-menu-search{display:inline-block;padding:0;margin-bottom:0;list-style-type:none;margin-right: 5px;}
li.header-menu-search > a{display:block;font-weight:600;font-size:16px;color:#fff;text-decoration:none;padding:8px;margin:0;background:#008081;text-align:center}
li.header-menu-search > a img {width: 28px;margin-top: -5px;margin-left: 10px;margin-right: 0;}
.header_cart-block {float:right;margin:10px 20px;}
.change-icons .fa-angle-double-down:before {
    content: "\f102";
}
.header_cart_icon {
    position: relative;
    padding: 2px;
    margin: 0;
    cursor: pointer;
}
.header_cart_icon span {
    position: absolute;
    right: -8px;
    top: -15%;
    background: #008081;
    /* padding: 9%; */
    border-radius: 48%;
    color: #fff;
    width: 24px;
    line-height: 24px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}
.header_cart_icon img {
    width:40px;
}

.header-login {
    position: absolute;
    left: 100px;
    bottom: -45px;
}

.header-login .login-text {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
}

.header-login .login-icon {
    padding: 5px 10px;
    border-radius: 5px;
    background: #008081;
    margin-right: 10px;
}

    .header-login .login-icon i {
        color: #fff;
    }


.remove{
    display:none!important;
}

.seach-box-toggle{
    display:block;
}

.home-background {
    background: url(../images/tealymmbackground1.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 50px 0;
}
.ymme-search{margin-bottom:25px;}
.oem-search-input{margin:0;padding:2px 10px;transition:border-color .1s ease-out;font-family:inherit;font-size:14px;color:#424242;border:1px solid #c2c2c2;height:40px!important;line-height:40px;padding-right:60px;width:100%;background:#fff}
input.oem-search-button,input.oem-search-button:hover{position:absolute;right:0px;opacity:1;z-index:9;height:40px!important;font-size:12px;font-weight:600;box-shadow:0;border:1px solid #008081;cursor:pointer;color:#fff;background-image:url('../images/search-icon-white.png');background-color:#008081;background-position:center;background-repeat:no-repeat;background-size:30%;width:60px;border:0}
    input.oem-search-button, input.oem-search-button:hover, input.header-search-button, input.header-search-button:hover {
        top: 0 !important;
    }


input.oem-search-button:focus-visible{outline-offset:0;outline:0}
.other-search{margin-bottom:25px;}
.other-search-title{color:#fff;vertical-align:text-top;font-size:18px;font-weight:700;border-right:1px solid #fff;width:15%;line-height:24px;text-align:right;margin-right:10px;padding-right:10px;display:inline-block;vertical-align:middle;}
.other-search-sec{width:70%;display:inline-block;position:relative;vertical-align:middle;}
.switcher-wrapper{width:100%;display:inline-block;margin-right:45px;position:relative;text-align:center}
.mmy-search-container{width:100%;box-shadow:rgba(0,0,0,0.1) 0 0 0;font-family:"open sans",sans-serif;position:relative;left:0;top:0;z-index:9999;background:rgba(0,0,0,.76);display:inline-block;padding:30px 15px;margin:0 auto}
.mmy-search-container .form-group{margin-bottom:0;display:inline-block;width:160px;margin-right:10px;text-align:left}
.mmy-search-container .form-group.year_drpdowns{width:150px}
.ymmlabl{color:#fff;}
.switcher-search-button{display:inline-block;vertical-align:middle}
.mmy-search-button{background:#008081;color:#fff;padding:6px 20px;border:0;font-family:'Roboto',sans-serif;font-weight:600;border-radius:4px;border:1px solid #008081}
.mmy-search-title{color:#fff;font-weight:600;font-size:18px;text-align:center;margin-bottom:0;position:relative;display:inline-block;width:250px}
.best-service-box{background:#fff; box-shadow:0 0 5px #3e3d3d;display:block;text-align:center; margin-top:0; padding:5px 10px;min-height: 53px;}
.left-image{display:inline-block; margin-right:10px;}
.left-image img{width: 45px;}
.right-content{display:inline-block; vertical-align:middle;}
.right-content h3{font-family:Oswald; font-weight:800; color:#000; font-size:20px; margin:0;}
.home-our-product{padding-top:40px;padding-bottom:30px;background:#f4f3f3;}
.best-service-banner{background:#f4f3f3f3; padding-top:20px;}
.block-content {background: #fff;box-shadow: 0 0 5px rgba(62,61,61,0.49);}
.img-block{overflow:hidden;position:relative;height:180px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.img-block img{transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;max-height:100%;max-width:100%;display:block;margin:0 auto;padding:15px}
.content-block{background:#f4f3f3;font-size:20px;text-align:center;padding:10px}


.title-bar{position:relative;border-bottom:2px solid #ccc;margin-bottom:30px;padding-bottom:10px;font-size:18px;font-weight:600;font-family:'Roboto';text-transform:uppercase}
.title-bar:after{content:'';height:3px;width:50px;background:#008081;position:absolute;bottom:-1px;left:0}

.item-product{border:1px solid #e8e8e8;margin-bottom:10px;position:relative;height:100%}
.product-thumb{position:relative;overflow:hidden;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s}
.product-thumb-link{overflow:hidden;position:relative;height:180px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.product-thumb-link img{transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;max-height:100%;max-width:100%;display:block;margin:0 auto;padding:15px}
.product-thumb-text{overflow:hidden;display:block;text-align:center;line-height:1.75;margin:0;padding:0 5px;}
.product-thumb-title{color:#333;font-weight:600;width:100%;max-height:50px;overflow:hidden;}
.product-thumb-brand {color: #424242;overflow: hidden;width: 100%;max-height: 30px;}
.product-thumb-partid {color: #333;font-weight:600;}
.ribbon-left{position: absolute;top: 2%;left:-5%;color: #fff;margin: 0;padding: 0px;font-size: 12px;font-weight:500;z-index: 1;}
.ribbon-left:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;z-index:1;transform: skewX(35deg);-moz-transform: skewX(35deg);-webkit-transform:skewX(35deg);-o-transform:skewX(35deg);-ms-transform:skewX(35deg);}
.ribbon-right {position: absolute;top: 2%;right: -5%;color: #fff;margin: 0;padding: 0px;font-size: 12px;font-weight: 500;z-index: 1;}
.ribbon-right:before {content: "";width: 100%;height: 100%;display: block;position: absolute;top: 0;z-index: 1;transform: skewX(35deg);-moz-transform: skewX(35deg);-webkit-transform:skewX(35deg);-o-transform:skewX(35deg);-ms-transform:skewX(35deg);}
.ribbon-text {position:relative;z-index:99;padding:1px 20px;}
.ribbon-green:before{background: #449d44;}
.ribbon-red::before {background: #c9302c;}
/*Brand css*/
.brand-section {
    margin: 30px 0
}
.brand-block{overflow:hidden;position:relative;height:80px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid #ccc}
.brand-block img{transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;max-height:100%;max-width:100%;display:block;margin:0 auto;padding:15px}

/*Owl carousel css*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;max-width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{top:50%;width:100%;margin-top:-16px;position:absolute;height:0}
.owl-theme .owl-nav [class*=owl-]{font-size:14px;margin:5px;padding:10px 17px;background:#007f82;display:inline-block;cursor:pointer;border-radius:0;color:#fff;-webkit-transition:all .45s ease-in-out;-moz-transition:all .45s ease-in-out;-o-transition:all .45s ease-in-out;-ms-transition:all .45s ease-in-out}
.owl-theme .owl-nav .owl-next{float:right;margin-right:0px}
.owl-theme .owl-nav .owl-prev{float:left;margin-left:0px}

.brand-slider.owl-theme .owl-nav{top:40%}

/*footer css*/
.height {
    height: 60px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.footer-section {
    background: #2b2b2b;
    padding: 10px;
    font-size: 12px;
    box-shadow: 0 4px 5px #ccc;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    vertical-align: top;
    box-shadow: 0 0 5px #ccc;
    margin-top: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
}
.footer-section ul{list-style:none;display:inline-block;padding:0;margin:0}
.footer-section ul li{float:left;color:#fff;}
.footer-section ul li a{color:#fff}
.footer-copyright {float:left;}
.footer-listing {float: right;}
.m-r-50 {margin-right:50px;}
.copyright{margin-bottom:0; text-align:center;color:#fff;font-size:16px;}
#tidio-chat-iframe {
    inset: auto 9px -25px auto!important;
}

.apa-ac-item {
    cursor: pointer;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    font-style: normal;
    color: #1e4ea7;
    outline: 0;
    font-size: 14px;
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
    line-height: 17px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.serch_img {
    width: 50px;
    display: inline-block;
}
.search_img_title {
    width: 85%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
/*.apa-ac-item {
    cursor: pointer;
    border-top: 1px solid #eee;
    padding: 6px;
    font-style: normal;
    color: #1e4ea7;
    outline: 0;
    font-size: 14px;
    font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
    line-height: 17px;
    position: relative;
}*/
.apa-ac-item img {
    border: none;
    float: left;
    margin-right: 10px;
    width: 50%;
}

.empty-data {
    font-size: 14px;
    text-align: center;
    font-family: sans-serif;
    background-color: #fff;
}



.apa-ac-main {
    z-index: 1056;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    width: 92% !important;
    position: absolute;
    top: 44px;
    overflow: auto;
    padding: 11px;
    margin: 0;
    text-align: left;
    border: 3px solid #ddd;
    min-height: 51px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    display: block;
    max-height: 300px;
}

.apa-ac-item .apa-item-txt {
    padding: 0;
    color: #1e4ea7;
    line-height: 16px;
    word-wrap: break-word;
    text-align: left;
    font-size: 14px;
    font-family: sans-serif;
}

.serch_img img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    max-width: 100%;
}


.loader-wrap {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.loader-wrap:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f7f7f7d9;
    z-index: 999;
    opacity: .8;
}

.loaded {
    text-align: center;
    margin: 0 auto;
    display: table;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
}

.loaded img {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 2s linear infinite;
}

.loading-text {
    color: white;
    margin-bottom: 0;
}
.demo-text {
    font-size: 13px;
    color: red;
    padding: 5px;
    font-weight: 800;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}


.progress-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: relative;
    float: right;
    margin-bottom: 3px;
    /*    animation: spin 1.5s linear infinite;*/
    animation: bounceback 2s linear infinite;
}


@keyframes bounceback {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.product-quantity {
    width: 95px;
    position: relative;
    /*display: inline-block;
    margin-right: 10px;*/
    display: block;
    text-align: center;
    margin: 2px auto;
}

.quantity-input {
    -moz-appearance: none;
    display: block;
    width: 100%;
    min-width: 88px;
    padding: 5px 20px !important;
    text-align: center; 
}

.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-add, .quantity-sub {
    position: absolute;
    height: 100%;
    width: 24px;
    top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .18s;
}

.quantity-add:after, .quantity-add:before, .quantity-sub:after, .quantity-sub:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: currentColor;
}

.quantity-add:after {
    width: 2px;
    height: 8px;
}

.quantity-add:before, .quantity-sub:before {
    width: 8px;
    height: 2px;
}

.quantity-add {
    right: 1px;
    border-left: 1px solid #ccc;
}

.quantity-sub {
    left: 1px;
    border-right: 1px solid #ccc;
}



    /*Cart details page*/

.wrapper {
    /* width: 100%; */
    width: 97%; /*Added by Nayan K on 01/03/2022*/
    max-width: 1180px;
    min-width: 320px;
    margin: 0px auto;
}
.breadcrumb {
    display: inline-block;
    padding: 8px 0px;
    margin-bottom: 0;
    list-style: none;
    background: none;
    border-radius: 0;
    font-family: 'Futura PT';
    font-weight: normal;
}
a {
    text-decoration: none;
    color: #1376AF;
    cursor: pointer;
}
.display_100_per {
    width: 100%;
    vertical-align: top;
    font-family: 'Futura PT Book';
}
.display_inline {
    display: inline-block;
}

.purchase_head {
    font-size: 20px;
}

.cart_address {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: top;
    min-height: 270px;
}
.product_left_inner h2, .bill_to_adress, .shiping_to_adress {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Futura PT';
    font-weight: 900;
    display: block;
    background-color: #f3f3f3;
}
.bill_to_adress, .shiping_to_adress {
    color: #333;
    font-size: 18px;
    padding: 10px 15px 10px 45px;
    margin: 0 0 0 0px;
    font-weight: bold;
}
.bill_to_adress {
    background: url(../images/bill_address_icon.png) no-repeat 8px center;
}
.bold {
    font-weight: 600 !important;
}
.CartDetails table th {
    background: #2a8cef !important;
    color: #fff !important;
}
.CartDetails table th {
    background: #e8e8e8;
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 12px 8px;
}
th {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
}
.proceed_check_clk {
    background: #0f6cb2;
    color: #fff;
    padding: 6px 10px;
    margin: 10px 0 0 10px;
    font-size: 15px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    width: 250px;
}
.partSearch_content {
    margin: 0;
    padding: 2px 10px;
    transition: border-color .1s ease-out;
    font-family: inherit;
    font-size: 14px;
    color: #424242;
    border: 1px solid #dfdfdf;
    height: 45px !important;
    line-height: 45px;
    padding-right: 50px;
    border-radius: 7px !important;
    width: 100%;
}
input.apa-fa-search, input.apa-fa-search:hover {
    position: absolute;
    right: 17px;
    opacity: 1;
    z-index: 9;
    height: 46px !important;
    font-size: 12px;
    border-radius: 0 4px 4px 0;
    font-weight: 600;
    box-shadow: 0 0 1px 1px #000;
    cursor: pointer;
    color: #fff;
    background-image: url('../images/search-icon-white.png');
    background-color: #424242;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    width: 50px;
    border: none;
}


    .apa-ac-item img {
        border: none;
        float: left;
        margin-right: 10px;
        width:50%;
    }
.empty-data {
    font-size: 14px;
    text-align: center;
    font-family:sans-serif;
    background-color:#fff;
}
.apa-ac-main {
    z-index: 1056;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    width: 96% !important;
    position: absolute;
    top: 44px;
    overflow: auto;
    padding: 11px;
    margin: 0;
    text-align: left;
    border: 3px solid #ddd;
    min-height: 51px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    display: block;
    max-height: 300px;
}
.apa-ac-item .apa-item-txt {
    padding: 0;
    color: #1e4ea7;
    line-height: 16px;
    word-wrap: break-word;
    text-align: left;
    font-size:14px;
    font-family:sans-serif;
}
.serch_img img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    max-width: 100%;
}
.OEM-search-content {
    vertical-align: text-top;
    font-size: 18px;
    font-weight: 700;
    border-right: 1px solid #fff;
    width: 9%;
    line-height: 19px;
    text-align: right;
    margin-right: 10px;
    padding-right: 10px;
    padding-top: 20px;
    position: absolute;
    border-right-width: thin;
}
.OEMSearchbox_content {
    margin: 0;
    padding: 2px 10px;
    transition: border-color .1s ease-out;
    font-family: inherit;
    font-size: 1rem;
    color: #fff;
    border: 1px solid #dfdfdf;
    height: 48px !important;
    line-height: 45px;
    padding-right: 50px;
    background-color: #000;
    border-radius: 7px !important;
    width: 50% !important;
}
.OEM-search-icon {
    right: 23% !important;
}
.OEMSearchResult_content {
    z-index: 1056;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 14px;
    width: 96% !important;
    position: absolute;
    top: 47px;
    overflow: auto;
    padding: 11px;
    margin: 0;
    text-align: left;
    border: 3px solid #ddd;
    min-height: 51px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    display: block;
    max-height: 300px;
}


.dataTables_filter input {
    width: auto;
}

@media print{

    .header-middle{
        display:none;
        padding:0;
    }
    .header-menu{
        display:none;
        padding:0;
    }
    .breadcrumb-block {
        display: none;
        margin: 0;
        padding: 0;
    }
}
.pricelevel{display:none}
@media (max-width:1200px){
    .mmy-search-container{
        width:100%;
    }
    .mmy-search-container .form-group.year_drpdowns{
        width:140px;
    }
}

@media (max-width:991px){
    .right-content h3{
        font-size:13px;
    }
    .mmy-search-container {
        padding: 10px 15px 30px 15px;
    }
    .other-search-title {
        width: 100%;
        text-align: center;
        border-right: 0px solid #fff;
        margin-bottom: 10px;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }
    .other-search-sec{
        width:100%;
    }
    .mmy-search-button{
        margin-top:5px;
    }
    /*.header-middle .container{
        width:100%;
    }*/
    .block-content{
        margin-bottom:20px;
    }
}

@media (max-width:769px) {
    .best-service-box .right-content {
        width:100%;
    }
    .header-middle .logo-container{
        width:100%!important;
        text-align:center;
    }
    .best-service-banner .col-xs-4 {
        width: 100%;
    }
    .best-service-box {
        min-height: 100%;
        margin-top:20px;
    }
}
@media (max-width:500px) {
    .header-middle .header-search-container {
        width: 100% !important;
        text-align: center;
    }
    .mmy-search-container .form-group.year_drpdowns {
        width: 100%;
        margin-bottom:10px;
    }
    .mmy-search-container .form-group {
        width: 100%;
        margin-bottom: 10px;
    }
}
.priceleveltext{display:none}


.post-content {
    padding: 15px;
    font-family: Roboto;
}
.para-text {
    font-size: 14px;
    margin-bottom: 25px;
    font-family: 'Open Sans';
    font-weight: normal;
    line-height: 1.8;
}
.para-italic {
    font-size: 14px;
    margin-bottom: 25px;
    font-family: 'Open Sans';
    font-style:italic;
}
.bold-title {
    font-size: 18px;
    font-weight: 600;
}

.submit-form{
    float:right;
}
.dataTables_length label {
    width: 100%;
    display: flex;
}
.ymmlabl{color:white}

/*To top*/

.back-to-top {
    position: fixed;
    bottom: 7%;
    right: 0px;
    display: none;
    padding: 10px 12px;
    border-radius: 5px;
    z-index: 9;
    background: #008081;
    color: #fff !important;
}
/*To top*/

.UserDetailsaction
{
    width:200px !important;
}

/* common classes*/
.float-right {
    float: right;
}

/* Listing Quote page*/
.p-t-10 {
    padding-top:10px;
}
.m-t-10 {
    margin-top: 10px;
}

.ListingQuotesTopSection, #tbl_Listing_wrapper, #tbl_banner_image_wrapper {
    margin: 20px;
}

/*#tbl_Listing.table > thead:first-child > tr:first-child > th {
    width: 64px !important;
}*/
   /* #tbl_Listing.table > thead:first-child > tr:first-child > th:nth-child(1), th:nth-child(4), th:nth-child(5), th:nth-child(6) {
        min-width: 50px !important;
    }

    #tbl_Listing.table > thead:first-child > tr:first-child > th:nth-child(2) {
        min-width: 150px !important;
    }
    #tbl_Listing.table > thead:first-child > tr:first-child > th:nth-child(3), th:nth-child(7) {
        min-width: 73px !important;
    }
    #tbl_Listing.table > thead:first-child > tr:first-child > th:nth-child(8) {
        min-width: 105px !important;
    }*/

/*Comment below for email scrapping task*/
#tbl_Listing.table > thead:first-child > tr:first-child > th {
    /*width: 64px !important;
    min-width: 64px !important;*/
    width: 7% !important;
    min-width: 7% !important;
}
#tbl_banner_image.table > thead:first-child > tr:first-child > th {
    width: 64px !important;
    min-width: 64px !important;
}


.search-from-date, .search-to-date {
   padding: 5px;
   width:130px;
}

.search-btn, .quote-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-family: Roboto;
    font-weight: 600;
}

.search-btn, .quote-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-family: Roboto;
    font-weight: 600;
}

.fa.fa-pencil.edit-icon, .fa.fa-eye.view-icon, .fa.fa-trash.delete-icon, .fa.fa-copy.copy-icon {            /*//.fa.fa-copy.copy-icon        Added by Nayan K on 24/11/2021*/
    font-size: 18px !important;
    padding-right: 8px !important;
}

.fa.fa-pencil.edit-icon {
    color: green !important;
}

.fa.fa-trash.delete-icon {
    color: red !important;
}

.fa.fa-copy.copy-icon{              /*Added by Nayan K on 24/11/2021 */
    color:black !important;
}
/* Add Quote Page*/
.excel-icons{
    float:right;
    margin-right:8px;
}
.quote-input {
    padding: 5px;
    margin-left:25px;
    width:150px;
}
.excel-quote-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 4px 20px;
    font-family: Roboto;
    font-weight: 600;
}
.excel-icons img {
    width: 22px;
    vertical-align: top;
    margin-right: 5px;
}
.excel-icons i.material-icons.right {
    top:auto;
    font-size:20px;
}
.pg_header {
    margin: 20px 0px 20px 20px;
    display: inline-block;
    float: right;
}

.submit-btn, .generate-quote-btn, .copy-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    border: 0;
}
.cancel-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-family: Roboto;
    font-weight: 600;
}
.changestatus-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-family: Roboto;
    font-weight: 600;
    margin-left: 450px;
}
.Calculate-btn {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    border: 0;
    margin-top: 24px;
}
.submit-btn1 {
    background-color: #3D8081;
    color: #fff;
    padding: 5px 25px;
    font-family: Roboto;
    font-weight: 600;
}
.reset-btn {
    background-color: #d92c2c;
    color: #fff;
    padding: 5px 25px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    border: 0;
}

#DownloadESExcel1 {
    background-color: #3D8081;
    color: #fff;
    padding: 3px 10px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    float: right;
}

.generate-quote-btn {
    margin-top: 10px;
}
.quote-num {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 600;
    padding-top:0.3%;
    padding-left:0.3%;
}

.form-horizontal .control-label
{
    text-align: left !important;
}

.panel-info {
    box-shadow: 0 0 5px rgb(62 61 61 / 49%) !important;
    border: none !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.panel-info > .panel-heading {
    color: #fff !important;
    font-family: Roboto;
    font-weight: 600;
    background-color: #3D8081 !important;
    border-color: #3D8081 !important;
}

.panel-body {
    padding-top: 20px !important;
}

ul#ui-id-1 {
    z-index: 1;
    list-style-type: none;
    overflow-y: scroll;
    height: 200px;
    background-color: #fff;
    border: 1px solid #3D8081;
    /*width: 333px !important;*/
    width: 260px !important;
    padding: 0;
}

    ul#ui-id-1 li {
        cursor: pointer;
        padding: 5px
    }

.add-qoute-input-box, .part-list-tree-box, .choosepart-dropdownPositionQualifier, .choosepart-drpAQNew {
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(62 61 61 / 49%);
    position: relative;
}

.add-qoute-container .form-group {
    margin-bottom: 10px;
}

.add-qoute-button-sec {
    text-align: center;
}

.add-qoute-product {
    margin-bottom: 10px;
}

.control-label {
    font-size: 14px;
    font-weight: 500;
}



/*#dvProductRoQuote
{
    margin-left: 10px;
    margin-right: 10px;
}*/

/*#tbl_ProductToQuote {
    width: 70% !important;
    
   
}*/
/* View Quote on Listing page*/
/*.listing-h-line {
    margin-top: 5px !important;
    margin-bottom: 25px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}*/
.listing-view-data-border {
    box-shadow: 0 0 5px rgb(62 61 61 / 49%) !important;
}

.order-table tr td p {
    margin-bottom: 10px;
    font-family: 'Roboto';
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

    .order-table tr td span {
        font-weight: 300 !important;
    }

.address_block-input {
    padding: 25px 15px 0px 0px;
}
#tbl_ProductDetails_wrapper {
    /*box-shadow: 0 0 5px rgb(62 61 61 / 49%) !important;*/
    padding: 15px;
    margin-bottom: 10px;
}
#tbl_myGenerateQuoteModal {
    margin: 0 !important;
}
/*header container full width */
/*.container {
    width: 100% !important;
}

.wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}*/

#tbl_ProductToQuote_info{
    display:none !important;
}
#tbl_ProductToQuote_length {
    display: none !important;
}
#tbl_ProductToQuote_filter {
    display: none !important;   
}

#tbl_ProductToWHI_info {
    display: none !important;
}

#tbl_ProductToWHI_length {
    display: none !important;
}

#tbl_ProductToWHI_filter {
    display: none !important;
}


.whi-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

    .whi-box:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #f7f7f7d9;
    }

.whisearching {
    background-color: white;
    width: 600px;
    position: relative;
    z-index: 99;
    padding: 20px 20px;
    text-align: center;
    margin: 10% auto;
    font-size: 19px;
    box-shadow: 0 0 10px #0000008a;
    /* height: 100px; */
}

.choosepart-drp {
    background-color: white;
    width: 500px;
    position: relative;
    z-index: 99;
    padding: 25px 20px;
    text-align: center;
    margin: 10% auto;
    font-size: 20px;
    box-shadow: 0 0 10px #0000008a;
    /* height: 100px; */
}

#choosepart_pop {
    padding: 10px;
}


.vin-search-result {
    padding-top: 30px;
    background: #f4f3f3f3;
    padding-bottom:20px;
}




.vin-search-result-div {
    background: #fff;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.vin-search-result-div ul {
    padding: 0;
}

.vin-search-result-div ul li {
    float: left;
    list-style: none;
    padding: 10px 15px;
    width: 33.3%;
    font-family: 'Open Sans';
    font-weight: 400;
}

    /*.vin-search-result-div ul li span {*/
      
    .vin-search-result-div_span {
        font-weight: 600;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

.table-new-design {
    font-family: Roboto, sans-serif;
    background: #fff;
}

.table-new-design tr th {
padding: 5px 15px;
font-size: 15px;
vertical-align: middle !important;
}

.table-new-design tr td {
padding: 5px 15px !important;
font-family: 'Open Sans';
vertical-align: middle !important;
}

/* Add Quote Page by Suriya*/
.choosepart-dropdownPositionQualifier, .card-content {
    background-color: unset !important;
    position: relative;
}

.btn_changeSelection {
    z-index: 999;
    position: relative;
}
.btn_changeSelection1 {
    z-index: 999;
    position: relative;
}

.btn_changeSelection1 {
    z-index: 999;
    position: relative;
}

.chooseattr-drp {
    margin: 6% auto 2% auto !important;
}
.chooseattr-drp {
    background-color: white;
    /*width: 900px;*/
    position: absolute;
    z-index: 99;
    padding: 40px 20px;
    text-align: center;
    margin: 10% auto;
    font-size: 20px;
    box-shadow: 0 0 10px #0000008a;
    /*height: 100px;*/
    /* height: auto; */
    /* display: inline-block; */
    /* float: left; */
    top: 26%;
    left: 30%;
    /* height: 100px; */
}
.div_multipleOEM_Msg {
    margin: 6% auto 2% auto !important;
    position: absolute;
    text-align: center;
    font-size: 20px;
    top: 0%;
    left: 30%;
}
.choosepart-drpAQNew {
    margin: 0 auto !important;
}
.choosepart-drpAQ {
    box-shadow: 0 0 5px rgb(62 61 61 / 49%);
    padding-top: 65px;
    padding-bottom: 20px;
}

.part-list-tree-box {
    margin-bottom: 0px !important;
}

.pt-20 {
    padding-top: 20px;
}

/* New Design change by Suriya - 04-09-2024*/
/* Top Sellers Page*/
.topsellers_table thead tr {
        background-color: #3f3f3f;
    color: #ffffff;
}
.table-delete-icons:after {
    content: "\f1f8";
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #f70e0e;
}

#tblTopSellers_length select {
    margin-left: 3px;
    margin-right: 3px;
}

 .top-sellers-selection {
     margin-bottom: 10px;
 }

 .top-sellers-selection .multiselect_main {
        display: inline-block;
        width: 210px;
        margin: 0 10px 0 0;
    }

   .top-sellers-selection .dropdown_top {
        width: 210px;
        color: #959292;
    }

   .top-sellers-selection .display_block {
        display: block;
    }
     .top-sellers-selection .drp_hgt {
        height: 34px;
    }

       .top-sellers-selection  .disply_inline_box {
        display: inline-block;
        }





@media (max-width:991px) {
    .vin-search-result-div ul li{
        width:50%;
    }
}

@media (max-width:600px) {
    .vin-search-result-div ul li {
        width: 100%;
    }
}

/* password display*/

td.user_password {
    width: 100px;
    position: relative;
    padding-right: 25px !important;
}

    td.user_password span.view-icon {
        position: absolute;
        top: 6px;
        right: 0;
    }

        td.user_password span.view-icon:before {
            font-size: 12px;
        }

.table-icons {
    margin-right: 15px !important;
}

.pwsd-tooltip {
    max-width: 90px;
    position: relative;
    word-wrap: break-word;
    cursor: pointer;
}

.fa.fa-eye-slash.view-icon { 
    font-size: 18px !important;
    padding-right: 8px !important;
}

@media (max-width:1440px) {
    .add-qoute-input-box .control-label {
        font-size: 12px;
    }

    .add-qoute-input-box span#shw_always {
        font-size: 12px;
        float: right;
    }

    .add-qoute-input-box .select2-container {
        width: 100% !important;
    }
}

@media (max-width:1240px) {
    .add-qoute-input-box .control-label {
        font-size: 10px;
    }

    .add-qoute-input-box span#shw_always {
        font-size: 10px;
        float: right;
    }

    .add-qoute-input-box .select2-container {
        width: 100% !important;
    }

    .add-qoute-input-box input#show_always {
        width: 10px;
        height: 10px;
    }
}

.add-qoute-input-box span.select2.select2-container.select2-container--default {
    display: block;
    width: 100% !important;
}

/*Added content 30/07/2025 by pradeep*/ 
.add-qoute-container .add-qoute-details {
    display: block !important;
}