.header-year-loyalty {
    background-color: #005dac !important;
    padding: 10px;
    height: 40px;
}

    .header-year-loyalty a {
        color: #fff !important;
    }

p {
    color: #000000;
}

.btn-export {
    background-color: #005dac !important;
    border: 1px solid #005dac !important;
}

    .btn-export:hover {
        background-color: #00a7e1 !important;
    }

.btn-submit.btn-primary {
    background-color: #022162 !important;
    border: 1px solid #022162 !important;
}

.mdl-data-table.ml-table-striped.mdl-js-data-table thead {
    background-color: #005dac;
    color: #fff;
}

    .mdl-data-table.ml-table-striped.mdl-js-data-table thead th {
        color: #fff;
        border: 1px solid rgba(0,90,170,0.5);
        text-align: center !important;
        padding: 10px !important;
    }

.mdl-data-table tbody tr:hover {
    background-color: #e6f6fc;
}

.mdl-data-table td, .mdl-data-table td .mdl-data-table__select {
    border: 1px solid rgba(0,0,0,0.12);
}

.row-InActive {
    color: #FF0000;
}

.lead-status {
    width: 6px;
    height: 6px;
}

    .lead-status.prepare-quotation {
        background-color: #7F7F7F;
    }

    .lead-status.quotation-sent {
        background-color: #005dac;
    }

    .lead-status.follow-up-1,
    .lead-status.follow-up {
        background-color: #FFC000;
    }

    .lead-status.follow-up-2 {
        background-color: #ED7D31;
    }

    .lead-status.follow-up-3 {
        background-color: #843C0C;
    }

    .lead-status.on-site-survey {
        background-color: #00B0F0;
    }

    .lead-status.request-facility-visit {
        background-color: #203864;
    }

    .lead-status.prepare-contract {
        background-color: #7030A0;
    }

    .lead-status.contract-sent {
        background-color: #FF66FF;
    }

    .lead-status.sold {
        background-color: #00B050;
    }

    .lead-status.lost {
        background-color: #FF0000;
    }

    .lead-status.spam {
        background-color: #000000;
    }

.prepare-quotation {
    color: #7F7F7F;
}

.quotation-sent {
    color: #005dac;
}

follow-up-1,
.follow-up {
    color: #FFC000;
}

.follow-up-2 {
    color: #ED7D31;
}

.follow-up-3 {
    color: #843C0C;
}

.on-site-survey {
    color: #00B0F0;
}

.request-facility-visit {
    color: #203864;
}

.prepare-contract {
    color: #7030A0;
}

.contract-sent {
    color: #FF66FF;
}

.sold {
    color: #00B050;
}

.lost {
    color: #FF0000;
}

.spam {
    color: #000000;
}

.nav-menu {
    flex-direction: row;
    justify-content: space-between;
    width: 60%;
    margin-left: 10%;
}

ul.nav-menu li a {
    color: #005dac;
}

.div-loyalty {
    background-color: #fff;
}

.title-loyalti {
    color: #005dac;
}



.info-box.card-loyalty1 .info-box-text,
.info-box.card-loyalty2 .info-box-text {
    font-size: 22px;
}

.mdl-data-table {
    white-space: normal;
}

    .mdl-data-table th {
        padding: 0 5px 12px 5px;
        text-align: center;
    }

        .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
            padding: 5px;
        }

        .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
            white-space: nowrap;
        }

.FreezeTable table, .FreezeTableCus table, .FreezeTableMove table {
    white-space: nowrap;
}

.sale-box {
    display: none;
}

.pricing-grids {
    margin: 3% 0 0 0;
}

.pricing-grid-price:hover .sale-box {
    display: block;
}

.pricing-grid-price:active .sale-box {
    display: block;
}

.pricing-grid-price.active .sale-box {
    display: block;
}

.sale-box span.on_sale {
    left: -39px;
    top: -18px;
}

.pricing-grid1,
.pricing-grid2,
.pricing-grid3,
.pricing-grid4 {
    margin-bottom: 2%;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

.product-list h6 a {
    color: #005dac;
    font-weight: bold;
}

.product-list .card-body {
    padding: 10px;
}

.product-list .card {
    border-color: #00B0F0;
}

.mdl-data-table.ml-table-striped.mdl-js-data-table thead {
    color: #fff;
    background: -webkit-linear-gradient(left, #3a7bd5, #3a6073);
    background: linear-gradient(to left, #3a7bd5, #3a6073);
}

.storage-leads thead {
    background: -webkit-linear-gradient(left, #3a7bd5, #3a6073);
    background: linear-gradient(to left, #3a7bd5, #3a6073);
}

.co-Working-leads thead {
    background: linear-gradient(to left, #134e5e, #71b280) !important;
    background: -webkit-linear-gradient(left, #134e5e, #71b280) !important;
}

.card-1 {
    background: linear-gradient(to left, #3a7bd5, #3a6073) !important;
    background: -webkit-linear-gradient(left, #3a7bd5, #3a6073) !important;
}

.card-2 {
    background: linear-gradient(to right, #c33764, #1d2671) !important;
    background: -webkit-linear-gradient(left, #c33764, #1d2671) !important;
}

.card-3 {
    background: linear-gradient(to left, #134e5e, #71b280) !important;
    background: -webkit-linear-gradient(left, #134e5e, #71b280) !important;
}

.card-4 {
    background: linear-gradient(to left, #d38312, #a83279) !important;
    background: -webkit-linear-gradient(left, #d38312, #a83279) !important;
}

.th-bg-1 {
    background: linear-gradient(to left, #3a7bd5, #3a6073) !important;
    background: -webkit-linear-gradient(left, #3a7bd5, #3a6073) !important;
    color: #ffffff;
}

.th-bg-2 {
    background: linear-gradient(to left, #d38312, #a83279) !important;
    background: -webkit-linear-gradient(left, #d38312, #a83279) !important;
    color: #ffffff;
}

.th-bg-3 {
    background: linear-gradient(to left, #134e5e, #71b280) !important;
    background: -webkit-linear-gradient(left, #134e5e, #71b280) !important;
    color: #ffffff;
}

.cl-blue {
    color: #005dac;
}

.cl-red {
    color: red;
}




.pricing-grid1:hover div.price-bg ul li a, .pricing-grid1:hover div.price-value h3 a {
    color: #69cef6;
}

.pricing-grid2:hover div.price-bg ul li a, .pricing-grid2:hover div.price-value h3 a {
    color: #C0C0C0;
}

.pricing-grid3:hover div.price-bg ul li a, .pricing-grid3:hover div.price-value h3 a {
    color: #F0E68C;
}

.pricing-grid4:hover div.price-bg ul li a, .pricing-grid4:hover div.price-value h3 a {
    color: #00a7e1;
}

.cart1 a, .cart2 a, .cart3 a {
    color: #FFF;
    background: #005dac;
}

.card-5 {
    background: linear-gradient(to right, #00a7e1, #132062 ) !important;
    background: -webkit-linear-gradient(left, #00a7e1, #132062 ) !important;
}


#Loyalty .pricing-grid1 .price-value {
    background: unset;
    background-image: url('../img/Member Cards_Blue.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 130px;
    background-size: cover;
    height: 130px;
    border: 1px solid #d0cdcd;
}

#Loyalty .pricing-grid2 .price-value {
    background: unset;
    background-image: url('../img/Member Cards_Silver.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    /*    width: 330px;*/
    height: 130px;
}

.page-header-fixed #Loyalty .page-container {
    margin-top: 100px;
}

#Loyalty .pricing-grid3 .price-value {
    background: unset;
    background-image: url('../img/Member Cards_Gold.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    /*    width: 330px;*/
    height: 130px;
}

#Loyalty .pricing-grid4 .price-value {
    background: unset;
    background-image: url('../img/Member Cards_Platinum.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    /*  width: 330px;*/
    height: 130px;
}

#Loyalty .card-loyalty1 .info-box-icon.push-bottom {
    background-image: url('../img/1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
}

#Loyalty .card-loyalty2 .info-box-icon.push-bottom {
    background-image: url('../img/2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 78px;
    height: 90px;
}

#Loyalty .card-loyalty3 .info-box-icon.push-bottom {
    background-image: url('../img/3.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 77px;
    height: 90px;
}

#Loyalty .info-box-icon {
    background: unset;
    border-radius: unset;
}

    #Loyalty .info-box-icon.push-bottom i {
        display: none;
    }


#Loyalty .info-box-blance .info-box-icon.blance1 {
    background-image: url('../img/blance1.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 67px;
    height: 77px;
}

#Loyalty .info-box-blance .info-box-icon.blance2 {
    background-image: url('../img/blance2.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 77px;
    height: 77px;
}


#Loyalty .info-box {
    border-radius: 20px;
    display: flex;
}

    #Loyalty .info-box.active {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

#Loyalty .info-box-content {
    margin-left: 30px;
}

#Loyalty .info-box-icon.push-bottom {
    margin-top: 0px;
    align-self: center;
}

#Loyalty .info-box-blance {
    border: none !important;
    box-shadow: none;
    background-color: #fff !important;
}

#Loyalty .product h6 a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

#Loyalty .product a {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

#Loyalty .nav-pills > li > a, #Loyalty .nav-tabs > li > a {
    border-radius: 15px 15px 0 0;
}



#Loyalty .nav-pills, #Loyalty .nav-tabs {
    margin-bottom: 0px;
}

#Loyalty .panel-body {
    padding-top: 0;
}

#Loyalty .panel-heading {
    padding-bottom: 0;
}

#Loyalty .custom-tab .nav-tabs {
    border: none;
}




/*Silver*/

.silver .nav-tabs > li a.active, .silver .nav-tabs > li a.active:focus, .silver .nav-tabs > li a.active:hover {
    color: #ffffff;
    cursor: default;
    background-color: #47657F;
    border-bottom-color: transparent;
}

.silver .nav-pills > li > a, .silver .nav-tabs > li > a {
    border: 1px solid #005DAC !important;
}

.silver .info-box-blance .info-box-text {
    color: #000;
    font-weight: bold;
}

.silver .info-box-blance .progress-description {
    color: #000;
}

.silver .info-box {
    border: 1px solid #005dac;
    background: #FAFAFA;
    color: #005dac;
}

    .silver .info-box.active {
        background-image: url('../img/bg-silver.png') !important;
        color: #000;
        border: 1px solid #CACFD5;
    }

.silver .product a {
    color: #005dac !important;
}

.silver .header-year-loyalty {
    background-color: #CACFD5 !important;
}

.silver .cart1, .silver .cart2, .silver .cart3 {
    border-bottom: 2px solid #CACFD5;
}

.silver .price-value, .silver .price-value.two, .silver .price-value.three {
    border-bottom: 2px solid #CACFD5;
}

.silver .title-loyalti {
    color: #CACFD5 !important;
}

#Loyalty .silver .card-loyalty1 .info-box-icon.push-bottom {
    background-image: url('../img/1.png');
}

#Loyalty .silver .card-loyalty2 .info-box-icon.push-bottom {
    /*background-image: url('../img/2-silver.png');*/
}

#Loyalty .silver .card-loyalty3 .info-box-icon.push-bottom {
    /* background-image: url('../img/3-silver.png');*/
}

#Loyalty .silver h3.title-loyalti.mb-1 {
    color: #005DAC !important;
}
/*Gold*/

.gold .nav-tabs > li a.active, .gold .nav-tabs > li a.active:focus, .gold .nav-tabs > li a.active:hover {
    color: #ffffff;
    cursor: default;
    background-color: #927200;
    border-bottom-color: transparent;
}

.gold .nav-pills > li > a, .gold .nav-tabs > li > a {
    border: 1px solid #927200 !important;
}

.gold .info-box-blance .info-box-text {
    color: #000;
    font-weight: bold;
}

.gold .info-box-blance .progress-description {
    color: #000;
}

.gold .info-box {
    border: 1px solid #005dac;
    background: #FAFAFA;
    color: #005dac;
}

    .gold .info-box.active {
        background-image: url('../img/bg-gold.png') !important;
        color: #FAFAFA;
        border: 1px solid #927200;
    }

.gold .product a {
    color: #005dac !important;
}

.gold .header-year-loyalty {
    background-color: #927200 !important;
}

.gold .cart1, .gold .cart2, .gold .cart3 {
    border-bottom: 2px solid #927200;
}

.gold .price-value, .gold .price-value.two, .gold .price-value.three {
    border-bottom: 2px solid #927200;
}

.gold .title-loyalti {
    color: #927200 !important;
}


#Loyalty .gold .card-loyalty1 .info-box-icon.push-bottom {
    background-image: url('../img/1.png');
}

#Loyalty .gold .card-loyalty2 .info-box-icon.push-bottom {
    /*background-image: url('../img/2-gold.png');*/
}

#Loyalty .gold .card-loyalty3 .info-box-icon.push-bottom {
    /*background-image: url('../img/3-gold.png');*/
}

#Loyalty .gold h3.title-loyalti.mb-1 {
    color: #005DAC !important;
}
/*Platinum*/

.platinum .nav-tabs > li a.active, .platinum .nav-tabs > li a.active:focus, .platinum .nav-tabs > li a.active:hover {
    color: #ffffff;
    cursor: default;
    background-color: #000;
    border-bottom-color: transparent;
}

.platinum .nav-pills > li > a, .platinum .nav-tabs > li > a {
    border: 1px solid #000 !important;
}

.platinum .info-box-blance .info-box-text {
    color: #000;
    font-weight: bold;
}

.platinum .info-box-blance .progress-description {
    color: #000;
}

.platinum .info-box {
    border: 1px solid #005dac;
    background: #FAFAFA;
    color: #005dac;
}

    .platinum .info-box.active {
        background-image: url('../img/bg-platinum.png') !important;
        color: #FAFAFA;
        border: 1px solid #000;
    }

.platinum .product a {
    color: #005dac !important;
}

.platinum .header-year-loyalty {
    background-color: #000 !important;
}

.platinum .cart1, .platinum .cart2, .platinum .cart3 {
    border-bottom: 2px solid #000;
}

.platinum .price-value, .platinum .price-value.two, .platinum .price-value.three {
    border-bottom: 2px solid #000;
}

.platinum .title-loyalti {
    color: #000 !important;
}

#Loyalty .platinum .card-loyalty1 .info-box-icon.push-bottom {
    background-image: url('../img/1.png');
}

#Loyalty .platinum .card-loyalty2 .info-box-icon.push-bottom {
    /*background-image: url('../img/2-pla.png');*/
}

#Loyalty .platinum .card-loyalty3 .info-box-icon.push-bottom {
    /*background-image: url('../img/3-pla.png');*/
}

#Loyalty .platinum h3.title-loyalti.mb-1 {
    color: #005DAC !important;
}
/*Blue*/
.blue .nav-tabs > li a.active, .blue .nav-tabs > li a.active:focus, .blue .nav-tabs > li a.active:hover {
    color: #ffffff;
    cursor: default;
    background-color: #005DAC;
    border-bottom-color: transparent;
}

.blue .nav-pills > li > a, .blue .nav-tabs > li > a {
    border: 1px solid #005DAC !important;
}

.blue .info-box-blance .info-box-text {
    color: #000;
    font-weight: bold;
}

.blue .info-box-blance .progress-description {
    color: #000;
}

.blue .info-box {
    border: 1px solid #005DAC;
    background: #FAFAFA;
    color: #005DAC;
}

    .blue .info-box.active {
        background-image: url('../img/bg-info.png') !important;
        color: #FAFAFA;
    }

.blue .product a {
    color: #005DAC !important;
}

.blue .header-year-loyalty {
    background-color: #005dac !important;
}

.blue .cart1, .blue .cart2, .blue .cart3 {
    border-bottom: 2px solid #005dac;
}

.blue .price-value, .blue .price-value.two, .blue .price-value.three {
    border-bottom: 2px solid #005dac;
}

.blue .title-loyalti {
    color: #005dac;
}

#Loyalty .blue .card-loyalty1 .info-box-icon.push-bottom {
    background-image: url('../img/1.png');
}

#Loyalty .blue .card-loyalty2 .info-box-icon.push-bottom {
    background-image: url('../img/2.png');
}

#Loyalty .blue .card-loyalty3 .info-box-icon.push-bottom {
    background-image: url('../img/3.png');
}

#Loyalty .blue h3.title-loyalti.mb-1 {
    color: #005DAC !important;
}






#Loyalty .info-box-icon.push-bottom i {
    display: none !important;
}

#Loyalty .info-box-icon i {
    display: none !important;
}

/*.price-bg {
    width: 330px;
}
*/
.cart {
    position: relative;
}

    .cart img {
        position: absolute;
        width: 36%;
        height: 36px;
        top: 0px;
    }



.group-img {
    height: 30px;
    display: flex;
    padding: 0 30px 30px;
}

    .group-img img {
        align-self: center;
    }

    .group-img span {
        margin-left: 10px;
        align-self: center;
        line-height: 14px;
    }

.price-bg ul li {
    margin-top: 15px;
}

.menu-loyalty {
    justify-content: flex-end;
    margin-left: 13%;
}

#Loyalty .img-fluid {
    width: 325px;
    height: 325px;
    object-fit: contain;
}

#Loyalty .pricing-grid1:hover, #Loyalty .pricing-grid2:hover, #Loyalty .pricing-grid3:hover, #Loyalty .pricing-grid4:hover {
    transform: unset;
    z-index: 1;
    border: none;
}

#Loyalty .pricing-plans-cus .your-membership-level {
    display: none;
}

#Loyalty .pricing-grids {
    margin: 0;
}

#Loyalty .pricing-plans-cus {
    margin-top: 46px;
}

    #Loyalty .pricing-plans-cus.active {
        width: 100%;
        height: 100%;
        padding: 4px;
        margin-top: 0px;
    }

        #Loyalty .pricing-plans-cus.active .your-membership-level {
            display: block;
        }

        #Loyalty .pricing-plans-cus.active .your-membership-level {
            text-align: center;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            padding: 10px;
        }

#Loyalty .blue .pricing-plans-cus.active {
    border: 2px solid #005dac;
    background: #fff;
    border-radius: 10px;
}

    #Loyalty .blue .pricing-plans-cus.active .your-membership-level {
        color: #005dac;
    }

#Loyalty .silver .pricing-plans-cus.active {
    border: 2px solid #CACFD5;
    background: #EEE;
}

    #Loyalty .silver .pricing-plans-cus.active .your-membership-level {
        color: #47657F;
    }

#Loyalty .gold .pricing-plans-cus.active {
    border: 2px solid #927200;
    background: #E3DDCC;
}

    #Loyalty .gold .pricing-plans-cus.active .your-membership-level {
        color: #927200;
    }

#Loyalty .platinum .pricing-plans-cus.active {
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #000;
    background: #D8D9DA;
}

    #Loyalty .platinum .pricing-plans-cus.active .your-membership-level {
        color: #000;
    }

/*#Loyalty .blue .product-list .card {
    border-color: #005dac;
}

#Loyalty .silver .product-list .card {
    border-color: #47657F;
}

#Loyalty .gold .product-list .card {
    border-color: #927200;
}

#Loyalty .platinum .product-list .card {
    border-color: #000;
}*/

.card-head header {
    font-size: 19px;
}


#Loyalty .pricing-plans-cus .pricing-grid2 .group-img img {
    content: url('/Themes/Cube/Content/img/tick-silver.png');
    width: 20px;
}

#Loyalty .pricing-plans-cus .pricing-grid4 .group-img img {
    content: url('/Themes/Cube/Content/img/tick-pla.png');
    width: 20px;
}

#Loyalty .pricing-plans-cus .pricing-grid3 .group-img img {
    content: url('/Themes/Cube/Content/img/tick-gold.png');
    width: 20px;
}

#Loyalty .pricing-plans-cus .pricing-grid1 .group-img img {
    content: url('/Themes/Cube/Content/img/tick-blue.png');
    width: 20px;
}

.price-bg ul li:first-child {
    margin-bottom: 35px;
}

.price-bg {
    min-height: 250px;
}

.info-box-number {
    font-weight: 300;
    font-size: 18px;
}

.count-cart {
    background-color: #fff;
    border: 1px solid #005dac;
    border-radius: 50%;
    top: 5px;
    right: 55px;
    position: absolute;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
}

    .count-cart span {
        align-self: center;
        margin-left: -2px;
        font-weight: bold;
        font-size: 12px;
    }

.group-cart .count-cart {
    right: 60px;
}

#Loyalty .text-muted {
    font-size: 10px;
}

#Loyalty .price-value {
    background: unset;
    background-image: url('../img/Member Cards_Blue.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 130px;
    background-size: cover !important;
    height: 130px;
    border: 1px solid #d0cdcd;
}

#Loyalty .info-box.info-box-blance {
    border-radius: 20px;
    display: block;
}

    #Loyalty .info-box.info-box-blance .info-box-content {
        margin-left: 80px;
    }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    left: -290px !important;
    margin-top: 40px !important;
}

.header-white .page-header.navbar {
    height: 120px;
}

@media (max-width:480px) {

    .group-cart .count-cart {
        right: 0px;
    }

    .header-white .page-header.navbar {
        height: 65px!important;
    }
    .page-header.navbar .menu-toggler.responsive-toggler {

        margin: 20px 13px 0;
    }


    .header-white .page-header.navbar {
        height: 65px !important;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 20px 13px 0;
    }


    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
        left: -90px !important;
        margin-top: -12px !important;
    }

    .navbar-nav > li > a {
        padding: 0px 10px 20px 15px;
        line-height: 20px;
        display: block;
    }


 
    .header-white .page-header.navbar {
        margin-bottom: 50px;
    }
   
}


    .header-white .page-header.navbar {
        margin-bottom: 50px;
    }
}