html {
    scroll-behavior: smooth;
}

body {
    font-size: 1.4rem;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: 'BizeeBuy-default', sans-serif;
    background-color: #f2f1f7;/* #f1f3f6;*/
    position: relative;
    color:rgb(59 62 78);
}

body.buyer-background::after {
    content: "";
    opacity: 0.12;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

ul {
    margin: 0;
    padding: 0;
}
.inline {
    display: inline-block;
    vertical-align: top;
}
ul {
    list-style: none;
}
a {
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
a {
    outline: none!important;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
}
img[src="assets/images/blank.gif"] {
    background: url("../images/ajax.gif") no-repeat scroll center center #ffffff;
}

.btn-upper {
    text-transform: uppercase;
}


/*===================================================================================*/
/*  Buttons
/*===================================================================================*/

.btn-uppercase {
    text-transform: uppercase;
}

/*===================================================================================*/
/*  Layout
/*===================================================================================*/
.center-block {
    float: none;
}
.inner {
    padding-top: 120px;
    padding-bottom: 120px;
}
.inner-md {
    padding-top: 100px;
    padding-bottom: 100px;
}
.inner-sm {
    padding-top: 80px;
    padding-bottom: 80px;
}
.inner-xs {
    padding-top: 40px;
    padding-bottom: 40px;
}
.inner-vs {
    padding-top: 30px;
    padding-bottom: 30px;
}
.inner-top {
    padding-top: 120px;
}
.inner-top-md {
    padding-top: 100px;
}
.inner-top-sm {
    padding-top: 80px;
}
.inner-top-xs {
    padding-top: 40px;
}
.inner-top-vs {
    padding-top: 30px;
}
.inner-bottom {
    padding-bottom: 120px;
}
.inner-bottom-md {
    padding-bottom: 100px;
}
.inner-bottom-sm {
    padding-bottom: 80px;
}
.inner-bottom-xs {
    padding-bottom: 40px;
}
.inner-bottom-vs {
    padding-bottom: 60px;
}
.inner-left {
    padding-left: 75px;
}
.inner-left-md {
    padding-left: 60px;
}
.inner-left-sm {
    padding-left: 45px;
}
.inner-left-xs {
    padding-left: 30px;
}
.inner-right {
    padding-right: 75px;
}
.inner-right-md {
    padding-right: 60px;
}
.inner-right-sm {
    padding-right: 45px;
}
.inner-right-xs {
    padding-right: 30px;
}
.inner-right-vs {
    padding-right: 10px;
}
.outer {
    margin-top: 120px;
    margin-bottom: 120px;
}
.outer-md {
    margin-top: 100px;
    margin-bottom: 100px;
}
.outer-sm {
    margin-top: 80px;
    margin-bottom: 80px;
}
.outer-xs {
    margin-top: 40px;
    margin-bottom: 40px;
}
.outer-top {
    margin-top: 120px;
}
.outer-top-md {
    margin-top: 100px;
}
.outer-top-sm {
    margin-top: 80px;
}
.outer-top-xs {
    margin-top: 20px;
}

.outer-top-ss {
    margin-top: 20px;
}

.outer-top-n {
    margin-top: 0px!important;
}

.outer-top-vs {
    margin-top: 30px;
}
.outer-top-small {
    margin-top: 50px;
}
.outer-bottom {
    margin-bottom: 120px;
}
.outer-bottom-md {
    margin-bottom: 100px;
}
.outer-bottom-sm {
    margin-bottom: 80px;
}
.outer-bottom-vs {
    margin-bottom: 60px;
}
.outer-bottom-xs {
    margin-bottom: 30px;
}
.outer-bottom-small {
    margin-bottom: 30px;
}
.outer-top-bd {
    margin-top: 50px;
}
.inner-bottom-30 {
    padding-bottom: 30px;
}
.inner-bottom-20 {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .inner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .inner-md {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .inner-sm {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .inner-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inner-top {
        padding-top: 80px;
    }
    .inner-top-md {
        padding-top: 65px;
    }
    .inner-top-sm {
        padding-top: 50px;
    }
    .inner-top-xs {
        padding-top: 40px;
    }
    .inner-bottom {
        padding-bottom: 80px;
    }
    .inner-bottom-md {
        padding-bottom: 65px;
    }
    .inner-bottom-sm {
        padding-bottom: 50px;
    }
    .inner-bottom-xs {
        padding-bottom: 40px;
    }
}
.section-title {
    font-size: 14px;
    font-family: 'BizeeBuy-default', sans-serif;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight:bold;
    margin-top:0px;
}

.featured-product .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
}

.best-deal {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);

}

.best-deal .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
}

.best-deal .best-seller {
    padding:21px;
    padding-top:0px;
}
.best-deal .best-seller .col2 {
    padding-left:0px
}

.home-owl-carousel .owl-controls,
.brand-slider .owl-controls {
    margin-top: 0px;
}
/*carousel control button*/
.sidebar-widget .custom-carousel .owl-controls {
    right:0px
}

.custom-carousel .owl-controls {
    /* position: absolute;
    right: 20px;
    top: -32px; */
    width: 100%;
    display: block;
}
.custom-carousel .owl-controls .owl-prev {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -25px;
    right: 27px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #010514;
}
.custom-carousel .owl-controls .owl-prev:before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 13px;
    left: 7px;
    position: absolute;
    top: 2px;
}
.custom-carousel .owl-controls .owl-next {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -25px;
    right: 0px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #010514;
}
.custom-carousel .owl-controls .owl-next:before {
    content: "\f105";
    font-family: fontawesome;
    color: #fff;
    font-size: 13px;
    left: 7px;
    position: absolute;
    top: 2px;
}
.logo-slider .owl-controls .owl-prev,
.logo-slider .owl-controls .owl-next {
    top: -57px;
    display:none
}
.featured-product {
    margin-bottom:30px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);

}

.featured-product .cart-btn {
    display:none
}

.featured-product .products {
    margin-left: 0px;
    margin-right: 18px;
    padding-bottom: 15px;
}

.featured-product .home-owl-carousel {
    padding-left: 20px;
}

.featured-product .custom-carousel.all-categories .owl-controls .owl-prev, .featured-product .custom-carousel.all-categories .owl-controls .owl-next{
    display: none;
}

.new-arriavls{
    margin-bottom: 19px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);

}

.new-arriavls .products {
    margin-left: 0px;
    margin-right: 18px;
    padding-bottom: 15px;
}

.new-arriavls .home-owl-carousel {
    padding-left: 20px;
}

.new-arriavls .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 18px 20px;
}

.new-arriavls .cart-btn {
    display:none
}


.logo-slider-inner {
    margin-top: 10px;
    margin-bottom: 20px;
}
.special-product .product:first-child {
    margin-bottom: 20px;
}

.special-product .product .image img {
    width:100%
}
.special-product .product .col {
    padding-right:0px
}
.special-product .product .btn-primary {
    background:none;
    padding:0px;
    color:#157ed2;
    text-decoration:underline;
    margin-top:5px;
}

.special-product .product:last-child {
    margin-top: 20px;
}
.best-product .product:first-child {
    margin-bottom: 20px;
}
#owl-main .owl-controls .owl-buttons .icon {
    position: relative;
    top: 8px;
    color: #333 !important;
}
.config-options ul > li > a {
    display: block;
}
.read-more-bottom {
    margin-bottom: 10px;
}
.unicase-form-control {

}
.unicase-form-control:focus {
    /* -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d8d8d8; */
}
.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    animation-name: slidenavAnimation;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 200ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}
@-webkit-keyframes slidenavAnimation {
    from {
        margin-top: -30px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}
.seller-product .products {
    margin-bottom: 35px;
}

.product-slider .products {
    margin-left:0px;
    margin-right:18px;
    padding-bottom:15px
}
.product-slider .products .cart-btn {
    display:none
}
.category-product .products .cart-btn {
    display: none;
}

.seller-product .products .product .product-info .name {
    font-size: 18px;
    margin-top: 5px !important;
}
.cnt-home.buyer-background{background: radial-gradient(103.89% 81.75% at 95.41% 106.34%,#EAF8EF 6%,rgba(234,248,239,0) 79.68%),radial-gradient(297.85% 151.83% at -21.39% 8.81%,#FAF1F1 0%,#FAF1F1 15.29%,#F3EDF5 21.39%,#E5F0FA 40.79%)}
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:hover,
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:focus {
    background: #0b816a;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active {
    background: #12cca7;
}
.cnt-home .header-style-1.header-style-3 .header-nav .navbar .navbar-nav > li.active {
    background: #12cca7;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
    background: #12cca7 !important;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
    background: #12cca7;
}
.sidebar .side-menu nav .nav > li a:hover,
.sidebar .side-menu nav .nav > li a:focus {
    color: #12cca7;
}
.sidebar .side-menu nav .nav > li a:hover:after,
.sidebar .side-menu nav .nav > li a:focus:after {
    color: #12cca7;
}
.info-box .info-box-heading.green {
    color: #12cca7;
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
    color: #12cca7;
}
.product .product-info .name a:hover,
.product .product-info .name a:focus {
    color: #12cca7;
}
.product .product-info .product-price .price {
    color: #12cca7;
}
.product .cart .action ul li.lnk a:hover,
.product .cart .action ul li.lnk a:focus {
    color: #12cca7;
}
.product .cart .action ul li.add-cart-button .btn-primary:hover,
.product .cart .action ul li.add-cart-button .btn-primary:focus {
    background: #12cca7;
}
.product .cart .action ul li.add-cart-button .btn-primary.icon:hover,
.product .cart .action ul li.add-cart-button .btn-primary.icon:focus {
    background: #0b816a;
}
.tag.sale {
    background: #abd07e;
}
.copyright-bar .copyright a {
    color: #12cca7;
}
.footer .links-social .social-icons a:hover,
.footer .links-social .social-icons a:focus,
.footer .links-social .social-icons a.active {
    background: #12cca7;
}
.latest-tweet .re-twitter .comment a {
    color: #12cca7;
}
.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
    color: #12cca7;
}
.footer .contact-information .media .icon .fa-stack-2x {
    color: #12cca7;
}
.footer .contact-information .media .media-body a:hover,
.footer .contact-information .media .media-body a:focus {
    color: #12cca7;
}
.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
    color: #12cca7;
}
.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
    background: #12cca7;
}
.hot-deals .product-info .product-price .price {
    color: #12cca7;
}
.hot-deals .product-info .name a:hover,
.hot-deals .product-info .name a:focus {
    color: #12cca7;
}
.yamm .dropdown-menu .title:hover,
.yamm .dropdown-menu .title:focus {
    color: #12cca7;
}
.yamm .dropdown-menu li a:hover,
.yamm .dropdown-menu li a:focus {
    color: #12cca7;
}
.breadcrumb ul li.active {
    color: #0b816a;
}
.breadcrumb ul a:hover,
.breadcrumb ul a:focus {
    color: #0b816a;
}


.single-product .gallery-holder .gallery-thumbs .owl-item .item:hover {
    border: 1px solid #12cca7;
}
.single-product .product-info .rating-reviews .reviews .lnk:hover,
.single-product .product-info .rating-reviews .reviews .lnk:focus {
    color: #12cca7;
}
.single-product .product-info .price-container .price-box .price {
    color: #12cca7;
}
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:hover,
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:focus {
    color: #12cca7;
}
.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
    background: #12cca7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus {
    background: #12cca7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover:after,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #12cca7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a {
    background: #12cca7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #12cca7;
}
.cart .action .add-cart-button .btn.btn-primary.icon:hover,
.cart .action .add-cart-button .btn.btn-primary.icon:focus {
    background: #12cca7;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date span {
    color: #12cca7;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .author span {
    color: #12cca7;
}
#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
    background: #0b816a;
}
#owl-main .owl-controls .owl-pagination .owl-page:active span,
#owl-main .owl-controls .owl-pagination .owl-page:hover span {
    background: #12cca7;
}
.cart .action ul .lnk .add-to-cart:hover,
.cart .action ul .lnk .add-to-cart:focus {
    color: #12cca7 !important;
}
.cart .action .add-to-cart:hover,
.cart .action .add-to-cart:focus {
    color: #12cca7 !important;
}
.homepage-container .product .tag.hot {
    background: #12cca7;
}
.homepage-container .product .product-info .name a:hover,
.homepage-container .product .product-info .name a:focus {
    color: #12cca7;
}
.homepage-container .btn-primary:hover,
.homepage-container .btn-primary:focus {
    background: #12cca7;
    border: 2px solid #12cca7;
}

.category-list {
    background-color: #fff;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px; */
}
.category-product .cart .action ul li .add-to-cart:hover,
.category-product .cart .action ul li .add-to-cart:focus {
    background: #12cca7;
}
.furniture-container .product .btn-primary:hover,
.furniture-container .product .btn-primary:focus {
    background: #12cca7;
}

#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page.active span {
    background: #12cca7 !important;
}
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:hover,
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:focus {
    background: #12cca7 !important;
}
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle.max-slider-handle {
    background: #12cca7;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title > a:not(.collapsed) span {
    background-color: #12cca7;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus {
    color: #12cca7;
}
.checkout-box .checkout-progress-sidebar .panel-body ul li a:hover,
.checkout-box .checkout-progress-sidebar .panel-body ul li a:focus {
    color: #12cca7;
}
.contact-page .contact-info .contact-i {
    background-color: #12cca7;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
    color: #12cca7;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
    color: #0b816a;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
    color: #12cca7;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
    color: #0b816a;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
    color: #12cca7;
}
.logo-color {
    fill: #12cca7;
}
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:focus {
    color: #12cca7;
}
.cnt-homepage .single-product .product-info-block .txt.txt-qty {
    color: #12cca7;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail {
    border-bottom: none;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
    margin-right: 10px;
    padding: 0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
    background: #12cca7;
    border: 2px solid #12cca7;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
    background: #12cca7;
    border: 2px solid #12cca7;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
    color: #12cca7;
}
.yamm .dropdown-menu {
    border-top-color: #12cca7;
}
.product-comparison .compare-table tr td .product-price .price {
    color: #12cca7;
}
.product-comparison .compare-table tr td .in-stock {
    color: #12cca7;
}
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:hover,
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:focus {
    color: #12cca7;
}
.product-comparison .compare-table tr td .product-price .price {
    color: #12cca7;
}
.product-comparison .compare-table tr td .in-stock {
    color: #12cca7;
}
.body-content .x-page .x-text h1 {
    color: #12cca7;
}
.body-content .x-page .x-text a {
    color: #12cca7;
}
.sign-in-page .register-form .forgot-password,
.sign-in-page .register-form .forgot-password:hover,
.sign-in-page .register-form .forgot-password:focus {
    color: #12cca7;
}
.body-content .my-wishlist-page .my-wishlist table tbody .price {
    color: #12cca7;
}
.terms-conditions-page .contact-form {
    color: #12cca7;
}

.top-bar {
    padding:0px;
    font-size: 12px;
}
.top-bar .cnt-account {
    float: right;
    padding: 6px 0px;
}
.top-bar .cnt-account ul {
    margin: 0px;
}
.top-bar .cnt-account ul > li {
    display: inline-block;
    line-height: 12px;
    padding:3px 12px 3px 7px;
    border-right: 1px solid hsla(0,0%,100%,.2);

}
.top-bar .cnt-account ul > li:last-child {
    border:none;
    padding-right:0px

}
.top-bar .cnt-account ul > li a {
    color:rgba(255,255,255,0.8);
    padding: 0px;
    font-weight: 400;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.top-bar .cnt-account ul > li a .icon {
    display: block;
    float: left;
    padding-right: 6px;
    font-size: 11px;
}
.top-bar .cnt-account ul > li a:hover,
.top-bar .cnt-account ul > li a:focus {
    text-decoration: none;
}
.top-bar .cnt-block {
    float: right;
}
.top-bar .cnt-block .list-inline {
    margin: 0px;
}
.top-bar .cnt-block .list-inline > li {
    display: inline-block;
    margin-right:10px;
    padding:0px;
}
.top-bar .cnt-block .list-inline > li > a {
    padding: 7px 0px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    color: #888;
    display: inline-block;
}
.top-bar .cnt-block .list-inline > li > a .value {
    color: rgba(255,255,255,0.8);
    margin: 2px 4px 2px 7px;
}
.top-bar .cnt-block .list-inline > li > a:hover,
.top-bar .cnt-block .list-inline > li > a:focus {
    text-decoration: none;
    color: #888888;
}
.top-bar .cnt-block .list-inline > li .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    top: 125%;
    left: 5px;
}

.top-bar .dropdown-menu>li>a {
    padding:3px 10px;
    font-size:13px
}

.top-bar .cnt-block .list-inline > li .dropdown-menu li a:hover,
.top-bar .cnt-block .list-inline > li .dropdown-menu li a:focus {
    background: rgba(0, 0, 0, 0);
}


/*===================================================================================*/
/* Header
/*===================================================================================*/
header .register-msg {
    position: relative;
    top: 0px;
    -webkit-animation: slideInDown 0.4s ease-in-out 0s 1 both;
    animation: slideInDown 0.4s ease-in-out 0s 1 both;
}
header .register-msg.top-fix {
    position: absolute;
    width: 100%;
    top: -50px;
    -webkit-animation: slideInUp 0.4s ease-in-out 0s 1 both;
    animation: slideInUp 0.4s ease-in-out 0s 1 both;
}
.logocls{
    font-size: 25px;
    margin-top: 0px;
    padding: 0px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
}
.header-style-1 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 6px 16px rgba(52,105,203,.16);
    box-shadow: 0px 6px 16px rgba(52,105,203,.16);
}
.bottom-header {
    position: sticky;
    position: -webkit-sticky;
    /*    background-color: #f2f1f7;  #f1f3f6;*/
    position: relative;
    /*background: rgb(0,16,61);*/
    background: #01011C;
    background: linear-gradient(137deg, rgba(1, 1, 28, 1) 15%, rgba(5, 0, 56, 1) 72%, rgba(240, 77, 166, 1) 96%);
    /*background: linear-gradient(163deg, rgb(192 93 0) 46%, rgba(250, 250, 230, 1) 60%, rgba(237, 245, 218, 1) 68%, rgba(84, 122, 2, 1) 85%);*/
}
.bottom-header.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    margin-bottom: 0px;
    /*        -webkit-animation: fadeInDown .4s ease-in-out 0s 1 both;
            animation: fadeInDown .4s ease-in-out 0s 1 both;*/
}

.main-header {
    /*    padding:15px 0px 15px 0px;*/
    padding:5px;
}
.main-header .logo-holder {
    margin-top: 0px;
}
.main-header .logo-holder .logo img {
    width: 200px;
    display: inline-block;
}
.main-header .top-search-holder .contact-row {
    line-height: 20px;
    color: #9b9b9b;
}
.main-header .top-search-holder .contact-row .phone {
    margin: 0 23px 0 0;
    border-right: 1px solid #E2E2E2;
    padding-right: 35px;
}
.main-header .top-search-holder .contact-row .icon {
    font-size: 18px;
    line-height: 23px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}
.main-header .top-search-holder .search-area {
    /* -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 5px 0 0;
    background:#fff;
    border-radius:2px; */
}
.main-header .top-search-holder .search-area .control-group {
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #c4d4e9;
    position: relative;
    margin-top: 5px;
}
.main-header .top-search-holder .search-area .search-field {
    border: medium none;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 35px 8px 20px;
    background-color: #f2faff;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-header .top-search-holder .search-area .search-field:focus {
    outline: none;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(17, 30, 88, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(17, 30, 88, 0.15);
    -o-box-shadow: 0 3px 10px rgba(17, 30, 88, 0.15);
    box-shadow: 0 3px 10px rgba(17, 30, 88, 0.15);
}
.main-header .top-search-holder .search-area .categories-filter {
    border-right: 1px solid #E0E0E0;
    text-transform: capitalize;
    display: inline-block;
    line-height: 40px;
    background: #f6f6f6;
    border-radius:3px 0px 0px 3px
}
.main-header .top-search-holder .search-area .categories-filter a {
    padding: 0 10px;
    color: #666;
    font-size: 13px;
}
.main-header .top-search-holder .search-area .categories-filter a .caret {
    margin-left: 15px;
    color: #a0a0a0;
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    padding: 12px 17px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li {
    margin-bottom: 10px;
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a {
    padding: 0px;
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:hover,
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:focus {
    background: rgba(0, 0, 0, 0);
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li.menu-header {
    font-family: 'BizeeBuy-default', sans-serif;
    line-height: 30px;
}
.main-header .top-search-holder .search-area .search-button {
    position: absolute;
    top: 50%;
    right: 10px;
    /* border-radius: 0px 40px 40px 0px; */
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: transparent;
    border: none;
    transform: translateY(-50%);
    margin-top: -3px;
}
.main-header .top-search-holder .search-area .search-button:after {
    color: #dde4ec;
    content: "\f002";
    font-family: fontawesome;
    font-size: 22px;
    line-height: 9px;
    vertical-align: middle;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar-default {
    background: #404040;
}
.top-cart-row {
    /*    padding-top:8px;*/
    /* padding-left:0px */
}

.top-cart-row .dropdown-cart {
    /* float: right;
    top: 4px; */
}

.top-cart-row .dropdown-cart img {
    /* width:100% */
}

.top-cart-row .cnt-block .list-inline {
    margin: 0px;
}
.top-cart-row .cnt-block .list-inline > li {
    display: inline-block;
    /* margin-left:4px; */
    padding:0px;
    line-height: inherit;
    /* margin-top: -2px; */
}
.top-cart-row .cnt-block .list-inline > li.dropdown {

}
.top-cart-row .cnt-block .list-inline > li.lang-dropdown {
    margin-top: 7px;
    vertical-align: top;
}
.top-cart-row .cnt-block .list-inline > li > a > i.mdi:before {
    font-size:26px;
}
.top-cart-row .cnt-block .list-inline > li {
    margin-right:12px;
}
.top-cart-row .cnt-block .list-inline > li:last-child {
    margin-right:0px;
}
.top-cart-row .cnt-block .list-inline > li > a .value {
    font-size: 12px;
}
.top-cart-row .cnt-block .list-inline > li > a:hover,
.top-cart-row .cnt-block .list-inline > li > a:focus {
    text-decoration: none;
    /* color: #ffffff; */
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.lang-dropdown-menu {
    min-width: 130px;
    top: 200%;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu {
    /* -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; */
    -webkit-box-shadow: 0 6px 20px rgba(15, 20, 91, 0.18),0 -6px 15px rgba(15, 20, 91, 0.05);
    -moz-box-shadow: 0 6px 20px rgba(15, 20, 91, 0.18),0 -6px 15px rgba(15, 20, 91, 0.05);
    box-shadow: 0 6px 20px rgba(15, 20, 91, 0.18),0 -6px 15px rgba(15, 20, 91, 0.05);
    border: 1px solid #e1e1e1;
    top: 145%;
    /* left: 5px; */
    left: auto;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu::before {
    font-family: FontAwesome;
    content: "\f0d8";
    position: absolute;
    top: -16px;
    left: 10px;
    right: auto;
    font-size: 30px;
    color: #fff;
    line-height: 20px;
    transition: top .35s ease;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.right::before {
    right: 16px;
    left: auto;
}
.top-cart-row .dropdown-menu>li>a {
    padding:5px 10px;
    /* font-size:13px; */
    color: rgb(90, 95, 125);
}
.top-cart-row .dropdown-menu > li:first-child > a {
    padding: 10px;
}
.top-cart-row .dropdown-menu > li:last-child > a {
    color: #010514;
    padding: 10px;
}
.top-cart-row .dropdown-menu > li > a:hover, .top-cart-row .dropdown-menu > li > a:focus {
    color: #010514;
    background-color: #f2f1ff;
}
.top-cart-row .dropdown-menu.lang-dropdown-menu > li:last-child > a,.top-cart-row .dropdown-menu.lang-dropdown-menu > li:first-child > a {
    color: rgb(90, 95, 125);
    padding: 5px 10px;
}
.top-cart-row .dropdown-menu.lang-dropdown-menu > li > a:hover, .top-cart-row .dropdown-menu.lang-dropdown-menu > li > a:focus {
    color: #010514;
    background-color: #f2f1ff;
}

.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list,.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification-dropdown-list,
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list {
    right: -15px;
    left: auto;
    width: 260px;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification-dropdown-list {
    width: 300px;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list .media {
    margin-top: 10px;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list .media:first-child a:hover,.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list .media:first-child a:focus {
    background-color: transparent;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list .media + .media {
    margin-top: 0;
}

.top-cart-row .cnt-block .list-inline > li .dropdown-menu.profile-dropdown-list .media:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.top-cart-row .lang-select {
    position: relative;
    float: right;
}
.top-cart-row .lang-select .dropdown {
    /* float: left; */
}
.top-cart-row .lang-select .dropdown-toggle {
    color: #fff;
    padding: 0px 5px 1px 8px;
    border-radius: 50px;
    display: inline-block;
}

.top-cart-row .lang-select .dropdown-toggle .fa {
    color: #ffac48;
    font-size: 20px;
}

/* ******************* */

.top-cart-row .dropdown-cart .lang-select {
    display: inline-block;
}
.top-cart-row .dropdown-cart .lang-select .dropdown {
    float: left;
}
.top-cart-row .dropdown-cart .lang-select .dropdown-toggle {
    line-height: 35px;
    color: #fff;
    background: #ffac48;
    padding: 3px 8px;
    border-radius: 50px;
    display: inline;
}
.top-cart-row .dropdown-cart .lnk-cart, .top-cart-row .notification-dropdown .profile-toggle, .top-cart-row .notification-dropdown .notification-toggle {
    padding: 0px;
    border-radius: 100px;
    display: inline-block;
    color: #ffffff;
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner {
    position: relative;
    /* margin-right: 10px; */
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
    padding: 7px 12px 7px 15px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: capitalize;
    float: left;
    letter-spacing: 0.5px;
    font-weight:600;
    font-size:14px;
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
    /* float: left;
    padding: 0px;
    text-align: center; */
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 20px;
    position: absolute;
    right: -20px;
    top: -6px;
    width: 30px;
    background: #a54c75;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
    font-weight:500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 2px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.top-cart-row .dropdown-cart .dropdown-menu {
    /* border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; */
    float: right;
    left: auto;
    min-width: 0;
    /* padding: 10px 10px; */
    right: 0;
    width: 230px;
    /* -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; */
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item a {
    color: rgb(90, 95, 125);
    cursor: pointer;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary {
    /* max-height: 300px;
    overflow-x: hidden; */
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .cart-item .media {
    margin-top: 0;
    padding: 6px 10px;
    border-bottom: 1px solid #e5e5e5;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .cart-item .media:hover {
    background-color: #f2f1ff;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .cart-item .media:hover a {
    color: #010514;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .cart-item .media:hover {

}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .row {
    margin-bottom: 10px;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name {
    font-size: 13px;
    font-family: 'BizeeBuy-default', sans-serif;
    margin-top: 0px;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name a {
    color: #666666;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .price {
    /* font-weight: 700; */
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action {
    padding: 0;
    position: relative;
    font-size: 15px;
    right: 12px;
    top: 8px;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a {
    color: #898989;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .text {
    /* font-size: 13px;
    font-family: 'BizeeBuy-default', sans-serif;
    color: #666666;
    margin-right: 10px; */
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .price {
    /* font-weight: 700; */
}


/***** Notifications ALert *****/

.notification-dropdown .dropdown-menu {
    border-color: transparent !important;
    /* -webkit-box-shadow: 0 6px 20px rgba(15, 20, 91, 0.18);
    box-shadow: 0 6px 20px rgba(15, 20, 91, 0.18); */
    border: none !important;
    border-radius: 4px;
    min-width: 250px;
}

.notification-dropdown .notification {
    /* width:350px;
    padding:0;
    line-height:1.4;
    right: 0 !important;
    left: auto !important; */
}
.notification-dropdown .notification a {
    color:rgb(90, 95, 125);
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media:first-child a:hover, .top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media:first-child a:focus,
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media:last-child a:hover, .top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media:last-child a:focus,
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .media:first-child a:hover, .top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .media:first-child a:focus
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .media:last-child a:hover, .top-cart-row .cnt-block .list-inline > li .dropdown-menu.cart-dropdown-list .media:last-child a:focus {
    background-color: transparent;
    color: #010514;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media:last-child a {
    /* color:rgb(90, 95, 125); */
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .media {
    margin-top: 10px;
}
.top-cart-row .cnt-block .list-inline > li .dropdown-menu.notification .notification .media {
    margin-top: 0;
    padding: 6px 10px;
    border-bottom: 1px solid #e5e5e5;
}
.notification-dropdown .notification .noti-head {
    background-color:#33487d;
    padding: 5px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 13px;
}


.notification-dropdown .notification .noti-head h6 {
    color:#fff;
}
.notification-dropdown .notification .noti-head a {
    color:#fff;
    text-decoration:underline;
    font-size:13px;
}
.notification-dropdown .notification .noti-body {
    /* padding:0;
    position:relative;
    height:300px;
    max-height: 300px;
    overflow-x: hidden; */
}
.notification-dropdown .notification .noti-body img {
    width:45px;
    margin-right: 0px;
}
.notification-dropdown .notification .noti-body li {

    -webkit-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
}
.notification-dropdown .notification .noti-body li.n-title {
    background: #f1f6ff;
    padding:8px 12px;
}
.notification-dropdown .notification .noti-body li.n-title::before,.notification-dropdown .notification .noti-body li.n-title::after {
    content: " ";
    display: table;
}
.notification-dropdown .notification .noti-body li.n-title::after {
    clear: both;
}
.notification-dropdown .notification .noti-body li.n-title > .grp-heading {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    line-height: 1;
}
.notification-dropdown .notification .noti-body li.n-title > .grp-icon {
    float: right;
}
.notification-dropdown .notification .noti-body li.n-title p {
    margin-bottom:5px;
}
.notification-dropdown .notification .noti-body li.notification {
    /* border-bottom: 1px solid #dbdbdb;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px; */
}

.notification-dropdown .notification .noti-body li.notification:hover {
    background-color: #f2f1ff;
}
.notification-dropdown .notification .noti-body li.notification:hover a {
    color: #010514;
}
.notification-dropdown .notification .noti-body li p {
    /* margin-bottom:5px;
    font-size:13px; */
}
.notification-dropdown .notification .noti-body li .media-body p {
    /* font-size: 11px;
    letter-spacing: 0.2px; */
}
.notification-dropdown .notification .noti-body li .media-body p:first-child {
    /* color: #243f91; */
}
.notification-dropdown .notification .noti-body li .media-body a {
    color: #777;
}
.notification-dropdown .notification .noti-body li .media-body p:last-child {
    margin-bottom: 0;
}
.notification-dropdown .notification .noti-body li p strong {
    color:#979797;
}
.notification-dropdown .notification .noti-body li .n-time {
    /* font-size:80%;
    float:right; */
}
.notification-dropdown .notification .noti-footer {
    border-top:1px solid #f1f1f1;
    padding: 8px 20px;
    text-align:center;
    background:#fbfbfb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.notification-dropdown .notification .noti-footer a {
    font-size:13px;
}
.notification-dropdown .notification ul {
    /* padding-left:0;
    margin-bottom:0;
    list-style:none; */
}
.notification-dropdown {
    /* float: right;
    top:5px; */
}
.l-noti-list{
    height: 24.5rem;
    overflow: auto;
}
.dash-noti-list{
    height: 20.5rem;
    overflow: auto;
}
/***** end Notification *****/


.header-style-1 .header-nav .navbar-default {
    border: medium none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    min-height:auto;
}
.header-style-1 .header-nav .navbar-collapse {
    padding: 0;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.active > a {
    color: #ffac48;
}
.navbar-nav {
    float:none
}

.special-menu {
    float:right
}
.special-menu a {
    color:#fc6161!important;
    border:none!important;
    padding-right:0px!important
}
.special-menu a:hover{
    background:none!important;
    color:#fc6161!important
}

.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 9px 18px;
    -webkit-transitio: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    font-weight:500;
    letter-spacing:normal;
    border-right: 1px solid rgba(255,255,255,0.1);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li:last-child > a {
    border: none;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label {
    position: absolute;
    text-transform: uppercase;
    top: -10px;
    display: inline;
    padding: 1px 7px;
    color: #fff;
    font-size: 9px;
    font-family: 'BizeeBuy-default', sans-serif;
    right: 23px;
    line-height: normal;
    letter-spacing:1px;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:after {
    border-width: 6px 7px 0 6px;
    right: 18px;
    top: 90%;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transitio: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
    z-index: 100;

}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:before {
    right: 18px;
    top: 90%;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu {
    background: #f1c40f;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu:after {
    border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.new-menu:before {
    border-color: #f1c40f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu {
    background: #ff7878;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu:after {
    border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label.hot-menu:before {
    border-color: #ff7878 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav .open a {
    background-color: transparent !important;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .dropdown-menu {
    left:auto;
    top: 100% ;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:none;
    padding:0px
}

.yamm .dropdown-menu .custom-banner a {
    padding:0px
}
.yamm .dropdown-menu .banner-image {
    margin-bottom:-20px
}

.navbar-nav .open a{
    float: none;
    background:#fff!important;
    color:#888;
    border-radius:3px 3px 0px 0px;
}

.yamm .dropdown-menu .yamm-content {
    padding: 20px 20px;

}

.yamm .dropdown-menu .yamm-content .col-menu {min-width:150px}

.yamm .dropdown-menu .yamm-content .links li a {
    padding: 4px 0px;
    font-family: 'BizeeBuy-default', sans-serif;
    letter-spacing: 0.2px;
    font-size:13px;
    color:#565656;

}


.yamm .dropdown-menu h2 {
    font-size: 14px;
    color: #555;
    font-family: 'BizeeBuy-default', sans-serif;
    margin-top: 0px;
    font-weight:bold
}
.yamm .dropdown-menu li {
    line-height:normal;
    padding: 0px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.yamm .dropdown-menu li a {
    color: #3D3D3D;
    line-height: normal;
    text-transform: none ;
    display: block;
    padding: 8px 16px;
}
.yamm .dropdown-menu li a:hover,
.yamm .dropdown-menu li a:focus {
    background: rgba(0, 0, 0, 0);
    margin-left: 0px;
}
.yamm .dropdown-menu .text {
    font-size: 13px;
    line-height: 20px;
    position: relative;
    bottom: 0px;
    top: 73px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active > a,
.cnt-homepage .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active > a {
    color: #fff;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar-default {
    background: #404040;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar-default .nav-bg-class {
    border: none;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar-default .nav-bg-class .navbar-collapse .navbar-nav > li > a {
    color: #fff;
}
.cnt-homepage .header-style-2 .header-nav .navbar-default {
    background: #fff;
}
.cnt-homepage .header-style-2 .header-nav .navbar-default .nav-bg-class {
    -moz-box-shadow: 0 0 0 3px #F6F6F6 inset;
    -webkit-box-shadow: 0 0 0 3px #F6F6F6 inset;
    box-shadow: 0 0 0 3px #F6F6F6 inset;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li {
    border-bottom: 1px solid #E0E0E0;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li:last-child {
    border-bottom: none;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a {
    line-height: 26px;
    padding: 0px;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:hover,
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:focus {
    margin-left: 0px;
}


/*===================================================================================*/
/*  Side menu
/*===================================================================================*/

.sidebar .side-menu {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}

.sidebar .custom-carousel .owl-controls .owl-prev  {
    top: -20px;
}
.sidebar .custom-carousel .owl-controls .owl-next  {
    top: -20px;
}

.sidebar .side-menu .head {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #333;
    font-size: 14px;
    font-family: 'BizeeBuy-default', sans-serif;
    padding: 12px 17px;
    text-transform: uppercase;
    background-color: #fdd922;
    border: 1px solid #e9c532;
    font-weight:700;
    letter-spacing: 0.5px;
    border-bottom:1px #f1ce3c solid
}
.sidebar .side-menu .head .icon {
    margin-right: 5px;
}
.sidebar .side-menu nav .nav > li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eaeaea;

}

.sidebar .side-menu nav .nav > li:last-child {border-bottom:none}

.sidebar .side-menu nav .nav > li > a {
    padding: 13px 15px;
    color: #666666;
    font-family: 'BizeeBuy-default', sans-serif;
    letter-spacing:0.2px
}
.sidebar .side-menu nav .nav > li > a:after {
    color: #bababa;
    content: "\f105";
    float: right;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 10px;
    font-family: FontAwesome;
}
.sidebar .side-menu nav .nav > li > a .icon {
    font-size: 16px;
    margin-right: 12px;
}
.sidebar .side-menu nav .nav > li > a:hover,
.sidebar .side-menu nav .nav > li > a:focus {
    background: #fff;

}
.sidebar .side-menu nav .nav > li > a:hover .icon,
.sidebar .side-menu nav .nav > li > a:focus .icon {
    color: #666666;
}
.sidebar .side-menu nav .nav > li > .mega-menu {
    padding: 3px 0;
    top: 0 !important;
    left: 100%;
    margin: 0;
    min-width: 330%;
    position: absolute;
    top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow:hidden
}
.sidebar .side-menu nav .nav > li > .mega-menu .yamm-content {
    padding: 10px 20px;
}
.sidebar .side-menu nav .nav > li > .mega-menu .yamm-content ul > li {

    padding:3px 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sidebar .side-menu nav .nav > li > .mega-menu .yamm-content ul > li:last-child {
    border-bottom: none;
}
.sidebar .side-menu nav .nav > li > .mega-menu .yamm-content ul > li > a {
    line-height: 26px;
    padding: 0px;
    font-size:13px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.sidebar .side-menu nav .nav > li > .mega-menu .yamm-content .dropdown-banner-holder {
    position: absolute;
    right: -16px;
    top: -8px;
}
.sidebar .side-menu2 nav .nav li a {
    padding: 14.3px 15px;
}
.sidebar .sidebar-module-container .sidebar-widget .widget-header {
    padding: 10px 0px 5px 0px;
}
.sidebar .sidebar-module-container .sidebar-widget .widget-header .widget-title {
    font-size: 13px;
    font-family: 'BizeeBuy-default', sans-serif;
    margin: 0px;
    font-weight:bold
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle {
    clear: both;
    display: block;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 13px;
    line-height: 28px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:after {
    content:"\f068";
    float: right;
    font-family: fontawesome;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed {
    color: #666666;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed:after {
    color: #636363;
    content: "\f067";
    font-family: fontawesome;
    font-weight:normal
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner {
    margin: 0px 0 20px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul {
    padding-left: 15px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li {
    line-height: 27px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li a {
    color: #666666;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li a:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 14px;
    line-height: 15px;
    margin: 0 5px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li a:hover:before {
    margin: 0 8px 0 0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder {
    padding: 0 0 20px;
    position: relative;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top:0px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider.slider-horizontal {
    height: 20px;
    width: 100% !important;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track {
    background-color: #f1f1f1;
    background-repeat: repeat-x;
    cursor: pointer;
    position: absolute;
    width: 94% !important;
    height: 6px;
    left: 0;
    margin-top: -5px;
    top: 50%;
    width: 100%;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-selection {
    bottom: 0;
    height: 100%;
    top: 0;
    background-repeat: repeat-x;
    box-sizing: border-box;
    position: absolute;
    background: #c3c3c3;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    border-radius: 400px;
    height: 20px;
    margin-left: -3px !important;
    opacity: 1;
    position: absolute;
    top: -3px;
    width: 20px;
    margin-top: -5px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .tooltip {
    margin-top: -36px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .min-max {
    font-size: 15px;
    font-weight: 700;
    color: #fe5252;
    margin-top: 15px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li {
    clear: both;
    display: block;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a {
    color: #666666;
    display: block;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report {
    margin-top: 20px;
    margin-bottom: 30px;
}
.sidebar .sidebar-widget .advertisement .item {
    background-position: center 55%;
    background-size: cover;
    padding-bottom:60px

}
.sidebar .sidebar-widget .advertisement .item .caption {
    color: #636363;
    left: 12%;
    letter-spacing: -3px;
    position: absolute;
    top: 11%;
    z-index: 100;
    display: table-cell;
}
.sidebar .sidebar-widget .advertisement .item .caption .big-text {
    font-size: 60px;
    line-height: 125px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    color: #fff;
    text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar .sidebar-widget .advertisement .item .caption .big-text .big {
    font-size: 120px;
    color: #ff7878;
    display: block;
    text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar .sidebar-widget .advertisement .item .caption .excerpt {
    font-size: 24px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #e6e6e6;
    text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar .sidebar-widget .advertisement .owl-controls {
    bottom: 10px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination {
    display: inline-block;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page {
    display: inline-block;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    background: #ddd;
    border: none;
    border-radius: 2px;
    margin: 0 2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.sidebar-widget { background-color: #fff;
                  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
                  padding:12px;}

.related-product .tag {
    font-size: 15px;
    font-weight: 700;
    height: 50px;
    line-height: 45px;
    left: 15px;
    text-align: center;
    top: 3.5%;
    width: 50px;
    position: absolute;
}

/*===================================================================================*/
/*  Slider
/*===================================================================================*/
#owl-main {
    text-align: center;
    cursor: default;
    height: 415px;
}
#owl-main .owl-controls {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
#owl-main .owl-pagination {
    position: relative;
    line-height: 30px;
}
#owl-main .owl-buttons {
    display: block;
}
#owl-main .owl-prev,
#owl-main .owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 50px;
    font-size: 21px;
    background-color: #d2d2d2;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
#owl-main .owl-prev {
    left: 20px;
}
#owl-main .owl-next {
    right: 20px;
}
#owl-main:hover .owl-prev {
    left: 0px;
    opacity: 0.5;
}
#owl-main:hover .owl-next {
    right: 0px;
    opacity: 0.5;
}
#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
    opacity: 1;
}
#owl-main .owl-outer-nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: -15%;
    width: 130%;
    height: 100%;
    z-index: 0;
}
#owl-main .owl-outer-nav .owl-wrapper-outer,
#owl-main .owl-outer-nav .owl-pagination,
#owl-main .owl-outer-nav .owl-prev,
#owl-main .owl-outer-nav .owl-next {
    z-index: 1;
}
#owl-main .owl-outer-nav .owl-controls {
    position: static;
}
#owl-main .owl-outer-nav .owl-prev {
    left: -65px;
}
#owl-main .owl-outer-nav .owl-next {
    right: -65px;
}
#owl-main .owl-outer-nav:hover .owl-prev {
    left: -80px;
}
#owl-main .owl-outer-nav:hover .owl-next {
    right: -80px;
}
#owl-main .owl-ui-md .owl-pagination {
    line-height: 45px;
}
#owl-main .owl-ui-md .owl-prev,
#owl-main .owl-ui-md .owl-next {
    width: 45px;
    height: 45px;
    font-size: 45px;
}
#owl-main .owl-ui-md .owl-prev {
    left: -55px;
}
#owl-main .owl-ui-md .owl-next {
    right: -55px;
}
#owl-main .owl-ui-md:hover .owl-prev {
    left: -60px;
}
#owl-main .owl-ui-md:hover .owl-next {
    right: -60px;
}
#owl-main .owl-outer-nav.owl-ui-md:after {
    left: -18%;
    width: 136%;
}
#owl-main .owl-outer-nav.owl-ui-md .owl-prev {
    left: -85px;
}
#owl-main .owl-outer-nav.owl-ui-md .owl-next {
    right: -85px;
}
#owl-main .owl-outer-nav.owl-ui-md:hover .owl-prev {
    left: -100px;
}
#owl-main .owl-outer-nav.owl-ui-md:hover .owl-next {
    right: -100px;
}
#owl-main .owl-ui-lg .owl-pagination {
    line-height: 60px;
}
#owl-main .owl-ui-lg .owl-prev,
#owl-main .owl-ui-lg .owl-next {
    width: 60px;
    height: 60px;
    font-size: 42px;
}
#owl-main .owl-ui-lg .owl-prev {
    left: -75px;
}
#owl-main .owl-ui-lg .owl-next {
    right: -75px;
}
#owl-main .owl-ui-lg:hover .owl-prev {
    left: -80px;
}
#owl-main .owl-ui-lg:hover .owl-next {
    right: -80px;
}
#owl-main .owl-outer-nav.owl-ui-lg:after {
    left: -22%;
    width: 144%;
}
#owl-main .owl-outer-nav.owl-ui-lg .owl-prev {
    left: -105px;
}
.owl-outer-nav.owl-ui-lg .owl-next {
    right: -105px;
}
#owl-main .owl-outer-nav.owl-ui-lg:hover .owl-prev {
    left: -120px;
}
#owl-main .owl-outer-nav.owl-ui-lg:hover .owl-next {
    right: -120px;
}
#owl-main .owl-inner-nav .owl-controls {
    position: static;
}
#owl-main .owl-inner-nav .owl-prev {
    left: 45px;
}
#owl-main .owl-inner-nav .owl-next {
    right: 45px;
}
#owl-main .owl-inner-nav:hover .owl-prev {
    left: 30px;
}
#owl-main .owl-inner-nav:hover .owl-next {
    right: 30px;
}
#owl-main .owl-outer-nav .owl-prev,
#owl-main .owl-outer-nav .owl-next,
#owl-main .owl-inner-nav .owl-prev,
#owl-main .owl-inner-nav .owl-next {
    bottom: 70px;
}
#owl-main .owl-outer-nav.owl-ui-md .owl-prev,
#owl-main .owl-outer-nav.owl-ui-md .owl-next,
#owl-main .owl-inner-nav.owl-ui-md .owl-prev,
#owl-main .owl-inner-nav.owl-ui-md .owl-next {
    bottom: 85px;
}
#owl-main .owl-outer-nav.owl-ui-lg .owl-prev,
#owl-main .owl-outer-nav.owl-ui-lg .owl-next,
#owl-main .owl-inner-nav.owl-ui-lg .owl-prev,
#owl-main .owl-inner-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}
#owl-main .owl-inner-pagination .owl-pagination,
#owl-main .owl-inner-pagination .owl-prev,
#owl-main .owl-inner-pagination .owl-next {
    margin-top: -40px;
    top: -60px;
}
#owl-main .owl-inner-pagination.owl-ui-md .owl-pagination,
#owl-main .owl-inner-pagination.owl-ui-md .owl-prev,
#owl-main .owl-inner-pagination.owl-ui-md .owl-next {
    margin-top: -50px;
    top: -65px;
}
#owl-main .owl-inner-pagination.owl-ui-lg .owl-pagination,
#owl-main .owl-inner-pagination.owl-ui-lg .owl-prev,
#owl-main .owl-inner-pagination.owl-ui-lg .owl-next {
    margin-top: -60px;
    top: -75px;
}
#owl-main .owl-inner-pagination.owl-outer-nav .owl-prev,
#owl-main .owl-inner-pagination.owl-outer-nav .owl-next,
#owl-main .owl-inner-pagination.owl-inner-nav .owl-prev,
#owl-main .owl-inner-pagination.owl-inner-nav .owl-next {
    margin: auto;
    top: 0;
    bottom: 43px;
}
#owl-main .owl-inner-pagination .owl-pagination {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
#owl-main .owl-inner-pagination:hover .owl-pagination {
    opacity: 1;
}
#owl-main .owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
    top: -45px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
    top: -50px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
    top: -60px;
}
.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
    top: -60px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
    top: -65px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
    top: -75px;
}
#owl-main.height-md .item {
    height: 457px;
}
#owl-main.height-lg .item {
    height: 675px;
}
#owl-main .container {
    display: table;
    height: inherit;
}
#owl-main .caption {
    display: table-cell;
}
#owl-main .caption.vertical-center {
    vertical-align: middle;
    padding-bottom: 3vh;
}
#owl-main .caption.vertical-top {
    vertical-align: top;
    padding-top: 8vh;
}
#owl-main .caption.vertical-bottom {
    vertical-align: bottom;
    padding-bottom: 14vh;
}
#owl-main .caption.text-center {
    padding-left: 10%;
    padding-right: 10%;
}
#owl-main .caption.text-left {
    padding-right: 20%;
}
#owl-main .caption.text-right {
    padding-left: 20%;
}
#owl-main .owl-controls {
    display: block;
    position: static;
    margin-top: -47px;

}
#owl-main .owl-pagination {
    background: #FFF;
    line-height: inherit;
    position: relative;
    bottom: -40px;
    padding: 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
#owl-main:hover .owl-pagination {
    bottom: -15px;
    opacity: 1;
    display:none
}
#owl-main .owl-prev,
#owl-main .owl-next {
    bottom: 0;
}
#owl-main .owl-controls .owl-page {
    display: inline-block;
}
#owl-main .owl-pagination .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    background: #d3d3d3;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
#owl-main .owl-item-gap .item {
    margin: 0 15px;
}
#owl-main .owl-item-gap-sm .item {
    margin: 0 10px;
}
#owl-main .owl-item.loading {
    min-height: inherit;
    background: none;
}
#owl-main .item {
    background-color: #FFFFFF;
    background-position: center 55%;
    background-size: cover;
    height: 415px;
}
#owl-main .item .caption {
    color: #fff;
    left: 50px;
    position: absolute;
    top: 32%;
    z-index: 100;
    padding-right: 8%;
}
#owl-main .item .caption .slider-header {
    font-family:'BizeeBuy-default', sans-serif;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase
}

#owl-main .item .caption .big-text {
    font-size: 42px;
    line-height: 50px;
    font-family:'BizeeBuy-default', sans-serif;
    padding: 0px 25px;
    background: #bbbbbb;
    color: #fff;
    font-weight:700;
}
#owl-main .item .caption .big-text .highlight {
    color: #fff;
}
#owl-main .item .caption .excerpt,
#owl-main .item .caption .small {
    font-size: 14px;
    margin-top: 10px;
    font-family: 'BizeeBuy-default', sans-serif;
    font-weight: 500;
    padding-left: 23px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
}
#owl-main .item .caption .excerpt span,
#owl-main .item .caption .small span {
    background: none repeat scroll 0 0 #bbbbbb;
    -moz-box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
    -webkit-box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
    box-shadow: -1.4em 0 0 #bbbbbb, 1.4em 0 0 #bbbbbb;
    line-height: 336%;
    padding: 5px 0;
    display: inline;
}
#owl-main .item .caption .button-holder {
    margin: 20px 0 0;
}

#owl-main .item .caption .button-holder  .btn-primary { background:#fdd922; font-family: 'BizeeBuy-default', sans-serif; font-weight:600; font-size:14px; padding:10px 20px; color:#333}

#owl-main .item .caption.bg-color {
    padding-right: 3%;
}
#owl-main .item .caption.bg-color .big-text {
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    color: #fff;
}
#owl-main .item .caption.bg-color .excerpt,
#owl-main .item .caption.bg-color .small {
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    color:rgba(255,255,255,0.8);
    margin-top: 0px;
}
#owl-main .item .caption.bg-color .excerpt span,
#owl-main .item .caption.bg-color .small span {
    background: rgba(0, 0, 0, 0);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    line-height: 24px;
}
#owl-main .full-width-slider {
    margin-bottom: 30px;
}
#owl-main .full-width-slider .item {
    background-color: #FFFFFF;
    background-position: center 55%;
    background-size: cover;
    height: 449px;
}
#owl-main .full-width-slider .item .caption {
    position: absolute;
    top: 11%;
    z-index: 100;
}
#owl-main .full-width-slider .item .caption .big-text {
    font-size: 119px;
    line-height: 80px;
    font-family: 'PacificoRegular';
    color: #fff;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    text-transform: none;
}
#owl-main .full-width-slider .item .caption .excerpt {
    font-size: 60px;
    line-height: 80px;
    margin-top: 15px;
    font-family: 'LatoBold';
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
}
#owl-main .full-width-slider .item .caption .button-holder {
    margin: 31px 0 0;
}
.cnt-homepage .homepage-slider2 {
    height: 449px;
}
.cnt-homepage .homepage-slider2 #owl-main .item .caption {
    top: 24%;
    padding-right: 10%;
    right: 0px;
    left: 0px;
}
.cnt-homepage .homepage-slider2 #owl-main .owl-controls {
    margin-top: -89px;
    text-align: center !important;
}
.cnt-homepage .breadcrumb ul {
    text-align: left;
}
.cnt-homepage .cart .action .left {
    margin-left: 10px;
    padding: 2px 10px;
}
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
    height: 15px;
    width: 15px;
    top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #e4e4e4;
}
.homepage-slider3 {
    height: 368px;
}
.homepage-slider3 #owl-main .item {
    height: 368px;
}
.homepage-slider3 #owl-main .item .caption {
    padding-left: 10%;
    padding-right: 44%;
}
.homepage-slider3 #owl-main .item .caption .small {
    font-size: 15px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    text-shadow: 2px 2px #c3c3c3;
    color: #fff ;
    padding-left: 0px;
}
.homepage-slider3 #owl-main .item .caption .big-text {
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    text-shadow: 2px 2px #c3c3c3;
    color: #000;
}
.homepage-slider3 #owl-main .item .caption .excerpt {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-transform: none;
}
.homepage-slider3 #owl-main .owl-controls {
    margin-top: -79px;
}
.home-page-slider4 {
    position: relative;
}
.home-page-slider4 .customNavigation {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -15px;
}
.home-page-slider4 .customNavigation .controls {
    position: relative;
}
.home-page-slider4 .owl-controls {
    bottom: 20px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}
.home-page-slider4 .owl-controls .owl-buttons {
    display: none !important;
}
.home-page-slider4 .owl-controls .owl-pagination .owl-page {
    display: inline-block;
}
.home-page-slider4 .owl-controls .owl-pagination .owl-page span {
    background: none repeat scroll 0 0 #e6e6e6;
    border: medium none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 12px;
    margin: 0 5px;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    width: 12px;
    -moz-box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.home-page-slider4 .owl-prev,
.home-page-slider4 .owl-next {
    position: absolute;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
.home-page-slider4 .owl-prev {
    left: 20px;
}
.home-page-slider4 .owl-next {
    right: 20px;
}
.home-page-slider4:hover .owl-prev {
    left: 0px;
    opacity: 1;
}
.home-page-slider4:hover .owl-next {
    right: 0px;
    opacity: 1;
}
.home-page-slider4:hover .owl-prev:hover,
.home-page-slider4:hover .owl-next:hover {
    opacity: 1;
}
.home-page-slider4 #owl-main .owl-pagination {
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 3px;
    -moz-border-radiu: 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: inherit;
    margin: auto;
    opacity: 1;
    padding: 10px;
    position: relative;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    bottom: none;
    bottom: 0px;
}
.cnt-homepage .homepage-container .btn-primary {
    padding: 2px 17px;
    -webkit-border-radius: 0px;
    -moz-border-radiu: 0px;
    border-radius: 0px;
}
.cnt-homepage .homepage-container #owl-main .owl-prev,
.cnt-homepage .homepage-container #owl-main .owl-next {
    top: 25%;
}

.info-boxes-inner {
    background-color: #2874f0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}

.info-boxes .info-box {
    padding:24px 25px;
    text-align:center
}
.info-boxes .info-box .icon {
    font-size: 35px;
}
.info-boxes .info-box .info-box-heading {
    font-size: 14px;
    line-height:21px;
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
    margin-top: 0px;
    font-weight:bold;
    margin-bottom:0px;
    letter-spacing:1px
}
.info-boxes .info-box .info-box-heading.orange {
    color: #ffb847;
}
.info-boxes .info-box .info-box-heading.red {
    color: #ff7878;
}
.info-boxes .info-box .text {
    color:rgba(255,255,255,0.8);
    font-weight: normal;
    font-size: 13px;
    margin: 0px;
    letter-spacing:0.5px;
    font-family:'BizeeBuy-default', sans-serif

}

/*===================================================================================*/
/*  Home Tabs
/*===================================================================================*/

.scroll-tabs {
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);

}
.scroll-tabs .more-info-tab {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    padding: 15px 20px;
}
.scroll-tabs .more-info-tab .new-product-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size:16px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: uppercase;
    font-weight:bold
}
.scroll-tabs .nav-tab-line {
    border-bottom: none;
    margin-top: 4px;
    margin-right: 55px;
}
.scroll-tabs .nav-tab-line li.active a {
    border: none;
}
.scroll-tabs .nav-tab-line li a {
    font-weight: 500;
    color: #666666;
    font-size: 13px;
    border: medium none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 10px !important;
    position: relative;
    font-family:'BizeeBuy-default', sans-serif
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
    background: rgba(0, 0, 0, 0);
}

.tab-content {padding-left:20px}

.product {
    position: relative;
}
.product .product-image img {width:100%}
.search-result-container .product .product-image img {width: inherit;}
.product .product-image .tag {
    position: absolute;
}
.product .product-info .name {
    font-size: 14px;
    font-family: 'BizeeBuy-default', sans-serif;
    overflow: hidden;
}
.product .product-info .name a {
    color: #555;
}
.product .product-info .star-rating .color {
    color: #ffb400;
}
.product .product-info .product-price .price {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    margin-right: 8px;
}
.product .product-info .product-price .price-before-discount {
    text-decoration: line-through;
    color: #d3d3d3;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
}
.product .cart {
    margin-top: 5px;
    opacity: 0;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
    width: 100%;
    z-index: 666;
    left: 50%;
    position:absolute;
    top:0;
    margin-left:-55px

}
.product .cart .action ul li {
    float: left;
}
.product .cart .action ul li.add-cart-button .btn.btn-primary.icon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #fdd922 ;
}
.product .cart .action ul li.lnk {
    margin: 10px 0px;
    background: #2874f0;
    margin: 0px;
    padding: 8px 2px;
    border-left:1px solid hsla(0,0%,100%,.2);
    border-radius:0px 3px 3px 0px
}
.product .cart .action ul li.lnk a {
    padding: 0 10px;
    color: #fff;
    padding: 8px 10px;
}
.product .cart .action ul li.lnk.wishlist {
    background:#2874f0;
    margin:0px;
    border-radius:0px


}
.tag {
    font-size: 10px;
    font-weight: 700;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-transform: uppercase;
    top: 2.5%;
    z-index: 100;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    right: 10px;
    text-align: center;
}
.tag span {
    position: relative;
    z-index: 100;
}
.tag.new {
    background: #46aad7;
}
.tag.hot {
    background: #ff7878;
}
.product:hover .cart {
    opacity: 1;
    top:45%
}
.best-seller .product .product-info .name,
.special-offer .product .product-info .name {
    margin-top: 4px;
}
.cart {
    margin-top: 5px;
    opacity: 1;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 666;
    left: 0px;


}
.cart .action {
    float: left;
}
.cart .action .add-cart-button .btn.btn-primary.icon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #fdd922 ;
    color:#333
}


.cart .action.lnk {
    margin: 10px 0px;
}
.cart .action.lnk a {
    padding: 0 10px;
    color: #dadada;
}
.cart .action.lnk.wishlist {
    border-right: 1px solid #dadada;
}
.product-micro .product-image .image a .zoom-overlay:before {
    color: #FFFFFF;
    content: "\f00e";
    font-family: fontawesome;
    left: 45%;
    position: relative;
    right: 40%;
}
.product-micro .product-image .image a .zoom-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 99;
}
.product-micro .product-image .image a .zoom-overlay:hover,
.product-micro .product-image .image a .zoom-overlay:focus {
    opacity: 1;
}
.cnt-home .product-micro .tag-micro {
    width: 30px;
    height: 30px;
    font-size: 11px;
    line-height: 29px;
    top: 5.5%;
}
.cnt-home .product-micro .product-info .name {
    font-size: 13px;
}
.cnt-home .product-micro .product-info .product-price .price {
    font-size: 12px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.cnt-home .product-micro .product-info .action .lnk.btn.btn-primary {
    font-size: 12px;
    line-height: 1.7;
}
.copyright-bar {
    background: #ffffff;
    padding: 20px 0px;
}
.copyright-bar .copyright {
    color: #5d5c5c;
    line-height: 28px;
}
.copyright-bar .payment-methods {
    text-align: right;
}
.copyright-bar .payment-methods ul li {
    display: inline-block;
    margin-right: 15px;
}
.copyright-bar .payment-methods ul li:last-child {
    margin-right: 0px;
}
.copyright-bar .no-padding {
    padding: 0px;
}
.wide-banner {
    overflow: hidden;
}
.wide-banner .image img {
    display: block;
    width:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cnt-strip {
    position: relative;
}
.cnt-strip .strip {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 8px 30px 5px 30px;
    right:10px;
}
.cnt-strip .strip h1 {
    font-size: 36px;
    color: #ff4c4c;
    margin: 0;
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
    font-weight:bold
}
.cnt-strip .strip h2 {
    font-size: 36px;
    color: #fdd922;
    margin: 0;
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
    font-weight:bold
}
.cnt-strip .strip h2 .shopping-needs {
    font-family:'Montserrat', sans-serif;
    color: #fff;
    font-weight:normal;
    font-size:22px
}
.cnt-strip .strip h3 {
    font-size: 30px;
    color: #434343;
    margin: 0;
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
}
.cnt-strip .strip h4 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
}
.cnt-strip .strip.strip-text {
    width: 60%;
}
.cnt-strip .strip .red {
    color: #ff7878;
}
.cnt-strip .strip .black {
    color: #434343;
}
.cnt-strip .strip .green {
    color: #83c038;
}
.cnt-strip .strip .white {
    color: #fff;
}
.cnt-strip .strip .normal-shopping-needs {
    font-size: 35px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.cnt-strip .new-label {
    background: url("../images/label.png") no-repeat scroll right top;
    height: 72px;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 72px;
    z-index: 999;
}
.cnt-strip .new-label .text {
    color: #fff;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    left: -13px;
    position: absolute;
    text-align: center;
    top: 14px;
    -ms-transform: rotate(-43deg);
    letter-spacing:1px;
    /* IE 9 */
    -webkit-transform: rotate(-43deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-43deg);
    width: 100%;
}
.wide-banners {
    overflow:hidden

}
.wide-banners.homepage-banner {
    margin-top: 30px;
}
.wide-banners.homepage-banner h4 {
    font-size: 30px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.wide-banners.homepage-banner h3 {
    font-size: 35px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.new-banner {
    margin-top: 30px;
}
.new-banner .cnt-strip .strip {
    width: auto;
    padding: 0px;
    right: 23px;
}
.new-banner .cnt-strip .strip h3 {
    background: #707070;
    padding: 13px 23px 13px 16px;
    line-height: 24px;
    font-size: 30px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.new-banner .cnt-strip .strip h5 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    padding-right: 21px;
    text-transform: uppercase;
}
.new-banner .cnt-strip .strip h5 span {
    background: none repeat scroll 0 0 #707070;
    -moz-box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
    -webkit-box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
    box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
    padding: 0.6em 0;
}
.new-banner.no-margin {
    margin-top: -10px;
}
.megamenu-banner {
    margin-top: 30px !important;
}
.megamenu-banner h3 {
    font-size: 30px;
    font-family: 'BebasNeueRegular';
}
.megamenu-banner h2 {
    font-size: 40px;
    font-family: 'BebasNeueBold';
}
.wide-banner-4 .cnt-strip .strip h1 {
    font-size: 50px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.wide-banner-4 .cnt-strip .strip h2 {
    font-size: 40px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.wide-banner-4 .cnt-strip .strip h3 {
    font-size: 30px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.wide-banner-4 .cnt-strip .strip h4 {
    font-size: 20px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.wide-banner-4 .cnt-strip .strip p {
    font-size: 23px;
    font-family: 'BizeeBuy-default', sans-serif;
    margin-bottom: 0px;
}
.footer .links-social {
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    margin-bottom: 70px;
}

.social {
    overflow: hidden
}
.social a {
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
}
.social a:hover {
    color: #fff;
}
.social .fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
}
.social .fb a {
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #3C5B9B !important;
}
.social .tw a:before {
    content: "\f099";
    font-family: FontAwesome;
}
.social .tw a {
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #359BED !important;
}
.social .googleplus a:before {
    content: "\f0d5";
    font-family: FontAwesome;
}
.social .googleplus a {
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #E33729!important;
}
.social .rss a:before {
    content: "\f09e";
    font-family: FontAwesome;
}
.social .rss a {
    content: "\f09e";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #FD9F13 !important;
}
.social .pintrest a:before {
    content: "\f0d3";
    font-family: FontAwesome;
}
.social .pintrest a {
    content: "\f0d3";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #cb2027 !important;
}
.social .linkedin a:before {
    content: "\f0e1";
    font-family: FontAwesome;
}
.social .linkedin a {
    content: "\f0e1";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #027ba5 !important;
}
.social .youtube a:before {
    content: "\f167";
    font-family: FontAwesome;
}
.social .youtube a {
    font-size: 16px;
    display: inline-block!important;
    text-align: center;
    padding: 0;
    background: #F03434 !important;
}
.social h4 {
    margin: 25px 0 0px 0px;
}
.social ul {
    margin: 0;
    list-style: none;
}
.social ul li {
    margin-right: 7px;
}
.social ul li {
    border-bottom: none;
}
.social a {
    transition: background 400ms ease-in-out;
    -webkit-transition: background 400ms ease-in-out;
    -moz-transition: background 400ms ease-in-out;
    -o-transition: background 400ms ease-in-out;
}

.footer .links-social .contact-info .footer-logo {
    margin-top: 10px;
}
.footer .links-social .contact-info .about-us {
    margin-bottom: 20px;
}
.footer .links-social .contact-info .social-icons a {
    color: #888888;
    font-size: 16px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 2em;
    height: 2em;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}
.footer .links-social .contact-info .social-icons a:hover,
.footer .links-social .contact-info .social-icons a:focus,
.footer .links-social .contact-info .social-icons a.active {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
}
.footer .links-social .contact-info .social-icons a .icon {
    line-height: 2em;
}
.footer .module-heading {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    color: #555555;
}
.footer .contact-timing .table tbody tr {
    border-bottom: 1px solid #e1e1e1;
}
.footer .contact-timing .table tbody tr td {
    border-top: none;
    font-size: 12px;
    line-height: 36px;
    padding: 0px !important;
}
.footer .contact-timing .contact-number {
    font-family: 'BizeeBuy-default', sans-serif;
}
.footer .contact-information .media .media-body a {
    color: #666666;
}
.footer .footer-bottom {
   background: rgb(0,16,61);
    background: linear-gradient(90deg, rgba(0,16,61,1) 48%, rgba(176,23,70,1) 91%);
    background: linear-gradient(180deg, rgb(0 8 29) 108%, rgb(255 0 78) 85%);
    z-index: 998;
}

.footer .module-title {
    font-size:14px;
    font-weight:bold;
    letter-spacing:0.5px;
    margin-bottom:15px
}

.footer .footer-bottom .module-heading {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    color: #ffffff;
}


.toggle-footer {color:#ffffff}
.toggle-footer a {margin-left:0px!important}
.toggle-footer a:before {display:none}
.toggle-footer i{background:#ffac48; border-radius:100px}
.toggle-footer i.fa-envelope {font-size: 12px;}

.footer .footer-bottom .module-body ul li:last-child{border:none}

.footer .footer-bottom .module-body ul li a {
    font-size: 13px;
    line-height: 30px;
    color: rgba(255,255,255,0.9);
    position: relative;
    margin-left: 23px;
    display: block;
}
.footer .footer-bottom .module-body ul li a:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    margin-left: -22px;
    font-size: 6px;
}
.product-tag .item {
    background-color: #f5f5f5;
    color: #666666;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px;
    padding: 6px 12px;
}
.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
    color: #fff;
}
.newsletter .sidebar-widget-body input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #eaeaea;
    background: #fafafa;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size:13px
}

.hot-deals .custom-carousel .owl-controls .owl-next {
    top:-20px
}
.hot-deals .custom-carousel .owl-controls .owl-prev {
    top:-20px
}
.hot-deals .hot-deal-wrapper {
    position: relative;
}
.hot-deals .hot-deal-wrapper .image img{
    width: 100%;
}

.hot-deals .hot-deal-wrapper .sale-offer-tag {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    height: 50px;
    text-transform: uppercase;
    top: 4%;
    right: 10px;
    width: 50px;
    z-index: 100;
    background: #ff7878;
    position: absolute;
    text-align: center;
}
.hot-deals .hot-deal-wrapper .sale-offer-tag span {
    position: relative;
    z-index: 100;
    top: 10px;
}
.hot-deals .hot-deal-wrapper .timing-wrapper {
    bottom: 20px;
    position: absolute;
    left: 15px;
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper {
    display: table;
    text-align: center;
    margin-right: 4px;
    float: left;
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
    background-color: #fff;
    color: #333;
    display: table-cell;
    height: 44px;
    vertical-align: middle;
    width: 45px;
    line-height: 15px;

}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .key {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family:'BizeeBuy-default', sans-serif
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .value {
    display: block;
    font-size: 9px;
    font-weight: 500;
    letter-spacing:0.5px
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper:last-child {
    margin-right: 0px;
}
.hot-deals .product-info .name {
    font-size: 14px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.hot-deals .product-info .name a {
    color: #555;
}
.hot-deals .product-info .product-price .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin-right: 8px;
}
.hot-deals .product-info .product-price .price-before-discount {
    text-decoration: line-through;
    color: #d3d3d3;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
}
.hot-deals .cart {
    margin-top: 5px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    z-index: 666;
    left: 0px;
}
.hot-deals .cart .action {
    float: left;
}
.hot-deals .cart .action .add-cart-button a {
    background: none repeat scroll 0 0 #a8a8a8;
    border: medium none;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    padding: 0px;
}
.hot-deals .cart .action .add-cart-button a .icon {
    background: none repeat scroll 0 0 #575757;
    color: #FFFFFF;
    height: 100%;
    left: 0;
    font-size: 13px;
    padding: 11px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
}
.hot-deals .cart .action .add-cart-button a span {
    display: block;
    margin-left: 35px;
    overflow: hidden;
    padding: 8px 13px;
}
.hot-deals .cart .action .add-cart-button a:hover,
.hot-deals .cart .action .add-cart-button a:focus {
    background: #c6c6c6;
}
.breadcrumb{
    margin-bottom: 0px !important;
    float: right;
    background: none !important;
    padding: 0px 0px 0px 15px !important;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.breadcrumb ul {

    margin: auto;
    padding:8px 0 0px;
    text-align: left;
}
.breadcrumb ul li:after {
    color: #666666;
    content: "/";
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 12px;
    line-height: 24px;
    margin-left: 9px;
    margin-right: -4px;
    padding: 0px;
}
.breadcrumb ul li:last-child:after {
    content: "";
}
.breadcrumb ul li a {
    color: #666666;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
}
.breadcrumb li a{
    color:#fff;
}
.breadcrumb>.active {
    color:#f8e1e1 !important;
}
.headback{
    border: 1px solid #9ab1d3;
    margin-right: 5px;
    padding: 0px 5px;
    color: #fff;
    border-radius: 5px;
    margin-top: -2px;
}
.headback:hover, .headback:focus{
    color: #9ab1d3;
    text-decoration:none;
}

.category-carousel {
    text-align: center;
    cursor: default;
}
.category-carousel .item {
    position: relative;
    margin-bottom:30px;
}
.category-carousel .item .caption {
    color: #636363;
    left: 12%;
    letter-spacing: -3px;
    position: absolute;
    top: 10%;
    z-index: 100;
    display: table-cell;
}
.category-carousel .item .caption .big-text {
    font-size: 100px;
    line-height: 145px;
    text-transform: uppercase;
    font-family: 'BizeeBuy-default', sans-serif;
    color: #fdd922;
}
.category-carousel .item .caption .excerpt {
    font-size:36px;
    letter-spacing:normal;
    color: #fff;
}
.category-carousel .item .caption .excerpt-normal {
    font-size:14px;
    letter-spacing:normal;
    color: #fff;
    letter-spacing:0.5px
}


.category-carousel .item .owl-controls {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
.category-carousel .item .owl-controls .owl-prev,
.category-carousel .item .owl-controls .owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    font-size: 21px;
    color: #FFF;
    background-color: #d3d3d3;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
.category-carousel .item .owl-controls .owl-prev {
    left: -35px;
}
.category-carousel .item .owl-controls .owl-next {
    right: -35px;
}
.category-carousel .item:hover .owl-prev {
    left: -40px;
    opacity: .25;
}
.category-carousel .item:hover .owl-next {
    right: -40px;
    opacity: .25;
}
.category-carousel .item:hover .owl-prev:hover,
.category-carousel .item:hover .owl-next:hover {
    opacity: 1;
}
.filters-container {
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding-bottom:0px
}
.filters-container .nav-tabs.nav-tab-box {
    border: medium none;
    margin-top: 3px;
}
.filters-container .nav-tabs.nav-tab-box li {
    margin-right: 5px;
    padding: 0;
}
.filters-container .nav-tabs.nav-tab-box li a {
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #666666;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    line-height: 18px;
    border: none !important;
    padding: 0px;
}
.filters-container .nav-tabs.nav-tab-box li a .icon {
    margin-right: 5px;
    color: #aaa;
}
.filters-container .lbl-cnt {
    color: #666666;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 12px;
    line-height: 24px;
}
.filters-container .lbl-cnt .lbl {
    color: #666666;
    display: inline-block;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 12px;
    line-height: 28px;
    margin-right: 10px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 4px 12px;
    background: #fff;
    font-size: 13px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn .caret {
    margin-left: 13px;
    margin-top: -2px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:hover,
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:focus {
    background: rgba(0, 0, 0, 0);
}
.filters-container .pagination-container {
    margin-top: 4px;
    margin-bottom:20px;
}
.filters-container .pagination-container ul {
    margin: 0px;
}
.filters-container .pagination-container ul li.prev,
.filters-container .pagination-container ul li.next {
    background: none repeat scroll 0 0 #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.filters-container .pagination-container ul li.prev a,
.filters-container .pagination-container ul li.next a,
.filters-container .pagination-container ul li.prev a:hover,
.filters-container .pagination-container ul li.next a:hover,
.filters-container .pagination-container ul li.prev a:focus,
.filters-container .pagination-container ul li.next a:focus {
    color: #fff;
}
.filters-container .pagination-container ul li a {
    color: #666666;
    display: inline-block;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding: 0 3px;
}

.search-result-container .category-product .product {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 1px rgba(43,100,174,0.1);
    -moz-box-shadow: 0 0 1px rgba(43,100,174,0.1);
    -o-box-shadow: 0 0 1px rgba(43,100,174,0.1);
    box-shadow: 0 0 1px rgba(43,100,174,0.1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.search-result-container .category-product .product:hover {
    -webkit-box-shadow: 0 0 15px rgba(43,100,174,0.1);
    -moz-box-shadow: 0 0 15px rgba(43,100,174,0.1);
    -o-box-shadow: 0 0 15px rgba(43,100,174,0.1);
    box-shadow: 0 0 15px rgba(43,100,174,0.1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.search-result-container .category-product .product .product-image .tag {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    right: -4px;
    top: -6px;
    letter-spacing: 0.5px;
}


.search-result-container .category-product-inner .product-list.product {
    position: relative;
    margin-bottom: 30px;
}
.search-result-container .category-product-inner .product-list.product .product-info {
    padding:0px;
}
.search-result-container .category-product-inner .product-list.product .product-info .cart {
    margin-top: 20px;
    top: auto;
    bottom: 0px;
    opacity: 1;
    left: 0;
    position: relative;
    margin-left:0px
}

.search-result-container .category-product-inner .product-list.product .product-info .cart-btn {
    display: block;
    margin-right: 5px;
}

.search-result-container .category-product-inner .product-list.product .tag {
    position: absolute;
    right: 12px;
    top: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    right: 14px;
    letter-spacing: 0.5px;
}
.product-list.product .product-info .name {
    font-size: 18px;
}
.product-list.product .product-info .description {
    line-height: 20px;
}


.search-result-container.best-seller .category-product .product:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

/*===================================================================================*/
/*  Product Detail
/*===================================================================================*/

.detail-block {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    overflow:hidden

}

.single-product .product-info-block .name {margin-top:0px; font-weight:bold; letter-spacing:-1px}

.single-product .single-product-gallery {padding-bottom:30px}

.single-product .favorite-button .btn-primary {background:#ddd}

.single-product .gallery-holder #owl-single-product .single-product-gallery-item {
    border: 1px solid #e5e5e5;
}
.single-product .gallery-holder .gallery-thumbs {
    margin: 15px 0 0;
    position: relative;
    text-align: left;
}
.single-product .gallery-holder .gallery-thumbs .owl-item .item {
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}
.single-product .gallery-holder .gallery-thumbs .owl-item .item .horizontal-thumb {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
}

.single-product .product-info .rating-reviews .reviews .lnk {
    color: #aaaaaa;
}
.single-product .product-info .stock-container .stock-box .label {
    font-size: 13px;
    font-family: 'BizeeBuy-default', sans-serif;
    line-height: 18px;
    color: #666666;
    padding: 0px;
    font-weight: normal;
}
.single-product .product-info .stock-container .stock-box .value {
    font-size: 13px;
    color: #ff7878;
}
.single-product .product-info .description-container {
    line-height: 20px;
    color: #666666;
}
.single-product .product-info .price-container {
    color: #666666;
}
.single-product .product-info .price-container .price-box .price {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.single-product .product-info .price-container .price-box .price-strike {
    color: #aaa;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-decoration: line-through;
}
.single-product .product-info .quantity-container {
    margin-bottom: 0;
    padding: 20px 0;
}
.single-product .product-info .quantity-container .label {
    font-size: 14px;
    font-family: 'BizeeBuy-default', sans-serif;
    line-height: 35px;
    text-transform: uppercase;
    color: #666666;
    padding: 0px;
    font-weight: normal;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 70px;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 100%;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow {
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 40px;
    cursor: pointer;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon {
    position: relative;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
    top: 5px;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
    top: -7px;
}
.single-product .product-info .quantity-container .cart-quantity .quant-input input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}
.single-product .product-info .product-social-link .social-label {
    font-size: 15px;
    font-family: 'BizeeBuy-default', sans-serif;
    line-height: 20px;
    text-transform: uppercase;
}
.single-product .product-info .product-social-link .social-icons {
    display: inline-block;
}
.single-product .product-info .product-social-link .social-icons ul li a {
    color: #888888;
    font-size: 16px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    padding: 5px 6px;
}
.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
}
.single-product .product-tabs {
    margin-top: 30px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 0px;
    overflow:hidden;
    margin-bottom:30px;
}

.single-product .nav-tabs {border:none}

.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a {
    border: none;
    color: #555;
    display: block;
    padding: 12px 28px;
    font-size: 13px;
    font-family: 'BizeeBuy-default', sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    position: relative;
    font-weight:bold;
    letter-spacing:1px;
    background: #f8f8f8;
    border: 1px #fff solid;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:hover,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:focus {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:hover:before,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:focus:before {
    border-color: rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: -10px;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:hover:after,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li > a:focus:after {
    border-style: solid;
    border-width: 7.5px;
    content: "";
    height: 0;
    position: absolute;
    bottom: -14px;
    width: 0;
    right: auto;
    left: auto;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li.active > a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li.active > a:before {
    border-color: rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: -10px;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell > li.active > a:after {
    border-style: solid;
    border-width: 7.5px;
    content: "";
    height: 0;
    position: absolute;
    bottom: -14px;
    width: 0;
    right: auto;
    left: auto;
}

.single-product .product-tabs .tab-content {
    padding-left:0px
}
.single-product .product-tabs .tab-content .tab-pane {
    padding: 24px;
}
.single-product .product-tabs .tab-content .tab-pane .text {
    line-height: 20px;
}

.single-product #owl-single-product-thumbnails .owl-controls {
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
    margin-top: 20px;
}
.single-product #owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page {
    display: inline-block;
}
.single-product #owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span {
    background: none repeat scroll 0 0 #ddd;
    border: medium none;
    border-radius: 3px;
    display: block;
    height: 10px;
    margin: 0 2px;
    -webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
    width: 10px;
    cursor: pointer;
}
.single-product .sidebar .sidebar-module-container .sidebar-widget .section-title {
    margin-top: 0px;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder {
    background-color: #FFFFFF;
    height: 100%;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 50;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder.left {
    left: 0px;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder.right {
    right: 0;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn {
    left: 0;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:after {
    content: "\f104";
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn {
    right: 0px;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:after {
    content: "\f105";
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn {
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    height: 100%;
    position: absolute;
    vertical-align: top;
    width: 90%;
    z-index: 100;
    border: 1px solid #e5e5e5;
    color: #dadada;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:after,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:after {
    bottom: 0;
    font-family: fontawesome;
    font-size: 30px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:hover,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:hover,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .prev-btn:focus,
.cnt-homepage .single-product .single-product-gallery .gallery-thumbs .nav-holder .next-btn:focus {
    background: #dadada;
    color: #fff;
}
.cnt-homepage .single-product .single-product-gallery .owl-item .single-product-gallery-item > a > img {
    display: block;
    width: 100%;
}
.cnt-homepage .single-product .single-product-gallery .owl-item .single-product-gallery-thumbs.gallery-thumbs .owl-item {
    margin-left: 10px;
}
.cnt-homepage .single-product .product-info-block label,
.cnt-homepage .single-product .product-info-block .label {
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    color: #434343 !important;
}
.cnt-homepage .single-product .product-info-block .label {
    padding: 0px;
}
.cnt-homepage .single-product .product-info-block .cart {
    width: auto;
    left: 0;
    margin-top: -8px;
    padding: 0px;
}
.cnt-homepage .single-product .product-info-block .cart .action .left {
    padding: 2px 8px;
    margin-left: 5px;
}
.cnt-homepage .single-product .product-info-block .form-control .selectpicker {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f1f1f1;
    background: #fff;
    color: #b0b0b0;
}
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #f1f1f1;
}
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:focus {
    background: rgba(0, 0, 0, 0);
}
.cnt-homepage .single-product .product-info-block .txt.txt-qty {
    font-size: 15px;
    line-height: 18px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 30px;
    padding: 5px 10px;
    text-align: center;
    width: 60px;
}
.cnt-homepage .single-product .product-info-block .stock-container .stock-box .label {
    color: #434343;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 0;
    text-transform: none;
}
.cnt-homepage .single-product .product-info-block .stock-container .stock-box .value {
    font-size: 13px;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
    margin-right: 10px;
    padding: 0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a {
    border: 2px solid #e1e1e1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #666666;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-transform: uppercase;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
    color: #fff;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
    color: #fff;
}
.cnt-homepage .single-product .product-tabs .tab-content {
    border: none;
}
.cnt-homepage .single-product .product-tabs .tab-content .tab-pane {
    padding: 0px;
}
.cnt-homepage .single-product .product-tabs .tab-content .tab-pane .product-tab .text {
    font-size: 13px;
    line-height: 22px;
}
.single-product .second-gallery-thumb.gallery-thumbs {
    padding: 0 40px;
}
.single-product .second-gallery-thumb.gallery-thumbs #owl-single-product2-thumbnails .owl-wrapper-outer {
    margin-left: 5px;
}
.product-tabs .tab-content .tab-pane .product-reviews .title {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 10px;
    font-family: 'BizeeBuy-default', sans-serif;

}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review {
    margin-bottom: 20px;
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    text-transform: none;
    background:#f8f8f8;
    padding:20px
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title {
    margin-bottom: 5px;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .summary {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
    font-style:italic

}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date {
    font-size: 12px;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date span {
    margin-left: 5px;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .text {
    line-height: 18px;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .author span {
    margin-left: 5px;
}
.product-tabs .tab-content .tab-pane .product-add-review .title {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 10px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.product-tabs .tab-content .tab-pane .product-add-review .review-table .table thead th {
    font-weight: normal;
    border-bottom-width: 1px;
    text-align: center;
    vertical-align: middle;
    background: #f8f8f8;
    border:none
}
.product-tabs .tab-content .tab-pane .product-add-review .review-table .table tbody tr td {
    text-align: center;
    vertical-align: middle;
}
.product-tabs .tab-content .tab-pane .product-add-review .review-table .table tbody tr td input {
    float: none;
    margin: auto;
}
.product-tabs .tab-content .tab-pane .product-add-review .review-form label {
    font-weight: normal;
    font-size: 13px;
}
.product-tabs .tab-content .tab-pane .product-add-review .review-form label .astk {
    color: #FF0000;
    font-size: 12px;
}
.product-tabs .tab-content .tab-pane .product-add-review .review-form .txt {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product-tabs .tab-content .tab-pane .product-tag .title {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 20px;
    font-family: 'BizeeBuy-default', sans-serif;
}
.product-tabs .tab-content .tab-pane .product-tag .form-group label {
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    margin-right: 10px;
}
.product-tabs .tab-content .tab-pane .product-tag .form-group .txt {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product-tabs .tab-content .tab-pane .product-tag .form-group .text {
    margin-left: 90px;
}
.homepage-container .product {
    position: relative;
}
.homepage-container .product .product-image .tag {
    font-size: 15px;
    font-weight: 700;
    width: 50px;
    height: 50px;
    text-transform: uppercase;
    top: 2.5%;
    z-index: 100;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    right: 25px;
    text-align: center;
    position: absolute;
}
.homepage-container .product .product-image .tag span {
    position: relative;
    z-index: 100;
    line-height: 48px;
}
.homepage-container .product .product-image .tag.new {
    background: #46aad7;
}
.homepage-container .product .product-image .tag.hot {
    background: #ff7878;
}
.homepage-container .product .product-info .name {
    font-size: 18px !important;
    font-family: 'BizeeBuy-default', sans-serif;
}
.homepage-container .product .product-info .name a {
    color: #555;
}
.homepage-container .product .product-info .star-rating .color {
    color: #ffb400;
}
.homepage-container .product .product-info .product-price .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin-right: 8px;
}
.homepage-container .product .product-info .product-price .price-before-discount {
    text-decoration: line-through;
    color: #d3d3d3;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
}
.homepage-container .product .cart {
    margin-top: 5px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 666;
    left: 0px;
    opacity: 1;
}
.homepage-container .product .cart .action {
    float: left;
}
.homepage-container .product .cart .action .add-cart-button .btn.btn-primary.icon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #575757 ;
}
.homepage-container .product .cart .action.lnk {
    margin: 10px 0px;
}
.homepage-container .product .cart .action.lnk a {
    padding: 0 10px;
    color: #dadada;
}
.homepage-container .product .cart .action.lnk.wishlist {
    border-right: 1px solid #dadada;
}
.homepage-container .featured-product .products .product:first-child {
    margin-bottom: 30px;
}
.homepage-container .btn-primary {
    font-size: 15px;
    line-height: 30px;
    font-family: 'BizeeBuy-default', sans-serif;
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    border: 2px solid #f2f2f2;
    color: #747474;
}
.homepage-container .btn-primary:hover,
.homepage-container .btn-primary:focus {
    color: #fff;
}
.homepage-container .best-seller .product .product-info .name,
.homepage-container .special-offer .product .product-info .name {
    margin-top: 4px;
}
.homepage-container .cart {
    margin-top: 5px;
    opacity: 1;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 666;
    left: 0px;
}
.homepage-container .cart .action .add-cart-button .btn.btn-primary.icon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    background: #575757 ;
}
.wrapper .box {
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}
.wrapper .box .wrapper-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag {
    font-size: 15px;
    font-weight: 700;
    line-height: 55px;
    width: 55px;
    height: 55px;
    text-transform: uppercase;
    top: 2.5%;
    z-index: 100;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    right: 25px;
    text-align: center;
}
.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag span {
    position: relative;
    z-index: 100;
}
.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.new {
    background: #46aad7;
}
.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.sale {
    background: #989898;
}
.wrapper .box .wrapper-inner .wrapper-body-inner .owl-item .tag.hot {
    background: #ff7878;
}
/*===================================================================================*/
/*  Responsive Layout
/*===================================================================================*/

@media (min-width: 320px) and (max-width: 480px) {
    .top-bar .cnt-block {float:none}
    .top-cart-row .dropdown-cart .lnk-cart {display:block;}
    .top-cart-row .dropdown-cart {
        float: none;
    }
    #owl-main .item .caption .big-text {font-size:18px; line-height: normal}
    #owl-main .item .caption {left:0px}
    #owl-main {height:100%}
    #owl-main .item {height:150px}
    #owl-main .item .caption .button-holder {margin:0px}
    #hero .btn-primary {padding:5px 10px; font-size:12px; line-height:normal; margin-top:8px}

}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .navbar-toggle {float:left; border:none}
    .navbar-default .navbar-toggle .icon-bar {background-color: #2874f0;}
    .navbar-collapse {box-shadow:none; border:none; padding-right: 15px; padding-left: 15px;}
    /* .header-style-1 .header-nav .navbar-default .navbar-collapse {padding-right: 15px; padding-left: 15px;} */
    /* .header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a {border:none; padding-left:0px} */
    .mega-menu img {width:100%}
    .yamm .dropdown-menu .yamm-content .col-menu {margin-bottom:15px}
    .special-menu {float:left}

    .top-bar .header-top-inner {
        text-align: center;
    }
    .top-bar .header-top-inner .cnt-account {
        clear: both;
        display: inline-block;
        float: none;
        margin: auto;
        text-align: center;
    }
    .top-bar .header-top-inner .cnt-account li {
        margin-bottom: 8px;
    }
    .top-bar .header-top-inner .cnt-block .list-inline li {
        margin:0px 0;
    }
    .main-header .logo-holder {
        /* text-align: center;
        margin-bottom: 20px; */
    }
    .main-header .top-search-holder .contact-row {
        margin-bottom: 20px;
        text-align: center;
    }
    .main-header .top-search-holder .contact-row .phone,
    .main-header .top-search-holder .contact-row .contact {
        margin: 0 0 5px;
        padding-right: 0px;
        border-right: none;
        display: block;
    }
    .main-header .top-search-holder .search-area .categories-filter {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .main-header .top-search-holder .search-area .search-button {
        padding: 12px 19px;
    }
    .sidebar .side-menu nav .nav > li > .mega-menu {
        left: 0px;
        min-width: 100%;
        top: 100%!important;
    }
    .logo-slider-inner .item {
        text-align: center;
    }
    .filters-container .filter-tabs,
    .filters-container .lbl-cnt,
    .filters-container .pagination-container {
        margin-bottom: 10px;
    }
    .homepage-container .wide-banners .wide-banner {
        margin-bottom: 10px;
    }
    .cnt-homepage .wrapper .box {
        padding: 0 10px;
    }
    #owl-main .item .caption {
        padding: 0 22px;
    }
    .wide-banners .wide-banner:first-child {
        margin-bottom: 10px;
    }
    .product .product-image .image img {
        width: 100%;
        height: auto;
        display: block;
    }
    .header-nav .yamm .dropdown-menu {
        background: #fff;
    }
    .body-content .sidebar {
        margin-bottom: 30px;
    }
    .filters-container .no-padding {
        padding: 0px;
    }
    .search-result-container .category-product-inner .product-list.product .product-info {
        padding: 0px;
    }
    .search-result-container .category-product-inner .product-list.product .product-info .cart {
        margin-bottom: 20px;
    }
    .single-product .gallery-holder {
        margin-bottom: 30px;
    }
    .single-product .product-info-block {
        clear: both;
    }
    .yamm .dropdown-menu.pages {
        padding: 10px 37px;
    }
    .hot-deal-wrapper .image img {
        width: 100%;
        height: auto;
        display: block;
    }
    .seller-product .products .product .product-info .name {
        font-size: 15px;
        margin-top: 0px !important;
    }
    .cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a {
        font-size: 16px;
    }
    .cnt-homepage .header-nav .yamm .navbar-header {
        border: 1px solid #f1f1f1;
    }
    .info-boxes .info-box {
        margin-bottom: 10px;
    }
    .cnt-homepage .single-product .product-info-block .cart {
        margin-top: 10px;
        padding: 0 15px;
    }
    .product-comparison .compare-table tr td .product .product-image .image img {
        width: auto;
    }

    .hot-deals .products {margin-right:15px}

    .copyright-bar .payment-methods {text-align:left; margin-top:10px}
    .single-product  .home-banner {display:none}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

    .sidebar .side-menu nav .nav > li > .mega-menu {
        min-width: 100%;
        left: 0px;
        top:100%!important
    }
    .logo-slider-inner .item {
        text-align: center;
    }
    .filters-container .filter-tabs,
    .filters-container .lbl-cnt,
    .filters-container .pagination-container {
        margin-bottom: 10px;
    }
    .filters-container .pagination-container {
        float: left;
    }
    .homepage-container .wide-banners .wide-banner {
        margin-bottom: 10px;
    }
    .cnt-homepage .wrapper .box {
        padding: 0 15px;
    }
    .cnt-homepage .container {
        width: 100%;
    }
    .body-content .sidebar {
        margin-bottom: 30px;
    }
    .product .product-image .image img {
        width: 100%;
        height: auto;
        display: block;
    }

    .owl-item {
        padding: 10px;
    }
    #owl-main .owl-item {
        padding: 0px;
    }
    .wide-banners .wide-banner:first-child {
        margin-bottom: 10px;
    }
    .filters-container .no-padding {
        padding: 0px;
    }
    .search-result-container .category-product-inner .product-list.product .product-info {
        padding: 0px;
    }
    .hot-deal-wrapper .image img {
        width: 100%;
        height: auto;
        display: block;
    }
    .main-header .logo-holder {
        /* text-align: center;
        margin-bottom: 20px; */
    }
    .main-header .contact-row {
        text-align: center;
    }
    .special-menu {display:none!important}
    .single-product  .home-banner {display:none}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .main-header .top-search-holder .search-area .control-group {
        position: relative;
    }
    .main-header .top-search-holder .search-area .control-group .search-button {
        /* position: absolute;
        top: 0px;
        right: 0px; */
    }
    .category-carousel .item {
        height: auto;
    }
    .filters-container .nav-tabs.nav-tab-box li {
        margin-right: 3px;
    }
    .filters-container .lbl-cnt .lbl {
        margin-right: -1px;
    }
    .cnt-homepage .single-product .product-info-block .cart {
        clear: both;
        margin-top: 20px;
    }
    .shopping-cart .estimate-ship-tax table thead tr th .estimate-title {
        font-size: 16px !important;
    }
    .shopping-cart .cart-shopping-total table thead tr th .cart-sub-total,
    .shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
        font-size: 16px !important;
    }
    .wrapper .box .wrapper-inner .container {
        width: auto !important;
    }

    .special-menu {display:none!important}
    .home-banner img {width:100%}
}
/* Large devices (large desktops, 1200px and up) */



/*===================================================================================*/
/* Checkout
/*===================================================================================*/
.checkout-box .checkout-steps .panel-default    {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .form-group .info-title {
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 13px;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login .forgot-password {
    padding-top: 14px;
    display: inline-block;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a {
    font-size: 13px;
    color: #666666;
    text-decoration: underline;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login button {
    margin-top: 15px;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title {
    margin: 0px !important;
    font-size: 13px;
    font-weight: bold;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title a {
    color: #555;
    text-transform: uppercase;
    display: block;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title a span {
    background-color: #aaaaaa;
    color: #fff !important;
    display: inline-block;
    margin-right: 10px;
    padding: 15px 20px;
}
.checkout-box .checkout-steps .checkout-subtitle {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 14px;
    color: #434343;
    margin-right: 12px;
}
.checkout-box .checkout-steps .panel-body {
    padding: 20px;
    border:none
}

.panel-group .panel-heading+.panel-collapse>.panel-body {border:none}

.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase .guest-check {
    margin-bottom: 6px;
}
.checkout-box .checkout-steps .guest-login ul .save-time-reg {
    padding-bottom: 4px;
}
.checkout-box .panel-group .panel {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    border:none
}
.checkout-box .checkout-progress-sidebar .panel-body ul li a {
    color: #666666;
}
.checkout-box .checkout-progress-sidebar .panel .panel-heading {
    padding: 27px 30px;
    border-bottom: 1px solid #ddd;
}
.checkout-box .checkout-progress-sidebar .panel .panel-heading h4 {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 14px;
    margin-bottom: 10px;
}
.checkout-box .checkout-steps .checkout-step-01 .guest-login form .radio input[type="radio"],
.checkout-box .checkout-steps form .radio-inline input[type="radio"],
.checkout-box .checkout-steps form .checkbox input[type="checkbox"],
.checkout-box .checkout-steps form .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}
.checkout-box .checkout-steps .panel .panel-heading,
.checkout-box .checkout-progress-sidebar .panel .panel-heading {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    padding:0px;
    border:none
}
.checkout-box .checkout-steps .guest-login .title-tag-line,
.checkout-box .checkout-steps .already-registered-login .title-tag-line {
    margin-bottom: 15px;
    font-size: 13px;
}
.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase,
.checkout-box .checkout-steps .guest-login ul {
    padding-left: 10px;
    font-size: 13px;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus,
.checkout-box .checkout-progress-sidebar .panel-body ul li a:hover {
    background-color: rgba(0, 0, 0, 0);
}

.checkout-progress-sidebar .nav>li>a {padding: 10px 0px;} 
.checkout-progress-sidebar .nav>li>a:hover, .nav>li>a:focus {background:none}


/*===================================================================================*/
/*  Shopping Cart
/*===================================================================================*/

.shopping-cart .shopping-cart-table {
    margin-bottom: 50px;
}
.shopping-cart .shopping-cart-table table {
    margin-bottom: 0px !important;
}
.shopping-cart .shopping-cart-table table tbody tr td {
    vertical-align: middle;
}

.shopping-cart .cart-image img {
    width:150px
}


.shopping-cart .shopping-cart-table table tbody tr .romove-item a {
    font-size: 18px;
    color: #666666;
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:hover,
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:focus {
    color: #ff0000 !important;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-image .entry-thumbnail {
    display: block;
    text-align: center;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info {
    vertical-align: middle !important;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
    margin-top: 0px;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 16px;

}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a {
    color: #555;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .reviews {
    font-size: 11px;
    color: #aaa;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info {
    margin-top: 10px;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 12px;
    color: #666666;
    text-transform: uppercase;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 12px;
    text-transform: lowercase;
    margin-left: 14px;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a {
    color: #666666;
    text-decoration: underline;
}
.shopping-cart .shopping-cart-table .table > thead > tr > th {
    text-align: center;
    padding: 16px;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 15px;
}
.shopping-cart .shopping-cart-table .shopping-cart-btn span {
    padding: 20px 0px;
    display: block;
}
.shopping-cart .estimate-ship-tax table thead tr th .estimate-title {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 14px;
    color: #555;
    margin-bottom: 2px;
    margin-top: 0px;
    display: block;
}
.shopping-cart .estimate-ship-tax table thead tr th p {
    font-family: 'BizeeBuy-default', sans-serif, sans-serif;
    font-size: 13px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 0px;
}
.shopping-cart .estimate-ship-tax table thead tr > th {
    padding: 24px 10px 20px 10px;
}
.shopping-cart .estimate-ship-tax table tbody tr > td {
    padding: 24px 10px !important;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .selectpicker {
    background: #fff;
    color: #999;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
    background: rgba(0, 0, 0, 0);
}
.shopping-cart .cart-shopping-total table thead tr th {
    background-color: #ffffff;
    text-align: right;

}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total {
    color: #555;
    margin-bottom: 7px;
}
.shopping-cart .cart-shopping-total table tbody tr td {
    padding: 24px 50px;
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn button {
    float: right !important;
    margin-bottom: 8px;
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn span {
    display: block;
    font-weight: normal;
    color: #666666;
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-quantity {
    text-align: center;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total span,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total span {
    display: block;
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 16px;
    color: #555;
    text-transform: uppercase;
}
.shopping-cart .estimate-ship-tax table tbody tr td .form-group label,
.shopping-cart .estimate-ship-tax table tbody tr td .form-group input,
.contact-page .contact-form form label,
.contact-page .contact-form form input {
    font-size: 13px;
    font-weight: normal;
    color: #999;
}
.shopping-cart .estimate-ship-tax table tbody tr td .form-group label span,
.contact-page .contact-form form label span,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .form-group label span {
    color: red;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total,
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 13px;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total.pay {
    color: #2fb744;
}
.shopping-cart-table table tbody tr td .quant-input {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 70px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 40px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
    top: 5px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
    top: -7px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon {
    position: relative;
}
.shopping-cart-table table tbody tr td .quant-input input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}
.cart-product-quantity .form-control {
    border: 1px solid #2c7be5;
}

.checkout-btn { background:#fdd922; color:#333; padding: 10px 18px;}


.product-comparison .page-title {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #666666;
    margin-bottom: 40px;
}

.product-comparison img  {width:150px!important}

.product-comparison .compare-table tr th {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    padding: 18px 25px;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
}
.product-comparison .compare-table tr td {
    padding: 18px 30px;
    border: 1px solid #e5e5e5;
}
.product-comparison .compare-table tr td .product {
    margin-bottom: 15px;
    margin-top: 40px;
}
.product-comparison .compare-table tr td .product .product-image .image a {
    display: block;
    text-align: left;
}
.product-comparison .compare-table tr td .product-price .price {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 8px;
}
.product-comparison .compare-table tr td .product-price .price-before-discount {
    color: #D3D3D3;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: line-through;
}
.product-comparison .compare-table tr td .text {
    font-size: 14px;
    line-height: 22px;
}
.product-comparison .compare-table tr td .in-stock {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0px;
}
.product-comparison .compare-table tr td .remove-icon {
    color: #666666;
}
.product-comparison .compare-table tr td .remove-icon:hover,
.product-comparison .compare-table tr td .remove-icon:focus {
    color: #ff6666;
}
.body-content .x-page .x-text h1 {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 200px;
    font-weight:bold
}
.body-content .x-page .x-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}
.body-content .x-page .x-text .le-button {
    border-radius: 0 3px 3px 0;
    margin: 0 0 0 -5px;
    padding: 19px 23px 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 10px;
    border: medium none;
    color: #333;
    background:#fdd922
}
.body-content .x-page .x-text form input {
    border: 1px solid #e0e0e0;
    border-radius: 3px 0 0 3px;
    color: #3d3d3d;
    padding: 13px;
    font-size: 15px;
    width: 40%;
}
.body-content .x-page .x-text a {
    font-size: 15px;
}
.body-content .x-page .x-text a i {
    padding-right: 2px;
}


/*===================================================================================*/
/*  Wishlist
/*===================================================================================*/

.my-wishlist-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    overflow: hidden;
}

.heading-title {
    text-align: left!important;
    text-transform: none!important;
    padding: 0px 0px 15px 0px!important;
    font-weight: bold!important;
    font-size: 22px!important;
    border-bottom: 1px #e5e5e5 solid!important;}

.body-content .my-wishlist-page .my-wishlist table > thead > tr > th {
    text-align: center;
    font-size: 30px;
    font-family: 'BizeeBuy-default', sans-serif;
    text-transform: uppercase;
    border: none;
    font-weight: 400;
}

.body-content .my-wishlist-page img {width:100%}
.body-content .my-wishlist-page .my-wishlist table tbody tr:nth-child(even) {
    border-top: 1px solid #ddd;
}
.body-content .my-wishlist-page .my-wishlist table tbody .product-name {
    font-size: 16px;
    font-family: 'BizeeBuy-default', sans-serif;
    padding-bottom: 6px;
}
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a {
    color: #434343;
}
.body-content .my-wishlist-page .my-wishlist table tbody .rating span {
    font-size: 11px;
    color: #aaa;
    padding-left: 10px;
}
.body-content .my-wishlist-page .my-wishlist table tbody .rating .rate {
    color: #ffb400;
}
.body-content .my-wishlist-page .my-wishlist table tbody .rating .non-rate {
    color: #dcdcdc;
}
.body-content .my-wishlist-page .my-wishlist table tbody .price {
    font-size: 16px;
    padding-top: 4px;
    font-weight: bold;
}
.body-content .my-wishlist-page .my-wishlist table tbody .price span {
    font-size: 15px;
    color: #ddd;
    text-decoration: line-through;
    padding-left: 10px;
}
.body-content .my-wishlist-page .my-wishlist table tbody .close-btn a,
.body-content .my-wishlist-page .my-wishlist table tbody .close-btn a:hover {
    color: #ff7878;
    font-size: 15px;
}

/*===================================================================================*/
/*  Signup and login
/*===================================================================================*/

.sign-in-page {
    background-color: #fff;
    -webkit-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    -moz-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    -o-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    /* padding: 100px 20px; */
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    /* min-height: 700px; */
    display: table;
    vertical-align: middle;
}
.sign-in-page ~ .row {
    display: table;
}
.sign-in-page .col-md-6.v-center {
    display: table-cell;
    float: none;
    vertical-align: middle;
    height: 700px;
}
.body-content .sign-in-page .sign-in h4,
.body-content .sign-in-page .create-new-account h4 {
    font-size:18px;
    font-family: 'BizeeBuy-default', sans-serif;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;

}
.body-content .sign-in-page .sign-in p,
.body-content .sign-in-page .create-new-account p {
    /* font-size: 15px;
    color: #666; */
}
.body-content .sign-in-page .create-new-account p.help-block {
    font-size: 13px;
    color: #a94442;
}
.body-content .sign-in-page .sign-in .social-sign-in a,
.body-content .sign-in-page .sign-in .social-sign-in a:hover,
.body-content .sign-in-page .sign-in .social-sign-in a:focus {
    border-radius: 3px;
    padding: 14px 30px;
    font-size: 15px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.body-content .sign-in-page .sign-in .social-sign-in a i {
    padding-right: 6px;
}
.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in {
    background-color: #3d5c98;
    margin-right: 10px;
}
.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in:hover,
.body-content .sign-in-page .sign-in .social-sign-in .facebook-sign-in:focus {
    background-color: #153470;
}
.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in {
    background-color: #22aadf;
}
.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in:hover,
.body-content .sign-in-page .sign-in .social-sign-in .twitter-sign-in:focus {
    background-color: #0084B9;
}
.body-content .sign-in-page .create-new-account > span {
    font-size: 20px;
    font-family: 'BizeeBuy-default', sans-serif;
    padding-bottom: 14px;
    text-transform: uppercase;
    display: inline-block;
}
.body-content .sign-in-page .create-new-account .checkbox label {
    margin-bottom: 10px;
    font-size: 16px;
}
.body-content .sign-in-page form .form-group span {
    color: #a94442;
}
.body-content .sign-in-page .register-form label {
    font-size: 14px;
    font-weight: 400;
}
.body-content .sign-in-page .register-form .form-group {
    margin-bottom: 20px;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -5px;

}
.tooltip-inner {
    font-family: 'BizeeBuy-default', sans-serif;
    border-radius:2px;
    min-width:70px;
    z-index:10000


}


/*===================================================================================*/
/*  LHS banners
/*===================================================================================*/

.home-banner {
    margin-top: 30px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
}


/*===================================================================================*/
/*  Login, Signup & Pricing Plan
/*===================================================================================*/
.register-msg {
    padding: 8px;
    z-index: 999;
    position: relative;    
}
.register-msg .click {
    color: #a22353;
    display: inline-block;
    font-weight: 500;
    margin: 0 5px;
    position: relative;

}
.register-msg .click:after {
    border-top: 1px solid #a22353;
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 1px;
    left: 0;
    animation: zoomIn 1.5s infinite linear;
}

.main-header .logo-holder .logo a {
    /* display: inline-block; */
}
.screen-illustration img {
    width: 380px;
    height: auto;
}
.screen-illustration {
    /* margin-top: 100px;
    margin-bottom: 120px; */
}
.body-content .sign-in-page .sign-in h4, .body-content .sign-in-page .create-new-account h4 {
    font-size: 25px;
    font-weight: 500;
    /* color: rgba(0,0,0,0.2); */
    border-bottom: none;
}

.body-content .sign-in-page .create-new-account .checkbox label {
    font-size: 14px;
}
.create-new-account {
    position: relative;
}
.sign-in:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    height: 400px;
    border: 1px solid rgba(0,0,0,0.04);
}
.title-tag-line {
    margin-top: 20px;
}
.body-content .pricing-plan-page table > thead > tr > th {
    vertical-align: middle;
}
.body-content .pricing-plan-page table > thead > tr > th,.body-content .pricing-plan-page table > tbody > tr > td,.body-content .pricing-plan-page table > tfoot > tr > td {
    padding: 10px;
}
.body-content .pricing-plan-page .label-info {
    background: #ececec;
}

.body-content .pricing-plan-page .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f3f6ff;
}
.btn-buy {
    background: #0c1f6c;
    background: linear-gradient(to right, #0c1f6c, #c9395c);
    transition: all 0.8s ease;
}
.btn-buy:hover,.btn-buy:active,.btn-buy:focus,.btn-buy:active:hover,.btn-buy:active:focus {
    color: #ffffff;
    background: linear-gradient(to right, #c9395c, #0c1f6c);
    transition: all 0.8s ease;
}

.pricing-plan-page {
    background-color: #fff;
    padding: 50px;
    overflow: hidden;
}

.main-box {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    overflow: hidden;
}

.payment-smry .table tbody tr td,.payment-smry .table thead tr th,.payment-smry .table tfoot tr th,.payment-smry .table thead tr td,.payment-smry .table tfoot tr td {
    padding: 10px;
}

/* .payment-smry .success-msg-box {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px -7px 30px -5px rgba(75, 75, 75, 0.28);
    -moz-box-shadow: 0px -7px 30px -5px rgba(75, 75, 75, 0.28);
    -o-box-shadow: 0px -7px 30px -5px rgba(75, 75, 75, 0.28);
    box-shadow: 0px -7px 30px -5px rgba(75, 75, 75, 0.28);
    padding: 20px 10px !important;
    margin: 0 15px;
}
.payment-smry .success-msg-box:before,.payment-smry .success-msg-box:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 8px;
    pointer-events: none;
    width: 100%;

}
.payment-smry .success-msg-box:before {
    top: -5px;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C0%204%2C4%208%2C0%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-image: url("../img/payment-slip-arrow.svg");
}
.payment-smry .success-msg-box:after {
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C4%204%2C0%208%2C4%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
    background-image: url("../img/ticket-border-bottom.svg");

}

.payment-smry .banner-image-holder {
    background-image: url(BizeeBuy%20%20%20Payment%20is%20success_files/banner-4.svg);
    background-size: cover;
    background-position: center center;
    height: 100%;
} */
.discount-box .form-control {
    border: 1px solid #295193;
}
.discount-box .btn-apply-code {
    background-color: #f3f7ff;
    color: #295193;
    border-color: #295193;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}
.discount-box .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.discount-box .btn-apply-code:hover,.discount-box .btn-apply-code:focus,.discount-box .btn-apply-code:active {
    background-color: #295193;
    border-color: #295193;
    color: #ffffff;
}
.discount-box .btn-remove-code {
    background-color: #295193;
    color: #ffffff;
    border-color: #295193;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.discount-box .btn-remove-code:hover,.discount-box .btn-remove-code:focus,.discount-box .btn-remove-code:active {
    background-color: #f3f7ff;
    border-color: #295193;
    color: #295193;
}
.coupon-code {
    background-color: #fff2da;
    padding: 10px;
    color: #8e6109;
    border: 1px dashed #a47e33;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.coupon-code-box {
    color: #8e6109;
    border: 1px dashed #a47e33;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 10px;
}

/**************************************
          profile page Css
**************************************/

.dashboard-bg {
    background-color: #f9fbfd;
}
.content {
    /* background: #f9fbff;
    border: solid 1px rgba(40,116,240,0.28); */
}
.ptop-header {
    position: relative;
    background-color: #f9fbff;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    background-size: cover;
    background-position: 50%;
}
.user-avatar {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    vertical-align: middle;
    border-radius: 4rem;
}
.user-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.user-avatar-xl {
    width: 120px;
    height: 120px;
}
.ptop-header .heading {
    margin-top: .5rem;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}
.ptop-header .detail {
    font-size: 14px;
    max-width: 500px;
    margin-bottom: 5px;
}
.ptop-header .other-info {
    background-color: #fff;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    margin-top: 10px;
}
.other-info .heading {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #888;
}
.other-info .progress {
    margin-bottom: 2px;
    margin-top: 6px;
    border-radius: 10px;
}
.other-info .progress span {
    position: relative;
    top: -6px;
    font-size: 75%;
    font-weight: bold;
}
.pnav {
    background-color: #fff;
    border-top: 1px solid #ddd;
    margin-top: 0px;
    text-align: center;
}
.pnav > li {
    float: none;
    display: inline-block;
    position: relative;
    width: 14%;
}
.pnav > li > a {
    color: rgb(90, 95, 125);
    letter-spacing: 0.2px;
    border-radius: 0;
    border: transparent;
    border-bottom: 2px solid transparent;
}
.pnav > li > a:hover, .pnav > li > a:active, .pnav > li > a:focus {
    color: #2874f0;
    border: transparent;
    background: none;
    border-bottom: 2px solid #2874f0;
}
.pnav > li.active > a, .pnav > li.active > a:focus, .pnav > li.active > a:hover {
    color: #2874f0;
    border: transparent;
    border-bottom: 2px solid #2874f0;
}
.pnav > li.error > a:before {
    position: absolute;
    content: "\f069";
    font-family: "FontAwesome";
    top: 7px;
    right: 4px;
    color: #dd4b39;
    font-size: 9px;
}
.verified {
    width: 100%;
    float: left;
}
.verified .btn-default {
    background-color: rgba(40, 116, 240, 1);
    color: #fff;
    border-color: #2874f0;
    transition: all 0.5s ease;
}
.verified .text {
    color: #888;
}
.verified .btn-default:hover {
    background-color: rgba(40, 116, 240, 0.8);
    transition: all 0.5s ease;
}
.checkmark {
    width: 56px;
    height: 56px;
    margin: auto;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}


.info-form .heading,.info-about .heading,.business-detail-info.detail .heading,.terms-condition .heading {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #2874f0;
    font-weight: 600;
}
.info-form .btn-primary {
    background-color: rgba(40, 116, 240, 0.1);
    border-color:  rgba(40, 116, 240, 0.4);
    border-radius: 0.5rem;
    color: #2874f0;
    transition: all 0.3s ease;
}
.info-form .btn-primary:hover {
    background-color: rgba(40, 116, 240, 0.2);
}
.info-about .info-list {
    margin: 10px 0 0 15px;
    padding: 0;
    list-style-type: decimal;
}
.info-about .info-list li {
    padding-left: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

/* .terms-condition .box {
    border-top: none;
    box-shadow: none;
    margin-bottom: 0;
    -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    -o-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    box-shadow: none;
}
.terms-condition .box .box-header.heading {
    background-color: rgba(40, 116, 240,0.1);
    padding: 10px 20px;
    border: transparent;
    color: rgba(0,0,0,0.7);
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.terms-condition .box .box-header.heading .box-title {
    display: block;
    cursor: pointer;
}
.terms-condition .box-body {
    padding: 10px 0 0;
}
.terms-condition .box .text-bg {
    background-color: rgba(240, 240, 240, 0.5);
    border-top: 0px;
    margin-bottom: 5px;
}
.terms-condition .box-footer {
    padding: 15px 0 0;
    margin-top: 20px;
} */
.address-primary.border {
    border-color: #93b4df !important;
}
.address-secondary.border {
    border-color: #e9e9e9 !important;
}
.seller-comments {
    background-color: #fff;
    padding: 15px;
    margin: 15px auto;
    -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    -o-box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.03);
}
.seller-comments .table {
    border: 1px solid rgba(40, 116, 240,0.1);
    border-radius: 4px;
}
.seller-comments .table > thead {
    background-color: rgba(40, 116, 240,0.1);
}
.business-detail-info .box-footer {
    padding: 15px 0 0;
    margin-top: 20px;
}
.seller-comments .box-footer {
    padding: 15px 0 0;
    margin-top: 20px;
}
.seller-profile .box-footer .btn {
    min-width: 110px;
}
.separator {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #f2f2f2;
}

.fileupload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileupload {
    display: block;
    padding: 1.2rem;
    text-align: center;
    color: #888c9b;
    background-color: #f2f2f2;
    border-radius: .25rem;
    border: 2px dashed rgba(34,34,48,.1);
    transition: all .2s;
}

.fileupload input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    direction: ltr;
    cursor: pointer;
    z-index: 2;
}
.browsefile {
    background-color: #9e9e9e;
    color: #fff;
    padding: 5px 20px;
    border-radius: 4px;
}
.fileupload.sign-preview {
    background-color: #fff;
    border: 1px solid #ddd;
    height: 80px;
    position: relative;
    padding: 0;
}
.fileupload.sign-preview:before {
    position: absolute;
    content: "Signature Preview";
    color: #ddd;
    text-align: center;
    display: block;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.signature-note {
    font-size: 12px;
    text-align: left;
    position: relative;
    bottom: 4px;
    display: block;
    width: 55%;
    float: right;
    margin-top: 20px;
    color: #3c3a3a;
}
.business-detail-info.address-form {
    max-width: 100%;
}
.address-detail-info.address-form .heading {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #2874f0;
    font-weight: 600;
}
.nav-tabs-custom {
    box-shadow: none;
}
.nav-tabs-custom > .nav-tabs {
    border: none;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 20px;
}
.nav-tabs-custom > .nav-tabs > li {
    margin-right: 0;
    border: none;
}
.nav-tabs-custom > .nav-tabs > li > a {
    padding: 0;
    border: 0;
}
.nav-tabs-custom > .tab-content {
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.nav-tabs-custom > .tab-content .separator {
    border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active > a:focus, .nav-tabs-custom > .nav-tabs > li.active > a:hover {
    border: none;
}
.nav-tabs-custom > .nav-tabs > li.active .address-heading {
    color: rgba(0,0,0,0.8);
}
.nav-tabs-custom > .nav-tabs > li.active .address-area {
    -webkit-box-shadow: 0 0 10px rgba(20, 95, 194, 0.2);
    -moz-box-shadow: 0 0 10px rgba(20, 95, 194, 0.2);
    -o-box-shadow: 0 0 10px rgba(20, 95, 194, 0.2);
    box-shadow: 0 0 10px rgba(20, 95, 194, 0.2);
}

.ext-error {
    color: red;
}
.cus-req::after {
    content: " *";
    color: red;
}
.billing-address,.pickup-address,.return-address {
    border: 1px dashed #ccc;
    border-radius: 4px;;
}
.billing-bg {
    background-color: #e6f4ff;
}
.pickup-bg {
    background-color: #f8fff3;
}
.return-bg {
    background-color: #fff9ea;
}
.address-area {
    padding: 15px;
    text-align: center;
    color: rgba(0,0,0,0.3);    
    cursor: pointer;
}
.address-area span {
    pointer-events: none;
    display: block;
}
.address-heading {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #888;
    color: rgba(0,0,0,0.5);
}
.address-show-box {
    border: 1px solid #f0f0f0;
    padding: 15px;
    margin-top: 30px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    display: none;
}
.address-form .active{
    display: block;
}
.address-show-box div[class*="address-row-"] {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.address-show-box [class*="address-row-"]:last-child {
    margin-bottom: 10px;
}
.saved-address {
    /* border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.06);
    margin-bottom: 2rem;
    margin-bottom: 10px; */
}
.saved-address:not(:first-child) {
    /* margin-bottom: 0px; */
}
.saved-address .body {
    /* height: 20rem;
 overflow: auto; */
}
.saved-address .header,.saved-address .body {
    /* padding: 10px; */
}
.saved-address .header {
    /* padding: 5px; */
}
.saved-address .header {
    /* background-color: #f4f8ff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; */
}
.saved-address .header .heading {
    /* display: inline-block;
    font-weight: 600;
    color: rgba(0,0,0,0.5); */
}
.address-list .card {
    margin-bottom: 10px;
}
.address-list .card:nth-last-child(1) {
    /* margin-bottom: 0px; */
}
.saved-address .card-header .card-title span {
    /* position: relative;
    padding: 0 3px 0 5px;
    color: #2874f0; */
}
.saved-address .card-header .card-title span:before {
    /* content: "[";
    position: absolute;
    left: 0;
    top: 0;
    color: #2874f0; */
}
.saved-address .card-header .card-title span:after {
    /* content: "]";
    position: absolute;
    right: 0;
    top: 0;
    color: #2874f0; */
}
.saved-address .box-tools {
    /* margin-top: -2px; */
}
.saved-address .btn-box-tool {
    /* padding: 0 5px;
    line-height: normal;
    font-size: 13px; */
}
.saved-address .btn-group.open .dropdown-toggle {
    /* box-shadow: none; */
}
.saved-address .box-tools .btn .badge-soft-primary {
    /* opacity: 0.7; */
}
.saved-address .box-tools .btn:hover {
    /* color: rgba(0,0,0,0.6); */
}
.saved-address .box-tools .btn:hover .badge-soft-primary {
    /* opacity: 1; */
}
.saved-address .text-light {
    /* color: rgba(0,0,0,0.8); */
}
.saved-address .text-lighter {
    /* color: rgba(0,0,0,0.5); */
}
.saved-address .body .add-details {
    /* font-size: 14px;
    margin-bottom: 5px;
    color: rgba(0,0,0,0.8); */
}
.saved-address .body .col-left {
    /* float: left;
    position: relative; */
}
.saved-address .body .col-right {
    /* float: right;
    position: relative; */
}


.bank-detail-info .box-footer {
    padding: 15px 0 0;
    margin-top: 20px;
}
.saved-account {
    height: 330px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
}
.saved-account .row {
    margin-bottom: 25px;
}
.primary-account .body .add-details,.secondary-account .body .add-details {
    font-size: 13px;
}
.primary-account .header .heading, .secondary-account .header .heading {
    font-size: 14px;
}
.saved-address .header.secondary-acc-bg {
    background-color: #f2f2f2;
}
.brand-img-upload {
    margin-top: 30px;
}
.brand-authorize-info .box-footer {
    padding: 15px 0 0;
    margin-top: 20px;
}
.sig-box{
    width: 45%;float: left;
}
.sig-box label{
    width:100%;
    display:inline-block
}
.address-form .nav > li > a:hover,.address-form .nav > li > a:focus{
    background-color:unset;
    border-color:unset;
    color:unset;
    border:unset;
}
.box {
    /* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); */
}

.popover {
    min-width: 150px;
    max-width: 150%; 
}

.seller-avatar .form-group{margin-bottom: 0px !important;}
.custom-tooltip > .popover {
    color: #333;
    width: 400px;
    height: auto;
    font-size:13px;
    text-align: left;    
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #143d70;
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff8e8;
    border-bottom-width: 0;
}

.vender-docs .help-block ,
.info-about .help-block ,
.info-form .help-block {display:none; visibility: hidden;}

.vender-docs .form-group{margin-bottom:0px;}

.buyer-avatar label { display:block;margin:auto;}
.buyer-avatar {
    width: 100px;
    height: 100px;
    /*border-radius: 50px;*/
    position: relative;
    display: flex;
    justify-content: center;
}

.buyer-avatar .media-object {
    width: 100px;
    /*height: auto;*/
    object-fit: cover;
    overflow: hidden;
    border: 1px solid transparent;
}
.buyer-avatar .upload-img {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
}
.buyer-profile-header .table > tbody > tr > td {
    padding: 3px;
}


/**************************************
          Override Table Css
**************************************/
table {
    border-collapse: collapse;
}

caption {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    color: #95aac9;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}
.table {
    width: 100%;
    margin-bottom: 24px;
}

.table td,.table th {
    padding: 15px;
    vertical-align: top;
    border-top: 1px solid #edf2f9;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #edf2f9;
}

.table tbody+tbody {
    border-top: 2px solid #edf2f9;
}

.table-sm td,.table-sm th {
    padding: 15px;
}

.table-bordered,.table-bordered td,.table-bordered th {
    border: 1px solid #edf2f9;
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9fbfd;
}

.table-hover tbody tr:hover {
    background-color: #f9fbfd;
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #c4daf8;
}

.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th {
    border-color: #91baf1;
}

.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #adccf5;
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6dde5;
}

.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th {
    border-color: #b4bfcf;
}

.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c6d0db;
}

.table-success,.table-success>td,.table-success>th {
    background-color: #b8f4db;
}

.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th {
    border-color: #7aebbc;
}

.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #a2f1d0;
}

.table-info,.table-info>td,.table-info>th {
    background-color: #c8e9f2;
}

.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th {
    border-color: #98d5e7;
}

.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #b3e1ed;
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #fceeca;
}

.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th {
    border-color: #fae09d;
}

.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #fbe6b2;
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f8c7d0;
}

.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th {
    border-color: #f297a8;
}

.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f5b0bd;
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fafbfd;
}

.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th {
    border-color: #f6f8fc;
}

.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #e8ecf6;
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #bdc2c9;
}

.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #848e9b;
}

.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #afb5be;
}

.table-white,.table-white>td,.table-white>th {
    background-color: #fff;
}

.table-white tbody+tbody,.table-white td,.table-white th,.table-white thead th {
    border-color: #fff;
}

.table-hover .table-white:hover,.table-hover .table-white:hover>td,.table-hover .table-white:hover>th {
    background-color: #f2f2f2;
}

.table-active,.table-active>td,.table-active>th {
    background-color: #f9fbfd;
}

.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #e6eef7;
}

.table .thead-dark th {
    color: #fff;
    background-color: #3b506c;
    border-color: #496285;
}

.table .thead-light th {
    color: #95aac9;
    background-color: #f9fbfd;
    border-color: #edf2f9;
}

.table-dark {
    color: #fff;
    background-color: #3b506c;
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #496285;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0,0%,100%,.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: hsla(0,0%,100%,.075);
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm>.table-bordered {
        border: 0;
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-md>.table-bordered {
        border: 0;
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-lg>.table-bordered {
        border: 0;
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-xl>.table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive-xl>.table-bordered {
    border: 0;
}

.table-responsive>.table-bordered {
    border: 0;
}

.table {
    vertical-align: middle;
}
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 0px;
}
.table thead th {
    background-color: #eee;
    font-weight: 500;
    color: #010514;
    letter-spacing: 0px;
    border-bottom-width: 1px;
}
.table tfoot th {
    font-weight: 500;
    color: #010514;
}
#bid-table .table thead th:not(:first-child) {
    letter-spacing: 0.3px;
}
#bid-table .table tbody tr {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#bid-table .table tbody tr td {
    background-color: #ffffff;
    padding:15px !important;
    vertical-align: middle;
}
#bid-table .table tbody tr td:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
#bid-table .table tbody tr td:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
#bid-table .table tbody tr:first-child {
    animation-name: zoom;
}
#bid-table .table tbody tr:hover {
    cursor: pointer;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    -moz-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    -o-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
}

.table-sm,.table thead th {
    font-size: 13px;
}

.table-sm thead th {
    font-size: 10px;
}

.table-nowrap td,.table-nowrap th {
    white-space: nowrap;
}

.table [data-sort]:after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>");
    margin-right: 0px;
    float:right;
}

.table-checkbox {
    min-height: 0;
}

.table-checkbox .custom-control-label:after,.table-checkbox .custom-control-label:before {
    top: 50%;
    transform: translateY(-50%);
}


/************************************************
          Card Element
*************************************************/
.card {
    position: relative;
    display: block;
    min-width: 0;
    width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 6px 16px rgba(52,105,203,.16); /*0px 20px 60px 0px rgb(1 51 32 / 10%);*/
    box-shadow: 0px 6px 16px rgba(52,105,203,.16); /*0px 20px 60px 0px rgb(1 51 32 / 10%);*/
}
.card-header {
    color: #010514;
    display: block;
    padding: 10px 20px;
    position: relative;
    min-height: 30px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 2px solid #d9d9d9;
}
.card-header:first-child {
    border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.card-header > .fa, .card-header > .glyphicon, .card-header > .ion, .card-header .card-title {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 1;
    color: #010514;
    font-weight: 500;
}
.card-header > .card-tools {
    float: right;
    margin-top: -5px;
    margin-bottom: -5px;
}
.card > .card-header > .card-tools .btn {
    border: 0;
    box-shadow: none;
}
.btn-card-tool {
    padding: 5px;
    font-size: 75%;
    background: transparent;
    color: #97a0b3;
}
.card-body {
    padding: 20px;
}
.card-footer {
    border-top: 1px solid #d9d9d9;
    padding: 10px;
    background-color: transparent;
}

.card-header::before, .card-body::before, .card-footer::before, .card-header::after, .card-body::after, .card-footer::after {
    content: " ";
    display: table;
}
.card-header::after, .card-body::after, .card-footer::after {
    clear: both;
}

.card-table {
    margin-bottom: 0;
}

.card-table thead th {
    border-top-width: 0;
}

.card-table tbody td:first-child,.card-table thead th:first-child {
    padding-left: 24px!important;
}

.card-table tbody td:last-child,.card-table thead th:last-child {
    padding-right: 24px!important;
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>tbody:first-child>tr:first-child>th:first-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:first-child,.card>.card-table:first-child>thead:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>thead:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:first-child {
    border-top-left-radius: 8px;
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>tbody:first-child>tr:first-child>th:last-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:last-child,.card>.card-table:first-child>thead:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>thead:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:last-child {
    border-top-right-radius: 8px;
}


/*#####################################################
                    Grid Data Tables
#######################################################*/

.grid-data-table table > thead > tr > th, .grid-data-table .table > tbody > tr > th, .grid-data-table .table > tfoot > tr > th, .grid-data-table .table > thead > tr > td, .grid-data-table .table thead tr th, .grid-data-table .table tfoot tr th, .grid-data-table .table thead tr td, .grid-data-table .table tfoot tr td{
    vertical-align: middle;
    border: none;
    padding: 8px;
    font-weight: 500;
    /* text-transform: uppercase; */
    background-color: #eee;
    font-weight: 500;
    color: #010514;
}
.grid-data-table table > thead > tr > th > a, .grid-data-table .table thead tr th a {
    color: #010514;
}
.grid-data-table table > tbody > tr > td, .grid-data-table .table > tbody > tr > td, .grid-data-table .table > tfoot > tr > td, .grid-data-table .table tbody tr td {
    vertical-align: middle;
    border: none;
    padding: 8px;
    font-weight: 400;
}
.grid-data-table .dt-buttons {
    margin-bottom: 15px;
}

.grid-data-table .table.no-border > tbody > tr > th, .grid-data-table .table.no-border > tfoot > tr > th, .grid-data-table .table.no-border > thead > tr > td, .grid-data-table .table.no-border > tbody > tr > td, .grid-data-table .table.no-border > tfoot > tr > td {
    border: none;
}

.table-head-nowrap thead tr td,.table-head-nowrap thead tr th {
    white-space: nowrap;
}


.width-text-truncate {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease;
}
.width-text-truncate:hover {
    overflow: visible;
    white-space: normal;
    transition: all 1s ease;
}


div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;
}
div.dataTables_wrapper .table thead th a {
    color: #2b4d6a;
}

.dataTables_wrapper .pagination {
    margin: 5px 0;
}

table.dataTable {
    margin-bottom: 5px;
}

.gst-action {
    /* min-height: 483px; */
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 850px;
        margin: 30px auto;
    }
    .modal-dialog-1000 {
        width: 1000px;
    }
}

.modal-dialog {
    /*    margin-top: 3%;*/
}


/*#####################################################
                    Pricing table
#######################################################*/
.pricing-plan-page .price-row div[class*="col-"] {
    z-index: 1;
}
.pricing-plan-page .price-row {
    margin-top: 70px !important;
    margin-bottom: 60px !important;
}
.pricing-plan-page .price-row div[class*="col-"]:nth-child(2) {
    z-index: 2;
    -webkit-transform: scale(1.14);
    transform: scale(1.14);
}
.pricingTable{
    background: #fff;
    text-align: center;
    padding: 0 0 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 2px 10px rgba(22, 99, 187, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(22, 99, 187, 0.2);
    -o-box-shadow: 0 2px 10px rgba(22, 99, 187, 0.2);
    box-shadow: 0 2px 10px rgba(22, 99, 187, 0.2);
}
.pricingTable:hover {
    -webkit-box-shadow: 0 0 25px rgba(22, 99, 187,0.35);
    -moz-box-shadow: 0 0 25px rgba(22, 99, 187,0.35);
    -o-box-shadow: 0 0 25px rgba(22, 99, 187,0.35);
    box-shadow: 0 0 25px rgba(22, 99, 187,0.35);
}
.pricing-plan-page .price-row div[class*="col-"]:nth-of-type(odd) .pricingTable:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.pricingTable .pricingTable-header {
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px;
    border: none;
    background-image: linear-gradient(
        155deg
        ,#24498d, #b1466c);
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    padding: 15px 0 10px;
    background-color: rgb(68, 127, 183);
}
.pricingTable .pricingTable-header::before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    background-image: url(../img/arrow.svg);
    z-index: -1;
}
.pricingTable .title{
    font-weight: 500;
    font-size: 25px;
    text-align: left;
    padding-left: 30px;
    margin: 0px 0px 5px;
}
.pricingTable .title ~ p {
    text-align: left;
    padding-left: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.payment-icon {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.payment-icon > .basic {
    width: 90px;
    height: 90px;
    position: relative;
    background-repeat: repeat-x;
    background-image: url(../img/plan-basic.svg);
    -webkit-animation: background_move 15s linear infinite;
    animation: background_move 15s linear infinite;
}
.payment-icon > .basic > .plane {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-image: url(../img/basic-plane.svg);
    -webkit-animation: plane_move 1s linear infinite;
    animation: plane_move 1s linear infinite;
    background-size: contain;
    background-position: center center;
}
.payment-icon > .premium {
    width: 90px;
    height: 90px;
    position: relative;
    background-repeat: repeat-x;
    background-image: url(../img/plan-premium.svg);
    -webkit-animation: background_move 15s linear infinite;
    animation: background_move 15s linear infinite;
}
.payment-icon > .premium > .plane {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-image: url(../img/premium-plane.svg);
    -webkit-animation: plane_move 1s linear infinite;
    animation: plane_move 1s linear infinite;
    background-size: contain;
    background-position: center center;
}
.payment-icon > .premium-cmbo {
    width: 90px;
    height: 90px;
    position: relative;
    background-repeat: repeat-x;
    background-image: url(../img/plan-premium-combo.svg);
    -webkit-animation: background_move 15s linear infinite;
    animation: background_move 15s linear infinite;
}
.payment-icon > .premium-cmbo > .plane {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-image: url(../img/combo-plane.svg);
    -webkit-animation: plane_move 1s linear infinite;
    animation: plane_move 1s linear infinite;
    background-size: contain;
    background-position: center center;
}
@-webkit-keyframes background_move {
    0% { background-position: 0 0; }
    100% { background-position: -800px 0; }
}
@-moz-keyframes background_move {
    0% { background-position: 0 0; }
    100% { background-position: -800px 0; }
}
@keyframes background_move {
    0% { background-position: 0 0; }
    100% { background-position: -800px 0; }
}
@-webkit-keyframes plane_move {
    0% { top: 50%; }
    25% { top: 52%; }
    50% { top: 48%; }
    100% { top: 50%; }
}
@-moz-keyframes plane_move {
    0% { top: 50%; }
    25% { top: 52%; }
    50% { top: 48%; }
    100% { top: 50%; }
}
@keyframes plane_move {
    0% { top: 50%; }
    25% { top: 52%; }
    50% { top: 48%; }
    100% { top: 50%; }
}
.pricing-plan-page .month-plan,.pricing-plan-page .year-plan {margin-left: 50px;margin-right: 50px;}
.expand-icon {position: absolute; right: 15px; bottom: 0px;z-index: 2;}
.expand-icon .btn-primary {border-color: rgb(105, 46, 112);background-color: rgb(116, 71, 122);-webkit-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);-moz-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);-o-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;width: 32px;height: 32px;line-height: 32px;text-align: center;padding: 0;}
.expand-icon .btn-primary:not(:disabled):not(.disabled):active {border-color: rgb(105, 46, 112);background-color: rgb(116, 71, 122);}
.expand-icon .btn-primary:hover,.expand-icon .btn-primary:active,.expand-icon .btn-primary:focus {border-color: rgb(105, 46, 112); background-color: rgb(105, 46, 112);-webkit-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);-moz-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);-o-box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);box-shadow: 0 8px 20px rgba(36, 84, 189, 0.5);}
.expand-icon .btn-primary i {-webkit-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.expand-icon .btn-primary .fa-chevron-down {line-height: inherit;}
.expand-icon .btn-primary.collapsed .fa-chevron-down {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.expandable {position: relative;}
.expandable.expandable-trigger {cursor: pointer;}
.expandable .expandable-content {height: 270px;position: relative;z-index: 1;}
.expandable.expandable-open.expandable-trigger {cursor: auto;}
.expandable.expandable-open .expandable-content {position: relative;overflow: visible;margin-bottom: 40px;height: auto;}

.pricingTable .pricing-content{
    margin: 0 0 10px;
    list-style: none;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 250px;
}
.pricingTable .expandable-content .pricing-content {
    min-height: auto;
    margin: 0 0 10px;
}
.pricingTable .pricing-content li{
    padding-left: 15px;
    text-align: left;
    margin: 0 0 10px;
    border-radius: 10px;
    position: relative;
}
.pricingTable .pricing-content li:before {position: absolute;content: "\f101";font-family: "FontAwesome";top: 0;left: 0;}
.pricingTable .pricing-content li.disable{ color: #999; }
.pricingTable .pricing-content li i {
    color: rgb(68, 127, 183);
    margin: 0 7px 0 0;
    display: inline-block;
}
.pricingTable .price-value{
    margin: 0 0 7px;
    border: 2px solid #fff;
    border-radius: 25px;
    min-height: 70px;
}
.pricingTable .amount{
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    display: block;
}
.pricingTable .amount small {
    font-size: 60%;
}
.pricingTable .month{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
    display: block;
}
.pricingTable .btn-primary {
    background-color: #010514;
    border-color: #010514;
}
.pricingTable .btn-outline-primary {
    border-color: #010514;
    color: #010514;;
}
.pricingTable .btn-outline-primary:hover,.pricingTable .btn-outline-primary:focus {
    background-color: #010514;
    color: #fff;
}
.pricingTable .btn-outline-primary:not(:disabled):not(.disabled).active, .pricingTable .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #010514;
    border-color: #010514;
}
.freeplan {
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 auto 30px; }
}
/*#######################################################*/

/***** payment summary page *****/

.table.no-border, .table.no-border td, .table.no-border th {
    border: 0;
}

.cart-table-summary .table > tbody > tr > td {
    vertical-align: middle;
}


/*****  Buyer Process  *****/

.buying-process .status-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.buying-process .status-container::after {
    content: '';
    display: table;
    clear: both;
}

.buying-process .timeline-bg {
    background-color: #f5f5f5;
}

.buying-process .timeline-header {
    text-align: center;
}
.buying-process .timeline-header h1 {
    color: #6c2c64;
    font-size: 34px;
    font-size: 2.125rem;
}
.buying-process .print-btn {
    margin-top: -50px;
}
.buying-process h4 {
    color: #010514;
}
.buying-process p {
    line-height: 24px;
}
.buying-process .card-body ul {
    padding-left: 30px;
    margin-bottom: 20px;
}
.buying-process ul li {
    line-height: 24px;
    padding-left: 6px;
}
.buying-process .card-body ul.list-1,.buying-process .card-body ul.list-3 {
    list-style: disc;
}
.buying-process .card-body ul.list-2 {
    list-style: decimal;
}

/*################################
            for buyer and seller
##################################*/
.buying-process.for-buyer .card-body ul,.buying-process.for-seller .card-body ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.buying-process.for-buyer .card-body ul li,.buying-process.for-seller .card-body ul li {
    line-height: normal;
    padding: 0;
}
.buying-process.for-buyer .status-timeline-content p, .buying-process.for-buyer .status-timeline-content ul li {
    word-break: keep-all;
}
.buying-process.for-buyer .status-timeline-content,.buying-process.for-seller .status-timeline-content {
    background-color: #e8f2ff;
}
/* .buying-process.for-buyer .status-timeline-content::before,.buying-process.for-seller .status-timeline-content::before {
    border-left-color: #e8f2ff;
} */
.buying-process.for-buyer .status-timeline-block:nth-child(even) .status-timeline-content::before,.buying-process.for-seller .status-timeline-block:nth-child(even) .status-timeline-content::before {
    border-right-color: #e8f2ff;
}
.buying-process.for-buyer .status-timeline-content h2,.buying-process.for-seller .status-timeline-content h2 {
    color: #010514 !important;
}

@media only screen and (min-width: 1170px) {    
    .buying-process .timeline-header h1 {
        font-size: 48px;
        font-size: 3rem;
    }
}

.buying-process #status-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
.buying-process #status-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
    border-radius: 5px;
}
@media only screen and (min-width: 1170px) {
    .buying-process #status-timeline {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .buying-process #status-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.buying-process .status-timeline-block {
    position: relative;
    margin: 3em 0;
}
.buying-process .status-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.buying-process .status-timeline-block:first-child {
    margin-top: 0;
}
.buying-process .status-timeline-block:last-child {
    margin-bottom: 0;
}
.buying-process .divider-block {
    position: relative;
    clear: both;
}
.buying-process .divider-block:before {
    content: "";
    display: table;
    clear: both;
}
.buying-process .divider-block:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    border: 1px dashed #bdcbd5;
}
.buying-process .divider-block .status-heading {
    position: absolute;
    bottom: -58px;
    text-align: center;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    font-size: 13px;
    color: #6e84a3;
}
.buying-process .divider-block .divider-block-heading {
    position: absolute;
    bottom: -50px;
    left: auto;
    right: auto;
    width: 80%;
    font-size: 13px;
    color: #6e84a3;
}
.buying-process .divider-block .divider-block-heading.left {
    text-align: right;
    right: 10%;
}
.buying-process .divider-block .divider-block-heading.right {
    text-align: left;
    left: 10%;
}
@media only screen and (min-width: 1170px) {
    .buying-process .status-timeline-block {
        margin: 3em 0;
    }
    .buying-process .status-timeline-block:first-child {
        margin-top: 0;
    }
    .buying-process .status-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.buying-process .status-timeline-img {
    position: absolute;
    top: -15px;
    left: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: none;
}
.buying-process .status-timeline-img img {
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
    left: 0%;
    top: 0%;
    margin-left: 0px;
    margin-top: 0px;
}
.buying-process .status-timeline-img.published {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}


@media only screen and (min-width: 1170px) {
    .buying-process .status-timeline-img {
        width: 150px;
        height: 150px;
        left: 50%;
        margin-left: -75px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .buying-process .status-timeline-img.published {
        left: 50%;
        width: 50px;
        height: 50px;
        line-height: 53px;
        text-align: center;
        border-radius: 50%;
        margin-left: -25px;
    }

}


.buying-process .status-timeline-content {
    position: relative;
    margin-left: 115px;
    background: white;
    border-radius: 1em;
    padding: 3em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.buying-process .status-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.buying-process .status-timeline-content h2 {
    color: #303e49;
}
.buying-process .status-timeline-content p, .buying-process .status-timeline-content ul, .buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
    font-size: 15px;
}
.buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
    display: inline-block;
}
.buying-process .status-timeline-content ul {
    margin: 0.235em 0;
}
.buying-process .status-timeline-content .status-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.buying-process .no-touch .status-timeline-content .status-read-more:hover {
    background-color: #bac4cb;
}
.buying-process .status-timeline-content .status-heading {
    float: left;
    padding: .8em 0;
    opacity: .7;
}
.buying-process .status-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
    .buying-process .status-timeline-content h2 {
        font-size: 14px;
    }
    .buying-process .status-timeline-content p {
        font-size: 14px;
        font-size: 1.07rem;
    }
    .buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media only screen and (min-width: 1170px) {
    .buying-process .status-timeline-content {
        margin-left: 0;
        padding: 3em;
        width: 40%;
    }
    .buying-process .status-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .buying-process .status-timeline-content .status-read-more {
        float: left;
    }
    .buying-process .status-timeline-content .status-heading {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 0px;
        font-size: 32px;
        font-size: 2rem;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content {
        float: right;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content .status-read-more {
        float: right;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content .status-heading {
        left: auto;
        right: 122%;
        text-align: right;
        top: 3px;
    }
}


.rfq-process #status-timeline {
    padding: 1em;
}
.rfq-process .status-container {
    width: 100%;
    margin: 1em 0;
}
.rfq-process #status-timeline::before {
    width: 3px;
}
.rfq-timeline #status-timeline::before {
    left: 23px;
    margin-left: -2px;
}
.rfq-timeline .status-timeline-block:nth-child(even) .status-timeline-content {
    float: left;
}
.rfq-timeline #status-timeline::before {
    background: #eeeeee;
}
@media only screen and (min-width: 1600px) {
    .rfq-timeline #status-timeline::before {
        left: 26px; 
    }
}

@media only screen and (min-width: 1170px) {
    .rfq-process .status-timeline-block {
        margin: 1.5em 0;
    }
    .rfq-process .status-timeline-block:first-child {
        margin-top: 0;
    }
    .rfq-process .status-timeline-block:last-child {
        margin-bottom: 0;
    }
    .rfq-process .status-timeline-img {
        width: 8px;
        height: 8px;
        left: 4%;
        margin-left: -4px;
        background-color: rgb(33, 61, 108);
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        box-shadow: 0 0 0 4px #99bff0, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    }
    .rfq-process .status-timeline-content::before {
        top: 10px;
        left: 100%;
        border-color: transparent;
        border-left-color: #fff;
        display: none;
    }
    .rfq-process .status-timeline-block:nth-child(even) .status-timeline-content::before {
        top: 10px;
    }

}
.rfq-process .status-timeline-content {
    margin-left: 35px;
    width: 88%;
    border-radius: 0.5em;
    background-color: #eff2f9;
    box-shadow: none;
    border: 1px solid #d5e5fa;
}
.rfq-process .status-timeline-content p {
    font-size: 14px;
    word-break: keep-all;
}

@media only screen and (min-width: 1170px) {
    .buying-process .status-timeline-img {
        width: 120px;
        height: 120px;
        left: 50%;
        margin-left: -60px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .buying-process .status-timeline-img.published {
        left: 50%;
        width: 50px;
        height: 50px;
        line-height: 53px;
        text-align: center;
        border-radius: 50%;
        margin-left: -25px;
    }
}


.buying-process .status-timeline-content {
    position: relative;
    margin-left: 115px;
    background: white;
    border-radius: 1em;
    padding: 1.5em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.buying-process .status-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.buying-process .status-timeline-content h2 {
    color: #303e49;
}
.buying-process .status-timeline-content p, .buying-process .status-timeline-content ul, .buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
    font-size: 13px;
}
.buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
    display: inline-block;
}
.buying-process .status-timeline-content ul {
    margin: 0.235em 0;
}
.buying-process .status-timeline-content .status-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.buying-process .no-touch .status-timeline-content .status-read-more:hover {
    background-color: #bac4cb;
}
.buying-process .status-timeline-content .status-heading {
    float: left;
    padding: .8em 0;
    opacity: .7;
}
.buying-process .status-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #e8f2ff;
}
@media only screen and (min-width: 768px) {
    .buying-process .status-timeline-content h2 {
        font-size: 14px;
    }
    .buying-process .status-timeline-content p {
        font-size: 14px;
        font-size: 1.07rem;
    }
    .buying-process .status-timeline-content .status-read-more, .buying-process .status-timeline-content .status-heading {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media only screen and (min-width: 1170px) {
    .buying-process .status-timeline-content {
        margin-left: 0;
        padding: 1.5em;
        width: 40%;
    }
    .buying-process .status-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #e8f2ff;
    }
    .buying-process .status-timeline-content .status-read-more {
        float: left;
    }
    .buying-process .status-timeline-content .status-heading {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 0px;
        font-size: 32px;
        font-size: 2rem;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content {
        float: right;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content .status-read-more {
        float: right;
    }
    .buying-process .status-timeline-block:nth-child(even) .status-timeline-content .status-heading {
        left: auto;
        right: 122%;
        text-align: right;
        top: 3px;
    }
}


/*#####################################################
                    floating menu
#######################################################*/

.floating-menu-wrapper {
    position: fixed;
    top: 10%;
    left: 0;
    z-index: 999;/*1000*/
}
.floating-menu {
    background-color: rgb(255,255,255);
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    -webkit-box-shadow: 0 2px 10px rgba(130, 149, 208, 0.5);
    -moz-box-shadow: 0 2px 10px rgba(130, 149, 208, 0.5);
    -o-box-shadow: 0 2px 10px rgba(130, 149, 208, 0.5);
    -ms-box-shadow: 0 2px 10px rgba(130, 149, 208, 0.5);
    box-shadow: 0 2px 10px rgba(130, 149, 208, 0.5);

}
.floating-menu ul,.floating-menu ul li {
    list-style: none;
}
.floating-menu ul li {
    display: block;
}
.floating-menu ul li a {
    font-size: 11px;
    letter-spacing: 0.2px;
    font-weight: 500;
    color: rgba(42, 59, 131, 0.808);
    text-decoration: none;
    display: block;
    padding: 15px 10px;
    width: auto;
    height: auto;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.floating-menu ul li a span {
    display: none;
}
.floating-menu a:hover span.title {
    display: block;
    position: absolute;
    left: 55px;
    background-color: #010514;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    top: 13px;
    z-index: 999;
    width: auto;
    min-width: 50px;
    white-space: nowrap;
}
.floating-menu a:hover span.title:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 6px;
    border: 5px solid transparent;
    border-right: 5px solid #010514;
}
.floating-menu ul li:last-child a:after {
    display: none;
}
.floating-menu ul li:last-child a {
    border: none;
}
.floating-menu ul li a:hover {
    background-color: rgba(52, 81, 214, 0.85);
    color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -moz-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -o-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
}
.floating-menu ul li a:focus {
    background-color: rgba(52, 81, 214, 1);
    color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -moz-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -o-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
}
.floating-menu ul li a.active {
    background-color: rgba(52, 81, 214, 1);
    color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -moz-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    -o-box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
    box-shadow: 0 3px 8px rgba(92, 136, 216, 0.377);
}
.floating-menu ul li:first-child a {
    -webkit-border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
    -o-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
}
.floating-menu ul li:last-child a {
    -webkit-border-radius: 0 0 15px 0;
    -moz-border-radius: 0 0 15px 0;
    -o-border-radius: 0 0 15px 0;
    border-radius: 0 0 15px 0;
}





/*===================================================================================*/
/*  Colors CSS
/*===================================================================================*/

a {
    color: #0f6cb2;
}
.top-bar .cnt-account ul > li a:hover,
.top-bar .cnt-account ul > li a:focus {
    color: #fff;
}
.top-bar .cnt-block ul li a .caret {
    color: rgba(255,255,255,0.8);
}
.top-bar .cnt-block ul li .dropdown-menu li a:hover,
.top-bar .cnt-block ul li .dropdown-menu li a:focus {
    color: #2874f0;
}
.main-header .top-search-holder .contact-row .icon {
    color: #2874f0;
}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price {
    color: #fff;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name a:hover,
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name a:focus {
    color: #2874f0;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .price {
    /* color: #2874f0; */
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a:hover,
.top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a:focus {
    color: #2874f0;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .price {
    /* color: #2874f0; */
}
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:hover,
.main-header .top-search-holder .search-area .categories-filter .dropdown-menu li a:focus {
    color: #2874f0;
}
.header-style-1 .header-nav {
    background: linear-gradient(to right, #0c1f6c, #447fb7, #c9395c);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.10)
}

.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:hover,
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:focus {
    background: none;
    border-radius:3px 3px 0px 0px;
    color:#ffac48;
}
.cnt-home .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active,
.cnt-homepage .header-style-1.header-style-2 .header-nav .navbar .navbar-nav > li.active {
    background: #2874f0;
}
.cnt-home .header-style-1.header-style-3 .header-nav .navbar .navbar-nav > li.active {
    background: #2874f0;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
    background: #2874f0 !important;
}
.header-style-2 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
    background: #2874f0;
}
.sidebar .side-menu nav .nav > li a:hover,
.sidebar .side-menu nav .nav > li a:focus {
    color: #2874f0;
}
.sidebar .side-menu nav .nav > li a:hover:after,
.sidebar .side-menu nav .nav > li a:focus:after {
    color: #2874f0;
}
.info-box .info-box-heading.green {
    color: #fff;
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
    color: #2874f0;
}
.product .product-info .name a:hover,
.product .product-info .name a:focus {
    color: #2874f0;
}
.product .product-info .product-price .price {
    color: #333;
}
.product .cart .action ul li.lnk a:hover,
.product .cart .action ul li.lnk a:focus {
    color: #2874f0;
}
.product .cart .action ul li.add-cart-button .btn-primary:hover,
.product .cart .action ul li.add-cart-button .btn-primary:focus {
    background: #2874f0;
}
.product .cart .action ul li.add-cart-button .btn-primary.icon:hover,
.product .cart .action ul li.add-cart-button .btn-primary.icon:focus {
    background: #2874f0;
}
.tag.sale {
    background: #fdd922;
    color:#333
}
.copyright-bar .copyright a {
    color: #2874f0;
}
.footer .links-social .social-icons a:hover,
.footer .links-social .social-icons a:focus,
.footer .links-social .social-icons a.active {
    background: #2874f0;
}
.latest-tweet .re-twitter .comment a {
    color: #2874f0;
}
.latest-tweet .re-twitter .comment .icon .fa-stack-2x {
    color: #2874f0;
}
.footer .contact-information .media .icon .fa-stack-2x {
    color: #2874f0;
}
.footer .contact-information .media .media-body a:hover,
.footer .contact-information .media .media-body a:focus {
    color: #2874f0;
}
.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
    color: #ffac48;
}
.product-tag .item.active,
.product-tag .item:hover,
.product-tag .item:focus {
    background: #2874f0;
}
.hot-deals .product-info .product-price .price {
    color: #2874f0;
}
.hot-deals .product-info .name a:hover,
.hot-deals .product-info .name a:focus {
    color: #2874f0;
}
.custom-carousel .owl-controls .owl-prev:hover,
.custom-carousel .owl-controls .owl-next:hover,
.custom-carousel .owl-controls .owl-prev:focus,
.custom-carousel .owl-controls .owl-next:focus {
    background: #a22353;
}
.yamm .dropdown-menu .title:hover,
.yamm .dropdown-menu .title:focus {
    color: #2874f0;
}
.yamm .dropdown-menu li a:hover,
.yamm .dropdown-menu li a:focus {
    color: #2874f0;
}
.breadcrumb ul li.active {
    color: #157ed2;
}
.breadcrumb ul a:hover,
.breadcrumb ul a:focus {
    color: #157ed2;
}
.filters-container .nav-tabs.nav-tab-box li.active a .icon {
    color: #2874f0;
}
.filters-container .pagination-container ul li.active a {
    color: #2874f0;
}
.filters-container .pagination-container ul li.prev:hover,
.filters-container .pagination-container ul li.next:hover,
.filters-container .pagination-container ul li.prev:focus,
.filters-container .pagination-container ul li.next:focus {
    background: #2874f0;
}
.filters-container .pagination-container ul li a:hover,
.filters-container .pagination-container ul li a:focus {
    color: #2874f0;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:hover,
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:focus {
    color: #2874f0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:focus,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:after {
    color: #2874f0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
    border: 5px solid #2874f0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:hover,
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a:focus {
    color: #2874f0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report span {
    color: #2874f0;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page.active span {
    background: #2874f0;
}
.sidebar .sidebar-widget .advertisement .owl-controls .owl-pagination .owl-page:hover span {
    background: #2874f0;
}
.single-product .gallery-holder .gallery-thumbs .owl-item .item:hover {
    border: 1px solid #2874f0;
}
.single-product .product-info .rating-reviews .reviews .lnk:hover,
.single-product .product-info .rating-reviews .reviews .lnk:focus {
    color: #2874f0;
}
.single-product .product-info .price-container .price-box .price {
    color: #ff7878;
    padding-right: 15px;
}
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:hover,
.single-product .product-info .quantity-container .cart-quantity .arrows .arrow:focus {
    color: #2874f0;
}
.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
    background: #2874f0;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus {
    background: #447fb7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:hover:after,
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li a:focus:after {
    border-color: #447fb7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) ;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a {
    background: #447fb7;
}
.single-product .product-tabs .nav.nav-tabs.nav-tab-cell li.active a:after {
    border-color: #447fb7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.cart .action .add-cart-button .btn.btn-primary.icon:hover,
.cart .action .add-cart-button .btn.btn-primary.icon:focus {
    background: #2874f0;
    color:#fff
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .date span {
    color: #2874f0;
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .author span {
    color: #2874f0;
}
#owl-main:hover .owl-prev:hover,
#owl-main:hover .owl-next:hover {
    background: #4a7cb3;
    color:#fff!important
}
#owl-main:hover .owl-prev:hover .icon,
#owl-main:hover .owl-next:hover .icon {
    color:#fff!important
}

#owl-main .owl-controls .owl-pagination .owl-page:active span,
#owl-main .owl-controls .owl-pagination .owl-page:hover span {
    background: #2874f0;
}
.cart .action ul .lnk .add-to-cart:hover,
.cart .action ul .lnk .add-to-cart:focus {
    color: #fff !important;
}
.cart .action .add-to-cart:hover,
.cart .action .add-to-cart:focus {
    color: #2874f0 !important;
}
.homepage-container .product .tag.hot {
    background: #2874f0;
}
.homepage-container .product .product-info .name a:hover,
.homepage-container .product .product-info .name a:focus {
    color: #2874f0;
}
.homepage-container .btn-primary:hover,
.homepage-container .btn-primary:focus {
    background: #2874f0;
    border: 2px solid #2874f0;
}
.category-product .cart .action ul li .add-to-cart:hover,
.category-product .cart .action ul li .add-to-cart:focus {
    background: #2874f0;
}
.furniture-container .product .btn-primary:hover,
.furniture-container .product .btn-primary:focus {
    background: #2874f0;
}
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:hover,
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:focus {
    background: #2874f0;
}
.header-style-3 .header-nav .navbar-default .navbar-collapse .navbar-nav > li.open {
    background: #2874f0;
}
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page.active span {
    background: #2874f0 !important;
}
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:hover,
#owl-single-product-thumbnails .owl-controls .owl-pagination .owl-page span:focus {
    background: #2874f0 !important;
}
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle.max-slider-handle {
    background: #2874f0;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title > a:not(.collapsed) span {
    background-color: #2874f0;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:hover,
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a:focus {
    color: #2874f0;
}
.checkout-box .checkout-progress-sidebar .panel-body ul li a:hover,
.checkout-box .checkout-progress-sidebar .panel-body ul li a:focus {
    color: #2874f0;
}
.contact-page .contact-info .contact-i {
    background-color: #2874f0;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
    color: #2874f0;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
    color: #84b943;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:hover,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a:focus {
    color: #2874f0;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
    color: #84b943;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:hover,
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow:focus {
    color: #2874f0;
}
.logo-color {
    fill: #2874f0;
}
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:hover,
.cnt-homepage .single-product .product-info-block .form-control .dropdown-menu ul li a:focus {
    color: #2874f0;
}
.cnt-homepage .single-product .product-info-block .txt.txt-qty {
    color: #2874f0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail {
    border-bottom: none;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li {
    margin-right: 10px;
    padding: 0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:hover,
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li a:focus {
    background: #2874f0;
    border: 2px solid #2874f0;
}
.cnt-homepage .single-product .product-tabs .nav-tab-cell-detail li.active a {
    background: #2874f0;
    border: 2px solid #2874f0;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
    color: #2874f0;
}
.mega-menu .dropdown-menu {
    width:100%;
    left:0px 
}

.navbar-nav>li>.dropdown-menu { box-shadow:0 4px 6px -1px rgba(0,0,0,0.4);}

.product-comparison .compare-table tr td .product-price .price {
    color: #2874f0;
}
.product-comparison .compare-table tr td .in-stock {
    color: #2874f0;
}
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:hover,
.body-content .my-wishlist-page .my-wishlist table tbody .product-name a:focus {
    color: #2874f0;
}
.product-comparison .compare-table tr td .product-price .price {
    color: #2874f0;
}
.product-comparison .compare-table tr td .in-stock {
    color: #2874f0;
}
.body-content .x-page .x-text h1 {
    color: #2874f0;
}
.body-content .x-page .x-text a {
    color: #2874f0;
}
.sign-in-page .register-form .forgot-password,
.sign-in-page .register-form .forgot-password:hover,
.sign-in-page .register-form .forgot-password:focus {
    color: #2874f0;
}
.body-content .my-wishlist-page .my-wishlist table tbody .price {
    color: #2874f0;
}
.terms-conditions-page .contact-form {
    color: #2874f0;
}


/* front css */
.btn-gradient {
    background: linear-gradient(123.69deg, rgba(6, 36, 160, 0.8) 0%, rgba(215, 25, 71, 0.8) 100%);
    color: #ffffff;
    border: none;
    border-radius: 100px;
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 5px;
    font-weight: normal;
    text-transform:capitalize;
}
.btn-gradient:hover,.btn-gradient:active,.btn-gradient:focus,.btn-gradient:active:hover,.btn-gradient:active:focus {
    background: linear-gradient(123.69deg, rgba(6, 36, 160, 0.95) 0%, rgba(215, 25, 71, 0.95) 100%);
    color: #ffffff;
    -webkit-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.15);
    -o-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 20px rgba(255, 255, 255, 0.15);
}
.slider-mouse-icon .mouse-button {
    background-image: url(../images/home/mouse_icon.png);
    background-repeat: no-repeat;
    bottom: 15px;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
    z-index: 4;
}
.floating{
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}


.screen-wrap {
    position: relative;
}
.screenshot-frame {
    background-image: url(../images/home/app-frame.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 290px;
    height: 590px;
    position: absolute;
    top: -10px;
    z-index: 9;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
.screen-slider .item {
    background: linear-gradient(180deg, #322D97 0%, #CF2453 100%);
    padding: 120px 30px;
    margin-right: 25px;
    border-radius: 30px;
}

.full-strip {
    background: linear-gradient(123.69deg, rgba(6, 36, 160, 0.95) 0%, rgba(215, 25, 71, 0.95) 100%);
}

.all-categories .cat_box {
    margin-right: 17px;
    cursor: pointer;
    color: #444;
    background-image: url(../img/cat-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.all-categories .cat_box p {

    line-height: 16px;
    font-size: 12px;
    background-color: #eeeeee;
}
.all-categories .cat_box a {
    color: #666;
    display: block;
    padding: 8px;
    line-height: 14px;
}
.all-categories .cat_box span.icon {
    font-size: 22px;
}
.all-categories .cat_box span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}
.all-categories .owl-item {
    margin-right: 4px;
}


@media only screen and (min-width: 1200px) {
    .header-wrapper h1 {
        font-size: 35px;
        line-height: 1.4;
    }
}

@media only screen and (min-width: 1500px) {
    .header-wrapper h1 {
        font-size: 40px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 767px) {
    #main-outer {
        padding: 20px;
    }
    .header-wrapper {
        padding: 0;
        margin: 30px 0;
    }
    .header-wrapper h1 {
        font-size: 22px;
        margin-top: 10px;
    }
    .navbar-brand img {
        width: 160px;
    }
    .navbar {
        margin-top: 20px;
    }
    #wrapper .navbar-default {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-nav {
        background-color: rgba(0,0,0,0.12);
    }
    .navbar-default .navbar-nav .login-btn {
        float: none;
        margin: 0 15px;
        margin-bottom: 20px;
    }
    .navbar-default .navbar-nav .login-btn .btn-gradient {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) and (orientation:portrait) {
    #main-outer {
        padding: 20px;
    }
    #wrapper .navbar-default {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-header {
        float: none;
        text-align: center;
        margin: auto;
    }
    .navbar-brand img {
        width: 160px;
        margin-top: 5px;
    }
    .header-wrapper h1 {
        font-size: 26px;
        margin-top: 10px;
    }
    .header-wrapper h4 {
        font-size: 16px;
        margin-top: -30px !important;
    }
    .screenshot-frame {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    #main-outer {
        padding: 40px;
    }
    #wrapper .navbar-default {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-wrapper h1 {
        font-size: 26px;
        margin-top: 10px;
    }
    .header-wrapper h4 {
        font-size: 16px;
        font-weight:300;
        margin-top: -30px !important;
    }
}


.mega-container {
    position: relative;
    z-index: 100;
}
.navleft-container {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    height: 450px;
}
.mega-menu-title {
    color: #333;
    cursor: pointer;
    line-height: 63px;
    background: #fdd922;
    vertical-align: middle;
    padding:21px 24px;
    font-weight:300
}
.nav-icon {
    padding-left: 0px;
    padding-right: 0px;
}
.mega-menu-title i {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
}
.mega-menu-title h3 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: auto;
}
.mega-menu-category {
    border-top: 0;
    background:#ffffff;
    min-height: 395px;
}
.mega-menu-category ul {
    padding: 0px;
    margin: 0px 0px 0px;
    border-top: none;
    border-top:none
}
.mega-menu-category > .nav > li > a {
    color: #333;
    padding: 13px 15px;
    border-bottom: 1px #ccc solid;
}
.mega-menu-category > .nav > li > a .fa {
    width: 20px;
    font-size: 13px;
}

.mega-menu-category ul li ul {border:none}

.mega-menu-category > .nav > li > a .fa.fa-child, .mega-menu-category > .nav > li > a .fa.fa-gift, .mega-menu-category > .nav > li > a .fa.fa-home {
    font-size: 15px;
}
.mega-menu-category > .nav > li > a:hover .fa {
    color: #333;
}
.mega-menu-category > .nav > li > a:after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 16px;
    width: 20px;
    text-align: center;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    color: #333
}
.mega-menu-category > .nav > li.nosub > a:after {
    display: none;
}
.mega-menu-category > .nav > li.view-more-cat > a {
    border-bottom: 0;
}
.mega-menu-category > .nav > li.view-more-cat > a:after {
    content: "";
}
.mega-menu-category > .nav > li > a:hover, .mega-menu-category > .nav > li > a:focus, .mega-menu-category > .nav > li.active > a {
    color: #333;
    background:none
}
.menu-hide {
    display: none !important;
}
.wrap-popup {
    position: absolute;
    left: 110%;
    top: 0;
    width: 700px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    z-index: 100;
}
.wrap-popup.column2 {
    width: 400px;
}
.wrap-popup.column1 {
    width: 200px;
}
.mega-menu-category > .nav > li.active .wrap-popup {
    left: 100%;
}
.popup {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    display: none;
    text-align: left;
    z-index: 3000;
    padding: 15px 20px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .popup {
        padding: 12px;
    }
    .wrap-popup {
        width: 565px;
    }
}
.popup h3 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    color: #f02640;
}
.popup h3 a {
    color: #333;
}
.popup .nav > li > a {
    font-size: 13px;
    color: #888;
    padding: 3px 0;
    letter-spacing: 0.5px;
    font-weight:400
}
.popup .nav > li > a:hover, .popup .nav > li > a:focus {
    color: #f02640;
    background-color: transparent;
}
.box-banner {
    padding-bottom: 10px;
}
.box-banner + .box-banner {
    margin-top: 10px;
}
.box-banner:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.box-banner h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
}
.box-banner .price-sale {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
}
.box-banner .price-sale sub, .box-banner .price-sale sup {
    font-size: 16px;
    font-weight: 700;
}
.box-banner .price-sale sub {
    bottom: 3px;
    left: -22px;
}
.box-banner .price-sale sup {
    top: -17px;
    left: -8px;
}
.box-banner a {
    text-transform: capitalize;
    color: #fff;
    text-decoration: underline;
}
.box-banner {
    position: relative;
}
.add-desc {
    position: absolute;
    top: 12%;
    left: 10%
}
.box-banner a:hover {
    color: #f02640;
}
.has-sep:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -10px;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 60%;
    max-height : 60%;
    margin: 0;
    background: #191919;
}

li.notification-list-item {
    cursor: pointer;
}
.notification-label{
    cursor: pointer;
}

.notification-label-msg span{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    font-weight: 200;
}

img.notification-sender-icon{
    width: 24px;
    margin-right: 5px;
    cursor: pointer;
    float:left;
}

.header-notifications-dropdown {
    width: 400px;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);
    background-color: #fff;
    padding: 0;
    position: absolute;
    top: calc(100% - 10px);
    right: -15px;
    text-align: left;
    z-index: 100;
    transform: scale(.95);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    pointer-events: none;
}
.header-notifications.active .header-notifications-dropdown {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.header-notifications li {
    border-bottom: 1px solid #e6e6e6;
    transition: .25s;
}
.header-notifications li a {
    color: #666;
    position: relative;
    padding: 12px 15px;
    display: block;
}
.top-bar .cnt-block ul > li a .icon.fa-bell:after {
    content: attr(data-count); 
    font-size: 9px;
    background-color: #2874f0;
    color: #fff;
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 79px;
    font-weight: 600;
    padding-right: 1px;
    font-family: 'Open Sans', sans-serif;
}
div.required label::after {
    content: " *";
    color: #e63757;
}
.field-buyerformdetails-cancelled_cheque_doc label:after,.field-buyerformdetails-pancard_doc label::after {
    content: " *";
    color: #e63757;
}
.update .close{
    display: none;
}
.file-upload .kv-file-content{
    display: none;
}
.file-upload .krajee-default .file-footer-caption{
    display: none;
}
.file-upload .file-drop-zone {
    border: unset;
    border-radius: unset;
    text-align: unset;
    vertical-align: unset;
    margin: unset;
    padding: unset;
}
.file-upload .file-preview .fileinput-remove {
    display: none;
}
.file-upload .file-preview {
    border-radius: unset;
    border: unset;
    padding: unset;
    width: unset;
    margin-bottom: unset;
}
.file-upload .krajee-default.file-preview-frame .file-thumbnail-footer{
    height: unset;
}
.file-upload .file-drop-zone-title{
    padding:0;
    font-size: 0;
}
.file-upload .krajee-default .file-drag-handle, .krajee-default .file-upload-indicator{
    height: 0;
    visibility: hidden;
    margin-top:0;
    width: unset;
}
.plan-back { 
    margin: 20px;
    padding: 20px 15px;
    background: #848484;
    border: 1px solid #848484;
    width: 28%;
    border-radius: 15px;
}
.color{color: wheat;}
.list-group-item {
    position: relative;
    display: block;
    margin: 0 auto;
    color: wheat;
    font-size: 12px;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}
.compare .list-group-item {
    position: relative;
    display: block;
    margin: 0 auto;
    color: #000;
    font-size: 14px;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #FFF;
    border: 1px solid #ddd;
}
.panel .quot{
    height: 18rem;
}
.panel .pd{
    height: 12rem;
}
.table > tbody > tr > th{
    font-size: 13px;
}

.rfqdash .table > tbody > tr > td{
    padding: 2px 5px 2px !important;    font-size: 13px; border: 1px solid #eee;
}
.rfqdash .table > thead > tr > th {
    background-color: #eaedf5 !important;
    color: #0d203a;
}
.rfqdash.table > tbody > tr > th{
    padding: 4px!important;    font-size: 13px; border: 1px solid #eee;
}

.tc-box {
    height: 25rem;
    overflow: auto;
}
.b-details .fa-check{
    color: #28a745;
}
.b-details .fa-close{
    color: #F04710;
}
.c-f-h{
    height: 5rem;
    overflow: auto;
}


/*#######################################################
                home dashboard 6 cards
#######################################################*/

.dashboard-g-box {
    margin-bottom: 20px;
}
.dashboard-g-box div[class*="sg-box-"] {
    margin: auto;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 5px 8px rgba(15, 29, 105, 0.35);
    -moz-box-shadow: 0 5px 8px rgba(15, 29, 105, 0.35);
    box-shadow: 0 5px 8px rgba(15, 29, 105, 0.35);
    padding: 15px 15px;
    background-color: #fff;
    border-bottom: 3px solid #003399;
    -webkit-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    -moz-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
}
.dashboard-g-box:nth-child(6) .box-right .sg-box-heading {
    margin-top: 10px;
}
.dashboard-g-box div[class*="sg-box-"]:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.35);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,.35);
    box-shadow: 0 5px 15px rgba(0,0,0,.35);
}
.dashboard-g-box .box-left,.dashboard-g-box .box-right {
    float: left;
}
.dashboard-g-box .box-left {
    width: 20%;
    line-height: 92px;
    text-align: left;
    float:left;
}
.dashboard-g-box .box-right {
    width: 75%;
    float:right;
    justify-content: left;
    text-align: left;
}
.dashboard-g-box .box-right .sg-box-heading {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #010514;
    color: rgb(90, 95, 125);
    justify-content: center;
    letter-spacing: normal;
    line-height: 18px;
}
.dashboard-g-box div[class*="sg-box-"]:hover .sg-box-heading {
    color: #010514;
}
.dashboard-g-box div[class*="sg-box-"] img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dashboard-g-box div[class*="sg-box-"]:hover img {
    transform: scale(1.2);
}
.dashboard-g-box .box-left,.dashboard-g-box .box-right {
    width: 75%;
    justify-content: left;
    text-align: left;
    float:right;
}
.dashboard-g-box .box-left {
    line-height: normal;
    margin-bottom: 10px;
    width:20%;
    float:left;
}
.dashboard-g-box .box-left img {
    width: 30px;
    display: inline-block;
}
.dashboard-g-box:nth-child(6) .box-right .sg-box-heading {
    margin-top: 0px !important;
}
.sg-box-1 a {
    display: block;
}

.budget-box {
    height: 70rem;
    overflow: auto;
}
.wishlist {
    display: none!important;
}
.fa-signal {
    display: none!important;
}
.lnk {
    display: none!important;
}
.plce-img {
    width: 100%;
}
.discount-button {
    margin-top: 10px;
    color: white;
    background: #2c7be5;
    padding: 5px;
    border: 2px dotted;
}
.mar-right {
    margin-right: 10px;
}
.prod-img {
    /*    width: 82px;
        height: 82px;*/
    background-color: #eee;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-top: 7px;
    white-space:normal;
}
.prod-img img {
    border: 1px dashed #ccc;
}
.prod-img .uploaded-img {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    direction: ltr;
    cursor: pointer;
    z-index: 2;
}
.prod-img:last-child {
    margin-right: 10px;
}
.prod-img .img-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.5;
    font-size: 16px;
    padding: 20px;
}
.proof_docs{
    display: block;
    cursor:pointer;
    border: 1px dashed #888888;
    /* width: 100%;
    height: auto;
    height: 55px; */
}
.upload-document {
    margin-top: 15px;
}
.upload-document label {
    min-height: 120px;
}
.upload-doc-action {
    text-align: center;
    margin-top: 5px;
}
.upload-document label .btn:first-child {
    margin-right: 5px;
}
.upload-document label .btn + .btn {
    margin-left: 5px;
    margin-right: 5px;
}
.upload-document label .btn:last-child {
    margin-right: 0;
}
.upload-sign {
    border: 1px dashed #888888;
    cursor: pointer;
}
.vender-docs .form-group {
    position: relative;
}
.vender-docs .form-group .btn {
    position: absolute;
    margin-bottom: 5px;
}
.vender-docs .form-group .btn .fa {
    font-size: 12px;
}

.vender-docs .form-group .btn:nth-of-type(even) {
    top: 25px;
    left: 140px;
    left: 5px;

}
.vender-docs .form-group .hidden ~ .btn:nth-of-type(even) {
    top: 0;
}
.vender-docs .form-group .btn:nth-of-type(odd) {
    top: 0px;
    left: 140px;
    left: 5px;
}
.vender-docs .form-group .hidden ~ .btn:nth-of-type(odd) {
    top: 25px;
}
.vender-docs .form-group .btn:nth-of-type(3) {
    left: 140px;
    left: 5px;
}
.invoice-btn .btn{
    margin: 2px;
    color:#fff;
}
.cart-po-add {
    min-height: 130px!important;
}

/*#######################################################
                    audit trail
#######################################################*/

.status-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}
.status-container::after {
    content: '';
    display: table;
    clear: both;
}

.timeline-bg {
    background-color: #e9f0f5;
}

.timeline-header {
    text-align: center;
}
.timeline-header h1 {
    color: #6c2c64;
    font-size: 34px;
    font-size: 2.125rem;
}
.print-btn {
    margin-top: -50px;
}

@media only screen and (min-width: 1170px) {
    .timeline-header h1 {
        font-size: 48px;
        font-size: 3rem;
    }
}

#status-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
#status-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #c1cdd4;
    border-radius: 5px;
}
@media only screen and (min-width: 1170px) {
    #status-timeline {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    #status-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.status-timeline-block {
    position: relative;
    margin: 2em 0;
}
.status-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.status-timeline-block:first-child {
    margin-top: 0;
}
.status-timeline-block:last-child {
    margin-bottom: 0;
}
.divider-block {
    position: relative;
    clear: both;
}
.divider-block:before {
    content: "";
    display: table;
    clear: both;
}
.divider-block:after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    border: 1px dashed #bdcbd5;
}
.divider-block .status-heading {
    position: absolute;
    bottom: -58px;
    text-align: center;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    font-size: 13px;
    color: #6e84a3;
}
.divider-block .divider-block-heading {
    position: absolute;
    bottom: -50px;
    left: auto;
    right: auto;
    width: 80%;
    font-size: 13px;
    color: #6e84a3;
}
.divider-block .divider-block-heading.left {
    text-align: right;
    right: 10%;
}
.divider-block .divider-block-heading.right {
    text-align: left;
    left: 10%;
}
@media only screen and (min-width: 1170px) {
    .status-timeline-block {
        margin: 4em 0;
    }
    .status-timeline-block:first-child {
        margin-top: 0;
    }
    .status-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.status-timeline-img {
    position: absolute;
    top: 12px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.status-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}
.status-timeline-img.published {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.status-timeline-img.rfq-detail {
    background-color: #00bcd4;
}
.status-timeline-img.approval {
    background-color: #8bc34a;
}
.status-timeline-img.bidding {
    background-color: #e8d957;
}
.status-timeline-img.po {
    background-color: #03a9f4;
}
.status-timeline-img.vendor {
    background-color: #ffb13e;
}
.status-timeline-img.payment {
    background-color: #4caf50;
}
.status-timeline-img.complete {
    background-color: #057d72;
}
.status-timeline-img.invoice {
    background-color: #2054ee;
}


@media only screen and (min-width: 1170px) {
    .status-timeline-img {
        width: 40px;
        height: 40px;
        left: 50%;
        margin-left: -20px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .status-timeline-img.published {
        left: 50%;
        width: 50px;
        height: 50px;
        line-height: 53px;
        text-align: center;
        border-radius: 50%;
        margin-left: -25px;
    }

}


.status-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 1em;
    padding: 1.5em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.status-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.status-timeline-content p, .status-timeline-content ul, .status-timeline-content .status-read-more, .status-timeline-content .status-heading {
    font-size: 13px;
}
.status-timeline-content p, .status-timeline-content ul li {
    word-break: break-all;
}
.status-timeline-content .status-read-more, .status-timeline-content .status-heading {
    display: inline-block;
}
.status-timeline-content ul {
    margin: 0.235em 0;
}
.status-timeline-content .status-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.no-touch .status-timeline-content .status-read-more:hover {
    background-color: #bac4cb;
}
.status-timeline-content .status-heading {
    float: left;
    padding: .8em 0;
    opacity: .7;
}
.status-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
    .status-timeline-content .status-read-more, .status-timeline-content .status-heading {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media only screen and (min-width: 1170px) {
    .status-timeline-content {
        margin-left: 0;
        padding: 1.5em;
        width: 45%;
    }
    .status-timeline-content.published {
        top: 0px;
        padding: 1.5em;
    }
    .status-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .status-timeline-content .status-read-more {
        float: left;
    }
    .status-timeline-content .status-heading {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 0px;
        font-size: 32px;
        font-size: 2rem;
        color: #010514;
        font-weight: 500;
    }
    .status-timeline-block:nth-child(even) .status-timeline-content {
        float: right;
    }
    .status-timeline-block:nth-child(even) .status-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .status-timeline-block:nth-child(even) .status-timeline-content .status-read-more {
        float: right;
    }
    .status-timeline-block:nth-child(even) .status-timeline-content .status-heading {
        left: auto;
        right: 122%;
        text-align: right;
        top: 3px;
    }
}



.noti-box-dev{
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(223, 223, 223);
}
.hight-360px{
    height: 360px !important;
}
.hight-330px{
    height: 320px !important;
}

.switcher .form-group {
    margin-bottom: 0!important;
}
.switcher .help-block {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.dash-noti-po {
    height: 15.2rem;
    overflow:auto;
}

.card.report-active {
    box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .4);
    border: 1px solid rgb(90, 95, 125);
}
.dt-buttons button{
    margin-left: 10px;
}

.editableform {
    margin-bottom: 0;
}

.editableform .control-group {
    margin-bottom: 0;
    white-space: nowrap;
    line-height: 20px;
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    zoom: 1; 
    *display: inline;
}

.editable-buttons.editable-buttons-bottom {
    display: block; 
    margin-top: 7px;
    margin-left: 0;
}

.editable-input {
    vertical-align: top; 
    display: inline-block;
    width: auto;
    white-space: normal;
    zoom: 1; 
    *display: inline;   
}

.editable-buttons .editable-cancel {
    margin-left: 7px; 
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
    height: 24px; 
    width: 30px;
}

.editableform-loading {
    background: url('../img/loading.gif') center center no-repeat;  
    height: 25px;
    width: auto; 
    min-width: 25px; 
}

.editable-inline .editableform-loading {
    background-position: left 5px;      
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
    padding: 3px;  
}  

.editable-error {
    color: #e63757;  
}

/* ---- For specific types ---- */

.editableform .editable-date {
    padding: 0; 
    margin: 0;
    float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px; 
}


/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"], 
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap; 
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
    width: 566px; 
    height: 250px; 
}

/* clear button shown as link in date inputs */
.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-decoration: none;
    text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
    background: url('../img/clear.png') center center no-repeat;
    display: block;
    width: 13px;    
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;

    top: 50%;
    right: 6px;
    margin-top: -6px;

}

.editable-clear-x:hover {
    opacity: 1;
}

.editable-pre-wrapped {
    white-space: pre-wrap;
}
.editable-container.editable-popup {
    max-width: none !important;
}  

.editable-container.popover {
    width: auto;
}

.editable-container.editable-inline {
    display: inline-block; 
    vertical-align: middle;
    width: auto;
    zoom: 1; 
    *display: inline;    
}

.editable-container.ui-widget {
    font-size: inherit; 
    z-index: 9990;
}
.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled, 
a.editable-click.editable-disabled, 
a.editable-click.editable-disabled:hover {
    color: #585858;  
    cursor: default;
    border-bottom: none;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus{
    font-style: italic; 
    color: #DD1144;
    text-decoration: none;
}

.editable-unsaved {
    font-weight: bold; 
}


.editable-bg-transition {
    -webkit-transition: background-color 1400ms ease-out;
    -moz-transition: background-color 1400ms ease-out;
    -o-transition: background-color 1400ms ease-out;
    -ms-transition: background-color 1400ms ease-out;
    transition: background-color 1400ms ease-out;  
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{ 
    padding-top: 5px;
    display:inline-block;
}

.progress-list>.success>.btn{
    color: #346cb0;
    background-color: #fff;
    border-color: #fff;
}
.progress-list>.error>.btn, .progress-list>.success>.btn {
    width: 17px;
    height: 16px;
    border: none;
}
.progress-list>li>.btn {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #f6f7f9;
    color: rgba(34,34,48,.1);
    border: 4px solid #c6c9d5;
    vertical-align: middle;
    border-radius: 16px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.progress-list>.active>.btn  {
    color: #346cb0;
    background-color: #346cb0;
    border-color: #346cb0;
}
.progress-list>.active>.btn {
    background-color: #fff;
}

/*#######################################################
                Product image zoom gallary
#######################################################*/
.picZoomer{
    position: relative;
}
.picZoomer-pic-wp{
    position: relative;
    overflow: hidden;
}
.picZoomer-pic-wp:hover .picZoomer-cursor{
    display: block;
}
.picZoomer-zoom-pic{
    position: absolute;
    top: 0;
    left: 0;
}
.picZoomer-zoom-wp{
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
}
.picZoomer-cursor{
    display: none;
    cursor: crosshair;
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #eee;
    background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(../img/zoom-ico.png) left top no-repeat;
}
.picZoomer-zoom-wp {
    min-width: 500px !important;
    min-height: 500px !important;
}
textarea
{
    resize: none;
}

.wf-opt-brd{
    border: 2px solid #f1d932;
    border-radius: 5px;
    font-weight: bold;
}

.custom-bullet li:before
{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -15px;
    color: #CCCCCC;
}
.wf-user-list{min-height: 385px;}
.workflow-user-list{overflow-y: auto !important;}


/*#######################################################
                    product comarison
#######################################################*/

.comparison-list-group {
    margin-bottom: 5px;
}
.comparison-list-group .comparison-list-group-item {
    background-color: transparent;
    border: none;
    padding: 0;
    color: rgb(90, 95, 125);
    margin-bottom: 10px;
}
.comparison-list-group .comparison-list-group-item:last-child {
    margin-bottom: 0;
}


.seller-selection {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.table-product-compare > tbody > tr > td {
    padding: 20px 0 !important;
    border: none;
    vertical-align: top;
}
.table-product-compare .card {
    border: none;
    border-radius: 0;
}
.table-product-compare td:not(:first-child) .card:first-child {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(43,100,174,0.2) !important;
    box-shadow: -8px 0px 20px 3px rgba(57, 110, 170, 0.15),0 0px 0px 0 rgba(20,20,31,.15) !important;
}

.table-product-compare td:not(:first-child) .card:first-child .card-header, .table-product-compare td:not(:first-child) .card:first-child .card-body {
    padding-left: 25px;
    padding-right: 25px;
}
.table-product-compare td:last-child .card:first-child {
    border-right: 1px solid #eee;
}
.table-product-compare .feature-col .card-header, .table-product-compare .feature-col .card-body {
    padding-left: 20px;
}
.table-product-compare .feature-col .comparison-list-group .comparison-list-group-item {
    color: #010514;
}
.table-product-compare .card-custom {
    border-bottom: 1px solid #cde1ec !important;
}
.table-product-compare .seller-selection .card-custom {
    background-color: transparent !important;
}
.plan-purchase .switcher-control-lg {
    width: 150px;
}
.plan-purchase .switcher-control-lg .switcher-indicator:before {
    width: 30px;
}
.plan-purchase .switcher-control {
    font-size: 14px;
}
.plan-purchase .switcher-control-lg .switcher-indicator {
    height: 40px;
}
.plan-purchase .switcher-control-lg .switcher-label-on {
    line-height: 40px;
}
.plan-purchase .switcher-control-lg .switcher-label-off {
    line-height: 40px;
}
.plan-purchase .switcher-control-lg .switcher-indicator:before {
    right: 120px;
}
.plan-purchase .switcher-input:checked+.switcher-indicator:before {
    right: 0;
    box-shadow: none;
}
.cursor-pointer{
    cursor: pointer;
}
.switcher-control-pref {
    width: 145px;
}
.switcher-control-pref .switcher-indicator:before {
    width: 24px;
}
.switcher-control-pref .switcher-indicator {
    height: 24px;
}
.switcher-control-pref .switcher-label-on {
    line-height: 24px;
}
.switcher-control-pref .switcher-label-off {
    line-height: 24px;
}
.switcher-control-pref .switcher-indicator:before {
    right: 120px;
}

/*#######################################################
                RFQ Bidding Dashboard
#######################################################*/

p:empty {
    display: none;
}

.rfq-card .mdi-60px.mdi-set, .mdi-60px.mdi::before {
    font-size: 60px;
    margin-top: -10px;
}

/* Review rating */

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
    margin-top: -10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:0.9em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.rvs-box {
    position: relative;
    vertical-align: middle;
    font-size: 20px;
    font-family: FontAwesome;
    display: inline-block;
    color:#ccc;
    margin-top: -3px;
}
.rvs{
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #30962E;
}
.rvs-box::before {
    content: "\f006 \00A0\f006\00A0 \f006\00A0 \f006 \00A0\f006";
    /* color: #8c8104; */
}
.rvs::before {
    content: "\f005\00A0 \f005\00A0 \f005 \00A0\f005\00A0 \f005";
}
.p-rvw-list{
    height: 300px;
    overflow: auto;
}
.rate-on-card {
    float: none;
}
.rate-on-card .rate {
    padding: 0;
    height: auto;
    line-height: 20px;
    margin-top: 0;
}
.rate-on-card label {
    font-size: 12px;
}
.rate-on-card .rate:not(:checked) > label {
    float: none;
    font-size: 24px;
    width: 0.8em;
}
/* End Review rating */
.custom-validate-error{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}
.groups-min-height {
    min-height: 390px;
}
.profile-list {
    margin: 0;
    padding: 0;
    float: left;
}
.profile-list li {
    width: 100%;
    float: left;
    color: rgba(0, 0, 0, 0.7);
    line-height: 20px;
    text-transform: capitalize;
}
.profile-list li .profile-list-heading a {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
}
.profile-list li .profile-list-heading {
    display: inline-block;
    width: 60%;
    margin-right: 10px;
    position: relative;
}
.profile-list li span {
    display: inline-block;
}
.profile-list li .profile-list-heading:before {
    position: absolute;
    content: ":";
    top: 0;
    right: 0;
}
.profile-list li .fa-check {
    color: #3e912e;
}
.profile-list li .fa-exclamation-triangle {
    color: #cecc2c;
}


/*############################################
            buyer-dashboard.css
##############################################*/

.buyer-profile-header {
    min-height: 118px;
}
.media-buyer-profile .media-heading {
    font-size: 16px;
}
.media-custom {
    border-left: 1px solid  rgb(203, 207, 230);
    padding-left: 5px;
    margin-top: 10px;
}
.media-custom .mdi {
    color: rgb(90, 95, 125);
}
.media-custom .media-heading {
    font-size: 13px;
}
.media-custom .badge {
    font-size: 70%;
}
.media-buyer-info {
    border-left: 1px solid  rgb(203, 207, 230);
    padding-left: 5px;
    margin-top: 10px;
}
.media-buyer-info .media-heading {
    font-size: 13px;
}
.media-buyer-info.danger {
    background-color: #fde8e8;
    color: #c13333;
    padding: 5px 10px 5px 5px;
    border-radius: 0 10px 10px 0;
    border-color: transparent;
}
.media-buyer-info.success {
    background-color: #e7f7ec;
    color: #195b2e;
    padding: 5px 10px 5px 5px;
    border-radius: 0 10px 10px 0;
    border-color: transparent;
}
.media-buyer-info.warning {
    background-color: #fdf1e8;
    color: #774510;
    padding: 5px 10px 5px 5px;
    border-radius: 0 10px 10px 0;
    border-color: transparent;
}
.media-buyer-info.info {
    background-color: #e8fdfb;
    color: #135751;
    padding: 5px 10px 5px 5px;
    border-radius: 0 10px 10px 0;
    border-color: transparent;
}
.dashboard-view {
    margin-bottom: 30px;
    min-height: 700px;
}
.login-menu {
    position: relative;
    top: 0px;
}
.login-menu-btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 10px 12px;
    line-height: 17px;
}
.dropdown-toggle.login-menu-btn:hover,
.dropdown-toggle.login-menu-btn:focus,
.dropdown-toggle.login-menu-btn:active,
.login-menu-btn:hover,.login-menu-btn:focus,.login-menu-btn:active,
.open > .dropdown-toggle.btn-primary {
    background-color: #2874f0;
    border-color: #2874f0;
}
.dropdown-toggle.login-menu-btn:hover {
    color: #fdd922;
}
.login-menu-btn .fa-navicon {
    color: #fdd922;
}
.login-menu-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 0;
    list-style: none;
    min-width: 200px;
    text-align: left;
    display: none;
    margin-top: 10px;
    border-radius: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #2874f0;
    -webkit-box-shadow: rgba(50,58,70,.15) 0 0 40px 0;
    box-shadow: rgba(50,58,70,.15) 0 0 40px 0;
}
.login-menu .login-menu-list>li .submenu:before {
    left: 16px;
    top: -10px;
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 9999;
}
.login-menu .login-menu-list li {
    position: relative;
}
.login-menu .login-menu-list li a {
    display: block;
    padding: 9px 10px;
    clear: both;
    white-space: nowrap;
    color: #fff;
    background-color: #2874f0;
    border-bottom: 1px solid #fdd922;
    transition: all 0.2s ease-in-out;
}
.login-menu .login-menu-list li:hover a {
    color: #fff;
    border-left: 5px solid #fdd922;
}
.login-menu .login-menu-list li:hover a {
    padding-left: 15px;
}
.navigation-menu>li>a:active, .navigation-menu>li>a:focus, .navigation-menu>li>a:hover {
    color: #fff;
}
.login-menu-btn:hover .login-menu-list {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    display: block;
}

.outer-bg-light {
    background: rgba(40,116,240,0.03);
    height: 460px;
}
.selection-group {
    padding-top: 20px;
}
.selection-group div[class*="sg-box-"] {
    background-color: #fff;
    width: 350px;
    margin: auto;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.selection-group div[class*="sg-box-"] img {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}
.selection-group div[class*="sg-box-"]:hover img {
    opacity: 1;
}

.selection-group div[class*="sg-box-"]:hover {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
    box-shadow: 0 0 25px rgba(0,0,0,.05);
    border: 1px solid transparent;
    opacity: 1;
}
.selection-group  div[class*="sg-box-"].active {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
    box-shadow: 0 0 25px rgba(0,0,0,.05);
    border: 1px solid transparent;
    opacity: 1;
}
.selection-group  div[class*="sg-box-"].active img {
    opacity: 1;
}
.selection-group .box-left,.selection-group .box-right {
    float: left;
}
.selection-group .box-left {
    width: 40%;
    line-height: 120px;
    text-align: center;
}
.selection-group .box-right {
    width: 60%;
}
.selection-group .box-right .sg-box-heading {
    height: 120px;
    line-height: 120px;
    margin: 0;
    font-size: 20px;
    color: rgba(0,0,0,.7);
}
.selection-group div[class*="sg-box-"]:hover .sg-box-heading,.selection-group .sg-box-1.active .sg-box-heading {
    color: #2874f0;
}
.sg-info {
    height: 460px;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
}
.sg-info-icon {
    text-align: center;
}
.sg-info .section-title {
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    border: none;
    margin-bottom: 15px;
}
.selected-group .section-title {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #2874f0;
}
.dashboard-carousel .item {
    margin: 0;
    padding: 0;
    list-style: none;
    background-position: center 55%;
    background-size: cover;
    padding-bottom: 60px;
}
.dashboard-carousel .item li {
    position: relative;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 14px;
}
.dashboard-carousel .item li:before {
    content: "";
    background: #eeeeee;
    border-radius: 50px;
    font-size: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 5px;
    left: 0;
}
.dashboard-carousel .owl-controls {
    bottom: 10px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}
.dashboard-carousel .owl-controls .owl-pagination {
    display: inline-block;
}
.dashboard-carousel .owl-controls .owl-pagination .owl-page {
    display: inline-block;
}
.dashboard-carousel .owl-controls .owl-pagination .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    background: #ddd;
    border: none;
    border-radius: 20px;
    margin: 0 2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.dashboard-carousel .owl-controls .owl-pagination .owl-page.active span {
    background: #2874f0;
}
.info-banner {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
.info-banner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
}
.create-user-border {
    position: relative;
}
.create-user-border:after {
    position: absolute;
    content: "";
    display: block;
    top: 40px;
    right: -26px;
    width: 1px;
    height: 65%;
    border-right: 1px solid rgba(131, 173, 212, 0.5);
}
.role-perm {
    height: 460px;
    border-radius: 4px;
    padding: 15px 20px;
    box-shadow: 0 0 25px rgba(0,0,0,.05);
}
.role-perm .section-title {
    padding: 0;
    border: none;
    font-size: 20px;
    color: #2874f0;
    text-transform: capitalize;
}
.role-inner-box {
    display: block;
    height: 125px;
    padding: 10px 8px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #cecece;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /* -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08); */
}
.role-inner-box:hover {
    background-color: rgb(245, 250, 255);
    cursor: pointer;
}
.custom-checkbox {
    position: relative;
}
.custom-checkbox input[type="checkbox"] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -1;
    opacity: 0;
}
#popcrd .role-custom-checkbox{
    height: 20px;
    width: 20px;
}
.role-custom-checkbox {
    position: absolute;
    top: 10px;
    right: 5px;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid transparent;

    background-color: #eeeeee;
    border-color: #eeeeee;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
}

.custom-checkbox input:checked ~ .role-custom-checkbox {
    background-color: #010514;
    border-color: #010514;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-checkbox input:checked ~ .role-inner-box {
    background-color: rgb(245, 250, 255);
    border-color: rgb(152, 155, 168);
    -webkit-box-shadow: 0 2px 8px rgba(191, 191, 191, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(191, 191, 191, 0.3);
    -o-box-shadow: 0 2px 8px rgba(191, 191, 191, 0.3);
    box-shadow: 0 2px 8px rgba(191, 191, 191, 0.3);
}
.role-inner-box span {
    color: #010514;
}

.role-custom-checkbox:after {
    content: "";
    position: absolute;
    display: block;
}

.custom-checkbox input:checked ~ .role-custom-checkbox:after {
    display: block;
}

#popcrd .role-custom-checkbox:after {
    right: 5px;
    top: 2px;
    width: 7px;
}

.role-custom-checkbox:after {
    right: 9px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid rgb(255, 255, 255);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.role-inner-box .heading {
    font-size: 13px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 6px;
}
.role-list li {
    font-size: 13px;
    padding-left: 20px;
    position: relative;
    /* color: #555; */
    font-weight: 400;
}
.role-list li:before {
    content: "\F63B";
    font-family: "Material Design Icons";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
    /* color: #888; */
}
.selected-group {
    margin: 20px;
    padding: 20px;
    background: #fff;
}

.buyer-action-btn {
    margin: 20px auto 30px;
    text-align: center;
}
.buyer-action-btn .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
}
.buyer-action-btn .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),.buyer-action-btn .btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {
    border-radius: 4px;
}
.buyer-action-btn button[class*="btn-"]{
    font-weight: 400;
}
.buyer-action-btn .btn-primary {
    padding: 6px 70px;
    border-radius: 4px;
}
.buyer-action-btn .btn-default {
    color: #666666;
}
.buyer-action-btn .btn-group > .btn:first-child {
    margin-right: 10px;
}
.buyer-action-btn .btn-group > .btn:last-child {
    margin-left: 10px;
}

.btn-toolbar .btn-group {
    float: none;
}

.dashboard-info {
    /* background: linear-gradient(to right, #0c1f6c, #447fb7, #c9395c); */
    padding: 10px 12px;
}
.dashboard-info .dashboard-main-heading {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}
.dashboard-info-login {
    padding: 10px 12px;
}
.dashboard-info-login .dashboard-main-heading {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 14px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-table {
    border: 1px solid #ddd;
    margin: 10px 0;
    height: 150px;
    overflow-y: scroll;
}
.info-table .table > thead > tr > th {
    padding: 8px 5px;
    background-color: rgba(40,116,240,0.1);
    font-weight: 600;
}
.info-table .table > thead:first-child > tr:first-child > th:first-child {
    width: 3%;
}
.info-table .table > tbody > tr > td {
    padding: 10px 5px;
}
.info-table-smry {
    margin-top: 20px;
}
.info-table .table .label {
    font-weight: 600;
    font-size: 80%;
    padding: .2em .9em .3em;
    border-radius: 1em;
}
.info-table .table .btn.action-btn {
    font-size: 12px;
    padding: 3px 8px;
    line-height: 1.42857143;
    border: none;
    border-radius: 15px;
}
.info-table .table .btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.allCategories {
    width: auto;
    margin: 0;
    padding-bottom: 1px;
    clear: both;
}
.allCategories .cat_box {
    border: 1px solid #e8e8e8;
    width: 16.3%;
    height: 120px;
    display: table;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
    color: #444;
}
.allCategories .cat_box p {
    display: table-cell;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    margin: auto;
    height: 88px;
    background-color: #eeeeee;
}
.allCategories .cat_box p a {
    color: #666;
    display: block;
    padding: 6px 14px;
    line-height: 14px;
}
.allCategories .cat_box p span.icon {
    padding-bottom: 4px;
    font-size: 5rem;
}
.allCategories .cat_box p span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
}
.allCategories .innerScroll {
    max-height: 600px;
    overflow-x: scroll;
}
.allCategories .closeCategory {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 27px;
    height: 27px;
    opacity: 1;
    background-color: #3a3a3a;
    border: 2px solid#fff;
    border-radius: 100%;
    cursor: pointer;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    line-height: 22px;
}
.workflow-user .workflow-user-list{
    max-height: 330px;
    overflow-y: scroll;
    padding: 10px 5px 5px;
    background-color: #f5f9ff;
    margin-bottom: 0;
}
.workflow-user .section-title {
    font-size: 14px;
}
.workflow-user-list .user-pills, .wf-user-group .user-pills {
    background-color: #ffffff;
    border: 0.5px solid #ccc;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 3px;
    margin-right: 4px;
    padding: 2px 8px 2px 2px;
    border-radius: 30px;
    max-width: 200px;
    height: 28px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: grab;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.workflow-user-list .user-pills:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
.workflow-user-list .user-pills .workflow-icon {
    margin-right: 2px;
    background: #c0e5e4;
    border-radius: 50%;
}
.workflow-create {
    background: #f1f9ff;
    padding: 8px 10px;
    border-radius: 4px;
    height: 50px;
}
.workflow-selection div[class*="col-"] {
    padding-right: 5px;
}
.workflow-selection div[class*="col-"]:not(:first-child) {
    padding: 0;
}
.workflow-selection .workflow-label {
    font-size: 13px;
    font-weight: 600;
    color: #2874f0;
}
.workflow-selection .form-group {
    margin-bottom: 0;
}
.workflow-action .btn {
    padding: 0px;
    color: #666;
    font-size: 12px;
    width: 28px;
    height: 28px;
    margin-top: 3px;
    margin-right: 5px;
    font-weight: 500;
}
.workflow-action .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),.workflow-action .btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle),.workflow-action .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 30px;
}
.workflow-action .btn-group .btn + .btn, .workflow-action .btn-group .btn + .btn-group, .workflow-action .btn-group .btn-group + .btn, .workflow-action .btn-group .btn-group + .btn-group {
    margin-left: 0;
}
.workflow-drop-area {
    background: #fdfdfd;
}
.dropbox {
    margin-bottom: 12px;
}
.dropbox-header {
    background: #f1f9ff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 6px 5px;
    border: 1px solid #eee;
    position: relative;
}
.dropbox-header .dropbox-close {
    color: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #888;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 30px;
    transform: rotate(45deg);
    font-size: 10px;
}
.dropbox-heading {
    margin: 0;
    font-size: 13px;
}
.dropbox-body {
    height: 150px;
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    padding: 10px;
    overflow-y: scroll;
}
.dropbox-body:before {
    content: "Drop User Here";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12px;
    opacity: 0.2;
    text-align: center;
    z-index: -1;
}
.dropbox-body .workflow-user-list {
    height: inherit;
}
.dropbox-body .workflow-user-list.active .user-pills {
    font-size: 10px;
}
.workflow-drop-area div[class*="col-"]:last-child:after {
    display: none;
}


.smry-heading {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
}
.workflow-smry-grp {
    background: #f1f9ff;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
}
.smry-header {
    position: absolute;
    top: -20px;
    width: 100%;
}
.smry-header .heading {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    width: 90%;
    background: #f1f9ff;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 10px;
}
.smry-body {
    padding: 10px;
    margin-top: 15px;
}
.smry-body .user-list {
    margin: 0;
    padding: 0;
}
.smry-body .user-list li {
    position: relative;
    line-height: 24px;
    font-size: 12px;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}
@media (min-width: 1200px) {
    .workflow-smry-grp:after {
        position: absolute;
        content: "\f101";
        font-family: "FontAwesome";
        top: 40%;
        right: -17px;
        font-size: 20px;
        opacity: 0.3;
    }
    .workflow-summary div[class*="col-"]:last-child .workflow-smry-grp:after {
        display: none;
    }
    .smry-body {
        min-height: 150px;
    }
}


.file-drop-zone-title {
    padding: 10px;
}
.krajee-default.file-preview-frame {
    width: 100px;
    height: 100px;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: 100%;
    height: auto;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 20px;
}
.krajee-default .file-footer-caption {
    margin-bottom: 0;
}
.role-outer-box{
    height: 40rem;
    overflow-y: auto;
}



/*#######################################################
                    Workflow
#######################################################*/
.workflow-drop-area {
    background-color: #f5f5f5;
    border-radius: 5px;
    min-height: 330px;
}
.wf-user-group {
    background-color: #f5f9ff;
    padding: 10px 5px 5px;
    min-height: 190px;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.wf-user-list {
    width: 16.66666667%;
    max-width: 240px;
}
.wf-group .card {
    border-top: 5px solid #96baff;
    max-width: 220px;
    background-color: #ffffff;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.wf-group .card.levels {
    margin-bottom: 15px !important;
}
.wf-group .card.success {
    border-top: 5px solid #1bc943;
}
.wf-group .card.warning {
    border-top: 5px solid #f6c343;
}
.wf-group .card:last-child {
    margin-right: 0;
}
.workflow-summary .workflow-user-list {
    min-height: 130px;
    max-height: 250px;
    overflow: auto;
}
.wf-user-group.workflow-user-list .user-pills {
    max-width: 200px;
    font-size: 10px;
}

.wf-user-group.workflow-user-list .user-pills.disabled {
    border: 1px solid #64b769;
    background-color: #d8d8d8 !important;
    color: #333333;
}
.wf-user-group.workflow-user-list .user-pills.accept {
    border: 1px solid #64b769;
    background-color: #fff8e8 !important;
    color: #333333;
}
.wf-user-group.workflow-user-list .user-pills.reject {
    border: 1px solid #d57989;
    background-color: #fad7dd !important;
    color: #333333;
}

.workflow-summary .card {
    min-width: 255px;
    margin-right: 15px;
}
.workflow-summary.wf-group .card:first-child {
    margin-left: 30px;
}
/*#######################################################
                    Workflow-listing
#######################################################*/
.workflow-listing:not(first-child) {
    border-top: 1px dashed #cecece;
    padding-top: 10px;
}
.workflow-listing:first-child {
    border-top: 1px solid transparent;
    padding: 0;
    height: 280px;
}
.workflow-progress-list {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    font-weight: 400;
}
.workflow-progress-list>li {
    position: relative;
    width: 100%;
    text-align: center;
}
.workflow-progress-list>li:before {
    content: "";
    position: absolute;
    top: 6%;
    left: 0%;
    margin-top: 0px;
    width: 100%;
    height: 3px;
    background-color: rgba(52, 108, 176, 0.5);
    border-radius: 5px;
}
.workflow-tags {
    font-size: 12px;
    font-weight: 500;
}
.workflow-tags span {
    display: inline-block;
    padding-left: 5px;
}
.workflow-progress-list>li>button {
    padding: 0;
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    color: rgba(34,34,48,.1);
    border: 4px solid #346cb0;
    vertical-align: middle;
    border-radius: 16px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.workflow-progress-list .user-pills {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #ccc;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 3px;
    margin-right: 4px;
    padding: 2px 8px 2px 2px;
    border-radius: 30px;
    max-width: 200px;
    height: 28px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workflow-progress-list .user-pills img {
    margin-right: 2px;
    background: #c0e5e4;
    border-radius: 50%;
}
.workflow-progress-list .user-pills span {
    /*display: inline-block;*/
}
.workflow-progress-list>li>button:active,.workflow-progress-list>li>button:focus {
    outline: 0;
}
.workflow-progress-list .progress-indicator {
    display: none;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
}
.workflow-progress-list>.active:before {
    background-color: #346cb0;
}
.workflow-progress-list>.active>button {
    color: #346cb0;
    background-color: #346cb0;
    border-color: #346cb0;
}
.workflow-progress-list>.active .progress-indicator {
    color: #346cb0;
}
.workflow-progress-list>.active>button {
    background-color: #fff;
}
.workflow-progress-list>.success>button {
    color: #346cb0;
    background-color: #fff;
    border-color: #fff;
}
.workflow-progress-list>.success .progress-indicator {
    color: #346cb0;
}
.workflow-progress-list>.error>button {
    color: #ea6759;
    background-color: #fff;
    border-color: #fff;
}
.workflow-progress-list>.error .progress-indicator {
    color: #ea6759;
}
.workflow-progress-list>.active .progress-indicator,.workflow-progress-list>.error .progress-indicator,.workflow-progress-list>.success .progress-indicator {
    display: inline-block;
}
.workflow-progress-list>.success .progress-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300A28A' viewBox='0 0 24 24'%3E%3Cpath d='M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm6.2 8.3l-7.1 7.2c-.3.3-.7.3-1 0l-3.9-3.9c-.2-.3-.2-.8 0-1.1l1-1c.3-.2.8-.2 1.1 0l2 2.1c.2.2.5.2.7 0l5.2-5.3c.2-.3.7-.3 1 0l1 1c.3.2.3.7 0 1z'/%3E%3C/svg%3E");
    margin-top: -4px;
}
.workflow-progress-list>.error .progress-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EA6759' viewBox='0 0 24 24'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm2.3 11.5l3.6 3.6c.1.2.1.4 0 .6l-1.3 1.3c-.2.2-.5.2-.7 0l-3.6-3.6c-.2-.2-.4-.2-.6 0l-3.6 3.6c-.2.2-.5.2-.7 0l-1.3-1.3c-.1-.2-.1-.4 0-.6l3.6-3.6c.2-.2.2-.5 0-.7L6.1 8.1c-.2-.2-.2-.5 0-.7l1.3-1.3c.2-.1.4-.1.6 0l3.7 3.7c.2.2.4.2.6 0l3.6-3.6c.2-.2.5-.2.7 0l1.3 1.3c.1.2.1.4 0 .6l-3.6 3.6c-.2.2-.2.5 0 .7z'/%3E%3C/svg%3E");
    margin-top: -4px;
}
.workflow-progress-list.progress-list-workflow {
    min-height: 190px;
}
.workflow-progress-list > li {
    text-align: center;
    width: 20%;
}
.workflow-group-name {
    font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
}
.workflow-progress-list-group {
    position: absolute;
    margin: 15px 5px 0; padding: 0px;
    max-width: calc(100% - 10px);
    width: 95%;
    border: 1px solid #edf2f9;
    min-height: 190px;
}
.workflow-progress-list-group.card {
    border-top: 3px solid rgba(52, 108, 176, 0.5);
}
.workflow-progress-list-group.card > .card-header,.workflow-progress-list-group.card > .card-body {
    padding: 5px;
}
.workflow-progress-list-group.card.success {
    border-top: 3px solid #00a28a;
}
.workflow-progress-list-group.card.error {
    border-top: 3px solid #ea6759;
}
.workflow-progress-list-group li:before,.workflow-progress-list-group li:after {
    content: "";
    display: table;
}
.workflow-progress-list-group li:after {
    clear: both;
}
.workflow-progress-list-group .card-header {
    min-height: 20px;
    padding: 8px;
    text-align: left;
    background-color:#e4f6fb;
}
.workflow-progress-list>li>.workflow-progress-list-group .card-header button {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    color: rgba(34,34,48,.1);
    border: 4px solid #346cb0;
    vertical-align: middle;
    border-radius: 14px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.workflow-progress-list-group .card-header .card-title {
    font-size: 13px;
}
.workflow-progress-list-group .workflow-header .workflow-title {
    display: inline-block;
}
.workflow-progress-list-group .workflow-header:before {
    content: "";
    display: table;
}
.workflow-progress-list-group .workflow-header:after {
    clear: both;
}
.workflow-progress-list-group li {
    position: relative;
    display: inline-block;
    text-align: left;
    width:100%;
}
.workflow-progress-list-group li.accept .user-pills {
    border-color: #00a28a;
    background-color: rgba(0, 162, 138, 0.05);
}
.workflow-progress-list-group li.reject .user-pills {
    border-color: #ea6759;
    background-color: rgba(234, 103, 89, 0.05);
}
.workflow-progress-list-group li.disabled .user-pills {
    border-color: #524e4e;
    background-color: rgba(204, 204, 204, 1);
}
.workflow-progress-list-group .card-body {overflow:hidden;}
/* .workflow-listing:not(first-child) {
    border-top: 1px dashed #cecece;
    padding-top: 10px;
}
.workflow-listing:first-child {
    border-top: 1px solid transparent;
    padding: 0;
    height: 230px;
}
.workflow-progress-list {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    font-weight: 400;
}
.workflow-progress-list>li {
    position: relative;
    width: 100%;
    text-align: center;
}
.workflow-progress-list>li:before {
    content: "";
    position: absolute;
    top: 6%;
    left: 0%;
    margin-top: 0px;
    width: 100%;
    height: 3px;
    background-color: rgba(52, 108, 176, 0.5);
    border-radius: 5px;
}
.workflow-tags {
    font-size: 12px;
    font-weight: 500;
}
.workflow-tags span {
    display: inline-block;
    padding-left: 5px;
}
.workflow-progress-list>li>button {
    padding: 0;
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    color: rgba(34,34,48,.1);
    border: 4px solid #346cb0;
    vertical-align: middle;
    border-radius: 16px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.workflow-progress-list .user-pills {
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #ccc;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 3px;
    margin-right: 4px;
    padding: 2px 8px 2px 2px;
    border-radius: 30px;
    max-width: 200px;
    height: 28px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workflow-progress-list .user-pills img {
    margin-right: 2px;
    background: #c0e5e4;
    border-radius: 50%;
}
.workflow-progress-list .user-pills span {
    display: inline-block;
}
.workflow-progress-list>li>button:active,.workflow-progress-list>li>button:focus {
    outline: 0;
}
.workflow-progress-list .progress-indicator {
    display: none;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
}
.workflow-progress-list>.active:before {
    background-color: #346cb0;
}
.workflow-progress-list>.active>button {
    color: #346cb0;
    background-color: #346cb0;
    border-color: #346cb0;
}
.workflow-progress-list>.active .progress-indicator {
    color: #346cb0;
}
.workflow-progress-list>.active>button {
    background-color: #fff;
}
.workflow-progress-list>.success>button {
    color: #346cb0;
    background-color: #fff;
    border-color: #fff;
}
.workflow-progress-list>.success .progress-indicator {
    color: #346cb0;
}
.workflow-progress-list>.error>button {
    color: #ea6759;
    background-color: #fff;
    border-color: #fff;
}
.workflow-progress-list>.error .progress-indicator {
    color: #ea6759;
}
.workflow-progress-list>.active .progress-indicator,.workflow-progress-list>.error .progress-indicator,.workflow-progress-list>.success .progress-indicator {
    display: inline-block;
}
.workflow-progress-list>.success .progress-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300A28A' viewBox='0 0 24 24'%3E%3Cpath d='M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm6.2 8.3l-7.1 7.2c-.3.3-.7.3-1 0l-3.9-3.9c-.2-.3-.2-.8 0-1.1l1-1c.3-.2.8-.2 1.1 0l2 2.1c.2.2.5.2.7 0l5.2-5.3c.2-.3.7-.3 1 0l1 1c.3.2.3.7 0 1z'/%3E%3C/svg%3E");
    margin-top: -4px;
}
.workflow-progress-list>.error .progress-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EA6759' viewBox='0 0 24 24'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M12 .9C5.9.9.9 5.9.9 12s5 11.1 11.1 11.1 11.1-5 11.1-11.1S18.1.9 12 .9zm2.3 11.5l3.6 3.6c.1.2.1.4 0 .6l-1.3 1.3c-.2.2-.5.2-.7 0l-3.6-3.6c-.2-.2-.4-.2-.6 0l-3.6 3.6c-.2.2-.5.2-.7 0l-1.3-1.3c-.1-.2-.1-.4 0-.6l3.6-3.6c.2-.2.2-.5 0-.7L6.1 8.1c-.2-.2-.2-.5 0-.7l1.3-1.3c.2-.1.4-.1.6 0l3.7 3.7c.2.2.4.2.6 0l3.6-3.6c.2-.2.5-.2.7 0l1.3 1.3c.1.2.1.4 0 .6l-3.6 3.6c-.2.2-.2.5 0 .7z'/%3E%3C/svg%3E");
    margin-top: -4px;
}
.workflow-progress-list.progress-list-workflow {
    min-height: 190px;
}
.workflow-progress-list > li {
    text-align: center;
    width: 20%;
}
.workflow-group-name {
    font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
}
.workflow-progress-list-group {
    position: absolute;
    margin: 15px 5px 0; padding: 0px;
    max-width: calc(100% - 10px);
    width: 95%;
    border: 1px solid #edf2f9;
    min-height: 190px;
}
.workflow-progress-list-group.card {
    border-top: 3px solid rgba(52, 108, 176, 0.5);;
}
.workflow-progress-list-group.card > .card-header,.workflow-progress-list-group.card > .card-body {
    padding: 5px;
}
.workflow-progress-list-group.card.success {
    border-top: 3px solid #00a28a;
}
.workflow-progress-list-group.card.error {
    border-top: 3px solid #ea6759;
}
.workflow-progress-list-group li:before,.workflow-progress-list-group li:after {
    content: "";
    display: table;
}
.workflow-progress-list-group li:after {
    clear: both;
}
.workflow-progress-list-group .card-header {
    min-height: 20px;
    padding: 8px;
    text-align: left;
    background-color:#e4f6fb;
}
.workflow-progress-list>li>.workflow-progress-list-group .card-header button {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    color: rgba(34,34,48,.1);
    border: 4px solid #346cb0;
    vertical-align: middle;
    border-radius: 14px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.workflow-progress-list-group .card-header .card-title {
    font-size: 13px;
}
.workflow-progress-list-group .workflow-header .workflow-title {
    display: inline-block;
}
.workflow-progress-list-group .workflow-header:before {
    content: "";
    display: table;
}
.workflow-progress-list-group .workflow-header:after {
    clear: both;
}
.workflow-progress-list-group li {
    position: relative;
    display: inline-block;
    text-align: left;
    width:100%;
}
.workflow-progress-list-group.rfq-workflow .card-header .card-title {
    display: block;
    text-align: center;
    margin: 8px;
}
.workflow-progress-list-group.rfq-workflow li {
    position: static;
    z-index: 0;
}
.workflow-progress-list-group.rfq-workflow li + li {
    margin-left: -25px;
}
.workflow-progress-list-group.rfq-workflow li .user-pills {
    position: relative;
    z-index: 0;
}
.workflow-progress-list-group.rfq-workflow li .user-pills.disabled {
    opacity: 0.6;
}
.workflow-progress-list-group.rfq-workflow li .user-pills img {
    margin-right: 0;
}
.workflow-progress-list-group.rfq-workflow li .user-pills:hover {
    z-index: 1;
}
.workflow-progress-list-group li.accept .user-pills {
    border-color: #00a28a;
    background-color: rgba(0, 162, 138, 0.05);
}
.workflow-progress-list-group li.reject .user-pills {
    border-color: #ea6759;
    background-color: rgba(234, 103, 89, 0.05);
}
.workflow-progress-list-group li.disabled .user-pills {
    border-color: #524e4e;
    background-color: rgba(204, 204, 204, 1);
}
.workflow-progress-list-group .card-body {
    overflow:hidden;
} */
/*#######################################################*/


.card-header-cust .switcher-control-lg .switcher-indicator{
    height: 22px;
    line-height: 22px;
}
.card-header-cust
.rfq-switch .switcher-control-lg .switcher-indicator:before {
    width: 20px;
}
.card-header-cust
.rfq-switch .switcher-label-off {
    padding-left: 5px;
}


/* product listing page */
.widget-accordian {
    background-color: #ffffff;
    border-radius: 0.125rem;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.widget-bg-title {
    background-color: rgb(25, 106, 172);
    padding: 12px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.widget-filter .card-header .parent-list {
    color: #2a2a2a;
}
.widget-accordian .card {
    box-shadow: none;
    border: none;
    margin: 0;
}
.widget-accordian .card .card-header {
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
}
.multi-accordion-content > .card > .card-header {
    padding: 5px;

}
.widget-accordian .widget-heading {
    padding: 15px;
    cursor: pointer;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}
.widget-accordian .form-check {
    position: relative;
    display: block;
    color: #666;
}
.widget-accordian .form-check .form-check-label {
    font-weight: 400;
}
.widget-accordian .card-body {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}
.widget-accordian .parent-list {
    color: #555555;
}

/*##############################################
                 product listing
################################################ */

.switcher-control-tab {
    width: 100px;
    font-size: 14px;
}
.switcher-control-tab .switcher-indicator {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
}
.switcher-control-tab .switcher-indicator::before {
    right: 75.5px;
    border-radius: 6px;
    border: 3px solid #d1d1d1;
}
.switcher-control-tab .switcher-label-off, .switcher-control-tab .switcher-label-on {
    width: calc(100% - 20px);
    line-height: 34px;
}
.switcher-control-tab .switcher-label-off {
    color: #555;
}
.product-grid-view {
    height: 100%;
}
.grid-view-layout1 {
    height: 100%;
    padding-bottom: 25px;
}
.product-box-layout1 {
    padding: 10px 10px 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.category-product .row > .col-md-3:nth-child(n) {
    border-right: 1px solid rgba(0,0,0,0.09);
    border-bottom: 1px solid rgba(0,0,0,0.09);
}
.category-product .row > .col-md-3:nth-child(4n) {
    border-right: none;
}
.product-grid {
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.grid-view-layout1 .product-box-layout1 {
    height: 100%;
    margin-bottom: 0;
}
.product-box-layout1 .item-img {
    width: 100%;
    height: 100%;
    position: relative;
}
.product-box-layout1 .item-img .general {
    width: 100%;
    position: relative;
}
.product-box-layout1 .item-img .general:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.product-box-layout1 .item-img .general img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    max-width: 100%;
    max-height: 100%;
}
.product-box-layout1 .item-img  .general img {
    max-width: 100%;
    height: auto;
}
.product-grid-view .product-box-layout1 .item-img .general:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.808);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.product-grid-view:hover .product-box-layout1 .item-img .general:before {
    opacity: 1;
    visibility: visible;
}
.product-box-layout1 .item-content {
    padding: 10px 0px 0px;
}
.product-box-layout1 .item-content .item-details .rating.low,
.quickview .product-detail .item-details .rating.low,
.product-info-block .product-detail .item-details .rating.low {
    font-size: 12px;
    font-weight: 500;
    background-color: #DC4949;
    border-radius: 3px;
    padding: 1px 5px;
    color: #fff;
}
.product-box-layout1 .item-content .item-details .rating.medium,
.quickview .product-detail .item-details .rating.medium,
.product-info-block .product-detail .item-details .rating.medium  {
    font-size: 12px;
    font-weight: 500;
    background-color: #F0A247;
    border-radius: 3px;
    padding: 1px 5px;
    color: #fff;
}
.product-box-layout1 .item-content .item-details .rating.high,
.quickview .product-detail .item-details .rating.high,
.product-info-block .product-detail .item-details .rating.high  {
    font-size: 12px;
    font-weight: 500;
    background-color: #30962E;
    border-radius: 3px;
    padding: 1px 5px;
    color: #fff;
}
.product-box-layout1 .item-content .item-details .type,.product-box-layout1 .item-content .item-details .title {
    color: rgb(90, 95, 125);
}
.product-box-layout1 .item-content .item-details,.product-box-layout1 .item-content .item-details + .item-details {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-box-layout1 .item-content .item-title {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 22px;
    color: #010514;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.product-box-layout1 .item-content .item-title a {
    color: #010514;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-box-layout1 span.nlbl {
    background-color: #30962E;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    padding: 1px 4px;
    border-radius:2px;
    left: 10px;
    position: absolute;
    white-space: nowrap;
    min-width: 30px;
    text-align: center;
    top: 10px;
    z-index: 2;
}
.product-box-layout1 .out_stock {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 500;
    background-color: #DC4949;
    border-radius: 3px;
    padding: 1px 4px;
    color: #fff;
    min-width: 50px;
    z-index: 2;
}

.product-box-layout1 .item-content .entry-meta {
    margin-bottom: 5px;
}
.product-box-layout1 .item-content .entry-meta li {
    color: #999999;
    font-size: 12px;
    line-height: 2;
}
.product-box-layout1 .item-content .entry-meta li i {
    margin-right: 5px;
}
.product-box-layout1 .item-content .item-price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-box-layout1 .item-content .item-price,.product-box-layout1 .item-content .item-details {
    color: rgb(90, 95, 125);
}
.product-box-layout1 .item-content .item-price.na {
    height: 15px;
    width: 50%;
    margin: 5px 0 5px 15px;
    border-radius: 3px;
}
.product-box-layout1 .item-content .item-price.na:before {
    content: "\f156";
    font-family: "FontAwesome";
    margin-right: 10px;
    position: absolute;
    left: -13px;
    top: -2px;
}

.product-box-layout1 .item-content .item-price .before-discount,
.product-box-layout1 .item-content .item-price .after-discount {
    display: inline-block;
}
.product-box-layout1 .item-content .item-price .after-discount {
    font-size: 14px;
    font-weight: 500;
}
.product-box-layout1 .item-content .item-price .before-discount {
    color: #cccccc;
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 12px;
}

.product-box-layout1 .item-action {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.product-grid-view:hover .product-box-layout1 .item-action {
    opacity: 1;
    visibility: visible;
}
.product-box-layout1 .item-action .btn:first-child span.btn-title,
.product-box-layout1 .item-action .btn span.btn-title,
.product-detail-price-column .btn span.btn-title {
    margin-left: 5px;
}
.product-box-layout1 .item-action .btn.btn-quickview,
.product-box-layout1 .item-action .btn.btn-cart,
.product-box-layout1 .item-action .btn.btn-buynow,
.product-box-layout1 .item-action .btn.btn-askprice,
.product-box-layout1 .item-action .btn.btn-quickview-service,
.product-detail-price-column .btn-quickview,
.product-detail-price-column .btn-cart,
.product-detail-price-column .btn-buynow,
.product-detail-price-column .btn-askprice  {
    background-color: #010514;
    border-color: #010514;
    color: #fff;
    border-radius: 20px;
    max-width: 160px;
    min-width: 150px;
    margin-bottom: 10px;
}
.product-box-layout1 .item-action .btn.btn-quickview-service {
    max-width: 180px;
}
.product-box-layout1 .item-action .btn.btn-quote,
.product-detail-price-column .btn-quote {
    background-color: #a22353;
    border-color: #a22353;
    border-radius: 20px;
    color: #fff;
}
.product-box-layout1 .item-action .btn.disabled, .product-box-layout1 .item-action .btn[disabled],
.product-box-layout1 .item-action .btn + .btn.disabled, .product-box-layout1 .item-action .btn + .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.category-product .row div[class*="col-"]:nth-child(4n+1):after {
    content: "";
    display: table;
}
.category-product .row div[class*="col-"]:nth-child(4n+1):after {
    clear: both;
}
.stick {
    /*    width: 350px;
        min-width: 350px;*/
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}


@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    /*    .stick {
            width: 300px;
            min-width: 300px;
        }*/
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    /*    .stick {
            width: 270px;
            min-width: 270px;
        }*/
}
/*#######################################################*/

/* product listing quick view modal */

.quickview .modal-dialog-lg {
    width: 50%;
}
@media only screen and (max-width: 1440px) {
    .quickview .modal-dialog-lg {
        width: 70%;
    }
}
.quickview .close-quick-view {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #ffffff;
    border-radius: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.quickview .close-quick-view .mdi {
    color: #a22353;
}
.quickview .product-img-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 10px 35px -14px rgba(25, 56, 79, 0.3);
}
.quickview .product-img-wrapper .product-img {
    width: 100%;
    position: relative;
}
.quickview .product-img-wrapper .product-img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.quickview .product-img-wrapper .product-img img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    max-width: 100%;
    max-height: 100%;
}
.quickview .product-right {
    margin-left: 15px;
}
.quickview .product-right h3,
.quickview .product-right h3 span.new-price,
.product-info-block .product-detail h3,
.product-info-block .product-detail h3 span.new-price {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 22px;
    color: #010514;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.quickview .product-right h3 span.old-price,
.product-info-block .product-detail h3 span.old-price {
    font-size: 15px;
    font-weight: 400;
    color: rgb(90, 95, 125);
    text-decoration: line-through;
}
.quickview .product-right .product-detail .color-variant, .product-info-block .product-detail .color-variant {
    margin-bottom: 10px;
    list-style: none;
    padding: 0;
}
.quickview .product-right .product-detail .color-variant li, .product-info-block .product-detail .color-variant li {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    margin-right: 5px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    vertical-align: middle;
}

.quickview .product-right .product-detail .color-variant li.grey, .product-info-block .product-detail .color-variant li.grey {
    background-color: #cccccc;
}
.quickview .product-right .product-detail .color-variant li.blue, .product-info-block .product-detail .color-variant li.blue {
    background-color: #1e509c;
}
.quickview .product-right .product-detail .color-variant li.black, .product-info-block .product-detail .color-variant li.black {
    background-color: #000000;
}
.quickview .product-right .product-detail .color-variant li.rust, .product-info-block .product-detail .color-variant li.rust {
    background-color: #332723;
}
.quickview .product-right .product-detail .color-variant li.green, .product-info-block .product-detail .color-variant li.green {
    background-color: #166b4b;
}
.quickview .product-right .product-detail .product-button {
    margin-top: 20px;
    margin-bottom: 10px;
}
.quickview .product-right .product-detail .product-button .btn-quickview {
    background-color: #010514;
    border-color: #010514;
    color: #fff;
    border-radius: 20px;
    min-width: 160px;
    padding: 10px 20px;
}
.quickview .product-right .product-detail .product-button .btn span.btn-title {
    margin-left: 5px;
}
.quickview .product-right .product-detail .product-button .btn,.quickview .product-right .product-detail .product-button .btn + .btn {
    background-color: #010514;
    border-color: #010514;
    color: #fff;
    border-radius: 20px;
    padding: 8px 20px;
    margin-right: 5px;
}
.quickview .product-right .product-detail .product-button .btn:hover,
.quickview .product-right .product-detail .product-button .btn + .btn:hover,
.product-detail-price-column .btn-quickview:hover,
.product-detail-price-column .btn-cart:hover,
.product-detail-price-column .btn-buynow:hover,
.product-detail-price-column .btn-askprice:hover {
    -webkit-box-shadow: 0 10px 20px -5px rgba(13, 29, 88, 0.5);
    -moz-box-shadow: 0 10px 20px -5px rgba(13, 29, 88, 0.5);
    -o-box-shadow: 0 10px 20px -5px rgba(13, 29, 88, 0.5);
    box-shadow: 0 10px 20px -5px rgba(13, 29, 88, 0.5);
}
.quickview .product-right .product-detail .product-button .btn + .btn + .btn {
    background-color: #a22353;
    border-color: #a22353;
    color: #fff;
    padding: 8px 20px;
}
.quickview .product-right .product-detail .product-button .btn + .btn + .btn:hover,
.product-detail-price-column .btn-quote:hover {
    -webkit-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    -moz-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    -o-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
}
.quickview .product-right .product-detail .product-button .btn.disabled, .quickview .product-right .product-detail .product-button .btn[disabled],
.quickview .product-right .product-detail .product-button .btn + .btn.disabled, .quickview .product-right .product-detail .product-button .btn + .btn[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*#######################################################*/

/*######################################################
        product Listing Ask to seller Modal
########################################################*/
@media only screen and (min-width: 992px) {
    .modal-dialog-ask {
        width: 950px;
    }
}
.ask-seller-modal button.close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #ffffff;
    color: #a22353;
    border-radius: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    opacity: 1;
    z-index:9999;
}
.ask-seller-modal .product-box-layout1 {
    background-color: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.ask-seller-modal .product-grid-view {
    transition: all 0.3s ease-in-out;
}
.ask-seller-modal .product-grid-view:hover {
    box-shadow: 0 10px 20px -15px rgba(7, 32, 100, 0.85);
}
.ask-seller-modal .product-grid-view:hover .product-box-layout1 .item-img .general::before {
    display: none;
}

/*######################################################
                 product detail page
########################################################*/

.product-info-block .product-detail .item-details h5 {
    display: inline-block;
    margin: 0;
}
.product-info-block .product-detail .item-details ul,.product-info-block .product-detail .item-details ul li {
    display: inline-block;
}
.product-info-block .product-detail .item-details .business-model-tags .badge {
    padding: 5px 7px;
    border-radius: 15px;
    margin-bottom: 8px;
}
.product-info-block .product-detail .item-details .business-model-tags .badge + .badge {
    margin-left: 5px;
}
.product-zoon-view {
    margin: 0 15px;
}
.gallery-holder .zoomWrapper {
    border: 10px solid #ffffff;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 5px 16px -6px rgba(25, 56, 79, 0.3);
    -moz-box-shadow: 0px 5px 16px -6px rgba(25, 56, 79, 0.3);
    -o-box-shadow: 0px 5px 16px -6px rgba(25, 56, 79, 0.3);
    box-shadow: 0px 5px 16px -6px rgba(25, 56, 79, 0.3);
}
.gallery-holder .zoomWrapper img {
    width: 100% !important;
    height: 100% !important;
}
.gallery-holder .zoomWrapper img {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    max-width: 100%;
    max-height: 100%;
}
.gallery-holder .zoomWrapper::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.elevatezoom-gallery {
    border: 1px solid rgb(206, 206, 206);
    border-radius: 5px;
    padding: 0px;
    margin-bottom: 10px;
    margin-right: 6px;
    display: inline-block;
    overflow: hidden;
}
.elevatezoom-gallery:last-child {
    margin-right: 0;
}
.elevatezoom-gallery:hover {
    border: 1px solid rgb(90, 95, 125);
}
.elevatezoom-gallery img {
    width: 55px;
    height: 55px;
}
.zoomWindowContainer .zoomWindow {
    left: calc(100% - -20px) !important;
}
.product-info-block .product-detail h3 {
    line-height: 26px;
    white-space: normal;
}
.product-description h3 {
    font-size: 18px;
}
.product-description p {
    line-height: 24px;
}
.product-detail-price-column .btn-quickview,
.product-detail-price-column .btn-cart,
.product-detail-price-column .btn-buynow,
.product-detail-price-column .btn-askprice,
.product-detail-price-column .btn-quickview {
    max-width: 100%;
}
.product-detail-owl-carousel .product-grid-view {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-detail-owl-carousel .product-grid-view:hover {
    border: 1px solid #5b6e92;
    -webkit-box-shadow: 0px 10px 35px -14px rgba(25, 56, 79, 0.3);
    -moz-box-shadow: 0px 10px 35px -14px rgba(25, 56, 79, 0.3);
    -o-box-shadow: 0px 10px 35px -14px rgba(25, 56, 79, 0.3);
    box-shadow: 0px 10px 35px -14px rgba(25, 56, 79, 0.3);
}


.similar-products div[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.product-detail-owl-carousel div[class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-rvw-list {
    height: auto;
}

@media only screen and (max-width: 992px) {
    .product-box-layout1 {
        /* min-height: 400px; */
    }
    .product-detail-owl-carousel .product-box-layout1 {
        min-height: auto;
    }
}
@media only screen and (max-width: 768px) {
    .product-box-layout1 {
        /* min-height: 400px; */
    }
    .product-detail-owl-carousel .product-box-layout1 {
        min-height: auto;
    }
}
@media only screen and (max-width: 480px) {
    .product-box-layout1 {
        min-height: auto;
    }
    .category-product .row {
        margin-left: 0;
        margin-right: 0;
    }
    .product-listing div[class*="col-"] {
        /* padding-left: 6px;
        padding-right: 6px; */
    }
    .product-box-layout1 .item-content .item-price {
        /* font-size: 12px; */
    }
    .product-box-layout1 .item-content {
        padding: 12px;
    }
    .product-box-layout1 .item-content .item-title {
        /* font-size: 12px;
        line-height: 18px; */
    }
    .product-box-layout1 .item-content .entry-meta li {
        font-size: 10px;
        line-height: 1.5;
    }
}
/*#######################################################*/

/* filters Css */
.filter-group > .bg-light > *,.filter-result > .bg-light > *{
    color: #2b3d68;
}
.filter-result .btn-group > .btn-default,.filter-result .btn-group > .btn-default:hover,.filter-result .btn-group > .btn-default:active,.filter-result .btn-group > .btn-default:focus {
    border-color: #2b3d68;
    color: #2b3d68;
}
.item-action > ul > li > .btn-default {
    color: #2b3d68;
    font-weight: 500;
}
.item-action li {
    border-top: 1px solid #ddd;
}
.item-action li a {
    border-radius: 0;
}
.category-product div[class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.item-action li > a:hover {
    background: #e4e5f2 !important;
}
.item-action li:first-child {
    border-right: 1px solid #ddd;
}
.panel-group .panel-heading {
    border-bottom: 1px solid #f5f5f5;
}
.filter-box-heading {
    color: #010514;
    font-weight: 500;
    font-size: 14px;
}
.panel-filter-group a {
    color: rgb(90, 95, 125);
}
.filter-box-heading a {
    font-weight: 400;
}
.filter-list > li {
    margin-bottom: 10px;
}
.filter-list > li > ul > li {
    line-height: normal;
    margin-bottom: 8px;
}
.filter-heading {
    color: #333;
    font-weight: 500;
}
.filter-heading::before {
    content: "\f101";
    font-family: "FontAwesome";
    position: relative;
    left: 0;
    top: -1px;
    margin-right: 5px;
}
.filter-section .custom-control-label {
    color: #333;
}
.filter-sub-heading {
    color: #333;
    display: block;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

a[aria-expanded=true] .fa-plus-circle {
    display: none;
}

a[aria-expanded=false] .fa-minus-circle {
    display: none;
}

.filter-search {
    position: relative;
    margin-bottom: 10px;
}
.filter-group .filter-search .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #eeeeee ;
}
.filter-group .filter-search .form-control:focus {
    border-color: #66afe9;
}
.filter-search::after {
    position: absolute;
    right: 7px;
    top: 8px;
    color: #c6c6c6;
    content: "\f002";
    font-family: fontawesome;
    font-size: 14px;
    line-height:normal;
    vertical-align: middle;	
}
.price-range strong {
    color: #333;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.slider.slider-horizontal {
    width: 210px;
    width: 100% !important;
    height: 20px;
}
.slider.slider-horizontal .slider-track {
    height: 15px;
    left: 0;
    margin-top: -5px;
    top: 50%;
    width: 100%;
}
.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}
.slider.slider-horizontal .slider-handle {
    margin-left: -12px;
    margin-top: 2px;
}

.left-round{
    margin-left:2px !important;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}
.slider.slider-vertical {
    height: 210px;
    width: 20px;
}
.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}
.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}
.slider input {
    display: none;
}
.slider .tooltip-inner {
    white-space: nowrap;
}
.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #dadada, #e6e0e0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#e6e0e0));
    background-image: -webkit-linear-gradient(top, #dadada, #e6e0e0);
    background-image: -o-linear-gradient(top, #dadada, #e6e0e0);
    background-image: linear-gradient(to bottom, #dadada, #e6e0e0);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdadada', endColorstr='#ffe6e0e0', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.slider-selection {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #a03b62;
    border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    position: absolute;
}

.slider-handle {
    background: #fff;
    box-shadow:none;
    height: 10px;
    opacity: 1;
    position: absolute;
    width: 10px;
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.slider-handle.triangle {
    background: transparent none;
}



.product-details-banner img {
    box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.225);
}

.notes-info {
    position: relative;
}
.notes-info-details {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border: 1px solid #eee;
    padding: 10px;
    white-space: normal;
    word-wrap: break-word;
    border-radius: 5px;
    width: 180px;
    display: none;
    position: absolute;
    top: 20px;
    right: -30px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.notes-info:hover .notes-info-details {
    opacity: 1;
    visibility: visible;
    display: block;
}
.product-details-slider .custom-carousel .owl-controls .owl-prev, .product-details-slider .custom-carousel .owl-controls .owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 50px;
    margin: auto;
    font-size: 21px;
}
.product-details-slider .custom-carousel .owl-controls .owl-prev {
    left: 0px;
    right: auto;
    top: -20%;
}
.product-details-slider .custom-carousel .owl-controls .owl-next {
    right: 0px;
    top: -20%;
}
.product-details-slider .custom-carousel .owl-controls .owl-prev::before,.product-details-slider .custom-carousel .owl-controls .owl-next::before {
    font-size: 21px;
    left: 12px;
    position: absolute;
    top: 10px;
}
/*#######################################################*/
/* product listing layout two horizontal */

.product-horizontal-view a {
    display: block;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}
.product-horizontal-view a:first-child {
    margin-top: 0;
}
.product-horizontal-view a:last-child {
    border-bottom: none;
}
.product-horizontal-view .product-box-layout1 {
    padding: 0;
    margin-right: 5px;
}
.product-horizontal-view .product-box-layout1 .item-content {
    padding-top: 0;
}
.product-box-layout1 span.nlbl {
    font-size: 9px;
    left: 5px;
}
.product-horizontal-view .product-box-layout1 .out_stock {
    font-size: 9px;
    right: 5px;
}
.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls {
    position: absolute;
    right: 0;
    top: -32px;
}
.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-prev,.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-next {
    top: -10px;
    width: 20px;
    height: 20px;
}
.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-prev {
    right: 27px;
    left: auto;
}
.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-next {
    right: 0;
}
.product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-prev::before, .product-detail-owl-carousel-horizontal.custom-carousel .owl-controls .owl-next::before {
    font-size: 13px;
    left: 8px;
    position: absolute;
    top: 1px;
}
#adsml{margin-bottom:0px !important;margin-top:-10px;}
.custom-control .checkbox label input {
    margin-top: 3px;
}

/* payment-summary */
.card-plan {
    position: relative;
    z-index: 0;
    margin: 0 0 20px;
    box-shadow: 0px 12px 22px -5px rgba(22, 99, 187, 0.25),0px -2px 22px -5px rgba(22, 99, 187, 0.25);
    border-radius: 0;
}
.card-plan:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -6px;
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    background-image: url(../img/arrow.svg);
    z-index: -1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.card-plan .media .media-body .media-heading {
    font-size: 18px;
}
.card-plan-modal .media .media-body .media-heading {
    font-size: 18px;
}
.card-payment-smry {
    position: relative;
    z-index: 0;
    margin: 5px 0 20px;
    box-shadow: 0px 12px 22px -5px rgba(22, 99, 187, 0.25),0px -2px 22px -5px rgba(22, 99, 187, 0.25);
    border-radius: 0;
}
.card-payment-smry:before,.card-payment-smry:after {
    position: absolute;
    content: "";
    left: 0;
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    background-image: url(../img/arrow.svg);
    z-index: -1;

}
.card-payment-smry:before {
    top: -6px;
}
.card-payment-smry:after {
    bottom: -6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.card-payment-smry .media .media-body .media-heading {
    font-size: 18px;
}
.card-payment-smry .table tr td.text-truncate {
    max-width: 1px;
}
.payment-smry-total {
    border-bottom: 1px solid #eee;
}
.subtotal-row,.discount-row,.subtotal-discount-row,.total-tax-row,.net-amount-row {
    padding: 5px 10px;
}
.subtotal-row .subtotal {
    color: rgb(90, 95, 125);
    float: left;
    width: 50%;
    text-align: right;
}
.subtotal-row .subtotal-price {
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
}
.discount-row .discount {
    color: rgb(90, 95, 125);
    float: left;
    width: 50%;
    text-align: right;
}
.discount-row .discount-price {
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
}
.subtotal-discount-row .subtotal-discount {
    color: rgb(90, 95, 125);
    float: left;
    width: 50%;
    text-align: right;
}
.subtotal-discount-row .subtotal-discount-price {
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
}
.total-tax-row .total-tax {
    color: rgb(90, 95, 125);
    width: 50%;
    float: left;
    text-align: right;
}
.total-tax-row .total-tax-price {
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
}
.net-amount-row {
    border-top: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.net-amount-row .net-amount {
    font-weight: 600;
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
}
.net-amount-row .net-amount-price {
    color: #010514;
    width: 50%;
    float: left;
    text-align: right;
    font-weight: 600;
}


.discount-price-block {
    /* background-color: #ffeec3;
    border: 1px dashed #d3a532;
    border-radius: 5px;
    padding: 10px 5px;
    font-size: 14px; */
}
.product-micro .product-micro-row .product-image .image img{
    max-height: 100px;
    min-height: 100px;
}
/*#######################################################*/
/*#####################################################
                    Review
#######################################################*/
.vertical-separator {
    position: relative;
}
.vertical-separator span {
    position: absolute;
    content: "";
    width: 1px;
    height: 115px;
    background-color: #eee;
    left: -15px;
    top: 0;
}
.review-wrapper {
    margin-bottom: 10px;
}
.review-output {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin: 0px 10px 5px 0;
}
.review-output.high {
    background-color: #30962E;
    color: #fff;
}
.review-output.medium {
    color: #F0A247;
}
.review-output.low {
    color: #DC4949;
}
.review-output + .review {
    float: left;
}
.review-output + .review .rvs {
    /* color: #30962E; */
}
/*#######################################################*/
/*#####################################################
                    mobile-footer
#######################################################*/

.mobile-footer {
    /* padding: 20px 0 30px;
    background-color: #f0f0f0;
    background: linear-gradient(to right, #0c1f6c, #447fb7, #c9395c); */
}
.footer-social {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer-social li {
    display: inline-block;
}
.footer-social li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #ffffff;
}
.footer-social li:not(:last-child) {
    margin-right: 10px;
}
.footer-social li a:hover {
    background-color: #ddd;
    color: #333;
}
.copyright-link .copyright-text {
    color: #ffffff;
}
.quick-links-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.quick-links-list li {
    display: inline-block;
}
.quick-links-list li:not(:last-child) {
    margin-right: 5px;
}
.quick-links-list li a {
    display: block;
    color: #ffffff;
    position: relative;
    padding-right: 10px;
    line-height: 24px;
}
.quick-links-list li a:hover {
    color: #ffac48;
}
.quick-links-list li:not(:last-child) a:after {
    content: "|";
    position: absolute;
    right: 0;
    top: 0;
    color: #e0e0e0;
}
/*#######################################################*/

/* Horizontal Timeline */
.horizontal-timeline {
    width: 100%;
    margin-bottom: 15px;
}
.horizontal-timeline .timeline,
.horizontal-timeline .timeline-horizontal {
    list-style: none;
    position: relative;
}
.horizontal-timeline .timeline:before {
    top: 40px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}
.horizontal-timeline .timeline .timeline-item {
    margin-bottom: 20px;
    position: relative;
}
.horizontal-timeline .timeline .timeline-item:before,
.horizontal-timeline .timeline .timeline-item:after {
    content: "";
    display: table;
}
.horizontal-timeline .timeline .timeline-item:after {
    clear: both;
}
.horizontal-timeline .timeline .timeline-item .timeline-badge {
    color: #fff;
    width: 10px;
    height: 10px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -25px;
    background-color: rgb(33, 61, 108);
    box-shadow: 0 0 0 4px #99bff0, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    z-index: 10;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.horizontal-timeline .timeline .timeline-item .timeline-panel {
    position: relative;
    width: 46%;
    float: left;
    right: 16px;
    background: #eff2f9;
    border: 1px solid #d5e5fa;
    border-radius: 8px;
    padding: 15px;
}

.horizontal-timeline .timeline .timeline-item .timeline-panel .timeline-title {
    margin-top: 0;
    color: inherit;
}
.horizontal-timeline .timeline .timeline-item .timeline-panel .timeline-body > p,
.horizontal-timeline .timeline .timeline-item .timeline-panel .timeline-body > ul {
    margin-bottom: 0;
}
.horizontal-timeline .timeline .timeline-item .timeline-panel .timeline-body > p + p {
    margin-top: 5px;
}
.horizontal-timeline .timeline .timeline-item:last-child:nth-child(even) {
    float: right;
}
.horizontal-timeline .timeline .timeline-item:nth-child(even) .timeline-panel {
    float: right;
    left: 16px;
}
.horizontal-timeline .timeline .timeline-item:nth-child(even) .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.horizontal-timeline .timeline-horizontal:before {
    height: 3px;
    top: auto;
    bottom: -12px;
    left: 0px;
    right: 0;
    width: 100%;
    margin-bottom: 10px;
}
.horizontal-timeline .timeline-horizontal .timeline-item {
    display: table-cell;
    height: 110px;
    width: 14.285714%;
    min-width: 150px;
    float: none !important;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
    vertical-align: bottom;
}
.horizontal-timeline .timeline-horizontal .timeline-item:first-child {
    padding-left: 0;
}
.horizontal-timeline .timeline-horizontal .timeline-item:last-child {
    padding-right: 0;
}
.horizontal-timeline .timeline-horizontal .timeline-item .timeline-panel {
    top: auto;
    bottom: 8px;
    display: inline-block;
    float: none !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    margin-bottom: 20px;
}
.td-hover {cursor: pointer;}
.td-hover:hover .dropdown-menu {display: block; min-width: 500px; padding: 10px; background-color: #010514; color: #e6ebff; border-radius: 6px;}
.horizontal-timeline .timeline-horizontal .timeline-item:before,
.horizontal-timeline .timeline-horizontal .timeline-item:after {
    display: none;
}
.horizontal-timeline .timeline-horizontal .timeline-item .timeline-badge {
    top: auto;
    bottom: -5px;
    left: 100px;
}
.timeline-body p{
    text-align: center;
}
.chtlst a.active{
    border-bottom: 1px solid #eee; padding-bottom: 5px;
}

.cht-loading{
    opacity: 0.4;
    background-color: #eee;
}

#chtwrap .conversation-list li{margin-bottom: 2px !important;}

.captcha_img img{float:left;margin-top:-7px;}
.captcha_img input{width: 45%;float: left;margin-right: 5px;}
.captcha_img a.refreshcaptcha{font-size: 20px;}
/*.field-enquiryform-enquiry .help-block{display:none;}*/


.rfq-search-widget {
    min-height: 350px;
}
.rfq-search-widget .grid-data-table table tbody tr td {
    padding: 5px;
}

.summary {
    margin-bottom: 10px;
}



/*     rfq create page  */
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

/*******************************************
                RFQ CSS 
********************************************/
.card-product .img-wrap {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;   
    text-align: center;
}
.card-product .img-wrap img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.card-product .info-wrap {
    overflow: hidden;
}
.card-product .info-wrap .name {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0 10px;
}
.card-product .bottom-wrap {
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.label-rating { margin-right:10px;
                color: #333;
                display: inline-block;
                vertical-align: middle;
}

.card-product .price-old {
    color: #999;
}

.rfq-hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.rfq-create fieldset {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    background: rgba(40, 116, 240, 0.16);
    padding: 16px 14px;
    margin-bottom: 0px;
}
.rfq-title {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.rfq-wrapper,.rfq-prodcts-list,.rfq-search-widget,.rfq-summary,.rfq-widgets,.rfq_process {
    background-color: #fff;
    padding:0px 12px;
}
.rfq-prodcts-list {
    margin-bottom: 0;
}
.rfq-wrapper .tab-content {
    padding: 0;
}
.rfq-wrapper .sidebar-widget {
    padding: 15px;
}
.rfq-wrapper .search-widget {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
}
.rfq-create .rfq-widgets-title {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold;
}

.rfq-create .top-search-holder .search-area .categories-filter {
    border-right: 1px solid #E0E0E0;
    text-transform: capitalize;
    display: inline-block;
    line-height: 46px;
    background: #f6f6f6;
    border-radius: 3px 0px 0px 3px;
}

.search-button:after {
    color: #c7c8c9;
    content: "\f002";
    font-family: fontawesome;
}
.product-primary-srch .table {
    margin-bottom: 47px;
}
.product-primary-srch .product-primary-srch-table {
    margin-bottom: 30px;
}
.product-primary-srch .product-specs-img {
    height: 350px;
    position: relative;
    background-color: #fafafa;
    border-radius: 4px;
}
.product-primary-srch .product-specs-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    opacity: 0.9;
}
.rfq-search-widget .field {
    background-color: #fafafa;
}
.rfq-summary .table > thead > tr > th {
    border: none;
    background: #e6e6e6;
}
.product-primary-srch .table > tbody > tr > td,.rfq-summary .table > tbody > tr > td {
    padding: 0;
}
.rfq-summary .table > tbody > tr > td {
    padding: 8px;
    border-bottom: 1px solid #e8e8e8;
}
.product-primary-srch .table caption {
    color: #333;
    font-weight: 700;
}
.rfq-create .rfq-btn {
    margin: 20px auto 0;
    text-align: center;
}

.rfq-search-widget.sidebar-banner,.rfq-search-widget-banner.sidebar-banner {
    height: 346px;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.checkbox .checkbox-icon input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
}
.rfq-checkbox .checkbox-icon {
    width: 85%;
}

.checkbox-icon {
    padding-left: 0px !important;
}

.checkbox label > label {
    padding-left: 27px
}
label {
    font-weight: 400;
}
label span, legend span {
    font-weight: 400;
    /* color: #444; */
}
.help-block:empty {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555555;
    line-height: 20px !important;
    padding: 6px 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -9px;
    border-width: 5px 5px 0 5px;
}
.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 10px;
}
.pre-budget input[type="radio"] {
    margin-top: 0px;
}
.checkbox label span.checkbox-icon {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #b4b4b4;
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 2px;
}
.checkbox input+label span.checkbox-icon:after {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: scale(.5) rotate(45deg);
    transition: all .35s cubic-bezier(.3,-.41,.19,2),opacity .3s;
}
.checkbox input:checked+label span.checkbox-icon {
    background-color: #2874f0;
    border-color: #2874f0;
}
.checkbox input:checked+label span.checkbox-icon:after {
    transform: scale(1) rotate(45deg);
    opacity: 1;
}
.rfq-widgets-2 p {
    margin: 0;
    margin-bottom: 10px;
}
input[type=radio] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    box-shadow: none;
}
.radio input[type=radio]+label .radio-label {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 2px solid #b4b4b4;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    background-color: #fff;
    box-shadow: inset 0 0 0 8px #fff;
    z-index: 100;
    position: absolute;
    top: 2px;
    left: 0;
}
.radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: transparent;
    display: block;
}
.radio input[type=radio]+label .radio-label:after {
    background-color: #66676b;
    content: "";
    top: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    opacity: 1;
    transition: .3s;
    border-radius: 50%;
    transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.radio input[type=radio]:checked+label .radio-label {
    background-color: #2874f0;
    border-color: #2874f0;
    box-shadow: inset 0 0 0 3px #fff;
}
.radio input[type=radio]+label .radio-label:after {
    background-color: #2874f0;
}
.to_seperator {
    position: absolute;
    background: #e0e0e0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    top: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    left: 16px;
}
.outer-top-vs {
    margin-top: 16px !important;
    padding:0px 15px !important;

}
textarea.instruction {
    height: 158px;
    padding: 8px;
    resize: none;
}
.purpose-input {
    padding: 13px;
    height: 48px;
    border-radius: 3px;
    font-size: 13px;
}
.best-deal {
    box-shadow: none;
    min-height: 213px;
}
.best-product .product:first-child {
    margin-bottom: 15px;
}
.best-deal .best-seller {
    padding-bottom: 10px;
}
.cnt-home .product-micro .product-info .name {
    font-size: 12px;
    height: 29px;
    margin-bottom: 0;
    overflow: hidden;
}
.product-info .btn-primary {
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1.2;
}
.product .product-info .product-price .price {
    line-height: 23px;
}
.product-primary-srch .table .name {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
}
.product-primary-srch .prod-spec-block {
    padding-left: 15px;
    padding-right: 15px;
}
.product-primary-srch .prod-spec-block .form-group {
    margin-bottom: 10px;
}
.rfq-summary-table .section-title {
    padding-bottom: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    border: none;
    text-transform: capitalize;
}
.rfq-summary-table .table {
    border: 1px solid #ddd;
}
.rfq-summary-table .rfq-product-table thead {
    background: #d1eaff;
}
.rfq-summary-table .rfq-product-table thead tr th {
    border-bottom: 1px solid #ddd;
}
.rfq-summary-table .rfq-product-table thead tr th,.rfq-summary-table .rfq-product-table tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.rfq-summary-table .rfq-product-table .remove .icon {
    font-size: 16px;
    color: #2874f0;
}
.rfq-summary-table .add_product {
    background-color: #f7d139;
    color: #000;
}
.best-deal .section-title {
    text-transform: capitalize;
}
.best-deal .section-title small {
    margin-left: 10px;
    font-size: 80%;
}

.rfq-invoice {
    border-top: 10px solid #2874f0;
    border-bottom: 5px solid #2874f0;
}

.rfq-invoice .rfq-invoice-heading {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-top: 5px;
    padding-bottom: 15px;
    color: #2874f0;
}
.rfq-invoice-body {
    margin-top: 20px;
}
.rfq-id {
    margin-bottom: 20px;
}
.rfq-id p {
    margin: 0;
    color: #2874f0;
}
.rfq-invoice-body, .rfq-create-details .details {
    color: #333333;
}
.rfq-create-details .details {
    background: #fbfbfb;
    padding: 10px;
    border-left: 5px solid #ddd;
    min-height: 190px;
    border: 1px solid #ccc;
}
.rfq-invoice-body-middle .rfq-product-summary .spec {
    margin-bottom: 0;
}
.rfq-invoice-body-middle .section-title.heading {
    margin-top: 20px;
    margin-bottom: 15px;
    border: none;
    padding: 10px;
    background-color: #fdd922;
    border-left: 5px solid #2874f0;
}
.rfq-invoice-body-middle .section-title a {
    float: right;
    color: #333;
}
.rfq-payment-method {
    background-color: #fbfbfb;
    padding: 10px;
    border: 1px solid #eee;
    min-height: 190px;
    border: 1px solid #ccc;
}
.rfq-additional-note {
    background-color: #fdd922;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.rfq-additional-note p a {
    float: right;
    color: #333;
}
.rfq-additional-note p {
    font-size: 13px;
    margin: 0;
}
.buyer-details .buyer-details-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.buyer-details .buyer-details-list li {
    width: 100%;
    font-weight: 600;
    color: #888;
    margin: 2px 0;
    transition: .2s;
    cursor: default;
}
.buyer-details .buyer-details-list li span {
    float: right;
    font-weight: 400;
}

.rfq-widgets select {
    width: 78%;
}

.rfq-widgets .control-label{
    margin-right: 22%;
    text-align: left;
}
.unit-dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.unit-dropdown-menu > li > a:hover {
    background-color: #eeeeee;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .rfq-create .top-search-holder .search-area .search-field {
        width: 40%;
    }
}

@media (max-width: 600px) {
    .rfq-create .top-search-holder .search-area .text {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .rfq-search-widget .table-responsive,.rfq-summary-table .table-responsive {
        border: none;
    }
    .best-deal .section-title {
        max-width: 250px;
    }
    .rfq-summary-btn .add_product,.rfq-summary-btn .nav-next {
        float: none !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .rfq-summary-btn {
        text-align: center;
    }
    .rfq-create-details .details {
        height: auto;
        margin-bottom: 10px;
    }
    .rfq-create .btn {
        margin-bottom: 10px;
    }
}

.bg-grey{
    background-color: #E0E0E0;
}

#not-req .help-block-error{width:100%;text-align: center;clear:both;}

label.nochk::after{
    content: "" !important;
}
.field-frequency{margin-left: 0px;}

.checkbox{padding-left:0px !important;}

.field-rfqdetailsform-security input,
.field-penalty_value_unit input
{margin-right:5px;}
.p-b-7{padding-bottom: 7px;}
.repeatable table {
    margin-bottom: 5px !important;
}
.repeatable table > tbody >tr > td {
    vertical-align: middle;
}
.ui-widget.ui-widget-content {
    font-family: 'BizeeBuy-default', sans-serif;
    font-size: 13px;
    width: 350px;
    height: 230px;
    border-radius: 5px;
    padding: 8px 5px;
    color: #666666;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    -o-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    z-index: 99999 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #eeeeee;
    border: 1px solid transparent;
    color: #444444;
}
#repeatable .table > tbody > tr > td,
#prispec > tbody > tr > td {
    padding: 3px 5px !important;
    font-size: 13px !important;
    border: 0px solid #eee !important;
}
.min-height-190{
    min-height: 190px!important;
}

select[disabled] {
    cursor: not-allowed;
    background:transparent;
    background-color: #eeeeee;
    opacity: 1;
}

.search-result-container .owl-controls .owl-next {
    right: -10px;
}

.best-seller .owl-controls {
    position: static !important;
    margin-top: -47px !important;
}
.best-seller .owl-controls .owl-prev, .best-seller .owl-controls .owl-next {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 25px !important;
    height: 40px !important;
    margin: auto !important;
    font-size: 21px !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.best-seller .owl-controls .owl-prev {
    left: -10px;
    right: auto !important;
}
.best-seller .owl-controls .owl-next {
    right: -10px;
}
.best-seller .owl-controls .owl-prev::before,.best-seller .owl-controls .owl-next::before {
    font-size: 21px !important;
    left: 10px !important;
    position: absolute !important;
    top: 5px !important;
    color: #fff!important;
}
.best-seller .owl-controls .owl-prev:hover, .best-seller .owl-controls .owl-next:hover, .best-seller .owl-controls .owl-prev:focus, .best-seller .owl-controls .owl-next:focus {
    background: #a22353;
}
.best-seller .product-box-layout1 {
    box-shadow: none;
}


.rfq-checkbox.checkbox label > label {
    padding-left: 27px;
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #f7f9fc;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
}
.rfq-checkbox.checkbox label span.checkbox-icon {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 4px;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
}

.rfq-checkbox.checkbox input:checked + label span.checkbox-icon {
    background-color: transparent;
    border-color: transparent;
}
.rfq-checkbox.checkbox input + label span.checkbox-icon::after {
    display: none;
}
.rfq-checkbox.checkbox input:checked + label {
    background-color: #2874f0;
    color: #fff;
}
.panel-rfq .card-title i.fa-angle-up {
    transform: rotate(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.panel-rfq .card-title.collapsed i.fa-angle-up {
    transform: rotate(-180deg);
}
.table-sm-font > thead > tr > th,
.table-sm-font > tbody > tr > td {
    font-size: 12px !important;
    padding: 5px !important;
}

.input-group .custom-input-group-addon {
    width:0px; padding-left:0px; padding-right:0px; border:none;
}
.input-group .custom-input-group-addon ~ .form-control {
    margin-left: -1px;
}
.panel-rfq > .panel-default > .panel-heading {
    color: rgb(90, 95, 125);
}



/************  select 2 form width **********/
.rfq-search {
    position: relative;
    margin-top: 12px;
}
.rfq-search .rfq-search-input {
    border-radius: 40px;
    background-color: rgba(13, 29, 88, 0.05);
    margin-bottom: 10px;
}
.rfq-search .rfq-search-input:focus {
    background-color: #fff;
}
.rfq-search .search-button {
    position: absolute;
    top: 0px;
    right: 4px;
}
.search-result-container .product .cart .action ul li.lnk.wishlist, .search-result-container .product .cart .action ul li.lnk {
    display: none;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text;
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* Notifications Page */
/* ************************************* */
/*            Table Notifications        */
/* ************************************* */
.table-notifications > tbody > tr > td {
    /* padding: 5px !important; */
    vertical-align: middle;
    border: none;
}

.table-notifications tbody tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}


/* create rfq Page */
.c100 {
    background-color: #ccf7e5;
}
.c100::after {
    background-color: #ccf7e5;
}

.rfq-po-width {
    width: 20%!important;
}


.rfq-switcher {
    width: 80px;
}
.rfq-switcher.switcher-control-lg .switcher-indicator {
    height: 35px;
    line-height: 35px;
    border-radius: 24px;
}
.rfq-switcher.switcher-control-lg .switcher-indicator::before {
    right: 43.5px;
    width: 35px;
    border-radius: 24px;
}
.rfq-switcher .switcher-input:checked + .switcher-indicator::before {
    right: 0;
    box-shadow: none;
}

.custom-tabs {
    border-bottom: 1px solid #010514;
}
.custom-tabs > li > a {
    color: rgb(90, 95, 125);
    border-radius: 8px 8px 0 0;
}
.custom-tabs > li.active > a, .custom-tabs > li.active > a:hover, .custom-tabs > li.active > a:focus {
    color: #010514;
    border: 1px solid #010514;
    border-bottom-color: transparent;
}
.custom-tabs > li > a:hover, .custom-tabs > li > a:focus {
    text-decoration: none;
    background-color: #010514;
    color: #fff;
}
.custom-tabs > li > a:hover {
    border-color: #010514 #010514 #010514;
}

.text-dark-blue {
    color: #010514;
}
/*#####################################################
                    PO Basic Details
#######################################################*/

button.close {
    position: absolute;
    right: -13px;
    top: -13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #ffffff;
    color: #a22353;
    border-radius: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    opacity: 1;
    z-index:999;
}
.close:hover, .close:focus {
    color: #010514;
    opacity: 1;
}
.modal-title {
    color: #010514;
}
.custom-control-label::after, .custom-control-label::before {
    left: -9.5px;
}
.visual-picker-lg.visual-picker-address {
    vertical-align: top;
    margin-left: 12px;
    padding-bottom: 0px;
}
.visual-picker-lg.visual-picker-address .visual-picker-figure {
    margin-bottom: 15px;
    align-items: flex-start;
}
.visual-picker-lg.visual-picker-address .visual-picker-content {
    padding: 10px;
}
.visual-picker-lg .visual-picker-figure:after {
    font-size: 30px;
    top: 3px;
    right: -1px;
    color: #248f3d;
}
.visual-picker-lg.visual-picker-address .visual-picker-content span {
    display: -webkit-box !important;
    -webkit-line-clamp: 8;
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.po-select-address .visual-picker-figure:after {
    content: "\F0326";
}
.form-group-sm select.form-control.custom-select {
    line-height: 1.5;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    /* padding-left: 0;
    float: left; */
}
.remove {
    cursor: pointer;
}
.cerror {
    background-color: rgb(255, 242, 242);
    padding: 5px 10px;
    border-left: 3px solid #e63757;
    margin-right: 20px;
}
.progress-list > li > .btn {
    background-color: #fff;
    border: 4px solid #9b9999;
}
.progress-list > li > button {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    color: rgba(34,34,48,.1);
    border: 4px solid #9b9999;
    vertical-align: middle;
    border-radius: 16px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
    z-index: 1;
}
.progress-list .progress-label {
    color: rgb(90, 95, 125);
}
.progress-list > .success .progress-label {
    color: #010514;
}
.progress-list .progress-label:hover {
    border-bottom: 1px solid #346cb0;
    color: #346cb0;
}
.progress-list > .active .progress-label {
    color: #010514 !important;
    font-weight: 500;
}
.po-upload .prod-img {
    width: 60px;
    height: 60px;

}
.po-upload .prod-img img {
    width: 100%;
    height: 100%;
    padding: 3px;
}
.prod-img .empty-inv {
    position: absolute;
    right: -15px;
    top: -8px;
    color: #fff;
    background-color: #a22353;
    font-size: 90%;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
.or-wrapper {
    height: 150px;
}
.or {
    position: absolute;
    background-color: #f2f2f2;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.panel-cost-center .card-title i.fa-angle-up {
    transform: rotate(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.panel-cost-center .card-title.collapsed i.fa-angle-up {
    transform: rotate(-180deg);
}
.field-povendorform-billing_address1 textarea.form-control,.field-povendorform-billing_address2 textarea.form-control {
    height: 34px;
}

/********* Chat Panel Css ****************/
.chat-header {
    background-color: #f3f2f9;
    -webkit-box-shadow: 0px 1px 0px rgba(34, 65, 98, 0.22);
    -moz-box-shadow: 0px 1px 0px rgba(34, 65, 98, 0.22);
    -o-box-shadow: 0px 1px 0px rgba(34, 65, 98, 0.22);
    box-shadow: 0px 1px 0px rgba(34, 65, 98, 0.22);
}
.conversation-list {
    list-style: none;
    padding-left: 0;
    padding-right: 10px;
}
.conversation-list li {
    margin-bottom:5px;
}
.conversation-list .chat-avatar {
    width:40px;
    display:inline-block;
    text-align:center;
}
.conversation-list .chat-avatar i {
    font-size:12px;
    font-style:normal;
}
.conversation-list .ctext-wrap i {
    display:block;
    font-style:normal;
    font-weight:bold;
    position:relative;
    font-size:12px;
    color:#2c5697;
}
.conversation-list .conversation-text {
    display:inline-block;
    margin-left:5px;
    margin-top: 5px;
    width:70%;
}
.conversation-list .ctext-wrap {
    padding:5px 10px;
    color: #010514;
    background-color: #d7d5e6;
    -webkit-border-radius:10px 10px 10px 0;;
    -moz-border-radius:10px 10px 10px 0;;
    border-radius:10px 10px 10px 0;;
    position:relative;
    display:inline-block;
}
.conversation-list .ctext-wrap p {
    margin:0px;
    text-align: left;
}
.conversation-list .odd .chat-avatar {
    float:right !important;
}
.conversation-list .odd .conversation-text {
    width:70% !important;
    margin-right:5px;
    text-align: right;
    float:right !important;
}
.conversation-list .odd .ctext-wrap {
    background:#0f285f !important;
    color: #fff;
    -webkit-border-radius:10px 10px 0 10px;
    -moz-border-radius:10px 10px 0 10px;
    border-radius:10px 10px 0 10px;
    word-break: break-word;
}
.conversation-list .odd .ctext-wrap i {
    color:#98537e;
}
.conversation-list .odd .ctext-wrap:after {
    left:100% !important;
    top:20% !important;
    border-color:rgba(238,238,242,0)!important;
    border-left-color:#eeeef2!important;
}
.chat-conversation .slimScrollBar {
    background: rgba(21, 35, 89, 0.45) none repeat scroll 0% 0% !important;
}
.chat-footer {
    background-color: #f3f2f9;
}
.chat-send {
    position: relative;
    width: 18%;
    margin-left: 2%;
    z-index: 0;
}
.chat-send button {
    width: 100%;
    height: 50px;
}
.chat-send .btn {
    color: #fff;
    padding: 0px;
    line-height: 30px;
}
.chat-send.chat-small {
    width: 18%;
    margin-left: 2%;;
    z-index: 0;
}
.chat-send.chat-small::before {
    position: absolute;
    content: "";
    background-color: #0f285f;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    z-index: -1;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 15px rgba(50, 75, 187, 0.315);
}
.chat-send .btn .fa {
    z-index: 2;
    position: relative;
}

.chat-area {
    resize: none;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #e2e4f1;
}
/* chat POPUP/Modal box */
.chtlst {
    min-height: 600px;
    background-color: #0f285f;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.chat-boxx-left .contact-list-header {
    padding: 8px 20px;
    border-top-left-radius: 5px;
    height: 73px;
    color: #fff;
    line-height: 60px;
}
.chat-boxx-left .contact-list-header .msg.new {
    position: relative;
    line-height: normal;
}
.chat-boxx-left .chat-notification .msg.new::before {
    position: absolute;
    top: -6px;
    right: -4px;
    content: "\f111";
    font-family: FontAwesome;
    width: 10px;
    height: 10px;
    line-height: 5px;
    text-align: center;
    font-size: 7px;
    color: #f23a1a;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 7px;
    padding: 2px;
}
.chat-boxx-left .search-box {
    margin-top: 8px;
}
.chat-boxx-left .contact-list-header .search-box {
    position: relative;
}
.chat-boxx-left .contact-list-header .search-box:after {
    position: absolute;
    content: "\f002";
    font-family: "FontAwesome";
    right: 10px;
    top: 3px;
    color: #888888;
}
.contact-list {
    background-color: #3c5383;
    padding: 10px 20px 10px;
    margin: 0;
    color: #fff;
}
.contact-list .header {
    border-bottom: 1px solid #ddd;
    min-height: 60px;
    padding: 10px 10px 8px;
}
.contact-list .enquiry-header {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
}
.chat-boxx-left .media {
    padding: 10px;
}
.chtlst a,.chtlst a .media {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.chtlst a .media {
    border-bottom: 1px solid #2b2b94;
}
.chtlst a.active .media {
    background-color: #3557a2;
    border-bottom: none;
}

.chtlst a:hover .media, .chtlst a:focus .media {
    background-color: #3557a2;
}
.chat-boxx-left .media .media-body h5 {
    color: #fff;
    margin-top: 0px;
    line-height: 18px;
}
.chtlst a.active {
    border-bottom: none;
    padding-bottom: 0;
}
#chtwrap .cht-header {
    background-color: #f3f2f9;
    padding: 10px;
    height: 73px;
    border-radius: 0px 5px 0 0;
    -webkit-box-shadow: 1px 1px 3px rgba(34, 65, 98, 0.48);
    -moz-box-shadow: 1px 1px 3px rgba(34, 65, 98, 0.48);
    -o-box-shadow: 1px 1px 3px rgba(34, 65, 98, 0.48);
    box-shadow: 1px 1px 3px rgba(34, 65, 98, 0.48);
    position: relative;
}
.close-chat {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #ffffff;
    border-radius: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.close-chat .fa {
    color: #a22353;
}
.chat-boxx-right .media .media-body h5 {
    margin-top: 18px;
    color: #010514;
    font-weight: 500;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.chat-boxx-right .conversation-list {
    padding: 15px;
    min-height: 455px;
    max-height: 455px;
    height: 455px;
}
.send-box {
    background-color: #f3f5ff;
    border-radius: 0 0 5px 0;
    height: 67px;
    padding: 9px 10px 9px 20px;
    border-top: 1px solid #b4bcd7;
}
.chat-boxx-right .conversation-list .ctext-wrap {
    font-size: 15px;
}
.chat-boxx-right .send-box .chat-btn::before {
    position: absolute;
    content: "";
    background-color: #0f285f;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: -1;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 15px rgba(50, 75, 187, 0.315);
}
.chat-boxx-right .chat-send .btn {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}
@media (max-width: 991px) {
    .chat-boxx-left {
        display: none;
    }
    .chat-boxx-right {
        padding-left: 15px !important;
    }
    #chtwrap .cht-header {
        border-radius: 5px 5px 0 0;
    }
    .modal-md {
        width: 600px;
    }
    .send-box {
        border-radius: 0 0 5px 5px;
    }
}

@media (max-width: 767px) {
    .modal-md {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #chtmdl {
        padding-right: 0 !important;
    }
    .chat-conversation.mct.min-height-420px {
        height: 300px !important;
    }
    .mct .slimScrollDiv {
        min-height: 300px !important;
    }
}
/* compare bid */
.table-product-compare .rvs,.table-product-compare .rvs-box:before {
    color: #33ae76;
}
.table-product-compare .rvs-box {
    margin-top: 0;
}
.table-product-compare .seller-selection > .card-custom > .card-header > .btn-soft-success {
    position: relative;
    top: -22px;
}
.table-product-compare .seller-selection > .card-custom > .card-body {
    padding-top: 0;
}
.table-product-compare .card-custom {
    border-bottom: none !important;
    box-shadow: 0 2px 6px rgba(46, 89, 144, 0.16) !important;
    margin-bottom: 15px !important;
}
.comparison-list-group {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .table-product-compare > tbody > tr > td {
        padding: 0 !important;
    }
}

/* notification page */
.table-notifications .unread > td:nth-of-type(3) {font-weight: 600;}
.table-notifications .unread.new {
    border-left: 5px solid #329748; color: #116824;
}
.table-notifications .unread.old {
    border-left: 5px solid #39a5c4;
}
.table-notifications thead th {
    /* background-color: #f7f7f7;
    color: #575757;
    font-size: 14px;
    border: 1px solid #dddbdb !important; */
}
.table-notifications > tbody > tr > td {
    /* padding: 5px 8px !important; */
    cursor: pointer;
}
.table-notifications .read {
    font-weight: 400;
    /* color: #4a4a4a; */
}
/* .table-notifications .unread .label.label-success,.table-notifications .read .label.label-success {background-color: #0e7325 !important; font-size: 85%; font-weight: 500; text-transform: uppercase;}
.table-notifications .unread .label.label-info,.table-notifications .read .label.label-info {background-color: #1092b7 !important; font-size: 85%; font-weight: 500; text-transform: uppercase;}
.table-notifications .unread .label.label-secondary,.table-notifications .read .label.label-secondary { font-size: 85%; font-weight: 500; text-transform: uppercase;} */
.table-notifications tbody > tr > td:last-child {  word-wrap: break-word;
                                                   text-overflow: ellipsis;
                                                   overflow: hidden;}
.table-notifications tbody > tr > td:nth-of-type(3) {word-wrap:break-word; text-overflow: ellipsis; overflow: hidden;}

@media (max-width: 767px) {
    /* .table-notifications tbody > tr > td:nth-of-type(2) {white-space: normal;} */
}

/* for buyer dashboard card layout change */
.main-dashboard .card > .card-header > .btn-outline-light {color: #2b64b3; border-color: #456faa;}
/* for my profile */
/* .my-profile {margin-top: 20px;}
.my-profile > .card {box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12) !important;}
.my-profile > .card .card {box-shadow: none !important;} */
.user-group > .card,.workflow > .card {margin-top: 20px; box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12) !important;}
/* rfq dashboard */
.rfq-dashboard > .row > .col-lg-12.col-xs-12 > .card > .card-body > .horizontal-timeline {background: transparent; border-radius: 0;}
.card > .card-header > .btn-light {color: #2b64b3; border-color: #456faa;}
/* po dashboard */
.po-dashboard > .row:last-child > .col-lg-6.p-r-5 > .card {box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12) !important;}
.po-dashboard > .row:last-child > .col-lg-6.p-r-5 > .card > .card-header.no-border.card-header-2.bg-light {background: transparent !important;}
/* notification */
.dashboard-view.wow.card.p-5.main-wrapper > .card {margin-top: 20px;}
.dashboard-view.wow.card.p-5.main-wrapper > .card > .card-header.bg-light.card-header-2 {background: transparent !important;}
/* bidding */
.dashboard-view > .card-body.p-lr-5.p-t-10.bg-color1 {margin-top: 15px;}
/* view bid */
.dashboard-view > .card > .card-header.theme-bg-gradient-type-4.opacity-08 > .btn-success-alt {color: #5CB85C !important;}
/* .card > .card-header.bg-light.bg-gradient.opacity-08.no-border {background: transparent !important;} */

/* rfq review */
.left-block .rfq-create-details .card-body.bg-soft-light {border: 1px solid  #ccd6e9;}
.right-block .rfq-create-details .card-body.bg-soft-warning {border: 1px solid  #dbcaa4;}
.payment-card > .card-body {background-color: #f2f2f2;}
.card.rfq-additional-note {background-color: #f2f2f2;}
.rfq-invoice-body-middle .rfq-product-summary .rfq-other-specs {background-color: #f2f2f2; padding: 8px 10px; margin-top: 10px;word-break: break-all;}

/* 
###################################################
        custom chat or Chat POPUP/Modal
###################################################
*/
.custom-chat {
    margin-top: 10px;
    margin-bottom: 40px;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    -moz-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    -o-box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12);
    border-radius: 5px;
}
.custom-chat .contact-list {
    background-color: #f8f9fd;
    border-right: 1px solid #e8ecff;
    color: rgb(90, 95, 125);
    padding-top: 0;
    border-radius: 5px 0 0 5px;
}
.search-box {
    background-color: #f4f4f4;
    padding: 10px;
    position: relative;
}
.search-box .form-control {
    border-color: transparent;
    box-shadow: none;
    padding-left: 30px;
}
.search-box .form-control:focus {
    border: 1px solid #cccccc;
}
.search-box:before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    top: 17px;
    left: 23px;
    color: #ccc;
}
.contact-name {
    height: 589px;
    overflow: hidden;
    overflow-y: scroll;
}
.contact-list .slimScrollBar {
    background: rgb(182, 193, 219) none repeat scroll 0% 0% !important;
}
.custom-chat .contact-list .header {
    border-bottom: none;
    height: 85px;
    padding: 20px;
}
.contact-chat-box .contact-chat-header {
    border-bottom: 2px solid #5aa6e4;
    background-color: #e5f3ff;
    border-top-right-radius: 5px;
}
.contact-chat-box .chat-rating {
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 4px 10px;
    margin-left: 10px;
}
.contact-list .enquiry-header {
    background-color: #e8efff;
    border-bottom: none;
    padding: 10px 20px;
}
.chat-icons {
    color: #fff;
    padding: 0px 3px;
}
.name-list {
    padding: 15px 10px;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
}
.name-icon {
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #8d5985;
    background-color: #8d5985;
    border-radius: 50px;
    margin-right: 10px;
    color: #fff;
    overflow: hidden;
}
.name-icon.with-image {
    border: 2px solid #cccccc;
    background-color: #f2f2f2;
}
.name-text {
    font-size: 20px;
    font-weight: bold;
}
.name {
    color: rgb(90, 95, 125);
    max-width: 250px;
}
.name-list {
    border-left: 3px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.name-list.active {
    background-color: #ffffff;
    border-left: 3px solid rgb(90, 95, 125);
    border-bottom: none;
    box-shadow: 0px 0px 20px rgba(86, 102, 168, 0.25);
}
.name-list:hover {
    background-color: #ffffff;
    border-left: 3px solid rgb(90, 95, 125);
    box-shadow: 0px 0px 20px rgba(86, 102, 168, 0.25);
}
.name-list:hover .company-name,.name-list:hover .company-type {
    color: #010514;
}
.name-list:nth-child(odd) .name-icon {
    border: 2px solid #8d5985;
    background-color: #8d5985;
}
.name-list:nth-child(even) .name-icon {
    border: 2px solid #3363a1;
    background-color: #3363a1;
}
.name-list:nth-child(odd) .name-icon.with-image {
    border: 2px solid #cccccc;
    background-color: #f2f2f2;
}
.name-list:nth-child(even) .name-icon.with-image {
    border: 2px solid #cccccc;
    background-color: #f2f2f2;
}
.name-list .company-name {
    color: rgb(90, 95, 125);
}
.name-list.active .company-name,.name-list.active .company-type {
    color: #010514;
}
.name-list .company-name,.name-list .person-name,.name-list .company-type,.name-list .status {
    min-width: 200px;
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.name-list .company-type {
    font-size: 90%;
}
.name-list .time-date {
    position: absolute;
    right: 10px;
    top: 8px;
    background-color: #fff;
    padding: 2px 5px;
    border-radius: 10px;
}
.name-list.active .time-date {
    background-color: #eeeeee;
}
.name-list .status {
    position: relative;
}
.name-list .status.success {
    color: #0c6d21;
}
.name-list .status.pending {
    color: #e26b09;
}
.name-list .status.pending:before {
    position: absolute;
    content: "\f046";
    font-family: "FontAwesome";
    top: 0;
    left: 0;
}
.name-list .status.pending em {
    margin-left: 15px;
}
.company-type .fa {
    margin-right: 10px;
}

/* right part */
.contact-chat-box .contact-chat-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    border-top-right-radius: 5px;
    height: 87px;
}
.contact-chat-box .chat-rating {
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 4px 10px;
    margin-left: 10px;
}
.company-contact {
    font-size: 18px;
}
.contact-chat-header-icon {
    width: 50px;
    height: 50px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #8d5985;
    background-color: #8d5985;
    border-radius: 50px;
    margin-right: 20px;
    color: #fff;
    overflow: hidden;
}
.contact-chat-header-icon.with-image {
    border: 2px solid #cccccc;
    background-color: #f2f2f2;
}
.contact-name-text {
    font-size: 20px;
    font-weight: bold;
}
.contact-chat-details {
    position: relative;
}
.contact-chat-details .company-name {
    max-width:450px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    color: #010514;
}
.company-contact {
    color: #3363a1;
    background-color: #fff;
    border-radius: 20px;
    padding: 2px 5px;
}
.contact-chat-header .sub-header {
    padding-left: 70px;
}
.chat-body {
    background-color: #ffffff;
    position: relative;
    z-index: 0;
}
.chat-body .slimScrollBar {
    background: rgb(176, 165, 165) none repeat scroll 0% 0% !important;
}
.chat-body-conversation {
    height: 563px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    overflow-y: scroll;
}
.chat-body-conversation-info {
    background-color: #fff;
    padding: 5px 10px;
    width: 60%;
    text-align: center;
    border-radius: 20px;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.conversation-sender,.conversation-receiver {
    margin-top: 15px;
    margin-bottom: 15px;
}
.sender-chat,.receiver-chat {
    background-color: #eeebff;
    padding: 10px;
    min-width: 300px;
    max-width: 500px;
    min-height: 30px;
    margin-right: 20px;
    border-radius: 5px 0 5px 5px;
    position: relative;
    /* -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
}
.receiver-chat {
    background-color: #f2f2f2;
    border-radius: 0 5px 5px 5px;
    margin-left: 20px;
    margin-right: 0;
}
.sender-chat:before,.receiver-chat:before {
    position: absolute;
    content: "";
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    z-index: -1;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-left: 15px solid #eeebff;
    border-bottom: 15px solid transparent;
}
.receiver-chat:before {
    left: -10px;
    right: auto;
    border-right: 15px solid #f2f2f2;
    border-left: 0;
}

.receiver-chat-msg {
    font-weight: 600;
}
.receiver-chat-msg .seperator {
    border-top: 1px solid rgb(211, 215, 223);
    margin: 10px 0 5px;
}
.sender-chat {
    background-color: #184175;
}
.sender-chat:before {
    border-left: 15px solid #184175;
}
.sender-msg,.receiver-msg {
    margin-bottom: 8px;
}
.sender-msg .sender-product,.receiver-msg .receiver-product {
    background-color: #fff;
    border: 1px solid rgb(173, 177, 180);
    border-radius: 5px;
    padding: 5px;
    max-width: 80px;
    margin-right: 10px;
}
.sender-msg .sender-product-details,.receiver-msg .receiver-product-details {
    font-size: 14px;
    word-wrap: break-word;
    width: 360px;
}
.sender-chat-msg {
    font-weight: 600;
    color: #fff;
}
.sender-chat-msg .seperator {
    border-top: 1px solid rgb(100, 118, 155);
    margin: 10px 0 5px;
}
.receiver-product-details a {
    color: rgb(90, 95, 125);
}
.sender-msg .sender-product-details,.sender-msg .sender-product-details a {
    color: #fff;
}
.sender-action .sender-chat-btn,.sender-action .sender-call-btn,.receiver-action .receiver-chat-btn,.receiver-action .receiver-call-btn {
    color: #fff;
    background-color: #337cb8;
    border-radius: 30px;
    padding: 1px 8px;
}
.sender-action .sender-chat-btn .fa,.sender-action .sender-call-btn .fa,.receiver-action .receiver-chat-btn .fa,.receiver-action .receiver-call-btn .fa {
    transform: rotate(40deg);
}
.receiver-info,.sender-info {
    margin-left: 25px;
    margin-top: 8px;
    color: rgb(90, 95, 125);
    font-weight: 400;
}
.sender-info {
    margin-right: 25px;
    margin-left: auto;
}
.receiver-time .fa-stack,.sender-time .fa-stack {
    color: rgba(0, 0, 0, .5);
}
.receiver-time .fa-stack,.sender-time .fa-stack {
    width: 1em;
    height: 1em;
    line-height: 1em;
}
.receiver-time .fa-stack .fa:first-child,.sender-time .fa-stack .fa:first-child {
    position: absolute;
    top: -5px;
    font-size: 10px;
}
.receiver-time .fa-stack .fa:last-child,.sender-time .fa-stack .fa:last-child {
    top: 1px;
    font-size: 13px;
}

.msg-send-body {
    background-color: #fff;
    border-top: 1px solid #b4bcd7;
    border-bottom: none;
    border-radius: 0 0 5px 0;
}
.attachment {
    background-color: #f2f2f2;
    border-radius: 50px;
    line-height: 45px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}
.attachment input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    direction: ltr;
    cursor: pointer;
    z-index: 2;
}
.attachment .fa {
    color: rgba(0, 0, 0, .4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.attachment:hover .fa {
    color: rgba(0, 0, 0, .7);
}
.reply-quick-tags {
    padding: 5px 10px;
}
.tag-add {
    position: relative;
}
.tag-add .fa-plus-circle {
    position: absolute;
    right: 12px;
    top: 1px;
    color: #333333;
}
.tags-text {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #bdd7f1;
    padding: 5px 10px;
    margin-right: 8px;
    color: #3b75af;
    max-width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reply-msg {
    padding: 10px;
    height: 73px;
}
.reply-msg textarea.form-control {
    border: 2px solid #e2e4f1;
    /* background-color: #f8f9fd; */
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 0px;
    min-height: 40px;
    height: 50px;
    max-height: 50px;
    /* padding: 15px 60px 10px 25px;
    width: calc(100% - 15px); */
}
.reply-msg textarea.form-control:focus {
    border: 2px solid #5979aa;
}
.chat-reply-msg {
    width: 8%;
    margin-left: 2%;
    z-index: 0;
    /* position: absolute;
    right: 12px; */
}
.reply-msg .btn-default {
    background-color: #0f285f;
    border-color: #0f285f;
    padding: 0px;
    border-radius: 25px;
    text-align: center;
    white-space: normal;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: none;
}
.reply-msg .help-block:empty {
    margin-bottom: 0;
}
.reply-msg .btn-default:hover,.reply-msg .btn-default:active,.reply-msg .btn-default:focus {
    background-color: #0c2a5c;
    border-color: #0c2a5c;
    color: #fff;
    box-shadow: 0 5px 10px -3px rgba(12, 41, 92, 0.35);
}
.reply-msg .form-group {margin-bottom: 0;}

@media (min-width: 1600px) {
    .name-list .company-name,.name-list .person-name,.name-list .company-type,.name-list .status {
        min-width: 200px;
        max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
@media (max-width: 1199px) {
    .contact-chat-details .company-name {
        max-width: 300px;
    }
    .contact-chat-header .sub-header {
        padding-left: 70px;
    }
}

@media (max-width: 991px) {
    .company-contact {
        bottom: 0;
        top: auto;
        right: -20px;
    }
    .contact-chat-details .company-name {
        max-width: 150px;
    }
    .contact-chat-header .sub-header {
        padding-left: 60px;
    }
    .company-contact {
        position: absolute;
        top: 5px;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .contact-name {
        height: 617px;
    }
    .contact-chat-details .company-name {
        max-width: 140px;
    }
}
@media (max-width: 600px) {
    .contact-chat-details .company-name {
        max-width: 220px;
    }
    .contact-chat-details {
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
    .sender-chat, .receiver-chat {
        min-width: 200px;
        max-width: 300px;
    }
    .sender-msg .sender-product-details, .receiver-msg .receiver-product-details {
        width: 130px;
    }
    .sender-msg .sender-product, .receiver-msg .receiver-product {
        max-width: 50px;
    }
    .contact-chat-header .sub-header {
        padding-left: 0px;
    }
    .company-contact {
        position: absolute;
        top: 0px;
        right: -54px;
    }
}


@media (max-width: 414px) {
    .sender-chat, .receiver-chat {
        min-width: 200px;
        max-width: 250px;
    }
    .sender-msg .sender-product-details, .receiver-msg .receiver-product-details {
        width: 130px;
    }
    .sender-msg .sender-product, .receiver-msg .receiver-product {
        max-width: 50px;
    }
    .sender-msg .sender-product-details, .receiver-msg .receiver-product-details {
        font-size: 13px;
        margin-top: 5px;
    }
    .sender-msg, .receiver-msg {
        max-width: 200px;
    }
    .contact-chat-box .chat-rating {
        padding: 2px 5px;
        left: 5px;
    }
    .company-contact {
        right: -10px;
        position: absolute;
        top: 30px;
    }
    .contact-chat-details .company-name {
        max-width: 180px;
    }
    .contact-chat-details {
        margin-top: 0px;
    }
}
@media (max-width: 375px) {
    .company-contact {
        right: -10px;
        position: absolute;
        top: 30px;
    }
}
.idx_loader{
    text-align: center;
    margin:20%;
}
/*enqury chat end */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /* white-space: pre-wrap; */
}
.unit-dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.grn-list li span {width: 50%; display: inline-block; vertical-align: top;}
.grn-list li {margin-bottom: 6px;}
.grn-list li:last-child {margin-bottom: 0;}

/* new code add 30 oct 2020 */
.top-scroll {    
    position: fixed;
    bottom: 0px;
    right: 32px;
    z-index: 1000;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #042161;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 1px 2px 15px rgba(0,0,0,.25);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}
.header-style-1.nav-up {
    top: -40px;
}

@media screen and (min-width: 768px) {
    /* header .register-msg {
        position: relative;
        top: 0px;
        -webkit-animation: slideInDown 0.4s ease-in-out 0s 1 both;
        animation: slideInDown 0.4s ease-in-out 0s 1 both;
    }
    header .register-msg.top-fix {
        position: absolute;
        width: 100%;
        top: -50px;
        -webkit-animation: slideInUp 0.4s ease-in-out 0s 1 both;
        animation: slideInUp 0.4s ease-in-out 0s 1 both;
    }
    .header-style-1 {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        margin-bottom: 20px;
    }
    .bottom-header {
        position: sticky;
        position: -webkit-sticky;
        background-color: #ffffff;
        position: relative;
    }
    .bottom-header.sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        margin-bottom: 0px;
        /*        -webkit-animation: fadeInDown .4s ease-in-out 0s 1 both;
                animation: fadeInDown .4s ease-in-out 0s 1 both;*/
    /*}*/ 
    .body-content {
        position: relative;
    }
    .header-style-1 ~ .body-content .dashboard-view .slimScrollBar {z-index: 3 !important;}
    .footer {position: relative; z-index: 9;}
    .height-1000px {height: 1000px;}
}

@media screen and (max-width: 767px) {
    .height-1000px {height: auto;}
    .has-scroll-product.height-900px {height: auto !important;}
    /* .header-style-1 {z-index: 1000;}
    .header-style-1.sticky {z-index: 1009;} */
    /* .top-scroll {right: 5%;} */
}

.alert-custom{z-index: 9999;}
.eleinfo .inps .form-control {
    height: 34px;
}
.my-profile > .card .p-card {border-radius: 3px;box-shadow: 0 0px 8px rgba(17, 17, 17, 0.12) !important; transition: all 0.2s ease-in-out;}
.my-profile > .card .p-card a { padding: 0 10px;min-height: 180px;}
.my-profile > .card .p-card.p-card-one {min-height: 220px;background-color: rgba(230, 255, 236, 0.315);border: 1px solid #badfc6;}
.my-profile > .card .p-card h4 {font-size: 16px;}
.my-profile > .card .p-card.p-card-two a,.my-profile > .card .p-card.p-card-three a {min-height: 220px;}
.my-profile > .card .p-card.p-card-two {min-height: 220px;background-color: rgba(255, 246, 230, 0.315);border: 1px solid #ecd7ac;}
.my-profile > .card .p-card.p-card-three {min-height: 220px;background-color: rgba(230, 245, 255, 0.315);border: 1px solid #c2daeb;}
.my-profile > .card .p-card.p-card-four {background-color: rgba(230, 255, 236, 0.315);border: 1px solid #badfc6;}
.my-profile > .card .p-card.p-card-five {background-color: rgba(230, 245, 255, 0.315);border: 1px solid #c2daeb;}
.my-profile > .card .p-card.p-card-four a,.my-profile > .card .p-card.p-card-five a {min-height: 120px; padding: 10px 10px 20px;}
.my-profile > .card .p-card:hover {box-shadow: 0 0px 15px rgba(17, 17, 17, 0.20) !important;}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    .my-profile > .card .p-card h4 {font-size: 14px;}
}
#debitform .table > tbody > tr > td{
    padding :2px!important;
}
.invoice_reference {
    border: 1px dotted #000;
    padding: 3px;
}

/**  Progresss bar **/
.progress-list>.active-success .progress-indicator {
    color: #00a28a;
}
.progress-list>.active-success>button {
    color: #00a28a;
    background-color: #FFF;
    border-color: #00a28a;
}
.progress-list>.active-success>.btn {
    color: #00a28a;
    background-color: #FFF;
    border-color: #00a28a;
}
.progress-list>.active-success:before {
    background-color: #346cb0;
}

/**  Progresss bar End **/



/***********************************************
     only dashboard home update  20 jan 2021
************************************************/

.header-style-1 .header-nav {
    background: linear-gradient(90deg, #0C1B56 0%, #13366A 42.19%, #154174 78.13%, #C9395C 100%);
}

.home-dashboard .custom-card > .card-header {
    border-radius: 0;
}
.home-dashboard .card > .card-body .custom-card > .card-header {
    border-bottom: none !important;
}
.home-dashboard .first-block .custom-card > .card-header {
    border: none !important;
    min-height: 55px;
    padding-bottom: 0;
}
.first-block .custom-card > .card-header > .card-title {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px !important;
}
.home-dashboard .first-block .custom-card > .card-body > .card-details {
    /*min-height: 50px;*/
    border-bottom: 1px dashed #86a5c1;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.home-dashboard .first-block.tax-block .custom-card > .card-body > .card-details {
    min-height: 65px;
}
.home-dashboard .first-block .custom-card > .card-body > .card-info {
    font-size: 15px;
    color: #010514;
    font-weight: 500;
}
.card-img {
    position: absolute;
    right: 15px;
    margin-bottom: 0 !important;
    top: 15px;
    width: 40px;
}
.custom-card > .card-header > .card-title {
    font-size: 14px;
    color: #010514;
    font-weight: 500;
}
.home-dashboard .custom-card > .card-header > .card-title.text-white {
    color: #010514 !important;
    font-size: 14px;
    font-weight: 500;
}

.height-165px {height: 165px !important;}
.home-dashboard .card > .card-header > .btn-outline-light {
    color: #010514;
    border-color: #010514;
}

.home-dashboard .recent-rfq-box .table > tbody > tr > td, .home-dashboard .recent-inv-box .table > tbody > tr > td, .home-dashboard .recent-po .table > tbody > tr > td, .my-profile .table > tbody > tr > td {
    border-bottom: 1px solid rgb(240, 239, 239);
}
.home-dashboard .recent-rfq-box .table > tbody > tr:first-child > td, .home-dashboard .recent-inv-box .table > tbody > tr:first-child > td, .home-dashboard .recent-po .table > tbody > tr:first-child > td, .my-profile .table > tbody > tr:first-child > td {
    border-top: 1px solid rgb(240, 239, 239);
}
.media-body .text-muted {
    color: #89879f !important;
}
.text-muted {
    color: #89879f !important;
}
.noti-box-dev {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(240, 239, 239);
}

.main-header .top-search-holder .search-area .search-button::after {
    /* color: #e8e8e8; */
}
.floating-menu ul li a.active,.floating-menu ul li a:active,.floating-menu ul li a:focus {
    background-color: rgba(171, 52, 214, 0.12) !important;
    background-color: #010514 !important;
}
.floating-menu ul li a:hover {
    background-color: rgba(171, 52, 214, 0.12) !important;
    background-color: #010514 !important;
}
.floating-menu ul li a .menu-icon-hover {
    display: none;
}
.floating-menu ul li a:hover .menu-icon-hover,.floating-menu ul li a:active .menu-icon-hover,.floating-menu ul li a:focus .menu-icon-hover,.floating-menu ul li a.active .menu-icon-hover {
    display: block;
}
.floating-menu ul li a:hover .menu-icon,.floating-menu ul li a:active .menu-icon,.floating-menu ul li a:focus .menu-icon,.floating-menu ul li a.active .menu-icon {
    display: none;
}
.floating-menu ul li a {
    padding: 12px !important;
}

.whatsapp {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 99;
}
.whatsapp img {
    width: 55px;
}
.cnt-block .mdi-account-circle-outline::before,.cnt-block .mdi-bell-ring-outline::before,.cnt-block .mdi-cart-outline::before {
    /* margin-top: -8px; */
}
.cnt-block .mdi-cart-outline::before {
    /* margin-top: -6px; */
}
.cnt-block .mdi-account-circle-outline,.cnt-block .mdi-bell-ring-outline,.cnt-block .mdi-cart-outline {
    /* color: #a22353; */
}
.top-cart-row .lang-select .dropdown-toggle {
    /* background: #a22353; */
}
.top-cart-row .dropdown-cart .lnk-cart {
    /* background: #fff; */
}
.noti-box-dev a {
    color: rgb(59 62 78);
}
.noti-box-dev:hover {
    background-color: #f9fbfd;
}
#not-req .help-block-error {text-align: left;}

.breadcrumb > li {
    font-size: 12px;
    display: inline;
}

@media screen and (min-width: 768px) {
    .footer {
        position: relative;
        z-index: 999;
    }
}
.footer-note-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
}
.fotter-note {
    z-index: 1000;
}
.fotter-note{
    position: fixed;
    bottom: 120px;
    right: 10px;
    width:275px;
    text-align: center;
}
.fotter-note .header-text{
    font-size:16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.fotter-note .bg-notice{
    border-radius: 10px;
    background-color: #ffe9e9;
    border:1px solid #c7b0b0;
}
.fotter-note .bg-warn{
    border-radius: 10px;
    background-color: #ffecde;
    border:1px solid #f9cba8;
}
.fotter-note .bg-ok{
    border-radius: 10px;
    background-color: #e6ffde;
    border:1px solid #83967e;
}
.fotter-note .bg-notice .header-text{
    color:#c13d61;
}
.fotter-note .bg-warn .header-text{
    color:#3361a0;
}
.fotter-note .bg-ok .header-text{
    color:#0d216e;
}
.fotter-note p.infotext{
    color:#0d216e;
    font-size:14px;
}
@media screen and (min-width: 768px) {
    .footer {
        position: relative;
        z-index: 998;
    }
}
.footer-note-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
}
.fotter-note {
    z-index: 1000;
}
.border-ddd {
    border:1px solid #ddd!important;
}
.c3-tooltip td.name{
    color:#000000 !important;
}
.error-msg {
    color: #A94442;
}
.set-top {
    margin-top: -20px;
    padding-top: 15px;
}
.dataTables_empty {
    text-align: left!important;
}
.col-lg-3 .card .card-body .btn-block + .btn-block {
    margin-top: 10px;
}
.col-lg-3 .card .card-body {
    /* padding: 15px; */
}
.col-lg-3 .card .card-body .input-group-btn > .btn + .btn {
    margin-top: 0;
}
/*.btn-file{margin-top:0px !important;}*/
.custfile input[type="file"]{display:none;}
.jconfirm-closeIcon {
    display:none!important;
}
.upload-document .help-block-error {
    position: absolute!important;
}


/*****Date range picker****/
.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2;
}

.date-picker-wrapper {
    position: absolute;
    z-index: 2;
    border: 1px solid rgb(226, 232, 240);
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 7px;
    color: #aaa;
    font-family: 'BizeeBuy-default', sans-serif;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
    -webkit-box-sizing: initial;
    box-sizing: initial;
}
.date-picker-wrapper::after, .date-picker-wrapper::before {
    content: "";
    display: inline-block;
    position: absolute;
}
.date-picker-wrapper::before {
    left: 9px;
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e8e8e8;
}
.date-picker-wrapper::after {
    left: 10px;
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

.date-picker-wrapper.single-date {
    width: auto;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px;
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px;
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px;
}

.date-picker-wrapper b {
    color: #7d889d;
    font-weight: 700;
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline;
}

.date-picker-wrapper .month-name {
    text-transform: capitalize;
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline;
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative;
    overflow: hidden;
}

.date-picker-wrapper .month-wrapper table {
    width: 190px;
    float: left;
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left;
}

.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0px;
    padding: 0px;
    color: rgb(106, 116, 130);
}
.date-picker-wrapper .month-wrapper table th {
    font-weight: 500;
}

.date-picker-wrapper .month-wrapper table .day {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #ccc;
    cursor: default;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #e2e8f0;
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: capitalize;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap;
}

.date-picker-wrapper .time label {
    white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #2d3748;
    cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #e2e8f0;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #f4e9ff;
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #e2e8f0;
}

.date-picker-wrapper table .caption {
    height: 40px;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
    width: 27px;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer;
    font-size: 16px;
}

.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
    background-color: #345a93;
    border-radius: 4px;
    color: white;
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0;
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden;
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative;
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid white;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee;
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid white;
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid white;
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3;
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3;
}

.date-picker-wrapper .selected-days {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0;
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red;
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block;
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #7d889d;
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
    color: white;
    line-height: initial;
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.date-picker-wrapper .time {
    position: relative;
}

.date-picker-wrapper.single-month .time {
    display: block;
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px;
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

/*time styling*/
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

.date-picker-wrapper .time1 {
    float: left;
}

.date-picker-wrapper .time2 {
    float: right;
}

.date-picker-wrapper .hour {
    text-align: right;
}

.minute {
    text-align: right;
}

.date-picker-wrapper .hide {
    display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    background-color: #345a93 !important;
    color: white !important;
}
.date-picker-wrapper .first-date-selected {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.date-picker-wrapper .last-date-selected {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    display: none;
    background-color: #345a93;
    color: #fff;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15));
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #345a93;
    left: 50%;
    margin-left: -4px;
    bottom: -4px;
}

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none;
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer;
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: bold;
}
.breadcrumb {
    margin-bottom: 0px !important;
    float: right;
    background: none !important;
    padding: 0px 0px 0px 15px !important;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    text-align: right;
}
.tblmodel{ overflow: auto; height: 100px; }
.tblmodel thead th { position: sticky; top: 0; z-index: 1; }
.modal-open .whatsapp {padding-right: 17px;}
.div-table .d-table-cell {
    padding: 8px;
}
/*.div-table .d-table-row:nth-of-type:first-child {
    background-color: #fff;
}
.div-table .d-table-row:nth-of-type(even) {
    background-color: #f9fbfd;
}*/
.not-read {
    background-color: #EEF8FF;
}
.selected-buyer .media-object {
    border: 0px solid #010514;
}


.media-list li.stepplist{border: 1px solid #ccc;padding: 5px;border-radius: 10px;background: #efefef;cursor: pointer;}
.media-list li.selected{border: 1px solid #508a42;padding: 5px;border-radius: 10px;background: #ecffde;cursor: pointer;}


ul.stepper>li:not(:last-of-type) {
    margin-bottom: .625rem;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s;
}
.stepper-vertical li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
    background-color: #4285f4 !important;
}
ul.stepper li a .circle {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: .5rem;
    line-height: 1.7rem;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.38);
    border-radius: 50%;
}
.stepper-vertical li a .circle {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
*, *::before, *::after {
    box-sizing: border-box;
}
ul.stepper li a {
    padding: 1.5rem;
    text-align: center;
}

ul.stepper li.active a .label, ul.stepper li.completed a .label {
    font-weight: 600;
    color: rgba(0,0,0,0.87);
}
.stepper-vertical li.completed a .label {
    font-weight: 500;
}
ul.stepper li a .label {
    display: inline-block;
    color: rgba(0,0,0,0.38);
}

.stepper-vertical li a .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: .2rem;
}

.stepper-vertical li .step-content {
    display: block;
    padding: .94rem;
    margin-top: 0;
    margin-left: 3.13rem;
}
.grey.lighten-3 {
    background-color: #eee !important;
}

/*###################################################
                Add steps modal
#####################################################*/

.media-list li.stepplist{border: 1px solid #b0c1d7;padding: 5px;border-radius: 10px;background: #f5fbff;cursor: pointer;}
.media-list li.selected{border: 1px solid #9ac8a9;padding: 5px;border-radius: 10px;background: #e4ffee;cursor: pointer;}
.media-list li.stepplist {
    position: relative;
    margin-top: 15px;
}
.media-list li.stepplist:first-child {
    margin-top: 0;
}
.media-list li.stepplist.selected:after {
    content: "\FD97";
    font-family: "Material Design Icons";
    position: absolute;
    top: 50%;
    right: -17px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #e4ffee;
    z-index: 9;
    border-radius: 30px;
    border: 1px solid #9ac8a9;
    color: #246037;
    font-size: 20px;
}
ul.stepper>li:not(:last-of-type) {
    margin-bottom: 15px;
    -webkit-transition: margin-bottom .4s;
    -o-transition: margin-bottom .4s;
    transition: margin-bottom .4s;
}
.stepper {
    margin-top: 10px;
}
.stepper-vertical li {
    padding-bottom: 1.5rem;
    border-left: 1px solid #abaaed;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}
.stepper-vertical li {
    padding-bottom: 15px;
    border-left: 1px solid #abaaed;
    position: relative;
    padding-left: 35px;
    margin-left: 25px;
}
.stepper-vertical li:last-child {
    border: 0px;
    padding-bottom: 0;
}
.stepper-vertical li:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #4e5ed3;
    box-shadow: 3px 3px 0px #bab5f8;
    box-shadow: 3px 3px 0px #bab5f8;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.stepper-vertical li .number {
    position: absolute;
    left: -3px;
    top: 10px;
    color: #010514;
}
.stepper-vertical li:hover {
    cursor: pointer;
}
.stepper-vertical li:hover:before{
    background-color: #4e5ed3;
}
.stepper-vertical li:hover .number {
    color: #fff;
}
.stepper-vertical li .card {
    box-shadow: none;
    border: 1px solid #bab5f8;
    margin-bottom: 0px;
}
.stepper-vertical li .btn-link {
    background-color: #fad7dd;
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid transparent;
}
.stepper-vertical li .btn-link:hover {
    border-color: rgb(255, 70, 101);
}
ul.stepper li a {
    padding: 1.5rem;
}

ul.stepper li a .label {
    display: inline-block;
}

.stepper-vertical li a .label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: .2rem;
}

.step-content {
    display: block;
    background-color: #edf2f9;
    border: 1px solid #bab5f8;
    padding: 10px 15px;
    margin-top: 0;
    border-radius: 8px;
    margin-left: 60px;
    margin-top: 15px;
}


.mapping-zone .drop-zone {
    background-color: #eee;
    border: 3px dashed #ccc;
    width: 64%;
}
.mapping-zone .drop-zone.steps {
    width: 50%;
}

/*#############################################
                order status
###############################################*/
.search-polist {
    /* min-height: 500px;
    border: ; */
    border-radius: 5px 5px 20px 20px;
    /* margin-top: 25px; */
    background-color: #fff;
    box-shadow: 0 3px 15px rgba(33, 73, 126, 0.11);
}
.search-polist .slimScrollBar {
    background: rgb(189, 207, 255) none repeat scroll 0% 0% !important;
}
.search-polist .btn-link {
    color: rgb(90, 95, 125);
    display: block;
    padding: 10px 30px;
}
.search-polist .form-control {
    border-color: #a6bcf0;
    /* border-width: 3px; */
    background-color: #f8fbff;
    border-radius: 25px;
    padding-left: 30px;
}
.search-polist > li {
    padding: 10px 5px;
    border: none;
    border-bottom: 1px solid #dce5fa;
}
.search-polist > li:last-child {
    border-bottom: none;
    padding-bottom: 20px;
}
.search-polist .list-group-item:first-child .icon {
    position: absolute;
    left: 15px;
    top: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #cfddfc;
}
.search-polist .list-group-itemul li:first-child {
    padding: 5px !important;
}
.search-polist .poitems {
    font-size: 14px;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
    padding: 0;
    border-color: #c9ddf7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.search-polist .poitems:hover {
    background-color: #eaf3ff !important;
}
.search-polist .poitems.list-group-item:last-child {
    border-radius: 0;
}
.search-polist .current {
    background-color: #eaf3ff !important;
}
.search-polist .current .btn-link {
    color: #010514;
}
.panel-po-status .panel-heading .card-title {
    position: relative;
    padding-right: 30px !important;
    font-size: 16px;
}
.panel-po-status .panel-heading .card-title .fa {
    position: absolute;
    top: 13px;
    right: 10px;
}
.panel-po-status .card-title i.fa-angle-up {
    transform: rotate(-0deg);
}
.panel-po-status .card-title.collapsed i.fa-angle-up {
    transform: rotate(-180deg);
}
.panel-po-status .panel-body .card {
    background-color: #f8fbff;
    border: 1px solid #cfe2fa;
}

.product-tracking-status {
    z-index: 0;
    position: relative;
}

#tracking-status {
    /* margin-bottom: 10px; */
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    /* margin-top: 20px */
}

#tracking-status li {
    list-style-type: none;
    font-size: 14px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400
}

#tracking-status .step0:before {
    font-family:"Material Design Icons";
    content: "\F134";
    color: #ffffff;
}

#tracking-status li:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 20px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: auto;
    padding: 0px
}

#tracking-status li:after {
    content: '';
    width: 100%;
    height: 12px;
    background: #e0e0e0;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1
}

#tracking-status li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#tracking-status li:nth-child(2):after,
#tracking-status li:nth-child(3):after,
#tracking-status li:nth-child(4):after {
    left: -50%
}

#tracking-status li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#tracking-status li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#tracking-status li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#tracking-status li.active:before,
#tracking-status li.active:after {
    background: #c2dfc8;
    color: #0e5e26;
}

#tracking-status li.next:before,
#tracking-status li.next:after {
    background: #ffddc0;
    color: #974801;
}

#tracking-status li.next .product-status-name{
    background-color: #d26d14;
}
#tracking-status li.next .product-status-name:before{
    border-bottom-color: #d26d14;
}

#tracking-status li.process:before,
#tracking-status li.process:after { 
    background-color: #e6f5ff;
    color: #0f6cb2;
    border-color: #0f6cb2;
}
#tracking-status li.process .product-status-name{
    background-color: #e6f5ff;
    color: #0f6cb2;
    border-color: #0f6cb2;
}

#tracking-status li.process .product-status-name:before{
    border-bottom-color: #e6f5ff;
}


#tracking-status li.active:before {
    font-family:"Material Design Icons";
    content: "\F134"
}
#tracking-status li.active {
    cursor: pointer;
}
#tracking-status li .steps-content {
    color: #6c6c6c;
    margin-top: 5px;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
}
#tracking-status li .product-status-name {
    background-color: #ccc;
    padding: 3px;
    width: 100px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 20px;
    color: #ffffff;
    position: relative;
}
#tracking-status li .product-status-name:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-bottom-color: #ccc;
}
#tracking-status li.active .product-status-name {
    background-color: #1fa145;
}
#tracking-status li.active .product-status-name:before {
    border-bottom-color: #1fa145;
}
#tracking-status li.active .steps-content {
    font-weight: 500;
    color:  #808080;
    padding: 0 10px;
}
.tracking-option {
    margin: 10px auto;
}
.tracking-option .checkbox {
    margin: 0;
    display: inline-block;
}
.tracking-option .checkbox:last-child {
    margin-left: 6px;
}
.tracking-option .rfq-checkbox.checkbox label > label {
    border-radius: 20px;
    background-color: #e6e6e6;
    margin-bottom: 0;
}
.tracking-option .completed.checkbox input:checked + label {
    background-color: #1fa145;
}
.tracking-option .in-process.checkbox input:checked + label {
    background-color: #e6f5ff;
    color: #0f6cb2;
    border-color: #0f6cb2;
}


/*#################################################
                Enquiry Form
###################################################*/
.enquiry-btn {
    position: fixed;
    bottom: 150px;
    z-index: 999;
    background-color: #a22353;
    color: #fff;
    padding: 8px 10px 8px 15px;
    width: 190px;
    left: -155px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    animation-name: enqiryshow;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 10s;
    -webkit-animation-name: enqiryshow;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 10s;
    -moz-animation-name: enqiryshow;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 10s;
}

.enquiry-btn .enq-logo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 60px;
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 3px solid #a22353;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-shadow: 0 2px 5px rgba(224, 229, 255, 0.89);
    -moz-box-shadow: 0 2px 5px rgba(224, 229, 255, 0.89);
    -o-box-shadow: 0 2px 5px rgba(224, 229, 255, 0.89);
    box-shadow: 0 2px 5px rgba(224, 229, 255, 0.89);
}
.enquiry-btn .enq-logo img {
    border-radius: 50%;
}
@keyframes enqiryshow {
    0% {
        left: -155px;
    }
    30% {
        left: 0px;

    }
    60% {
        left: -155px;
    }

}
@-webkit-keyframes enqiryshow {
    0% {
        left: -155px;
    }
    30% {
        left: 0px;

    }
    60% {
        left: -155px;
    }
}
@-moz-keyframes enqiryshow {
    0% {
        left: -155px;
    }
    30% {
        left: 0px;

    }
    60% {
        left: -155px;
    }
}
@-o-keyframes enqiryshow {
    0% {
        left: -155px;
    }
    30% {
        left: 0px;

    }
    60% {
        left: -155px;
    }
}
.enquiry-form-modal .modal-content {
    border-radius: 15px;
    border: none;
}
.enquiry-form-modal .modal-content .card {
    background-color: transparent;
    border-radius: 0;
}
.enquiry-form-modal button.close {
    right: 25px;
    top: 15px;
    background-color: #a22353;
    color: #ffffff;
}
.enq-left-form {
    padding: 15px;
    min-height: 500px;
    border-radius: 15px 0 0 15px;
    background-color: #010514;
    background-image: linear-gradient(137.18deg, #061741 -8.97%, #274491 85.33%);
}
.enq-left-form .heading {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    margin-top: 20px;
    margin-left: 25px;
}
.enquiry-img {
    padding-top: 120px;
    padding-bottom: 50px;
}
.enq-right-form {
    padding: 25px;
    min-height: 500px;
    border-radius: 0 15px 15px 0;
}
.enq-right-form .heading {
    font-size: 36px;
    font-weight: 600;
    margin-top: 0px;
    color: #010514;
}
.enq-right-form .btn-enquiry {
    background-color: #a22353;
    border-color: #a22353;
    border-radius: 8px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.enq-right-form .btn-enquiry:hover {
    -webkit-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    -moz-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    -o-box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
    box-shadow: 0 10px 20px -5px rgba(162, 35, 84, 0.5);
}
.enq-right-form .attach-files label {
    position: relative;
}
.enq-right-form .attach-files label img {
    border: 1px dashed #8a8a8a;
}
.enq-right-form .attach-files .upload-block {
    display: inline-block;
}
.enq-right-form .attach-files .upload-block + .upload-block {
    margin-left: 10px;
}
.enq-right-form .attach-files .remove {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 20px;
    text-align: center;
    background-color: #e63757;
    color: #fff;
}
.enq-right-form .attach-files .success {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 20px;
    text-align: center;
    background-color: #1a7a42;
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    .modal-dialog-lg {
        width: auto;
        padding: 10px;
    }
    .enq-left-form {
        min-height: 720px;
    }
    .enquiry-img {
        padding-top: 150px;
    }
}

/*##############################################
                Plan Comparison
################################################*/
.plan-compare-block {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
}
.plan-compare-block .btn-outline-primary {
    border-color: #010514;
    color: #010514;
}
.plan-compare-block .btn-outline-primary:hover, .plan-compare-block .btn-outline-primary:focus {
    background-color: #010514;
    color: #fff;
}
.plan-compare-block .btn-outline-primary:not(:disabled):not(.disabled).active, .plan-compare-block .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #010514;
    border-color: #010514;
}
.pp_compare .table-product-compare td:not(:first-child) .card:first-child .card-header, .pp_compare .table-product-compare td:not(:first-child) .card:first-child .card-body {
    padding-left: 5px;
    padding-right: 5px;
}

.plan-purchase .btn-outline-primary {
    border-color: #010514;
    color: #010514;
}
.plan-purchase .btn-outline-primary:hover, .plan-purchase .btn-outline-primary:focus {
    background-color: #010514;
    color: #fff;
}
.plan-purchase .btn-outline-primary:not(:disabled):not(.disabled).active, .plan-purchase .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #010514;
    border-color: #010514;
}
.seller-tooltip {
    background-color: #fffef5;
    border: solid 1px rgba(248,200,34,0.4);
    text-align: center;
    padding: 5px;
    margin-top: 15px;
    border-radius: 3px;
    position: relative;
}
.pull-right .custom-select{padding:0px 25px; height:22px;}

/* Countdown */
.is-countdown {
    border: 1px solid #c3d9fa;
    background-color: #eaf2ff;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.countdown-rtl {
    direction: rtl;
}
.countdown-holding span {
    color: #888;
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 10px 2px;
    text-align: center;
    float: left;
}
.countdown-show1 .countdown-section {
    width: 98%;
}
.countdown-show2 .countdown-section {
    width: 48%;
}
.countdown-show3 .countdown-section {
    width: 32.5%;
}
.countdown-show4 .countdown-section {
    width: 24.5%;
}
.countdown-show5 .countdown-section {
    width: 19.5%;
}
.countdown-show6 .countdown-section {
    width: 16.25%;
}
.countdown-show7 .countdown-section {
    width: 14%;
}
.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}
.countdown-amount {
    font-size: 200%;
    color: #010514;
    font-weight: 600;
}
.countdown-period {
    display: block;
    color: #010514;
}
.countdown-descr {
    display: block;
    width: 100%;
}

.bor-dot{
    border:3px dotted #ccc!important;
    padding:4px!important;
}

.imgpopup{cursor: pointer;}
tr.error {
    /*background-color: #fff1f1 !important;*/
    background-color: #fff4f4 !important;
    /* color: #0f5e2b; */
}
.csv-table {
    padding: 0 2px;
}
.csv-table .table > tbody > tr > td {
    vertical-align: top;
}
.csv-table .table > tbody > tr.error > td {
    /* border-top: 2px solid #e89e9d;
    border-bottom: 2px solid #e89e9d; */
}
.csv-table .table > tbody > tr.error > td:first-child {
    /* border-left: 2px solid #e89e9d; */
}
.csv-table .table > tbody > tr.error > td:last-child {
    /* border-right: 2px solid #e89e9d; */
}
.csv-table .form-group {
    margin-bottom: 5px;
}

.csv-card {
    background-color: #f8fbff;
    border: 1px solid #d3dfee;
    margin-bottom: 15px;
}
.csv-card.error {
    border: 1px solid #dd9aa0;
    background-color: #fff8f8;
}
.enquiry-form-modal.contact {
    margin: 10px 0 30px !important;
}
.enquiry-form-modal.contact .enq-left-form .heading {
    margin-left: 0;
}
.enquiry-form-modal.contact .enquiry-img {
    text-align: center;
}
.enquiry-form-modal.contact .enquiry-img img {
    display: inline-block;
}
.enquiry-form-modal.contact .enq-right-form {
    padding: 25px 25px 0 !important;
}
.enquiry-form-modal.contact .enq-right-form .btn-enquiry {
    position: relative;
    bottom: -60px;
}
.enquiry-form-modal.contact .enq-right-form .row:last-child {
    margin-top: 0 !important;
}
.enquiry-form-modal.contact .enq-right-form p.hidden-xs {
    font-size: 16px;
    margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
    .plan-compare-block {
        top: 50px;
    }
}
@media screen and (max-width: 1200px) {
    .plan-compare-block {
        top: 50px;
    }
}
@media screen and (max-width: 600px) {
    .plan-compare-block {
        position: relative;
        top: 25px;
        left: 0;
        right: 0;
    }
    .plan-compare-block .btn {
        display: block;
        width: 100%;
        margin: 0 !important;
    }
}

.po-select-address{min-height:500px;max-height:500px;}
.po-select-address .visual-picker {
    position: relative; 
    display: inline-block;
    margin-bottom: 10px;
    float: left;    
    margin-left:10px;
}
.visual-picker-lg.visual-picker-address .visual-picker-figure{width:370px;}
.input-info{font-size:12px;color:#464884;}
.rfq-details-box{padding:10px 20px;}

.rfq-selection .custom-checkbox::after {
    display: none;
}
.rfq-selection .role-inner-box {
    border-width: 2px;
}
.rfq-selection .custom-checkbox input:checked ~ .role-inner-box {
    color: #010514;
    border-color: rgb(134, 147, 202);
}
.bid-mode .role-inner-box {
    border-width: 2px;
}
.bid-mode .custom-checkbox input:checked ~ .role-inner-box {
    color: #010514;
    border-color: rgb(134, 147, 202);
}
.bid-mode .role-custom-checkbox {
    width: 35px;
    height: 35px;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
}
.bid-mode .role-custom-checkbox::after {
    height: 17px;
    left: 0;
    right: 0;
    top: 6px;
    margin: auto;
}
.model-popup{
    min-height:580px;/*650px;*/
    max-height:580px; /*650px;*/
}
.bdocwrap .form-group label{display: inline-block;width:100%;margin-top:10px;text-align: center;}
.bdocwrap .form-group label a.btn-zoom,
.bdocwrap .form-group label a.zoom{position: absolute;left:45px;top:-22px}
.bdocwrap .form-group label a.trash{position: absolute; left:15px;top:-22px;}

.bdocwrap .form-group label a#zoom_cindoc{position: absolute;left:70px;top:-22px}
.bdocwrap .form-group label a#trash-cindoc{position: absolute; left:40px;top:-22px;}

.bdocwrap .form-group label input{margin-bottom: 10px;}
.bdocwrap .form-group label span.lbls{display: inline-block;font-weight: 500;font-size:14px;}
.profile > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.profile > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:5px 5px;}

.media-list .media .droppable {
    display:inline-block;
    border: 2px dashed #c1cdd5;
    background-color: #f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 160px;
    position: relative;
    cursor: grab;
    -webkit-transition: border 0.2s, background-color 0.2s;
    -moz-transition: border 0.2s, background-color 0.2s;
    -o-transition: border 0.2s, background-color 0.2s;
    transition: border 0.2s, background-color 0.2s;
}

ul#auctprods li.media .media-body{padding:10px;}    
ul#auctprods li.media{
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top:0px !important;
}

a.clear-icon{
    float: right;
    position: relative;
    top: 0px;
    right: 4px;
}
.brk-word{
    word-break: normal;
    white-space: normal;
}
.pull-none{float:none !important;}
.custom-text{
    border: none;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    background-color: #fffde7;
    color: #0042ffba;
    font-style: italic;
}
.create-auction{
    position: fixed;
    bottom: 140px;
    right: 20px;
    z-index: 9999;
}
.modal-open .create-auction{
    right: 37px;
}
/*header top strip */
.verify-mail + .site-header {
    top: 50px;
}
.verify-mail {
    background-color: #2b2350;
    padding: 8px;
    min-height: 50px;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999999;
    color: #beb9d2;
}
.verify-input {
    padding: 5px 10px;
    background-color: transparent;
    border-color: #ddd1d1;
    height: auto;
    margin-bottom: 0;
    background: #fdfafa;
    border: 1px solid #efe7e7;
    border-radius: 30px;
}
.verify-input:focus {
    background: transparent;
    border: 1px solid #9e8686;
}
.email-input-btn {
    display: inline-block;
    position: relative;
}
.email-input {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(2, 2, 53, 0.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(2, 2, 53, 0.15);
    -o-box-shadow: 0 10px 30px 0 rgba(2, 2, 53, 0.15);
    box-shadow: 0 10px 30px 0 rgba(2, 2, 53, 0.15);
    left: 50%;
    margin: 15px 0 0;
    min-width: 300px;
    position: absolute;
    padding: 10px;
    transform: translateX(-50%);
    z-index: 1;
}
.email-input::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
}
.email-input .form-group {
    margin-bottom: 0;
    display: inline-block;
    width: 70%;
    margin-right: 10px;
}
.select2-search__field{width:100% !important;}
.copyright_info {
    display: block;
    border-top: 1px solid #2f3255;
    padding: 10px 0;
    position: relative;
    z-index: 3;
}

.copyright_info p {
    font-size: 16px;
    line-height: 28px;
    color: #9997a2;
    margin: 0;
}
.copyright_info p a {
    color: #dc3f77;
    font-weight: 500;
}
.slimScrollDiv{padding-bottom:10px;}
.media-left, .media > .pull-left{padding-right:15px !important;}
.recent-rfq-box table tr td:last-child{text-align: right;padding-right:5px;}
.guide-text{text-align: center;font-size:18px;color:#ccc}
.grid-view .summary{display:none;}
.wf-cards .card{border:1px solid #eeeeee !important;}
#bidsbdy tr{margin-bottom: 10px;}
.badge-soft-buyer{background: #ad4069;padding: 5px 25px;}
.popup-model-body{min-height:600px;}
#conversation-body{height:455px;}

.repeatable input.form-control{height:32px;}
.repeatable .has-error input,
.has-error .select2-selection--multiple{background:#ffedf0;border: 1px solid #a94442;}
.has-error .custom-select{border: 1px solid #a94442;}
.height-100{height:100%;}
.model-vertical-column{height: 550px;vertical-align: middle;display: inline-block;}
.max-width-80{max-width:80%}
.z-idx-93x{z-index:99999!important;}
.lh32{height:32px !important;}


.unread-bell{
    display:block;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.badge.up {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 20px;
    position: absolute;
    right: -15px;
    top: -6px;
    width: 30px;
    background: #a54c75;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;    
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    text-align: center;
}
table.dataTable{margin:0px !important;}
.search-date-box-mb .form-group{
    margin-bottom: 0px!important;
}
.comparison-list-group-item .slimScrollDiv{padding-bottom:0px!important;}
.radio-group-wrapper {padding-top:0px;}
.radio-group-wrapper .radio{
    min-width:75px; 
    width:auto; 
    float:left;
    position: relative;
    display: block;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.radio-group-wrapper .radio input[type="radio"]{margin-top:0px; }
.serch-fil-data .form-group {
    margin-bottom: 0px!important;
}
.serch-fil-data label {
    margin-bottom: 0px!important;
}
.bdrow{padding:5px 6px !important;}
.serch-fil-data .btn label{
    cursor: pointer!important;
}
.kv-expand-detail-row {
    height:100px!important;
}
.kv-grid-table tr th a {
    color:#010514!important;
}
#biz-grid-list .panel-title {
    color:#010514!important;
}
#biz-grid-list .table > tbody > tr.info > td {
    background-color: #ffffff!important;
}
#biz-grid-list .panel-footer {
    background-color: #fff!important;
    border-top: none!important;
}

.bg-corner-top{background-image: url(../img/corner.png);background-position: top;}
.bg-corner-center{background-image: url(../img/corner.png);background-position: center;}
.bg-corner-right{background-image: url(../img/corner.png);background-position: right;}
.bg-corner-left{background-image: url(../img/corner.png);background-position: left;}
.bg-corner-bottom{background-image: url(../img/corner.png);background-position: bottom;}



.bg-corner1-top{background-image: url(../img/corner1.png);background-position: top;}
.bg-corner1-center{background-image: url(../img/corner1.png);background-position: center;}
.bg-corner1-right{background-image: url(../img/corner1.png);background-position: right;}
.bg-corner1-left{background-image: url(../img/corner1.png);background-position: left;}
.bg-corner1-bottom{background-image: url(../img/corner1.png);background-position: bottom;}



.bg-corner2-top{background-image: url(../img/corner2.png);background-position: top;}
.bg-corner2-center{background-image: url(../img/corner2.png);background-position: center;}
.bg-corner2-right{background-image: url(../img/corner2.png);background-position: right;}
.bg-corner2-left{background-image: url(../img/corner2.png);background-position: left;}
.bg-corner2-bottom{background-image: url(../img/corner2.png);background-position: bottom;}


.kv-drp-dropdown .left-ind{
    left: 5px !important;
    top: 8px !important;
}
.kv-drp-dropdown .right-ind{
    right: 4px !important;
    top: 8px !important;
}

.kv-drp-dropdown .kv-clear {
    display: none;
    padding: 0 0.3rem;
    font-size: 1.1rem;
    cursor: pointer;
    right: 0.2rem;
    line-height: 1.3rem;
    top: 2px;
}
.kv-grid-table tr th a{
    width: 100%;
    display: inline-block;
}
.kv-sort-link .kv-sort-icon {
    text-decoration: none;
    margin-left: 5px;
    float:right;
}

.cust-bom-hr{
    margin-top: -10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #a5a0a0;
}
.bom-title{
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 1;
    color: #010514;
    font-weight: 500;
}

.body-content {
    min-height: calc(100vh - 120px)
}
.empty{text-align: center;}
.discheck{outline: 2px solid #ffb3b3;}
/**#biz-grid-list-container{padding-bottom:50px;}*/
.po-mat-rad .radio-inline input[type="radio"] {
    margin-top: 0px!important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{min-height:650px !important;}

/*Mobile circle Menu*/

@-webkit-keyframes 
badbounce {  0%, 100% {
                 -webkit-transform: translateY(0px);
             }
             10% {
                 -webkit-transform: translateY(6px);
             }
             30% {
                 -webkit-transform: translateY(-4px);
             }
             70% {
                 -webkit-transform: translateY(3px);
             }
             90% {
                 -webkit-transform: translateY(-2px);
             }
}
@-moz-keyframes 
badbounce {  0%, 100% {
                 -moz-transform: translateY(0px);
             }
             10% {
                 -moz-transform: translateY(6px);
             }
             30% {
                 -moz-transform: translateY(-4px);
             }
             70% {
                 -moz-transform: translateY(3px);
             }
             90% {
                 -moz-transform: translateY(-2px);
             }
}
@keyframes 
badbounce {  0%, 100% {
                 -webkit-transform: translateY(0px);
                 -moz-transform: translateY(0px);
                 -ms-transform: translateY(0px);
                 -o-transform: translateY(0px);
                 transform: translateY(0px);
             }
             10% {
                 -webkit-transform: translateY(6px);
                 -moz-transform: translateY(6px);
                 -ms-transform: translateY(6px);
                 -o-transform: translateY(6px);
                 transform: translateY(6px);
             }
             30% {
                 -webkit-transform: translateY(-4px);
                 -moz-transform: translateY(-4px);
                 -ms-transform: translateY(-4px);
                 -o-transform: translateY(-4px);
                 transform: translateY(-4px);
             }
             70% {
                 -webkit-transform: translateY(3px);
                 -moz-transform: translateY(3px);
                 -ms-transform: translateY(3px);
                 -o-transform: translateY(3px);
                 transform: translateY(3px);
             }
             90% {
                 -webkit-transform: translateY(-2px);
                 -moz-transform: translateY(-2px);
                 -ms-transform: translateY(-2px);
                 -o-transform: translateY(-2px);
                 transform: translateY(-2px);
             }
}

.ss_animate {
    -webkit-animation: badbounce 1s linear;
    -moz-animation: badbounce 1s linear;
    animation: badbounce 1s linear;
}

#ss_menu {
    bottom: 30px;
    width: 60px;
    height: 60px;
    color: #fff;
    position: fixed;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    right: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#ss_menu > .menu {
    margin-top: 120px;
    margin-left: -9px;
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #28a745!important;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    color: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

#ss_menu > .menu .share {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

#ss_menu > .menu .share .circle {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    margin-top: -6px;
    left: 12px;
    opacity: 1;
}

#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    content: '';
    opacity: 1;
    display: block;
    background: #28a745!important;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
}

#ss_menu > .menu .share .circle:after {
    left: 20.78461px;
    top: 12.0px;
}

#ss_menu > .menu .share .circle:before {
    left: 20.78461px;
    top: -12.0px;
}

#ss_menu > .menu .share .bar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    width: 24px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 18px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

#ss_menu > .menu .share .bar:before {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    content: '';
    width: 24px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#ss_menu > .menu .share.close .circle { opacity: 0; }

#ss_menu > .menu .share.close .bar {
    top: 50%;
    margin-top: -1.5px;
    left: 50%;
    margin-left: -12px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg);
}

#ss_menu > .menu .share.close .bar:before {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-450deg);
    -moz-transform: rotate(-450deg);
    -ms-transform: rotate(-450deg);
    -o-transform: rotate(-450deg);
    transform: rotate(-450deg);
}

#ss_menu > .menu.ss_active {
    background: #010514;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    margin-top: -180%;
    margin-left: 29%;
}

#ss_menu > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    background: #010514;
    border-radius: 50%;
    display: table;
}

#ss_menu > div i {
    display: table-cell;
    vertical-align: middle;
}

#ss_menu > div:hover {
    background: #010514;
    cursor: pointer;
}

#ss_menu div:nth-child(1) {
    top: -9px;
    left: -168px;
}

#ss_menu div:nth-child(2) {
    top: -80px;
    left: -142px;
}

#ss_menu div:nth-child(3) {
    top: -143px;
    left: -100px;
}

#ss_menu div:nth-child(4) {
    top: -200px;
    left: -46.0px;
}

#ss_menu div:nth-child(5) {
    top: -235px;
    left: 20.0px;
}
.ss-p-l-13 {
    padding-left:13px;
}
#ss_menu > .menu.ss_active .ss-p-l-13 {
    padding-left:13px;
    margin-top: 10px;
}
#ss_menu .img-responsive {
    padding:13px!important;
}
.hide-inner-icon .left-ind{
    display: none;
}
.hide-inner-icon .right-ind{
    display: none;
}

.invfrmb .invtbl .form-group{margin-bottom:5px !important;}
.binvrw{
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5 !important;
}

a.invbx.active  .custom-card{
    border: 1px solid #7183c7;
}
ul.role-list.disabled {
    background-color: rgb(242, 242, 242);
    border-color: rgb(152, 155, 168);
}

.bomview .card-body.disabled{
    opacity: 0.6;
    cursor: no-drop;
}
.rfq_attach_form .form-group {
    margin-bottom: 0px!important;
}
.word-break-width {
    word-break: break-all;
}
tr[data-role="chk-label"]{z-index: 998;}
tr[data-role="chk-label"] input[type="checkbox"]{z-index: 999;}
tr[data-role="chk-label"]:hover{
    background-color: #ededed;
}
.flat-inp {
    border: none;
    border-bottom: 1px solid #58a0eb;
    border-radius: 0px;
    text-align: left;
    background: none;
    box-shadow: none;
    padding-left: 12px;
    margin-left: 0px;
    margin-bottom:5px;
}

.flat-wrap:before {
    content: "\f040" !important;
    font-family: FontAwesome;
    position: absolute;
    margin-top: 10px;
    font-size: 12px;
    color: #3382bd;
}
.has-success .flat-inp,
.flat-inp:active,
.flat-inp:focus{
    -webkit-box-shadow: 0 8px 6px -6px rgb(102 175 233 / 60%) !important;
    -moz-box-shadow: 0 8px 6px -6px rgb(102 175 233 / 60%) !important;
    box-shadow: 0 8px 6px -6px rgb(102 175 233 / 60%) !important;
}
i.disabled-main-menu{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 30px;
    color: #cccccc;
}
.dashboard-g-box div[class*="sg-box-"].locked:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dashboard-g-box div[class*="sg-box-"].locked:hover .sg-box-heading {
    color: rgb(90, 95, 125);
}
.dashboard-g-box div[class*="sg-box-"].locked:hover img {
    transform: scale(1);
}
.ufrm label{font-weight: 500 !important;}

.inpcus .other_spec_name{min-height:37px !important;}
.inpcus .select2-container .select2-search--inline .select2-search__field{margin-top:3px !important;}
.inpcus .select2-container--default .select2-selection--multiple .select2-selection__choice{max-width:150px !important;}
.autopop .slimScrollDiv{padding-bottom:0px !important;}
.autopop ul li a{padding-right: 50px;}
ul.list-group-info{
    list-style-type: disclosure-closed;
    padding-left: 15px;
    font-size:14px;
}

ul.list-group-info li{
    margin-bottom: 10px;
    line-height: 22px;
}
.report-stock-box {
    color: rgb(59 62 78)!important;
}
.ser-inv-manual .form-group{
    margin-bottom: 0px!important;
}
ul.nav-tabs[role="tablist"] li a{
    border-color: #c3ccc5 !important;
    border-bottom-color: #fff !important;
    padding: 10px 10px !important;
}
ul.nav-tabs[role="tablist"] li.active a{
    color: #28a745;
    border-color: #28a745 !important;
    border-bottom-color: #fff !important;
    border-bottom-color: #fff !important;
    background-color: #d5f8dd;
    font-weight: bold;
}

.cuschkwd{width:19.5%;float:left;margin-right:5px;}
.cuschkwd label{margin-bottom: 0px;}
.icon-inp-cal {
  padding-left: 25px;
  background: url("../img/icons/calendar.png") no-repeat left;
  background-size: 15px;
  background-position-x: 5px;
}

.icon-inp-cal-r {
    padding-right: 25px;
    background: url("../img/icons/calendar.png") no-repeat left;
    background-size: 15px;
    background-position: right 5px top 8px;
}
.grn-qc-seal{
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 0.6;
}
.custom-card .card-body h4{
    margin-bottom:0px !important;
}
.dis-cursor {
    cursor: not-allowed;
}
.bg-order-danger {
    background-color: #ecd6da!important;
}

.stepper-vertical li.norwers{
    padding-left:5px;
    margin-left:0px;
}
.stepper-vertical li.norwers:before{
    display:none !important;
    width:0px;
    height:0px;
}
.add_attach_form .svkwrap{
    border: 1px #ccc dotted;
    padding:5px;
    margin:5px 15px 5px 0px;
}
.add_attach_form .svkwrap.rowbrk{
    margin-right:0px;
}
.fancybox-content {
    padding: 0px!important;
}
.marquee {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 3px;
    padding-top: 5px;
}
.marquee-wrap{
    ling-height:1px !important;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 25s linear infinite;
    font-size: 14px;
    line-height: 6px;
}
@keyframes marquee {
    0%   {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}
.cust-plane-inp{
    border: none;
    border-bottom: 1px solid;
    background-color: #eee;
}

.cust-plane-inp:focus-visible,
.cust-plane-inp:focus{
    border: none;
    border-bottom: 1px solid;
}
editable-input:has(> .awwsod) {
    width:75px !important;
}
.awwsod1{
    width:75px !important;
}
.kv-table-header .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px;
    padding-right: 0px;
}

.kv-table-header .select2-container--krajee-bs3 .select2-selection--single {
    padding: 4px 20px 6px 0px;
    font-size: 13px;
}
i.subal-danger{
    border: 5px solid #e63757;
    border-radius: 100px;
    padding: 15px;
    color: #e63757;
}
.bg-light-danger{
    background-color: #ffecf0 !important;
}


/*
# Report dashboard changes (22-08-2023)
*/

.first-block .report-boxs > .card-header > .card-title {
    font-size: 15px;
    line-height: 19px !important;
}
.first-block .report-boxs > .card-header >.card-img {
    width: 25px;
}
.prod-img .close-img {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #f00;
    background-color: #fff;
    /*    padding: 5px;*/
    font-size: 80%;
    border-radius: 50%;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.8);
    box-shadow: 0 1px 2px rgba(0,0,0,0.8);
}
.prod-img {
   /* width: 60px;
    height: 60px;*/
    background-color: #eee;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 7px;
    margin-top: 7px;
    white-space:normal;
}
.footer-grid-report .kv-float-footer .biz-grid-list-v{
    text-align: right!important;
}
.kv-float-footer {
    font-size:16px !important
}
.bg-light-danger{
    background-color: #ffdfe5 !important;
}
select[readonly]{
    pointer-events: none;
}
.switcher-control-dead {
    width: 225px!important;
}
.switcher-control-dead .switcher-indicator {
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
}
.switcher-control-dead .switcher-indicator:before {
    right: 200px;
    width: 24px;
    border-radius: 24px;
}
.switcher-control-dead .switcher-label-off,.switcher-control-def .switcher-label-on {
    width: calc(100% - 10px);
    line-height: 24px;
}
.switcher-control-dead .pad-text {
    color: #fff!important;
    padding-top: 4px!important;
}

.switcher-control-bd {
    width: 160px!important;
}
.switcher-control-bd .switcher-indicator {
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
}
.switcher-control-bd .switcher-indicator:before {
    right: 138px;
    width: 24px;
    border-radius: 24px;
}
.switcher-control-bd .switcher-label-off,.switcher-control-def .switcher-label-on {
    width: calc(100% - 10px);
    line-height: 24px;
}
.switcher-control-bd .pad-text {
    color: #fff!important;
    padding-top: 4px!important;
}

.reporting .role-custom-checkbox {
    position: absolute;
    top: 8px;
    right: 5px;
    height: 18px;
    width: 18px;
}

.reporting .custom-checkbox  .role-inner-box {
    padding: 8px 6px !important;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    height:35px;
}

.reporting .custom-checkbox .role-custom-checkbox:after {
    right: 6px !important;
    top: 3px !important;
    width: 5px !important;
    height: 10px !important;
}
.reporting .role-selection-box:first-child{
    margin-right:15px;
}
.report-summary-head{

}
.report-summary-head span.rheads:first-child{
    padding-left:0px;
    margin-left: 0px;
}
.report-summary-head span.rheads{
    float: left;
    display: inline-block;
    margin-right: 5px;
    border-right: 2px solid #ccc;
    padding-left: 5px;
}
span.nobrdr{
    border-right:none !important;
}
.bomrptype{
    border-radius: 5px !important;
}

.reporting .custom-checkbox input:checked ~ .role-inner-box div{
    color: rgb(39 43 60) !important;
}
.info-card{
    width:100%
}
.info-card .info-card-body{
    min-height:50px;
    border-radius:10px;
    padding:10px;
}
.info-card-light-cream .info-card-body{
    background-color:#FAF3F0;
}
.info-card-light-grey .info-card-body{
    background-color:#D4E2D4;
}
.info-card-light-pink .info-card-body{
    background-color:#FFCACC;
}
.info-card-light-purple .info-card-body{
    background-color:#DBC4F0;
}
.img-lgr{
    margin-bottom: -8px!important;
}
.accouncement{
    position: fixed;
    right: 20px;
    top: 120px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
@-webkit-keyframes blackWhite {  
  0% { color: #f6c343; }
  50% { color: #f6c343; }
  51% { color: #e63757; }
  100% { color: #e63757; }
}

@-webkit-keyframes blackWhiteFade {  
  0% { color: #f6c343; }
  50% { color: #e63757; }
  100% { color: #f6c343; }
}

.accouncement a {
    height: 100px;
    color: #f6c343;
  -webkit-animation-name: blackWhite;
  /* -webkit-animation-name: blackWhiteFade; */
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-duration: 1s; 
}


.spinfo{
    position: fixed;
    right: 20px;
    top: 90px;
    transition: all 1s ease;
}

.spinfo a {
    display: block;
    height:64px;
    width: 64px;
    background-image: url("../img/medal-icon.png");    
    background-size: contain;
    background-repeat: no-repeat;    
    background-position: top right;
    cursor:pointer;
}
.gifti{
    position: fixed;
    right: 20px;
    top: 160px;
    transition: all 1s ease;
}
.gifti a {
    background-image: url("../img/icons/alerts.svg");    
    background-size: contain;
    background-repeat: no-repeat;    
    background-position: top right;
    cursor:pointer;
    width: 48px;
    height:48px;
    display: block;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}
hr {border-top: 1px solid #cccccc;}
.chkbold label{font-weight:500;}

.bg-soft-101{background-color: #EAF8EF !important;}
.bg-soft-102{background-color: #FAF1F1 !important;}
.bg-soft-103{background-color: #E5F0FA !important;}

.right-modal .modal-dialog{position: fixed;margin: auto;width: 320px;height: 90%;right: 15px;top:10px;}
.right-modal .modal-dialog .close {left:-13px;top:0px;}
.tr-hover-cl{
    cursor: pointer;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    -moz-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    -o-box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
    box-shadow: 0 5px 15px rgba(99, 133, 185, 0.267) !important;
}
.input-group-addon {
     padding: 6px 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.table-sm, .table thead th{font-size: 1.4rem!important;}
.form-control{padding:6px 6px !important;font-size: 1.4rem!important;color: #000000;}
.itmMrp, .itmDiscPer, .itmDisc, .itmRate, .inpval{text-align: right !important;}
.itmQty {text-align:center !important;}

.popover{z-index:999}
.po-item-row{}
.po-item-row:hover{cursor: pointer;transition: 0.3s;background: #fffafa;    -webkit-box-shadow: 0px 6px 16px rgba(52, 105, 203, .16);
    box-shadow: 0px 6px 16px rgba(52, 105, 203, .16);}
.bg-blue {
    background-color: #272727 !important;
} 
.home-dashboard .first-block .custom-card > .card-body > .card-details.topl{in-height: 20px !important;
    border-top: 1px dashed #86a5c1;
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 1.4rem;
}
.bg-blue{
    background-color: #272727 !important
}
a.primary-link{
    font-style: italic;
    color: #0130B9;
    font-weight: 500;
}
.text-italic{font-style: italic;}