body {
    color: #4d4e53 !important;
    display: flex !important;
    min-height: 100vh;
    font-weight: 400;
}

p span {
    font-weight: 600;
    color: #4d4e53;
}

.heavy {
    font-weight: 500;
}

.uppercase {
    text-transform: uppercase;
}

.red {
    color: #d4313d !important;
}

    .red:hover {
        color: #d4313d !important;
    }

.green {
    color: #35a845 !important;
}

    .green span {
        color: #35a845 !important;
    }

.blue {
    color: #25a9e0 !important;
}

.darkblue {
    color: #00579a !important;
}


.orange {
    color: #f48f0c !important
}

    .orange span {
        color: #f48f0c !important
    }

a:hover {
    text-decoration: none;
}

.login-body {
    /*background: url(../img/bg-3.jpg) no-repeat fixed;*/
    background-position: 40% 40%;
    padding: 0px;
    margin: 0px;
    height: 100vh;
    background-color: #fafafa;
}
/*LOGIN SECTION START*/
.login-section {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
}

    .login-section img {
        width: 60%;
    }

    .login-section p {
        font-size: 0.9rem;
    }

.login-box {
    background-color: #fff;
    padding: 30px 15px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 20%);
    border: 1px solid #ccc;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.login-fields {
    display: flex;
}

    .login-fields form {
        width: 100%;
    }

    .login-fields h5 {
        text-shadow: 0px 0px 0.5px #000;
        font-weight: 100;
        font-size: 1.5rem;
    }

    .login-fields .custom-checkbox {
        font-size: 1rem;
        font-weight: normal;
        width: auto !important;
        height: auto !important;
    }

.btn-login {
    min-height: 50px;
    width: 100%;
    background-color: #00579a !important;
    border-color: #00579a !important;
    font-size: 1rem !important;
    color: #fff !important;
}

    .btn-login:hover {
        background-color: #00579a !important;
        border-color: #00579a !important;
        font-size: 1rem !important;
        color: #fff !important;
    }

.welcome-note {
    background: linear-gradient(20deg, rgba(0,87,154,1) 53%, rgba(37,169,224,1) 100%);
    display: flex;
}

    .welcome-note p {
        color: #fff !important
    }

    .welcome-note h4 {
        color: #fff !important
    }

.login-fields .form-group {
    margin-bottom: 1rem;
}

.creditcard-screen {
    height: 100%;
    width: 100%;
    background-color: #fafafa;
    margin: 0px;
}

.alert.alert-warning {
    background: #fcc95c !important;
    border: 0px solid #fcc95c !important;
    color: #111111 !important;
    border-left: 4px solid #f89c0f !important;
    border-radius: 0px;
}

.alert-success {
    background: #c3e6cb !important;
    border: 0px solid #c3e6cb !important;
    color: #111111 !important;
    border-left: 4px solid #155724 !important;
    border-radius: 0px;
}

.alert-danger {
    background: #f5c6cb !important;
    border: 0px solid #721c24 !important;
    color: #111111 !important;
    border-left: 4px solid #721c24 !important;
    border-radius: 0px;
}

.table thead th, .table thead td {
    font-weight: 600 !important;
    border-bottom-width: 1px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    background-color: #f4f4fb;
    color: #4c4c4c;
    font-size: 0.9em;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #ebedf2;
    font-size: 0.9rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.navigation {
    background-color: #f9f9fc;
    position: sticky;
    z-index: 1;
    top: 65px;
}

.subscription.navigation {
    background-color: #f9f9fc;
    position: sticky;
    z-index: 1;
    top: 65px;
}

.navigation .kt-portlet {
    background-color: transparent !important;
}

.navigation .kt-portlet__body {
    background-color: transparent !important;
}

.quantity-section {
    background-color: #f9f9fc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.creditcard-section {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%) translateY(-45%);
}

    .creditcard-section .logo {
        width: 85%;
    }

.creditcard-screen img {
    width: 100%;
}

.secure-text {
    font-size: 1.2rem;
}

.creditecard-fields {
    background-color: #fff;
    padding: 30px 15px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
    border: 1px solid #ccc;
    border-radius: 0px;
}

    .creditecard-fields h5 {
        text-shadow: 0px 0px 0.5px #000;
        font-weight: 100;
        font-size: 1.3rem;
    }

    .creditecard-fields h6 {
        font-weight: 100;
        font-size: 1.1rem;
        margin-bottom: 0px;
    }

    .creditecard-fields .custom-checkbox {
        font-size: 1.1rem;
        font-weight: normal;
    }

    .creditecard-fields .form-group {
        margin-bottom: 1rem;
    }

.btn [class*=" fa-"] {
    font-size: 1rem;
}

.authorize {
    align-items: center;
}

    .authorize img {
        justify-content: center;
        align-items: center;
        width: 90%;
    }

.payment img {
    width: 20%;
    margin: 0px;
}

.btn-login {
    min-height: 50px;
    width: 100%;
    background-color: #00579a !important;
}

.forgot-password {
    font-weight: 600;
    font-size: 1.1rem;
}
/*LOGIN SECTION END*/

.kt-mycart .kt-mycart__head {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem;
    background-position: center;
    background-size: cover;
    background-color: #25a9e0 !important;
}

    .kt-mycart .kt-mycart__head .kt-mycart__info .kt-mycart__title {
        padding-left: 0rem;
        color: #fff;
        font-size: 1.3rem;
        font-weight: 500;
        margin: 0;
    }

.dropdown-menu {
    min-width: 20.4rem;
    font-size: 1.1rem;
    font-weight: 400;
}

.kt-quick-search .kt-quick-search__form .form-control {
    border: 0;
    background: none;
    outline: none !important;
    box-shadow: none;
    color: #383a44;
    background-color: transparent;
    font-size: 13px;
    border: 0;
    padding-left: 10px;
    padding-right: 0;
}

.kt-quick-search .kt-quick-search__form .form-control {
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: calc(1.5em + 0.5rem + 0px);
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
    display: flex;
    align-self: center;
    padding: 0px;
    font-weight: 500;
    font-size: 1.2rem;
    color: #636177;
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
    display: inline-block;
    align-self: center;
    padding: 0px 5px;
    font-weight: 500;
    font-size: 1.2rem;
    color: #36344d;
}

.cloud-ax .btn:hover .blue-logo, .cloud-ax .btn:focus .blue-logo, .cloud-ax .btn:active .blue-logo {
    display: none;
}

.cloud-ax .btn:hover .white-logo, .cloud-ax .btn:focus .white-logo, .cloud-ax .btn:active .white-logo {
    display: inline-flex !important;
}


.items {
    border: 1px solid #e5e8e8;
    background-color: #fff;
    padding: 15px 0;
}

.btn-main {
    background-color: #00579a
}

.form-control {
    border-radius: 3px;
    border: 1px solid #7d7d7d;
    color: #4d4d4f;
    text-shadow: 0px 0px 0.5px #000;
    font-size: 1rem;
    font-weight: 300;
}
/*CHECKBOX*/

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 0px 0px 0.5px #343434;
}

    /* Hide the browser's default checkbox */
    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #343434;
    border-radius: 3px;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #343434;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #00579a;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox .middle-align {
    left: 18px !important;
}

.promotion-line {
    background-color: #d63240;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .promotion-line p {
        color: #fff;
        text-transform: uppercase;
        margin: 0px;
    }

.header {
    background-color: #fbfbfb;
    padding-top: 12px;
    padding-bottom: 12px;
}

nav ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0px;
}

    nav ul li {
        list-style: none;
    }

        nav ul li a {
            color: #222;
            opacity: 0.8;
            font-size: 1rem;
        }

.actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
}

    .actions li {
        list-style: none;
        margin-left: 2rem;
    }

        .actions li a {
            color: #d8d8d8;
            font-size: 1.4rem;
            position: relative;
        }

            .actions li a .badge {
                width: 20px;
                height: 20px;
                border-radius: 100%;
                background-color: #ff3030;
                color: #fff;
                font-size: 60%;
                position: absolute;
                left: 55%;
                bottom: 55%;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 16px;
            }

.user-image {
    background-color: #00579a;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .user-image label {
        margin-bottom: 0px;
    }

.strike {
    position: relative;
    color: #939393;
    font-size: 1.1rem !important;
    margin-right: 5px;
}

    .strike:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: inherit;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

.item-list {
    display: flex;
}

.item {
    margin: 0px;
    border-radius: 0px;
    /* box-shadow: 0px 0px 3px #ccc; */
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 4px;
}

.item-image {
    text-align: center;
}

    .item-image img {
        width: 80%;
    }

.item-actions .svg-inline--fa {
    font-size: 1.3rem;
    margin-left: 5px;
}

.item-actions .fav-item {
    color: #d63240 !important;
}

.item-actions .far.fa-star:hover {
    color: #d63240 !important;
}

.item h5 {
    font-size: 1.4rem;
/*    text-transform: uppercase;*/
    margin-bottom: 0rem;
    color: #616265 !important;
}

    .item h5 a {
        font-size: 1.2rem;
/*        text-transform: uppercase;*/
        margin-bottom: 0rem;
        color: #616265 !important;
    }

.manufacturer {
    font-size: 1.1rem !important;
    margin-bottom: 1rem !important;
    color: #939393;
    margin-top: 0.6rem;
}

.item p {
    font-size: 1rem;
    margin-bottom: 5px;
}

.btn-cart {
    background-color: #007bff !important;
    color: #fff;
    border-radius: 0px;
    border-radius: 0px;
    font-size: 0.9rem;
}

.btn-cart {
    background-color: #25a9e0 !important;
    color: #fff;
    border-radius: 0px;
    border-radius: 0px;
    font-size: 0.9rem;
}

.btn-primary {
    background-color: #007bff !important;
    border-color: #007bff !important;
    font-weight: 300;
}

.btn-secondary {
    font-size: 1.2rem;
}

    .btn-secondary:hover {
        background-color: #efefef;
        border-color: #efefef;
    }

    .btn-secondary:focus {
        background-color: #efefef;
        border-color: #efefef;
    }

.btn-primary:hover {
    background-color: #25a9e0 !important;
    border-color: #25a9e0 !important;
}

.btn-cancel {
    background-color: #8c8d8e !important;
    border: 1px solid #8c8d8e !important;
    color: #fff;
}

    .btn-cancel:hover {
        background-color: #8c8d8e !important;
        border: 1px solid #8c8d8e !important;
        opacity: 0.9;
        color: #fff;
    }


.specs {
    padding-left: 15px;
}

.zero-leftpadding {
    padding-left: 0px;
}

.zero-rightpadding {
    padding-right: 0px;
}

.icons {
    background: #00579a;
    padding: 4px;
    border-radius: 0px;
    color: #fff;
    width: 100%;
    text-align: center;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-header {
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #efefef !important;
}

.currentprice {
    color: #d63240 !important;
    font-size: 1.2rem !important;
    font-weight: 500;
}

.pricing {
    margin-bottom: 0px;
}

.offers {
    font-size: 1rem !important;
}

.energy-star img {
    width: 15%;
    margin-left: 5px;
}

.padding-side-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.subnav-menu {
    display: flex;
}

    .subnav-menu li {
        display: flex;
        flex-direction: column;
    }

        .subnav-menu li .link {
            color: #007bff;
            cursor: pointer
        }

        .subnav-menu li a:not(.link) {
            color: #222;
            cursor: pointer
        }

.card {
    border-radius: 0px !important;
    border: 0px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.3rem 0.5rem;
    margin-left: -1px;
    line-height: 1;
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #222 !important;
    font-size: 1.1rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
}

.page-link:hover {
    position: relative;
    display: block;
    padding: 0.3rem 0.5rem;
    margin-left: -1px;
    line-height: 1;
    color: #fff !important;
    background-color: #00579a !important;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff !important;
    background-color: #00579a !important;
    border-color: #00579a !important;
}

.records-dropdown {
    padding: 0px !important;
    border: 0px solid transparent !important;
}

.extra-space {
    padding-top: 15px;
    padding-bottom: 15px;
}

.secondary-header {
}

.breadcrumb {
    background-color: transparent;
    padding: 0px;
}

.category-path .breadcrumb {
    background-color: transparent;
    padding-left: 2px;
}

.search-field {
}

.search-icon {
    background-color: #4d4e53;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .search-icon a {
        color: #fff;
    }

.delete-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-as .svg-inline--fa {
    font-size: 1.7rem;
    margin-left: 10px;
    color: #ccc;
}


.view-as {
    color: #ccc;
    font-size: 1.8rem;
    cursor: pointer;
}

    .view-as i {
        margin: 0px 3px;
    }

    .view-as .active {
        color: #4d4e53 !important;
    }

.print .svg-inline--fa {
    font-size: 1.3rem;
    color: #4d4e53 !important;
}

.print i {
    font-size: 1.3rem !important;
    color: #4d4e53 !important;
}

.grey-bg {
    background-color: #efefef;
    padding: 10px;
}

.availablity {
    font-size: 0.85rem !important;
    margin-top: 0px;
}

    .availablity span {
        font-weight: 400;
    }

.availablity-other {
    font-size: 0.9rem !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mark-fav {
    font-size: 0.9rem;
}

.search-filters .card-header {
    background-color: transparent !important;
}

.search-filters .card-body {
    background-color: #efefef !important;
}

.search-filters .btn-link {
    color: #4d4e53 !important;
    font-size: 1.1rem;
}

.accordin-icon {
    font-size: 1.5rem;
    margin-right: 15px;
}

.accordin-heading {
    display: flex;
    align-items: center;
}

.filter-list {
    padding: 0px !important;
    margin: 0px !important;
}

    .filter-list li {
        list-style: none;
        margin-bottom: 12px;
    }

        .filter-list li .checkmark {
            position: absolute;
            top: 50%;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #fff !important;
            border: 1px solid #5e5050;
            border-radius: 2px;
            transform: translateY(-50%);
        }

.contract-detail .kt-portlet {
    max-height: 160px;
    min-height: 150px;
}

.kt-portlet {
    box-shadow: none !important;
}

.kt-portlet--sortable {
    border: 1px solid #ebedf2;
}


.kt-portlet__head {
    background-color: #efefef;
    border-bottom: 1px solid #ebedf2;
    padding: 15px;
}

.contract-detail .kt-portlet__head {
    background-color: #fff;
    border-radius: 0px !important;
    padding: 15px !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: stretch !important;
    border-bottom: 0px solid transparent !important;
}

.kt-portlet .kt-portlet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ebedf2;
    min-height: 50px;
    border-radius: 5px;
}

    .kt-portlet .kt-portlet__head .kt-portlet__head-label {
        display: flex;
        align-items: flex-start;
        align-content: flex-first;
        flex-direction: column;
    }

        .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
            font-weight: 600 !important;
            font-size: 1.3rem;
        }

.accordion .card .card-header {
    padding: 0 !important;
    font-weight: bold !important;
    background-color: transparent !important;
}

    .accordion .card .card-header .card-title {
        font-weight: bold !important;
        min-height: 60px;
    }

.kt-portlet__body .card-body {
    background-color: #efefef;
    padding: 25px !important;
    margin-bottom: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 5px;
}

.accordion.accordion-svg-icon .card .card-header .card-title .kt-svg-icon {
    flex: auto !important;
}

.accordion .card .card-header .card-title > i {
    color: #48465b !important;
}

.kt-svg-icon {
    height: auto !important;
    width: auto !important;
}

    .kt-svg-icon:before {
        font-size: 30px;
    }

.toggle-icon {
    height: auto !important;
    width: auto !important;
}

    .toggle-icon:before {
        font-size: 20px;
    }

.top-recommendations .card .card-header div[aria-expanded="false"] .toggle-icon:before {
    font-size: 20px;
    content: "\f067" !important;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.top-recommendations .card .card-header div[aria-expanded="true"] .toggle-icon:before {
    font-size: 20px;
    content: "\f068" !important;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.3s;
}

footer {
    padding: 50px;
}

.red-banner {
    /*  background-image: linear-gradient(to top, #EE3E5E, #C42928);*/
    height: 130px;
    color: #fff;
    display: flex;
    align-items: center;
    background-color: #C43D3D;
}

    .red-banner h3 {
        text-transform: uppercase;
        font-size: 1.5rem;
    }

        .red-banner h3 span {
            display: block;
            text-transform: uppercase;
            font-size: 1.5rem;
            margin-bottom: 2px;
        }

.uppercase {
    text-transform: uppercase;
}

.deal-items {
    margin: 0px;
    padding: 0px;
}

    .deal-items li {
        list-style: none;
        padding: 10px 0px;
        border-bottom: 1px dotted #ccc;
    }

        .deal-items li:last-child {
            border-bottom: 0px;
        }

        .deal-items li label {
            margin-bottom: 2px;
            font-size: 0.9rem;
        }

            .deal-items li label a {
                color: #25a9e0 !important;
            }

.deal-itemsli .latest-item-img {
    border-right: 1px solid #ccc;
}

.deal-items li img {
    width: 100%;
}

.deal-items li h6 {
    font-size: 0.9rem;
    font-weight: 600;
    color: #42444a;
    margin-bottom: 0px;
}

.deal-items li h5 {
    font-size: 1rem;
    color: #42444a;
    margin-bottom: 0px;
    font-weight: 600;
}

.view {
    color: #25a9e0 !important;
}

.no-bg {
    background: #efefef !important;
}

    .no-bg .section {
        padding-top: 30px;
        padding-bottom: 15px;
    }

.footer {
    color: #616265 !important;
    font-weight: 500;
    font-size: 1rem;
}

.brands-items li a {
    color: #616265 !important
}

.brands-items li label a {
    color: #25a9e0 !important
}

.footer h4 {
    font-weight: 600;
    color: #222;
    position: relative;
    margin-top: 0px;
}

.footer img {
    width: 68%;
}

.footer p span {
    color: #39b7ec !important;
    text-transform: uppercase;
    display: block;
    font-size: 1.2rem;
}

.footer ul {
    margin: 0px;
    padding: 0px;
}

.footer li {
    list-style: none;
}

.social-media {
    display: flex;
    margin: 0px;
    padding: 0px;
}

    .social-media li {
        margin: 0 3px;
        background-color: #333333;
        padding: 4px 10px;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        list-style: none;
        font-size: 1.4rem;
    }

    .social-media .svg-inline--fa {
        font-size: 1.5em !important;
    }

.footer-bottom {
    background-color: #2e2e2e;
    padding: 20px 0px;
    color: #fff;
}

    .footer-bottom p {
        margin: 0px !important;
        text-align: left;
    }

.footer-menu {
    display: flex;
    margin: 0px !important;
    justify-content: flex-end;
}

    .footer-menu li {
        list-style: none;
        margin: 0px 10px;
        color: #6b646b;
        cursor: pointer;
    }

        .footer-menu li a {
            color: #6b646b;
        }

.footer .form-control {
    margin-bottom: 10px;
}

.btn-danger {
    color: #fff;
    background-color: #c42928 !important;
    border-color: #c42928 !important;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #d9534f !important;
        border-color: #d43f3a !important;
    }

.certified-logos img {
    width: 23% !important;
    margin: 0px 1% 0% 0% !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

.btn-deals {
    background-color: #C42928;
    border-color: #C42928;
    font-weight: 500;
    border-radius: 0px;
    opacity: 1;
    font-size: 0.9rem;
    margin-top: 5px;
}

    .btn-deals:hover {
        background-color: #C42928 !important;
        border-color: #C42928 !important;
        font-weight: 500;
        border-radius: 0px;
        opacity: 0.9;
    }

.item-detail-image {
    text-align: center;
}

    .item-detail-image img {
        width: 60%;
        display:none;
    }

.manufacturer-heading .manufacturer {
    font-size: 1.2rem !important;
}

.manufacturer-logo img {
    width: 100%;
}

.manufacturer-details {
    border: 3px solid #efefef;
    padding: 10px;
}

    .manufacturer-details .availablity {
        font-size: 1.1rem !important;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .manufacturer-details .strike {
        position: relative;
        color: #939393;
        font-size: 1.3rem !important;
        margin-right: 5px;
    }

    .manufacturer-details .currentprice {
        color: #d63240 !important;
        font-size: 1.8rem !important;
        font-weight: 500;
    }

    .manufacturer-details p {
        margin-bottom: 0px;
    }

.item-detail .desc {
    font-size: 1.1rem;
    text-align: justify;
    margin-bottom: 1.5rem;
    margin-top: 1.2rem;
}

.add-to-cart {
    background-color: #efefef;
    padding: 15px;
}

.btn-cart {
    height: 100%;
}

.item-detail .btn-cart {
    font-size: 1.1rem;
    width: 100%;
    height: 100%;
}

.warranty-list {
    margin: 0px;
    padding: 0px;
}

    .warranty-list li {
        list-style: none;
        margin-bottom: 8px;
    }

.item-detail h6 {
    color: #4d4e53 !important;
    font-size: 1rem;
    font-weight: 600;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-item {
    margin-bottom: 0px;
}

.nav-tabs.nav-tabs-line .nav-item {
    margin-right: 10px;
    margin-bottom: -1px;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link, .nav-tabs.nav-tabs-line a.nav-link {
    background-color: #efeff0;
    color: #00579a;
    font-size: 1rem;
    padding: 10px;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active {
    color: #fff;
    border-bottom: 1px solid #00579a;
    background-color: #00579a;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-3x {
    border-bottom-color: #00579a;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {
    border-bottom-width: 0px !important;
}

.btn {
    border-radius: 3px !important;
}

.indicators {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .indicators i {
        font-size: 1.8rem !important;
        color: #25a9e0 !important
    }

    .indicators .red i {
        color: #d4313d !important
    }

.cart-table .thead-light th {
    color: #4d4d4f;
    font-weight: 600 !important;
}

.estimatetable .thead-light th {
    color: #fff;
    font-weight: 600 !important;
    background-color: #00579a;
}

.cart-table th {
    vertical-align: middle !important;
}

.cart-table tr td h5 {
    font-size: 1rem;
}

.cart-table tr td .manufacturer {
    font-size: 0.9rem !important;
}

.cart-table .indicators i {
    font-size: 1.2rem !important;
}

.cart-item {
    border: 1px solid #e2e2e2 !important;
}

.cart-table tr .one {
    text-align: center;
    width: 130px;
    max-width: 130px;
    min-width: 130px;
}

    .cart-table tr .one img {
        width: 100%;
    }

.cart-table tr .two {
    max-width: 290px;
    width: 290px;
    min-width: 290px;
}

.cart-table tr .table-availablity {
    max-width: 110px;
    width: 110px;
    min-width: 110px;
}

.cart-table tr .price-heading {
    max-width: 145px;
    width: 145px;
    min-width: 145px;
}

.cart-table tr .currentprice {
    font-size: 1.1rem !important;
}

.cart-table tr .total-price {
    font-size: 1.1rem !important;
}

.cart-table tr .quantity {
    max-width: 90px;
    width: 90px;
}

.cart-table {
    margin-bottom: 0px;
}

    .cart-table tr .tbl-date {
        max-width: 130px;
        width: 130px;
        min-width: 130px;
    }

.warehouse-cart {
    margin-bottom: 0px;
}

    .warehouse-cart .one {
        text-align: center;
        width: 250px !important;
        max-width: 250px !important;
        min-width: 250px !important;
    }

    .warehouse-cart tr .one {
        text-align: center;
        width: 150px !important;
        max-width: 150px !important;
        min-width: 150px !important;
    }

    .warehouse-cart .two {
        max-width: 500px;
        width: 500px;
        min-width: 500px;
    }

    .warehouse-cart .inventory-type {
        max-width: 20%;
        width: 20%;
        min-width: 20%;
    }

.summary-table tr .inventory-type {
    max-width: 20%;
    width: 20%;
    min-width: 20%;
}

.cart-table tr .two {
    max-width: 500px;
    width: 500px;
    min-width: 500px;
}

.no-border td {
    border-top: 0px solid #ebedf2;
}

.add-on td:first-child {
    padding-left: 30px !important;
}

.top-recommendations {
    margin-left: 140px;
    margin-right: 0.75rem;
}

    .top-recommendations hr {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    .top-recommendations .accordion .card .card-header {
        padding: 0px !important;
        color: #00579a !important;
        background-color: transparent !important;
    }

        .top-recommendations .accordion .card .card-header .card-title {
            padding: 0px !important;
            color: #00579a !important;
        }

            .top-recommendations .accordion .card .card-header .card-title i {
                color: #00579a !important;
            }

    .top-recommendations .accordion.accordion-svg-icon .card:last-child .card-body {
        padding-left: 0px !important;
    }

.cart-table tr td .item-detail {
    font-size: 0.9rem !important;
}

.cart-table tr td .availablity {
    font-size: 1rem !important;
}

.total-price {
    font-weight: 600 !important;
    font-size: 1.3rem;
}

.delete {
    color: #F72828;
}

.cart-table tr td i {
    font-size: 1rem;
    margin-right: 3px
}

.order-tracking-table tr td {
    vertical-align: middle !important;
}

.order-tracking-table .invoice img {
    width: 8%;
}

.order-tracking-table tr td i {
    font-size: 1rem !important;
}

.single-order-tracking-table .top-fav-items {
    border-bottom: 0px solid;
}


.single-order-details-table thead th, .single-order-details-table thead td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.9rem;
}

.action-column {
    vertical-align: middle;
    text-align: right;
}

.order-summary {
    background-color: #fafafa !important;
    color: #4d4e53 !important;
    padding: 20px;
    border-radius: 0px;
}

    .order-summary h3 {
        font-weight: 400;
    }

    .order-summary h5 {
        color: #4d4e53 !important;
        font-weight: 600;
    }

    .order-summary hr {
        border-top: 2px solid #4d4e53 !important;
    }

.white-bg {
    background-color: #fff !important;
}

.btn-checkout {
    background-color: #C42928 !important;
    border: 1px solid #C42928 !important;
    color: #fff;
}

    .btn-checkout:hover {
        background-color: #C42928 !important;
        border: 1px solid #C42928 !important;
        opacity: 0.9;
        color: #fff;
    }

.order-details hr {
    background-color: #8c8d8e;
    margin: 20px 0;
}

.related-items {
    margin-bottom: 5rem !important;
}

    .related-items li {
        padding: 20px;
    }

    .related-items img {
        width: 80%;
        border: 0px solid !important;
        margin: 0px !important;
    }

    .related-items .lightSlider.lsGrab > * {
        text-align: center !important;
    }

    .related-items a {
        font-size: 0.9rem;
        text-align: left !important;
    }

    .related-items .price {
        font-weight: 500;
        color: #000;
        margin-top: 1rem;
        margin-bottom: 0px;
    }

.footer-actions {
    text-transform: uppercase;
    font-size: 1rem !important;
}



.additional-discount .card {
    background-color: transparent !important;
}

    .additional-discount .card .card-header .card-title {
        color: #4d4e53 !important;
        font-size: 1rem !important;
        padding: 0px !important;
        font-weight: 600 !important;
    }

    .additional-discount .card .card-header .card-title {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
    }

        .additional-discount .card .card-header .card-title > label i {
            color: #4d4e53 !important;
            margin-left: 5px;
            cursor: pointer !important;
        }

            .additional-discount .card .card-header .card-title > label i:hover {
                color: #4d4e53 !important;
                margin-left: 5px;
                cursor: pointer !important;
                background-color: #b5b5b5;
                border-radius: 50%;
            }

    .additional-discount .card .card-body {
        padding: 10px !important;
        background-color: rgba(0,0,0,0.05);
        ;
    }

.recommendations img {
    width: 80% !important;
}

.recommendations .price {
    font-weight: 500;
    color: #000;
    margin-top: 1rem;
    margin-bottom: 0px;
}

.recentlyViewed-items img {
    width: 40% !important;
    margin-bottom: 10px;
    margin: 10px auto;
}

.recentlyViewed-items li {
    text-align: center;
    min-height: 300px !important;
}

.recentlyViewed-items .kt-portlet__body {
    min-height: 280px;
}

.recentlyViewed-items .price {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.recentlyViewed-items hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.accessories-list img {
    width: 100%;
}

.recommendations {
    width: 100% !important;
    position: relative;
}

.btn.btn-label-danger {
    background-color: #f23846;
    color: #fff;
    cursor: text !important;
}

.btn.btn-label-success {
    background-color: #1dc9b7;
    color: #fff;
    cursor: text !important;
}

.btn.btn-label-warning {
    background-color: #ffb822;
    color: #fff;
    cursor: text !important;
}

.btn.btn-label-confirmed {
    background-color: #3fa844;
    color: #fff;
    cursor: text !important;
}

.step {
    text-align: center;
    width: 14%;
    position: relative;
    float: left;
}

.last-step {
    width: 5% !important;
}

.step-success .imgcircle {
    background-color: #33accc;
    border-color: #33accc;
}

.step-success .step-one {
    background-color: #f23846;
    border-color: #f23846;
}

.step-success .step-two {
    background-color: #fca917;
    border-color: #fca917;
}

.step-success .final-step {
    background-color: #3fa844;
    border-color: #3fa844;
}

span.line {
    height: 5px;
    width: 90px;
    background-color: #ddd;
    display: block;
    position: absolute;
    top: 35%;
    left: 45%;
}

.step-success span.line {
    background-color: #33accc;
}

.step-success span.first-line {
    background-color: #fca917;
}

.step-success span.second-line {
    background-color: #3fa844;
}

.step p {
    font-size: 1rem !important;
    font-weight: 600;
    margin: 0px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%);
    width: 200px;
    text-align: center;
}




.last-step p {
    margin: 20px 0px 0px 0px !important;
}

.imgcircle {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ddd;
}

    .imgcircle i {
        color: #ddd;
        font-size: 2rem !important;
    }

.step-success .imgcircle i {
    color: #fff;
    font-size: 2.5rem;
}

.status {
    font-size: 28px;
    margin: 0px 0px 0 0;
    vertical-align: middle;
    line-height: 0px;
    width: 15px;
    display: inline-block;
    text-align: initial;
}

.text-confirmed {
    color: #3fa844;
}

.text-success {
    color: #35a845 !important;
}

.text-danger {
    color: #f23846 !important;
}

.text-warning {
    color: #fca917 !important
}

.single-order-detail h6 {
    font-size: 1.3rem;
    font-weight: 100;
    color: #4d4e53 !important;
    margin: 0px;
}

    .single-order-detail h6 span {
        font-weight: 600;
    }

.block {
    display: block;
}

.grey-page {
    background: #f9f9fc !important;
}

.kt-portlet {
    border-radius: 3px !important;
}

.kt-portlet__head {
    background-color: #fff;
}

.kt-portlet__body {
    background-color: #fff !important;
    display: block !important;
}

.kt-portlet .kt-portlet__foot {
    padding: 15px 25px !important;
    border-radius: 0px !important;
    text-align: right;
    background-color: #fff !important;
}

.kt-portlet.kt-portlet--unround .kt-portlet__head {
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.right-info {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .right-info h4 {
        color: #fff;
        font-weight: 500;
        font-size: 1.1rem !important;
        text-transform: initial;
    }

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
    height: calc(1.3em + 1rem);
    width: calc(1.3em + 1rem);
    background-clip: padding-box;
    margin-left: 0.5px;
    background: #25a9e0;
    color: #fff;
    font-size: 1.4rem;
}


.kt-header-toolbar {
    flex: auto;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.kt-quick-search {
    padding: 0rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .kt-quick-search .kt-quick-search__form {
        padding: 0;
        background-color: transparent;
        border: 0px #c2c2d0 solid;
        border-radius: 0px;
    }

        .kt-quick-search .kt-quick-search__form .input-group {
            background-color: transparent;
        }

.kt-header__topbar .kt-header__topbar-item {
    display: flex;
    align-items: stretch;
    margin: 0px 3px;
    background-color: #fff;
    border-radius: 5px;
    padding: 2px;
}

.top-menu-dropdown .top-sub-menu {
    min-width: 75rem !important;
    font-size: 1.1rem;
    font-weight: 400;
}

.top-menu .dropdown {
    margin: 0px 2px;
}

.top-menu-items {
    color: #00579a !important;
}

.top-menu-item i {
    font-size: 0.9rem;
}

.support .ax-main_menu_items {
    height: auto !important;
}

.ax-main_menu_items {
    padding: 0px;
    margin: 0px;
    flex: 0 0 100%;
    display: flex;
    height: 500px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

    .ax-main_menu_items li {
        list-style: none;
        color: #212529;
        font-weight: 100;
        font-size: 0.9rem;
        padding-left: 20px;
        /* flex: 0 0 30%; */
        flex-direction: column;
        width: 25%;
        box-shadow: none !important;
    }

        .ax-main_menu_items li a {
            list-style: none;
            color: #212529;
        }

.main_menu_items_heading {
    font-weight: 600;
}

.top-menu-dropdown .support {
    min-width: 20rem !important;
}

    .top-menu-dropdown .support .ax-main_menu_items li {
        list-style: none;
        color: #212529;
        font-weight: 100;
        font-size: 0.9rem;
        padding-left: 20px;
        /* flex: 0 0 30%; */
        flex-direction: column;
        width: 100%;
    }

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0px 5px;
}

.show > .top-menu-items.dropdown-toggle, .top-menu-items:focus, .btn-secondarytop-menu-items.active, .top-menu-items:active, .top-menu-items:hover {
    background-color: #00579a !important;
    border-color: #00579a !important;
    color: #fff !important;
}

.top-menu-items {
    padding: 0.65rem 0.5rem;
    font-size: 1rem;
}

    .top-menu-items:hover .header-icon {
        color: #fff;
    }

    .top-menu-items:hover {
        background-color: #00579a !important;
        border-color: #00579a !important;
        color: #fff;
    }

.btn-white {
    background-color: #fff;
    border-color: #fff;
    height: 100%;
}

.btn-blue {
    background-color: #00579a !important;
    border-color: #00579a !important;
    color: #fff;
}

.dashboard .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500 !important;
    color: #00579a !important;
}

.dashboard h6 {
    font-weight: 500;
    text-shadow: 0px 0px 0px #000;
    font-size: 1rem;
    margin-bottom: 0px;
    color: #48465b;
}

.kt-portlet__head-toolbar a {
    background-color: #25a9e0 !important;
    color: #fff !important;
    padding: 8px;
    border-radius: 4px;
    line-height: 12px;
}

.dashboard p {
    font-size: 0.9rem;
    margin-bottom: 0px;
}

.dashboard i {
    font-size: 1rem;
    margin-right: 3px;
}

.dashboard .btn.btn-default {
    border: 0;
    background: transparent;
    color: #74788d;
    border: 0px;
}

.dashboard h5 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}

    .dashboard h5 .btn.btn-icon.btn-icon-md [class^="fa-"], .btn.btn-icon.btn-icon-md [class*=" fa-"] {
        font-size: 1rem;
        border: 0px solid;
    }

.address-heading {
    font-weight: 500 !important;
    text-shadow: 0px 0px 0px #000;
    font-size: 1rem;
    margin-bottom: 0px;
    color: #6c757d !important;
}

.top-fav-items img {
    width: 50px;
    height: 50px;
}

.top-fav-items h5 {
    font-size: 1rem;
}

.top-fav-items p {
    font-size: 1rem !important;
    margin-top: 0rem;
    margin-bottom: 0px !important;
}

.top-fav-items .currentprice {
    display: block;
}

.top-fav-items div:first-child {
    padding-top: 0px !important;
}

.dashboard .dropdown-menu {
    font-size: 1rem !important;
    font-weight: 400;
}

.dashboard .nav-tabs.nav-tabs-line .nav-link {
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 12px 0;
    font-size: 1rem;
    font-weight: 400;
}

.dashboard .btn-cart {
    height: 100%;
}

.quantity-box {
    position: relative;
    max-width: 100%;
    float: right;
    width: 100%;
}

.quantity-field {
    padding-right: 30px;
    padding-left: 8px;
    min-width: 100%;
    min-height: 38px;
    max-width: 100%;
}

.input-quantity-arrows {
    position: absolute;
    right: 0px;
    top: 0;
    border-left: 1px solid #7d7d7d;
    height: 100%;
    width: 20px;
    text-align: center;
}

    .input-quantity-arrows i {
        display: block;
        border-bottom: 1px solid #7d7d7d;
        padding: 2px;
        color: #7d7d7d;
        font-size: 1.2rem !important;
        cursor: pointer;
        height: 50%;
    }

.disabled {
    color: #ccc !important;
}

.white-section {
    background-color: #fff;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 3px !important;
}

    .white-section h6 {
        font-size: 1.3rem;
        color: #4d4e53 !important;
    }

    .white-section ul li {
        list-style: none;
    }

.checkout h3 {
    display: inline-block;
    margin-bottom: 0rem;
}

.checkout a {
    text-decoration: underline;
}

.active-section h3 {
    text-transform: uppercase;
    border-bottom: 3px solid #f23846;
    display: inline-block;
    font-weight: 600;
}

.info-text i {
    font-size: 16px;
    margin-right: 5px;
}

.info-text p span {
    display: block;
}

textarea {
    width: 100%;
}

.customer-notes .card-header {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background-color: transparent !important;
    padding: 0px;
}

.customer-notes .card-title {
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0px;
    color: #25a9e0;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

.lbl-advance-search {
    color: #25a9e0;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
}

.advance-search .custom-checkbox {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 0px 0px 0.5px #343434;
}

/* Create a custom checkbox */
.advance-search .checkmark {
    position: absolute;
    top: 50%;
    left: 75%;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #343434;
    border-radius: 0px;
    transform: translateY(-50%) translateX(-75%);
}

tr.shown td.details-control {
    background: url(../img/details_close.png) no-repeat center center;
}

td.details-control {
    background: url(../img/details_open.png) no-repeat center center;
    cursor: pointer;
}

.modal .modal-content {
    border-radius: 0px;
    border: 0px solid #ebedf2;
}

.modal-title {
    color: #00579a !important
}

.summary-table tr .two {
    max-width: 400px;
    width: 400px;
}

.summary-table tr .quantity {
    max-width: 100px;
    width: 100px;
}

.summary-table tr .price-heading {
    max-width: 170px;
    width: 170px;
}

.order-inner-detail {
    background-color: #f6f6f6;
}

.alert.alert-primary {
    background: #00579a !important;
    border: 1px solid #00579a !important;
    color: #ffffff;
    border-radius: 3px;
}

.input-group-postpend {
    display: flex;
}

.kt-quick-search .kt-quick-search__form .input-group-postpend, .kt-quick-search .kt-quick-search__form .input-group-append {
    background-color: transparent;
}

    .kt-quick-search .kt-quick-search__form .input-group-postpend .input-group-text, .kt-quick-search .kt-quick-search__form .input-group-append .input-group-text {
        background-color: transparent;
        border: 0;
    }

.kt-quick-search__form .input-group-postpend {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.input-group > .input-group-postpend > .btn, .input-group > .input-group-postpend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group i {
    color: #4d4d4f;
    line-height: 0;
    font-size: 1.2rem !important;
}

.kt-quick-search .kt-quick-search__form .form-control {
    padding-left: 15px;
}

.divider {
    font-weight: 300;
    margin-right: 2px;
}

.search-tags {
    padding: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .search-tags li {
        background: #ddd;
        margin-right: 3px;
        margin-bottom: 3px;
        display: block;
        width: 100%;
    }

        .search-tags li .search {
            padding: 5px;
            /* min-height: 5px; */
            display: inline-block;
            width: 87%;
        }

.close-icon {
    padding: 5px;
    cursor: pointer;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

    .close-icon i {
        font-size: 0.8rem;
    }

.fav-list-item {
    border-bottom: 1px solid #ccc;
}

.pointer {
    cursor: pointer;
}

.kt-header__brand {
    display: flex;
    align-items: stretch;
    align-content: flex-begin;
    width: 85%;
    flex-direction: row;
    padding: 0;
    position: relative;
    justify-content: start;
}

    .kt-header__brand .kt-header__brand-nav {
        display: flex;
        width: 100%;
        margin: 0px !important;
        min-width: 88%;
        justify-content: space-evenly;
    }

.brands-menu {
    min-width: 800px !important;
    width: 800px !important;
    height: auto !important;
    display: block;
    box-shadow: none !important;
}

    .brands-menu li {
        display: inline-flex !important;
        width: 150px;
        padding-left: 0px;
    }

        .brands-menu li:hover {
            background-color: transparent;
        }

    .brands-menu .kt-menu__link:hover {
        background-color: transparent !important;
    }

    .brands-menu li img {
        height: 60px;
    }

.more-brands {
    font-size: 1.3rem;
    font-weight: 700;
}

.lSAction > a {
    z-index: 1 !important;
}

.row {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 0 1 100%;
}

.justify-content-center {
    justify-content: center !important;
    -webkit-justify-content: center !important;
}

.col-md-12 {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
}

.row:before, .row:after {
    display: none !important;
}

.btn-success {
    color: #fff;
    background-color: #3fa844 !important;
    border-color: #3fa844 !important;
    color: #ffffff;
    font-size: 1rem !important;
}

textarea {
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
    outline: 0px !important;
}

.date-control {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.date .form-control {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

.recurring-fee {
    border-top: 1px dashed #000;
    padding-top: 20px;
}

.subscription-head {
    display: flex;
    align-items: center;
    margin: 0px !important;
    width: 100%;
}

    .subscription-head img {
        width: 40px;
        margin: 0px 10px 0px 0px;
    }

    .subscription-head h6 {
        width: 80%;
        font-size: 1.1rem !important;
    }

.plan h6 {
    width: 100% !important;
    font-size: 1rem !important;
}

.subscription-head p {
    margin-bottom: 0px !important;
}

.subscription-body {
    padding: 15px !important;
    min-height: 80px;
}

    .subscription-body img {
        width: 100%;
    }

    .subscription-body p {
        margin-bottom: 0px;
        font-weight: 400;
        color: #000;
    }

    .subscription-body .item-name {
        min-height: 65px;
    }

.plan {
    box-shadow: 1px 0px 3px #888888 !important;
    min-height: 330px;
}

.plan-head {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    margin: 0px !important;
    width: 100%;
    justify-content: center;
    align-items: flex-start !important;
    min-height: 60px;
}

    .plan-head img {
        width: 40px;
        height: 40px;
        margin: 0px 5px;
    }

    .plan-head h6 {
        font-size: 1rem !important;
    }

.plan h6 {
    width: 100% !important;
    font-size: 1rem !important;
}

.plan-head p {
    margin-bottom: 0px !important;
}

.plan-body {
    padding: 15px !important;
}

    .plan-body p {
        margin-bottom: 0px;
        font-weight: 400;
        color: #000;
    }

    .plan-body h5 {
        font-size: 1.2em;
    }

.plan p {
    font-size: 0.9em;
}

.plan .description {
    font-size: 0.9em;
    max-height: 60px !important;
    min-height: 30px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.plan-img {
    /* width: 70px; */
    display: flex;
    /* align-items: center; */
    /* justify-content: flex-start; */
    /* flex-direction: row; */
    flex: 0 0 10%;
    /* flex-wrap: wrap; */
    height: 100%;
}

    .plan-img img {
        width: 90%;
    }

    .plan-img .kt-portlet__body {
        height: 100%;
        margin: 0 auto;
        text-align: center;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

.plan-title {
    display: flex;
    /* flex-direction: column; */
    flex: 0 0 90%;
    /* flex-wrap: wrap; */
    height: 100%;
    /* width: 101%;*/
}

.plan .kt-portlet__head {
    padding: 0px !important;
}

.subs-dashboard-img {
    width: 40px;
    height: 40px;
    margin: 0px 5px;
    display: flex;
    align-items: center;
}

    .subs-dashboard-img img {
        width: 100%;
    }

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: 0;
    transition: margin 0.25s ease-out;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    z-index: 3;
    padding: 10px 14px;
    transition: all 0.3s ease;
    border-radius: 0px 15px 15px 0px;
}

    #sidebar-wrapper.small-menu {
        width: 70px;
    }

.ax-logo-section {
    display: flex;
    align-items: center;
}

.axshop-logo-img {
    min-width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
}

    .axshop-logo-img img {
        width: 40px;
        background-color: #efefef;
        padding: 9px;
        border-radius: 3px;
    }

#sidebar-wrapper.small-menu .text {
    display: none;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.badge {
    display: flex;
    padding: 10px;
    font-size: 0.45em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    width: 1em;
    height: 1em;
    justify-content: center;
    align-items: center;
    FONT-FAMILY: 'POPPINS';
}

.translate-middle {
    transform: translate(-50%,-70%) !important;
}

.start-80 {
    left: 80% !important;
}

.logo-text {
    display: flex;
    white-space: nowrap;
    /* align-items: center; */
    color: #fff;
    font-size: 18px;
    /* margin-top: 10px; */
    flex-direction: row;
    line-height: 18px;
    color: #333;
}

#sidebar-wrapper.small-menu .toggle {
    right: -10px;
    transform: rotate(0deg);
}

.toggle {
    background: #fff;
    font-size: 17px;
    padding: 2px;
    color: #00579a !important;
    position: absolute;
    right: -10px;
    top: 23px;
    z-index: 3;
    border-radius: 3px;
    transform: rotate(180deg);
}

.side-menu-items {
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}

    .side-menu-items li {
        height: 45px;
        list-style: none;
        display: flex;
        align-items: center;
        margin: 12px 10px 0px 10px;
        border-radius: 6px;
    }

.small-menu li {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

    .small-menu li.active {
        margin-left: -10px;
        margin-right: 0px;
    }

    .side-menu-items li.active a {
        background-color: #00579a;
        border-radius: 5px;
    }

        .side-menu-items li.active a i {
            color: #fff
        }
.side-menu-items li.active svg path {
    fill: #fff
}
.small-menu li.active svg path {
    fill: #fff !important;
}

.side-menu-items li.active .menu-title {
    color: #fff;
}

.side-menu-items li a {
    list-style: none;
    height: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.small-menu li a {
    justify-content: center
}

.side-menu-items li a i, .side-menu-items li a img  {
    min-width: 45px;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #00579a;
}
.side-menu-items li a svg {
    padding: 0px 2px;
    max-width: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #00579a;
}


.small-menu li a:hover i, .small-menu li a:hover img {
    color: #fff;
    background-color: #00579a;
}
    .small-menu li a:hover svg path {
        fill: #fff !important;
        background-color: #00579a;
    }



#sidebar-wrapper.small-menu .text {
    display: none;
}

.menu-title {
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap;
    opacity: 1;
    color: #333;
}

#sidebar-wrapper.small-menu ~ .content {
    left: 70px;
    height: 100vh;
    width: calc(100% - 70px);
}

.content {
    min-width: 0;
    width: calc(100% - 240px);
    left: 240px;
    height: 100vh;
    position: absolute;
    top: 0;
    padding-left: 10px;
}
.kt-header.small-menu {
    position: fixed !important;
    top: 0;
    left: 80px;
    width: calc(100% - 80px);
    background-color: #f9f9fc !important;
}

.kt-header {
    position: fixed !important;
    top: 0;
    width: calc(100% - 245px);
    background-color: #f9f9fc !important;
}

.kt-body {
    position: relative;
    top: 70px;
}
@media (min-width: 1025px) {
    .kt-header {
        display: flex;
        flex-direction: column;
        transition: all 0.3s ease;

        z-index: 2;
    }
    .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 8%;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
        display: inline-block;
        align-self: center;
        padding: 0px 5px;
        font-weight: 500;
        font-size: 0.9rem;
        color: #36344d;
    }
    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
        display: flex;
        align-self: center;
        padding: 0px;
        font-weight: 500;
        font-size: 0.9rem;
        color: #636177;
    }

        .kt-header .kt-header__top {
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            background: transparent !important;
            position: relative;
            z-index: 2;
        }

    .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
        font-weight: 500;
        font-size: 1.1rem !important;
        text-transform: initial;
    }
}

.grid-body {
    padding: 0px !important;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 0px 0.2px #ccc;
}

.item-vendor img {
    width: 70%;
}

.item-vendor i {
    font-size: 2em;
}

.item-vendor .add {
    font-size: 2em;
    color: #007bff !important;
    cursor: pointer;
}

.item-name h6 {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #616265 !important;
    font-weight: 500;
}

.main-image {
    background-color: #fff;
    text-align: center;
    min-height: 170px;
    max-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .main-image img {
        width: 60%;
    }

.vendor-image {
    width: 70px;
    max-width: 80px;
    height: 40px;
    flex: 0 0 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .vendor-image img {
        width: 100%;
    }

.grid-body .quantity-box {
    position: relative;
    max-width: 100%;
    float: right;
}

.grid-body .quantity-field {
    padding-right: 30px;
    padding-left: 8px;
    min-width: 100%;
    min-height: 40px;
    max-width: 100%;
    max-height: 41px;
}

.grid-body .input-quantity-arrows {
    position: absolute;
    right: 0px;
    top: 0;
    border-left: 1px solid #7d7d7d;
    height: 100%;
    width: 20px;
    text-align: center;
}

.lineitems {
    color: #25a9e0;
    text-decoration: underline;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: 0px;
}

    .lineitems i {
        font-size: 1rem !important;
    }

.totalLineItems {
    color: #25a9e0 !important;
}

.header-notification {
    align-items: center;
}

.white {
    color: #fff;
}

    .white span {
        color: #fff !important;
    }

    .white a:hover {
        color: #fff !important;
    }

.recurring-amount {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

    .recurring-amount div {
        display: flex;
        justify-content: flex-end;
    }

.contract-header {
    display: flex;
    flex-direction: row;
}

    .contract-header span {
        display: flex;
        flex-direction: column;
        margin-left: 5px;
        font-size: 1.1rem;
    }

        .contract-header span span {
            font-weight: 200;
            font-size: 1.1rem;
            margin-left: 0px;
        }

    .contract-header i {
        font-size: 2.4rem;
    }

.timeline-section {
    margin-top: 18px;
    margin-bottom: 18px;
}

.billing-timeline {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .billing-timeline .remaining {
        position: absolute;
        text-align: center;
        left: 50%;
        top: -15px;
        transform: translateX(-50%);
        font-weight: 500;
    }

    .billing-timeline .terms {
        position: absolute;
        text-align: center;
        left: 50%;
        bottom: -25px;
        transform: translateX(-50%);
        margin-bottom: 0px;
    }

    .billing-timeline li {
        display: inline-block;
    }

        .billing-timeline li.current {
            width: 85%;
        }

            .billing-timeline li.current .progress {
                display: flex;
                height: 0.6rem;
                overflow: hidden;
                font-size: 0.75rem;
                background-color: kt-get-color();
                border-radius: 0.25rem;
            }

li.start, li.end {
    position: relative;
    height: 35px;
    width: 35px;
    background-color: #2a4996;
    border-radius: 50%;
    border: 0px dotted #ccc;
    z-index: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

    li.start:after, li.end:after {
        content: '';
        position: absolute;
        top: -5px;
        left: -5px;
        bottom: -5px;
        right: -5px;
        border-radius: 100%;
        border: 2px solid#2a4996;
        transform: rotate(-45deg);
    }

    li.start .amount, li.end .amount {
        position: absolute;
        top: -30px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0px;
    }

    li.start .point, li.end .point {
        margin-bottom: 0px;
        color: #fff;
        font-size: 0.7rem;
        text-align: center;
    }

    li.start .date, li.start .start-date {
        position: absolute;
        bottom: -30px;
        text-align: center;
        left: 100%;
        transform: translateX(-50%);
        margin-bottom: 0px;
    }

    li.start .date, li.end .end-date {
        position: absolute;
        bottom: -30px;
        text-align: center;
        left: 100%;
        transform: translateX(-100%);
        margin-bottom: 0px;
    }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #3fa844;
    border-color: #3fa844;
    color: #ffffff;
}

.bootstrap-switch {
    border-radius: 4px;
}

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
        font-size: 0.85rem;
        line-height: 1.1;
    }

.text-overflow {
    white-space: nowrap;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.username-overflow {
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-icon {
    font-size: 1.4rem;
    padding: 0px 5px 0px 10px;
    color: #25a9e0;
    display:flex;
    align-items: center;
}

.kt-header .kt-header__top .kt-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.kt-quick-search {
    padding: 0rem;
}

.quantity-remaining {
    font-size: 0.9rem;
    text-align: right;
    margin-top: 5px;
    color: #878787;
}

.kt-notification .kt-notification__item:after {
    border: 0;
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "" !important;
    font-size: 0.8rem;
    line-height: 0;
    position: relative;
    color: #74788d;
}

#kt_sortable_portlets {
    column-gap: 15px;
    display: block;
    columns: 2;
}

    #kt_sortable_portlets .gadget {
        width: 100%;
        display: inline-block;
    }

.payment-table tr td {
    vertical-align: middle;
}

.payment-type {
    font-size: 3.2rem !important;
    color: #00579a;
}

.credicard-profile p, .credicard-profile label {
    color: #4d4e53;
}

.bt-grey {
    border-top: 1px solid #ccc;
}

.x-overflow-auto {
    overflow-x: auto
}

.btn-clear-search {
    /* margin-left: -39px;
    */
    /* z-index: 139; */
    position: absolute;
    font-size: 0rem;
    padding: 0px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px !important;
    font-weight: inherit;
}

.search-within {
    border-radius: 3px;
    padding-right: 30px;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.profile-info {
    background-color: #efefef !important;
}

.profile-icon {
    width: 70px;
    height: 70px;
    background: #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0.5px 0.5px 1.5px #333;
    border: 0.1px solid rgba(0,0,0,0.5);
}

    .profile-icon label {
        font-size: 2rem;
        margin-bottom: 0px;
        font-weight: 800;
    }

.standard-detail-image {
    text-align: center;
}

    .standard-detail-image .lightSlider img {
        width: 47% !important
    }

.slick-prev {
    left: -15px !important;
}

.slick-next {
    right: -15px !important;
}

#recentlyViewed-items {
    margin: 0px !important
}

.height75 {
    height: 75px
}

.kt-header__bottom {
    align-items: center !important;
}

.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    border-radius: 4px;
    padding: 0.55rem;
}

.sticky-summary {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}

.display-flex {
    display: flex !important
}

.order-summary p {
    margin-bottom: 1rem !important
}

.kt-portlet .kt-portlet__body {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 4px;
}


.ui-autocomplete li.ui-autocomplete-category:first-child {
    background-color: #00579a !important;
}

.ui-autocomplete > li.ui-autocomplete-category:nth-child(2n+1) {
    background-color: #368ee0;
}

.ui-autocomplete > li.ui-autocomplete-category:nth-child(2n) {
    background-color: #d4313d;
}

.ui-autocomplete-category {
    font-weight: bold;
    font-family: 'POPPINS';
    background-color: #00579a !important;
    font-size: 1.1rem;
    color: #fff;
    padding: 10px 10px;
}

.ui-menu-item {
    font-family: 'POPPINS';
    font-size: 1.1rem;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 10px 10px !important;
}

.ui-menu-item-wrapper:hover {
    background-color: #25a9e0 !important;
    border: 0px solid;
    border-color: transparent;
    padding: 10px 10px !important;
}

.overflow-auto {
    overflow: auto;
}

.border-round {
    border-radius: 5px;
    ;
}

.filter-btn {
    height: calc(1.5em + 1.3rem + 2px)
}

.kt-widget20 .kt-widget20__content {
    display: flex;
    padding-top: 1.15rem;
    padding-bottom: 1.25rem;
    flex-grow: 1;
    display: flex;
}

.kt-widget20 h4 {
    font-size: 1.5rem;
}

.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {
    padding: 1.2rem 2rem;
    flex: 1;
    overflow: hidden;
    background-color: white;
    margin: 0px 0px 7px 0px;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.kt-widget17 .kt-widget17__stats {
    display: column;
    margin: 0px;
    position: relative;
    width: 100%;
}

    .kt-widget17 .kt-widget17__stats .kt-widget17__items {
        display: flex;
        flex-direction: column;
    }

        .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item .kt-widget17__icon > i {
            font-size: 2rem;
        }

        .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item .kt-widget17__subtitle {
            display: block;
            margin-top: 0.75rem;
            font-size: 1.5rem;
            font-weight: 500;
            color: #595d6e;
            margin: 0px;
        }

        .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item .kt-widget17__desc {
            display: block;
            font-size: 1.8rem;
            color: #74788d;
            font-weight: 600;
        }

.kt-bg-warning {
    background-color: #ffde2a !important;
}

.kt-bg-pink {
    background-color: #fd3995 !important;
}

.kt-bg-green {
    background-color: #35a845 !important;
    color: #fff;
}

    .kt-bg-green:hover {
        color: #fff;
        opacity: 0.9;
    }

.kt-bg-orange {
    background-color: #f48f0c !important;
}

.kt-bg-purple {
    background-color: #c96ee0 !important;
}

.image-detail-slider {
    background-repeat: no-repeat;
    background-size: 30%;
    width: 100%;
    min-height: 280px;
    padding: 60px;
    /* min-height: max-content; */
    height: 100%;
    background-position: center;
}


.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #07b6ff;
}

.datepicker tbody tr > td span.year.focused, .datepicker tbody tr > td span.year.focused:hover, .datepicker tbody tr > td span.year.active:hover, .datepicker tbody tr > td span.year.active.focused:hover, .datepicker tbody tr > td span.year.active, .datepicker tbody tr > td span.hour.focused, .datepicker tbody tr > td span.hour.focused:hover, .datepicker tbody tr > td span.hour.active:hover, .datepicker tbody tr > td span.hour.active.focused:hover, .datepicker tbody tr > td span.hour.active, .datepicker tbody tr > td span.minute.focused, .datepicker tbody tr > td span.minute.focused:hover, .datepicker tbody tr > td span.minute.active:hover, .datepicker tbody tr > td span.minute.active.focused:hover, .datepicker tbody tr > td span.minute.active, .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month.focused:hover, .datepicker tbody tr > td span.month.active:hover, .datepicker tbody tr > td span.month.active.focused:hover, .datepicker tbody tr > td span.month.active {
    background: #07b6ff;
    color: #ffffff;
}

.no-scroll {
    overflow: hidden;
}

.listing-section {
    position: absolute;
}

.main-list-section {
    position: relative;
    overflow-y: auto;
    display: flex;
    top: 0;
    left: 0;
    min-height: 50vh;
    background-color: #fff;
    border-radius: 4px;
}

.product-search-section {
    position: relative;
    overflow-y: auto;
    display: flex;
    top: 0;
    left: 0;
    min-height: 50vh;
    background-color: #fff;
    border-radius: 4px;
}

.filter-accordion {
    max-height: 65vh;
    overflow-y: auto;
}

.product-accordion {
    max-height: 63vh;
    overflow-y: auto;
}

@media (min-width: 961px) {
    .btn {
        font-size: 0.85rem;
    }

    .dashboard .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        font-weight: 500 !important;
        color: #00579a !important;
    }

    .dashboard h5 {
        margin-bottom: 5px;
        font-size: 1rem;
    }
}

@media (min-width: 1025px) {
    body {
        font-size: 0.8rem;
    }

    .btn {
        font-size: 0.8rem;
    }

    h6 {
        font-size: 1rem;
        font-weight: 400;
        color: #74788d;
    }

    h5 {
        font-size: 1rem;
        color: #42444a;
    }

    .custom-checkbox {
        display: block;
        position: relative;
        padding-left: 35px;
        -webkit-user-select: none;
        -moz-user-select: none;
        font-size: 0.9rem;
        -ms-user-select: none;
        user-select: none;
        text-shadow: 0px 0px 0.5px #343434;
    }

    .accordion.accordion-svg-icon .card .card-header .card-title {
        color: #48465b;
        position: relative;
        font-size: 0.9rem;
    }


    p span {
        font-weight: 600;
        color: #4d4e53;
        font-size: 0.8rem;
    }

    .manufacturer {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
        color: #939393;
        margin-top: 0.6rem;
    }

    .item h5 a {
        font-size: 1rem;
/*        text-transform: uppercase;*/
        margin-bottom: 0rem;
        color: #616265 !important;
    }

    .form-control {
        border-radius: 3px;
        border: 1px solid #7d7d7d;
        color: #4d4d4f;
        text-shadow: 0px 0px 0.5px #000;
        font-size: 0.8rem;
        font-weight: 300;
    }

    .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        font-weight: 600 !important;
        font-size: 1rem;
    }


    .expand-menu .kt-header__brand .kt-header__brand-nav {
        min-width: 93%;
    }

    .expand-menu .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 7%;
    }

    .dashboard .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        font-weight: 500 !important;
        color: #00579a !important;
    }

    .dashboard h5 {
        margin-bottom: 5px;
        font-size: 1rem;
    }

    .dashboard h6 {
        font-weight: 500;
        text-shadow: 0px 0px 0px #000;
        font-size: 0.9rem;
        margin-bottom: 0px;
        color: #48465b;
    }

    .header-icon {
        font-size: 1rem;
        padding: 0px 5px 0px 5px;
        color: #25a9e0;
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
        height: calc(1.3em + 1rem);
        width: calc(1.3em + 1rem);
        background-clip: padding-box;
        margin-left: 0.5px;
        background: #25a9e0;
        color: #fff;
        font-size: 0.9rem;
    }

    .kt-quick-search .kt-quick-search__form .form-control {
        border: 0;
        background: none;
        outline: none !important;
        box-shadow: none;
        color: #383a44;
        background-color: transparent;
        font-size: 0.8rem;
        border: 0;
        padding-left: 10px;
        padding-right: 0;
    }

    .menu-title {
        font-size: 0.7rem;
        font-weight: 500;
        white-space: nowrap;
        opacity: 1;
        color: #333;
    }

    .kt-portlet__head-toolbar a {
        background-color: #25a9e0 !important;
        color: #fff !important;
        padding: 8px;
        border-radius: 4px;
        line-height: 12px;
        font-size: 0.9rem;
    }

    .side-menu-items li {
        height: 30px;
        list-style: none;
        display: flex;
        align-items: center;
        margin: 8px 10px 0px 10px;
        border-radius: 8px;
    }
        .side-menu-items li:hover a {
            background-color: #00579a;
            border-radius: 5px;
        }
            .side-menu-items li:hover a i, .side-menu-items li:hover a .menu-title {
                color:#fff;
            }
            .side-menu-items li:hover svg path {
                fill: #fff;
            }

    .small-menu li {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }
    

    .side-menu-items li a i, .side-menu-items li a img {
        min-width: 45px;
        border-radius: 4px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        color: #00579a;
    }

    .top-menu-dropdown .top-sub-menu {
        min-width: 60rem !important;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .top-menu-dropdown .support {
        min-width: 20rem !important;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .cart-table tr .two {
        max-width: 150px;
        width: 150px;
        min-width: 150px;
    }

    .kt-header-toolbar {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }


    .side-menu-items {
        margin: 0px;
        padding: 0px;
        margin-top: 25px;
    }
}

@media (min-width: 1281px) {
    #sidebar-wrapper {
        min-height: 100vh;
        margin-left: 0;
        transition: margin 0.25s ease-out;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 220px;
        height: 100%;
        z-index: 3;
        padding: 10px 14px;
        transition: all 0.3s ease;
        border-radius: 0px 15px 15px 0px;
    }

    .content {
        min-width: 0;
        width: calc(100% - 220px);
        left: 220px;
        height: 100vh;
        position: absolute;
        top: 0;
        padding-left: 10px;
    }

    .filter-accordion {
        max-height: 54vh;
        overflow-y: auto;
    }

    .product-accordion {
        max-height: 55vh;
        overflow-y: auto;
    }

    .main-list-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 47vh;
        background-color: #fff;
        border-radius: 4px;
        padding-top: 20px;
    }

    .product-search-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 60vh;
        background-color: transparent !important;
        border-radius: 4px;
        padding-top: 20px;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
        display: inline-block;
        align-self: center;
        padding: 0 0.55rem 0 0;
        font-weight: 500;
        font-size: 1rem;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
        display: flex;
        align-self: center;
        padding: 0px;
        font-weight: 500;
        font-size: 0.9rem;
    }

    .btn {
        font-size: 0.9rem;
    }

    label {
        display: inline-block;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }

    .navigation h5 {
        font-size: 1.1rem;
        color: #42444a;
    }

    .dashboard .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        margin: 0;
        padding: 0;
        font-size: 0.9rem;
        font-weight: 500 !important;
        color: #00579a !important;
    }

    .dashboard h5 {
        margin-bottom: 5px;
        font-size: 1rem;
    }

    .dashboard h6 {
        font-weight: 500;
        text-shadow: 0px 0px 0px #000;
        font-size: 0.9rem;
        margin-bottom: 0px;
        color: #48465b;
    }

    h6 {
        font-size: 1rem;
        font-weight: 400;
        color: #74788d;
    }

    .form-control {
        border-radius: 3px;
        border: 1px solid #7d7d7d;
        color: #4d4d4f;
        text-shadow: 0px 0px 0.5px #000;
        font-size: 0.9rem;
        font-weight: 300;
    }

    .item h5 {
        font-size: 1rem;
/*        text-transform: uppercase;*/
        margin-bottom: 0rem;
        color: #616265 !important;
    }

    .badge {
        display: flex;
        padding: 10px;
        font-size: 0.8rem;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
        width: 1em;
        height: 1em;
        justify-content: center;
        align-items: center;
        FONT-FAMILY: 'POPPINS';
    }

    .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        font-weight: 600 !important;
        font-size: 1rem;
    }

    .item h5 a {
        font-size: 1.1rem;
/*        text-transform: uppercase;*/
        margin-bottom: 0rem;
        color: #616265 !important;
    }

    .accordion.accordion-svg-icon .card .card-header .card-title {
        color: #48465b;
        position: relative;
        font-size: 1rem;
    }

    .accordion .card .card-header .card-title > i {
        margin-right: 1rem;
        font-size: 1.2rem;
        color: #374afb;
    }

    .menu-title {
        font-size: 0.85rem;
        font-weight: 500;
        white-space: nowrap;
        opacity: 1;
        color: #333;
    }

    .logo-text {
        display: flex;
        white-space: nowrap;
        /* align-items: center; */
        color: #fff;
        font-size: 1.2rem;
        /* margin-top: 10px; */
        flex-direction: row;
        line-height: 18px;
        color: #333;
    }

    .manufacturer {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
        color: #939393;
        margin-top: 0.6rem;
    }

    .kt-header__topbar .kt-header__topbar-item {
        display: flex;
        align-items: stretch;
        margin: 0px 3px;
        background-color: #fff;
        border-radius: 5px;
        padding: 1px;
    }

    .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {
        padding: 1.5rem 0.5rem;
        flex: 1;
        overflow: hidden;
        background-color: white;
        margin: 0px 0px 7px 0px;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.3s ease;
        border-radius: 4px;
    }

    .kt-widget17 h3, .h3 {
        font-size: 1.2rem;
    }

    .kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item .kt-widget17__subtitle {
        display: block;
        margin-top: 0.75rem;
        font-size: 1.3rem;
        font-weight: 500;
        color: #595d6e;
        margin: 0px;
    }

    .standard-detail-overflow {
        max-height: 30vh;
        overflow-y: auto;
    }

    .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 10%;
    }

    .kt-header-toolbar {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }

    .side-menu-items {
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }

        .side-menu-items li {
            height: 35px;
            list-style: none;
            display: flex;
            align-items: center;
            margin: 8px 10px 0px 5px;
            border-radius: 8px;
        }

    .dashboard .btn-cart {
        height: 100%;
        padding: 0px;
    }

    .breadcrumb a {
        font-size: 0.9rem;
    }

    .imgcircle {
        height: 60px;
        width: 60px;
    }

    .kt-header--fixed.kt-header--minimize .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 94.5%;
    }

    .cart-table tr .two {
        max-width: 250px;
        width: 250px;
        min-width: 250px;
    }

    .cart-table tr .quantity {
        max-width: 80px;
        width: 80px;
        min-width: 80px;
    }

    .checkout h3 {
        display: inline-block;
        margin-bottom: 0rem;
        font-size: 1.2rem;
    }

    h5 {
        font-size: 1rem;
    }

    .kt-notification .kt-notification__item {
        display: flex;
        align-items: center;
        padding: 0.8rem 1rem;
        border-bottom: 1px solid #f7f8fa;
        transition: background-color 0.3s ease;
    }

    .kt-user-card {
        display: flex;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 1rem 1rem;
        background-color: #25a9e0 !important;
    }

    .kt-notification .kt-notification__custom {
        display: flex;
        align-items: center;
        border-top: 1px solid transparent;
        padding: 1.2rem 1.5rem;
    }

    .kt-user-card .kt-user-card__name {
        flex-grow: 1;
        color: #595d6e;
        font-size: 1rem;
        font-weight: 500;
        padding-left: 1rem;
    }

    .kt-mycart .kt-mycart__head .kt-mycart__info .kt-mycart__title {
        padding-left: 0rem;
        color: #fff;
        font-size: 1rem;
        font-weight: 500;
        margin: 0;
    }

    .kt-mycart .kt-mycart__head {
        display: flex;
        justify-content: space-between;
        padding: 1rem 1rem;
        background-position: center;
        background-size: cover;
        background-color: #25a9e0 !important;
    }

    .kt-mycart .kt-mycart__body .kt-mycart__item .kt-mycart__container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem 1rem;
    }
}

@media (min-width: 1440px) {
    .main-list-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 57vh;
        background-color: #fff;
        border-radius: 4px;
        padding-top: 20px;
    }

    .side-menu-items {
        margin: 0px;
        padding: 0px;
        margin-top: 50px;
    }

        .side-menu-items li {
            height: 35px;
            list-style: none;
            display: flex;
            align-items: center;
            margin: 12px 10px 0px 10px;
            border-radius: 8px;
        }

    .field-filter-accordion {
        max-height: 60vh;
        overflow-y: auto;
    }

    .filter-accordion {
        max-height: 65vh;
        overflow-y: auto;
    }

    .product-accordion {
        max-height: 58vh;
        overflow-y: auto;
    }

    .product-search-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 63vh;
        background-color: transparent !important;
        border-radius: 4px;
        padding-top: 20px;
    }

    .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 12%;
    }


    .kt-header-toolbar {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }


    .kt-header--fixed.kt-header--minimize.expand-menu .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 85.5% !important;
    }

    .kt-notification .kt-notification__item {
        display: flex;
        align-items: center;
        padding: 1.1rem 1.5rem;
        border-bottom: 1px solid #f7f8fa;
        transition: background-color 0.3s ease;
    }

    .kt-user-card {
        display: flex;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 2rem 1rem;
        background-color: #25a9e0 !important;
    }

        .kt-user-card .kt-user-card__name {
            flex-grow: 1;
            color: #595d6e;
            font-size: 1.3rem;
            font-weight: 500;
            padding-left: 1rem;
        }

    .kt-mycart .kt-mycart__head {
        display: flex;
        justify-content: space-between;
        padding: 2rem 2rem;
        background-position: center;
        background-size: cover;
        background-color: #25a9e0 !important;
    }

        .kt-mycart .kt-mycart__head .kt-mycart__info .kt-mycart__title {
            padding-left: 0rem;
            color: #fff;
            font-size: 1.3rem;
            font-weight: 500;
            margin: 0;
        }
}

@media (min-width: 1919px) {

    .kt-header--fixed.kt-header--minimize .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 96%;
    }

    .kt-header--fixed.kt-header--minimize .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 96%;
    }

    .kt-header--fixed.kt-header--minimize.expand-menu .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 87% !important;
    }


    body {
        font-size: 1rem;
    }

    .breadcrumb a {
        font-size: 1rem;
    }

    .custom-checkbox {
        display: block;
        position: relative;
        padding-left: 35px;
        -webkit-user-select: none;
        -moz-user-select: none;
        font-size: 1rem;
        -ms-user-select: none;
        user-select: none;
        text-shadow: 0px 0px 0.5px #343434;
    }

    .expand-menu .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 12%;
    }

    .expand-menu .kt-header__brand .kt-header__brand-nav {
        min-width: 88%;
    }

    .standard-detail-overflow {
        max-height: 35vh;
        overflow-y: auto;
    }

    .kt-quick-search .kt-quick-search__form .form-control {
        border: 0;
        background: none;
        outline: none !important;
        box-shadow: none;
        color: #383a44;
        background-color: transparent;
        font-size: 1rem;
        border: 0;
        padding-left: 10px;
        padding-right: 0;
    }

    p span {
        font-weight: 600;
        color: #4d4e53;
        font-size: 1rem;
    }

    .filter-accordion {
        max-height: 68vh;
        overflow-y: auto;
    }

    .product-accordion {
        max-height: 66vh;
        overflow-y: auto;
    }

    .main-list-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 60vh;
        background-color: #fff;
        border-radius: 4px;
        padding-top: 20px;
    }

    .product-search-section {
        position: relative;
        overflow-y: auto;
        display: flex;
        top: 0;
        left: 0;
        min-height: 68vh;
        background-color: transparent !important;
        border-radius: 4px;
        padding-top: 20px;
    }

    .btn {
        font-size: 1rem;
    }

    .badge {
        display: flex;
        padding: 10px;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: bottom;
        border-radius: 0.25rem;
        width: 1.1em;
        height: 1.1em;
        justify-content: center;
        align-items: center;
        FONT-FAMILY: 'POPPINS';
    }

    .dashboard .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
        margin: 0;
        padding: 0;
        font-size: 1.2rem;
        font-weight: 500 !important;
        color: #00579a !important;
    }

    .dashboard h5 {
        margin-bottom: 5px;
        font-size: 1.2rem;
    }

    .kt-portlet__head-toolbar a {
        background-color: #25a9e0 !important;
        color: #fff !important;
        padding: 8px;
        border-radius: 4px;
        line-height: 12px;
        font-size: 1rem;
    }

    .item h5 {
        font-size: 1.4rem;
/*        text-transform: uppercase;*/
        margin-bottom: 0rem;
        color: #616265 !important;
    }

    .manufacturer {
        font-size: 1.1rem !important;
        margin-bottom: 1rem !important;
        color: #939393;
        margin-top: 0.6rem;
    }

    #sidebar-wrapper {
        min-height: 100vh;
        margin-left: 0;
        transition: margin 0.25s ease-out;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        width: 240px;
        height: 100%;
        z-index: 3;
        padding: 10px 14px;
        transition: all 0.3s ease;
        border-radius: 0px 15px 15px 0px;
    }

    .content {
        min-width: 0;
        width: calc(100% - 220px);
        left: 220px;
        height: 100vh;
        position: absolute;
        top: 0;
        padding-left: 10px;
    }

    .content {
        min-width: 0;
        width: calc(100% - 240px);
        left: 240px;
        height: 100vh;
        position: absolute;
        top: 0;
        padding-left: 10px;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-username {
        display: inline-block;
        align-self: center;
        padding: 0 0.55rem 0 0;
        font-weight: 500;
        font-size: 1rem;
    }

    .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-welcome {
        display: flex;
        align-self: center;
        padding: 0px;
        font-weight: 500;
        font-size: 1.2rem;
        color: #636177;
    }

    .header-icon {
        font-size: 1.4rem;
        padding: 0px 5px 0px 5px;
        color: #25a9e0;
    }

    h6 {
        font-size: 1.3rem;
        font-weight: 400;
        color: #74788d;
    }

    label {
        display: inline-block;
        margin-bottom: 0.5rem;
        font-size: 1rem;
    }

    .accordion.accordion-svg-icon .card .card-header .card-title {
        color: #48465b;
        position: relative;
        font-size: 1.2rem;
    }

    .side-menu-items li a i, .side-menu-items li a img {
        min-width: 45px;
        border-radius: 4px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #00579a;
    }

    .menu-title {
        font-size: 1rem;
        font-weight: 500;
        white-space: nowrap;
        opacity: 1;
        color: #333;
    }

    .side-menu-items li {
        height: 45px;
        list-style: none;
        display: flex;
        align-items: center;
        margin: 15px 10px 0px 5px;
        border-radius: 5px;
    }

    .small-menu li {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    }

    .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
        height: calc(1.3em + 1rem);
        width: calc(1.3em + 1rem);
        background-clip: padding-box;
        margin-left: 0.5px;
        background: #25a9e0;
        color: #fff;
        font-size: 1.4rem;
    }

    .subscription-tabcontent {
        overflow-y: auto;
        max-height: 60vh;
    }

    .kt-header__brand .kt-header__brand-logo {
        background-color: #fff;
        border-radius: 5px;
        min-width: 12%;
    }

    .kt-header-toolbar {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        flex: auto;
    }
}

@media (min-width: 2559px) {
    .kt-header--fixed.kt-header--minimize .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 96.5%;
    }

    .kt-header--fixed.kt-header--minimize.expand-menu .kt-header {
        position: fixed;
        top: 0;
        right: 0;
        /* left: 0; */
        z-index: 98;
        /* box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); */
        background-color: #f9f9fc !important;
        width: 90% !important;
    }

    .kt-header-toolbar {
        flex: auto;
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        /* justify-content: center; */
        align-items: center;
    }
}


#standardlist {
    margin: 0;
    padding: 0;
}

    #standardlist .slick-prev {
        left: -20px;
    }

    #standardlist .slick-next {
        right: -20px;
    }

    #standardlist .main-image {
        background-color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 150px !important;
        max-height: max-content !important;
    }

        #standardlist .main-image img {
            width: 50%;
            display: unset;
        }

    #standardlist li {
        display: inline-flex !important;
        align-items: stretch;
    }

    #standardlist .kt-portlet {
        align-items: stretch;
    }

    #standardlist .availablity {
        display: inline-flex;
    }

    #standardlist .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    background-color: #fff !important;
    display: block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: 0px;
    border: 1px solid #ccc;
    color: #4d4d4f;
    text-shadow: 0px 0px 0.5px #000;
    font-size: 1rem;
    font-weight: 300;
    height: auto;
}

.auto-complete-results {
    padding: 0px;
    margin: 0px;
}

    .auto-complete-results li {
        list-style: none;
    }

        .auto-complete-results li.category p {
            padding: 8px;
            color: #fff;
            margin-bottom: 0px;
        }

        .auto-complete-results li.category:first-child p {
            background-color: #00579a;
        }

        .auto-complete-results li.category:nth-child(2) p {
            background-color: #368ee0;
        }

        .auto-complete-results li.category:nth-child(3) p {
            background-color: #d4313d;
        }

        .auto-complete-results li.category:hover {
            cursor: default
        }

        .auto-complete-results li ul {
            padding: 0px;
        }

            .auto-complete-results li ul li a {
                cursor: pointer;
                text-decoration: none;
                color: #333;
                padding: 8px 0px 8px 8px;
                display: block;
            }

            .auto-complete-results li ul li:hover {
                cursor: pointer;
                background-color: rgba(0, 87,154,0.8);
                color: #fff !important;
            }

            .auto-complete-results li ul li a:hover {
                cursor: pointer;
                text-decoration: none;
                color: #fff !important;
            }


#thumbnail-slider-track {
    padding-left: 45px !important;
    padding-right: 40px !important;
    padding-top: 10px !important;
}

.splide__track--nav > .splide__list > .splide__slide:last-child {
    margin-right: 0px !important;
}

#main-slider-list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
}

.splide__track--fade > .splide__list > .splide__slide {
    background-position: center !important;
    background-size: 40% !important;
    width: 100% !important;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 2px solid #25a9e0 !important;
    border-radius: 3px;
}

.selected-blue .kt-widget17__item {
    background-color: rgb(37 169 224 / 10%) !important;
    border: 2px solid #25a9e0 !important;
}
.selected-orange .kt-widget17__item {
    background-color: rgb(244 143 12 / 10%) !important;
    border: 2px solid #f48f0c !important;
}
.selected-green .kt-widget17__item {
    background-color: rgb(53 168 69 / 10%) !important;
    border: 2px solid #35a845 !important
}