@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

@font-face {
    font-family:'FontAwesome';
    src: url('assets/fonts/fontawesome-webfont.eot');
}

html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.btn:focus,input:focus-visible,select:focus-visible,a:focus {
    outline: unset !important;
    outline-offset: unset !important;
    text-decoration: unset;
}
.btn.active, .btn:active{
    box-shadow:unset;
}

.hs-dashboard-table table.table tr.hide-row{
    display:none;
}
/*----------------------------------- Admin Login -----------------------------------*/
.admin-login-wrap {
    height: 100vh;
    display: flex;
    align-items: center;
}
/*.admin-login-wrap:before {
    content: '';
    background: url(../images/hs-login-bg.png);
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.5;
    z-index: -1;
}*/
.admin-login-wrap .inner-section {
    max-width: 640px;
    margin: 0 auto;
}
.admin-login-wrap .inner-section .logo-wrap{
    text-align: center;
}
.admin-login-wrap .inner-section form{
    width: 80%;
    margin: 20px auto 0;
    text-align: center;
}
.admin-login-wrap .inner-section .admin-form{
    background: #f1f1f1;
    padding: 30px 50px;
    border-radius: 30px;
    margin: 50px 0;
}
.admin-login-wrap .inner-section .admin-form .form-text{
    color: #1E1E1E;
    font-weight: 700;
    font-size: 26px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.admin-login-wrap .inner-section form .input-box{
    margin-bottom: 25px;
}
.admin-login-wrap .inner-section form .input-box:first-child{
    margin-bottom: 30px;
}
.admin-login-wrap .inner-section form input{
    background: #fff;
    font-size: 16px;
    color: #000;
    border: unset;
    box-shadow: unset;
    padding: 13px 10px 13px 45px;
    height: unset;
    border-radius: 50px;
}
.admin-login-wrap .inner-section form .input-box .group {
    display: flex;
    align-items: center;
    position: relative;
}
.admin-login-wrap .inner-section form .input-box .group i:first-child {
    position: absolute;
    left: 20px;
    font-size: 18px;
    cursor: pointer;  
    color: #0C7781; 
}
.admin-login-wrap .inner-section form .input-box .group i:last-child {
    position: absolute;
    right: 20px;
    font-size: 18px;
    cursor: pointer;
    color: #0C7781;
}
.admin-login-wrap .inner-section form input#send-btn{
    background: #54B1C2;
    padding: 10px 60px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.admin-login-wrap .inner-section form input#send-btn:hover{
    background: #FFD074;
    color: #1E1E1E;
}
/*----------------------------------- Admin Dashboard Left Menu -----------------------------------*/
.hs-dashboard-wrap{
    padding: 20px 0 50px 0;
}
.hs-dashboard-wrap .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.hs-dashboard-wrap .dashboard-left-menu {
    height: 100%;
}
.dashboard-left-menu{
    background: linear-gradient(180deg, #F5F5F5 0%, #D9D9D9 100%);
    padding: 15px;
    border-radius: 20px;
}
.dashboard-left-menu .dashboard-inner-logo{
    text-align: center;
    margin-bottom: 50px;
}
.dashboard-left-menu ul{
    list-style: none;
    padding:0;
    margin: 0;
    text-align: center;
}
.dashboard-left-menu ul li a{
    color: #0C6C72;
    font-size: 20px;
    text-decoration: none;
    font-weight: 600;
    padding: 12px 10px;
    display: block;
    transition: all .3s ease;
}
.dashboard-left-menu ul li.active a{
    background: #54B1C2;
    color: #fff;
    border-radius: 50px;
}
.dashboard-left-menu ul li:hover:not(.active) a{
    background: rgba(84, 177, 194,0.2);
    color: #146979;
    border-radius: 50px;
}
/*----------------------------------- Admin Dashboard Right Box -----------------------------------*/
.hs-dashboard-right-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 50px 0;
}
.hs-dashboard-right-top .page-title h1{
    margin:0;
    color: #2A4B51;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 5px;
}
.hs-dashboard-right-top .page-title span{
    color: #6E6E6E;
    font-size: 18px;
    font-weight: 500;
}
.hs-dashboard-right-top .logout a{
    text-decoration: none;
    color: #222222;
    font-size: 18px;
    background: #EFEFEF;
    padding: 10px 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.hs-dashboard-right-top .logout a i {
    margin-right: 10px;
}
.hs-dashboard-right-top .logout a:hover{
    background: #54B1C2;
    color: #fff;
}
.hs-dashboard-quick-view .membership-data-box .col-md-6,.hs-dashboard-total-member .col-md-4{
    padding: 0 10px;
}
.hs-dashboard-quick-view .title,.hs-dashboard-table .title,.hs-dashboard-expire-member .title,.hs-dashboard-total-member .title{
    color: #212121;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
}
.hs-dashboard-quick-view .title span{
    color: #6F6F6F;
    font-weight: 500;
    font-size: 15px;
    display: block;
}
.hs-dashboard-expire-member .title span,.hs-dashboard-total-member .title span{
    color: #6F6F6F;
    font-weight: 500;
    font-size: 15px;
}
.hs-dashboard-quick-view .membership-data-box .box{
    background: linear-gradient(180deg, #54B1C2 0%, #146979 100%);
    text-align: center;
    padding: 30px 15px;
    border-radius: 20px;
    margin: 10px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.hs-dashboard-quick-view,.hs-dashboard-expire-member{
    padding-bottom: 15px;
}
.hs-dashboard-total-member {
    border-top: 1px solid #D9D9D9;
    padding: 15px 0;
}
.hs-dashboard-total-member .total-box{
    background: linear-gradient(180deg, #1F96B0 0%, rgba(16, 128, 121, 0.58) 100%);
    text-align: center;
    padding: 15px;
    border-radius: 20px;
    margin: 10px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.hs-dashboard-total-member .total-box .day{
    font-weight: 700;
    margin-bottom: 10px;
}
.hs-dashboard-quick-view .membership-data-box .box .day span{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0 7px 0;
}
.hs-dashboard-quick-view .membership-data-box .box .number{
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}
.hs-dashboard-total-member .total-box .number{
    font-weight: 500;
    color: #fff;
}
.hs-dashboard-expire-member .total-box{
    background: #FFD074;
    text-align: center;
    padding: 15px;
    border-radius: 20px;
    margin: 10px 0;
    color: #0C7781;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.hs-dashboard-expire-member .total-box .day{
    font-weight: 700;
    margin-bottom: 10px;
}
.hs-dashboard-expire-member .total-box .number{
    font-weight: 500;
    color: #0C7781;
}
.hs-dashboard-quick-view .total-data-box .box{
    background: linear-gradient(169.22deg, #B73131 6.62%, #8D1212 90.76%);
    text-align: center;
    padding: 20px 15px;
    border-radius: 20px;
    margin: 30px 0 0 0;
    color: #fff;
    font-weight: 700;
}
.hs-dashboard-quick-view .total-data-box .box .day{
    color: gold;
    font-size: 20px;
}
.hs-dashboard-quick-view .total-data-box .box .number{
    font-weight: 500;
    font-size: 60px;
}
.hs-dashboard-all-service {
    background: linear-gradient(180deg, #F5F5F5 0%, #D9D9D9 100%);
    padding: 30px;
    border-radius: 20px;
}
.hs-dashboard-table table.table,.hs-user-found-wrap table.table {
    border: 1px solid #D9D9D9;
    margin: 30px 0 !important;
}
.hs-dashboard-table table td,.hs-dashboard-table table th,.hs-user-found-wrap table th,.hs-user-found-wrap table td{
    text-align: center;
}
.hs-dashboard-table table td,.hs-user-found-wrap table td{
    padding: 15px 10px;
    color: #777;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle !important;
}
.hs-dashboard-table table td.st-date{
    color: #008000;
    width: 15%;
}
.hs-dashboard-table table td.ex-date{
    color: #ed143d;
    width: 15%;
}
.hs-dashboard-table table td.ex-date span,.hs-dashboard-table table td.st-date span,.hs-dashboard-table table#expire2memebershipdata td.diet-btn span,.hs-dashboard-table table#allexpirememebershipdata td.diet-btn span{
    background: #a52a2a;
    display: block;
    color: #fff;
    font-size: 12px;
    margin: 5px auto 0;
    width: fit-content;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: 600;
}
.hs-dashboard-table table td a.disabled-link{
    background: #ccc !important;
    pointer-events: none;
}
.hs-dashboard-table table td.view-profile .inline,.hs-dashboard-table table td.add-dates .inline {
    display: flex;
    justify-content: center;
}
.hs-dashboard-table table td.view-profile a{
    background: #daeef1;
    color: #54b1c2;
    padding: 7px 12px 5px 12px;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    border: 1px solid #54b1c2;
    font-size: 18px;
    margin: 5px;
}
.hs-dashboard-table table td.add-dates a{
    background: #ffcce6;
    color: #cc0066;
    padding: 7px 12px 5px 12px;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    border: 1px solid #cc0066;
    font-size: 18px;
    margin: 5px;
}
.hs-dashboard-table table td a.freeze-btn,.hs-dashboard-table table td a.refund-btn,.hs-user-found-wrap table td a{
    background: #ffebcc;
    color: #ff9900;
    padding: 7px 12px 5px 12px;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    border: 1px solid #ff9900;
    font-size: 18px;
    margin: 5px;
    cursor: pointer;
}
.hs-dashboard-table table td.view-profile a:hover,.hs-dashboard-table table td.add-dates a:hover,
.hs-dashboard-table table#expirememebershipdata td a:hover,.hs-dashboard-table td a.wp-link:hover,.hs-user-found-wrap table td a:hover{
    border: 1px solid #ffcc66 !important;
    background: #ffeecc !important;
    color: #B73131 !important;
}
.hs-dashboard-table table td:last-child{
    width: 15%;
}
.hs-dashboard-table table th,.hs-user-found-wrap table th{
    color: #0C6C72;
    background: #FFD074;
    border: unset !important;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle !important;
}
.hs-dashboard-table table tbody tr.odd {
    background: #F2F2F2;
}
.hs-dashboard-table table tbody tr td a{
    text-decoration: none;
    color: #8D1212;
    font-weight: 700;
}
.hs-dashboard-table table tbody tr td:not(:last-child),.hs-user-found-wrap table tbody tr td:not(:last-child){
    border-right: 1px solid #D9D9D9;
}
.hs-dashboard-table table tbody tr td a:hover{
    color: #B73131;
}
.hs-dashboard-table table#expirememebershipdata td:last-child{
    width: 20%;
}
.hs-dashboard-table table#expirememebershipdata td a:not(:last-child){
    margin-bottom: 15px;
}
.hs-dashboard-table table#expirememebershipdata td a,.hs-dashboard-table td a.wp-link {
    background: #d4f7e1 !important;
    border: 1px solid #25d366 !important;
    color: #25d366 !important;
}
.hs-dashboard-table table td.diet-btn a b{
    display: block;
    font-size: 12px;
    color: #2f4f4f;
    font-weight: 600;
}
.hs-dashboard-table table td a.invoice-btn{
    background: #ffd4cc;
    color: #ff6347;
    border: 1px solid #ff6347;
}
.hs-dashboard-table div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
.hs-dashboard-table .dt-buttons {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
.hs-dashboard-table .dt-buttons a {
    background: #1D6F42;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 10px;
}
.hs-dashboard-table .dt-buttons a:hover {
    background: #5B5B5B;
}
.hs-dashboard-table .dt-buttons a span:before {
    content: '\f1c3';
    font-family: 'FontAwesome';
    padding-right: 10px;
}
.hs-dashboard-table .dataTables_wrapper label{
    margin:0;
    color: #575757;
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: capitalize;
}
.hs-dashboard-table .dataTables_wrapper select{
    background: #F2F2F2;
    border: unset;
    height: unset;
    border-radius: 10px;
    box-shadow: unset;
    font-size: 16px;
    padding: 10px 15px;
}
.hs-dashboard-table .dataTables_wrapper input {
    background: #F2F2F2;
    border: unset;
    height: unset;
    border-radius: 10px;
    box-shadow: unset;
    font-size: 16px;
    padding: 15px;
    font-weight: 500;
}
.hs-dashboard-table .dataTables_wrapper input {
    width: 350px !important;
}
.hs-dashboard-table .dataTables_paginate a{
    text-decoration: none;
    background: #5B5B5B;
    padding: 8px 10px;
    margin: 0 5px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}
.hs-dashboard-table .dataTables_paginate a.paginate_button.current,.hs-dashboard-table .dataTables_paginate a:hover{
    background: linear-gradient(180deg, #54B1C2 0%, #146979 100%);
}
.hs-dashboard-table .dataTables_paginate a.paginate_button.disabled{
    background: linear-gradient(180deg, #F5F5F5 0%, #D9D9D9 100%);
    color: #5B5B5B;
    cursor: not-allowed;
}
.hs-dashboard-table .dataTables_info{
    color: #54B1C2;
    padding: 0 !important;
    font-size: 16px;
}
.hs-dashboard-form .succss-msg {
    background: #14A44D;
    margin: 0 10px 30px 10px;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
}
.hs-dashboard-form form .field-box {
    display: inline-block;
    background: #f1f7f7;
    border-radius: 30px;
    padding: 30px 10px 10px 10px;
    position: relative;
    width: 100%;
}
#freezeuserModal .modal-body,#addgiftsModal .modal-body,#refunduserModal .modal-body{
    display: inline-block;
    background: #f1f7f7;
    padding: 20px 15px;
    position: relative;
    width: 100%;
}
#freezeuserModal .modal-body .placed-wrap,#addgiftsModal .modal-body .placed-wrap,#refunduserModal .modal-body .placed-wrap {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
#freezeuserModal .modal-body .placed-wrap b,#addgiftsModal .modal-body .placed-wrap b,#refunduserModal .modal-body .placed-wrap b{
    color: #ff9900;
}
#freezeuserModal .modal-header,#addgiftsModal .modal-header,#refunduserModal .modal-header{
    background: #FFD074;
    color: #0C6C72;
}
#freezeuserModal .modal-header .close,#addgiftsModal .modal-header .close,#refunduserModal .modal-header .close{
    opacity: 1;
    text-shadow: unset;
    font-size: 26px;
    font-weight: 500;
}
#freezeuserModal .modal-header h4,#addgiftsModal .modal-header h4,#refunduserModal .modal-header h4{
    font-weight: 700;
}
.hs-dashboard-form form .field-box .loader {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0,0,0,0.5);
    border-radius: 30px;
    left: 0;
    align-items: center;
}
.hs-dashboard-form form .field-box .loader img{
    width: 100px;
    height: 100px;
}
.hs-dashboard-form form .form-group{
    margin-bottom: 30px;
}
#freezeuserModal form .form-group{
    margin-bottom: 15px;
}
.hs-dashboard-form form label,#freezeuserModal form label,#addgiftsModal form label,#refunduserModal form label{
    color: #00757F;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px 20px;
}
#freezeuserModal form label{
    font-size: 16px;
}
.hs-dashboard-form form label span,#freezeuserModal form label span,#addgiftsModal form label span,#refunduserModal form label span{
    color:#ff0000;
}
.hs-dashboard-form form input,.hs-dashboard-form form select,#freezeuserModal form input,#addgiftsModal form input,#refunduserModal form input {
    border: unset;
    box-shadow: unset;
    color: #000;
    font-size: 16px;
    padding: 15px 20px;
    height: unset;
    border-radius: 50px;
}
.hs-dashboard-form form .block span {
    color: #00757F;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 20px 10px;
}
.hs-dashboard-form form input#samount,.hs-dashboard-form form input#serviceamount,.hs-dashboard-form form input#courseamount {
    background-image: url(http://i.imgur.com/Fd7NROx.png);
    background-position: 20px 15px;
    background-repeat: no-repeat;
    padding: 15px 0 15px 45px;
    background-size: 16px;
    font-size: 16px;
}
.hs-dashboard-form form input#serviceamount::placeholder{
    font-size: 14px;
}
.hs-dashboard-form form .form-submit-group input[type="submit"],#freezeuserModal form input[type="submit"],#addgiftsModal form input[type="submit"],#refunduserModal form input[type="submit"]{
    background: #ffe2a9;
    color: #00757F;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    margin-top: 20px;
}
.hs-dashboard-form form .form-submit-group input[type="submit"]:hover,#freezeuserModal form input[type="submit"]:hover,#addgiftsModal form input[type="submit"]:hover,#refunduserModal form input[type="submit"]:hover{
    background: #00757F;
    color: #fff;
}
.hs-dashboard-form form .form-control:focus{
    border: unset;
    box-shadow: unset;
    background: #fffaf0;
}
.hs-dashboard-profile-data ul.nav{
    border: unset;
    margin-bottom: 30px;
}
.hs-dashboard-profile-data ul.nav li{
    width: 25%;
    text-align: center;
}
.hs-dashboard-profile-data ul.nav li:not(:last-child){
    margin-right: 20px;
}
.hs-dashboard-profile-data ul.nav li a,.hs-dashboard-profile-data ul.nav li a:hover,.hs-dashboard-profile-data ul.nav li a:focus{
    border: unset;
    border-radius: 0;
    margin-right: 0;
    background: #EFEFEF;
    font-size: 18px;
    color: #0C6C72;
    border-radius: 50px;
}
.hs-dashboard-profile-data ul.nav li.active a{
    background: #54B1C2;
    color: #fff;
    border-radius: 50px;
}
.hs-dashboard-profile-data #memberprofile table{
    border:2px solid #E7E7E7;
    color: #0C6C72;
    width: 70%;
    font-size: 16px;
    font-weight: 500;
}
.hs-dashboard-profile-data #memberprofile table tr td{
    padding: 15px;
    border:2px solid #E7E7E7;
    width: 50%;
}
.hs-dashboard-profile-data #memberprofile table tr td:first-child{
    background: #f1f7f7;
    font-weight: 700;
}
.service-packages-list ul{
    padding: 0;
    list-style: none;
}
.service-packages-list ul li span{
    color: #008000;
    border-bottom: 2px solid #FFD074;
    margin-bottom: 15px;
    display: block;
    width: fit-content;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.service-packages-list table {
    border: 1px solid #D9D9D9;
    text-align: center;
}
.service-packages-list table th {
    background: #ddd;
    border: 1px solid #D9D9D9 !important;
    font-size: 16px;
    font-weight: 700;
    width: 25%;
    text-align: center;
}
.service-packages-list table td {
    padding: 5px 10px !important;
    color: #666;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle !important;
}
.service-packages-list table tr td:not(:last-child) {
    border-right: 1px solid #D9D9D9;
}
.service-packages-list table td a {
    background: #54B1C2;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    border-radius: 5px;
    display: block;
    text-decoration: none;
    width: 80%;
    margin: 0 auto;
}
.service-packages-list table td a:hover {
    color: #0C6C72;
    background: #FFD074;
}
.hs-invoice-outer-wrap{
    width: 900px;
    margin:0 auto;
}
.invoice-box-wrap .logo {
    text-align: center;
    width: 100px;
    margin: 20px auto;
}
.invoice-box-wrap .logo img {
    max-height: 100%;
    max-width: 100%;
}
.invoice-box-wrap .id {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
    color: #000;
    text-transform: uppercase;
}
.invoice-box-wrap .inline-lr-box{
    display: flex;
    padding: 20px 0;
}
.invoice-box-wrap .inline-lr-box ul{
    padding: 0;
    list-style: none;
    line-height: 1.8;
}
.invoice-box-wrap .inline-lr-box .left,.invoice-box-wrap .inline-lr-box .right{
    width: 50%
}
.invoice-box-wrap .inline-lr-box .right{
    text-align: right;
}
.invoice-box-wrap table {
    width: 100%;
    text-align: center;
}
.invoice-box-wrap table th{
    text-align: center;
    background: #eee;
    padding: 8px 0;
}
.invoice-box-wrap table th:first-child, .invoice-box-wrap table th:last-child {
    width: 15%;
}
.invoice-box-wrap table td:not(:last-child) {
    padding: 8px 0;
}
.invoice-box-wrap table td:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.invoice-box-wrap table td[colspan="5"]{
    text-align: left;
}
.invoice-box-wrap table tr.sign td[colspan="2"]{
    text-align: right;
}
.invoice-box-wrap table tr:nth-child(4){
    background: #f5f5f5;
    font-weight: 700;
}
.hs-invoice-main-wrap hr{
    background: #000;
    height: 3px;
    margin: 50px 0;
}
.payment-due {
    background: yellow;
    padding: 15px;
    text-align: center;
    margin: 50px 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control{
    line-height: unset;
}
.course-table tr td:nth-child(7){
    background: #ffcccc;
    color: #ff3333;
}

nav.healthsiren-navbar ul{
    padding: 0;
    list-style: none;
}
nav.healthsiren-navbar ul li a{
    color:#fff;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
}
nav.healthsiren-navbar ul li:hover a,nav.healthsiren-navbar ul li.active a{
    color:#ffce12;
}
.hs-dashboard-table  ul.nav {
    border: unset;
    margin-bottom: 30px;
}
.hs-dashboard-table ul.nav li:not(:last-child) {
    margin-right: 5px;
}
.hs-dashboard-table ul.nav li {
    width: fit-content;
    text-align: center;
}
.hs-dashboard-table ul.nav li.active a {
    background: #54B1C2;
    color: #fff;
    border-radius: 50px;
    border: unset;
}
.hs-dashboard-table ul.nav li a {
    border: unset;
    border-radius: 0;
    margin-right: 0;
    background: #bfbfbf;
    font-size: 16px;
    color: #444;
    border-radius: 50px;
}
.hs-dashboard-table ul.nav li:hover:not(.active) a{
    background: #cccccc;
}
.hs-dashboard-table table tr.expirerow{
    background: #ffebe6 !important;
}
#activememebershipdata tr{
    position: relative;
}
.table.frtable tr td:first-child{
    border-right: unset;
}
#activememebershipdata td.freeze-wrap{
    position: absolute;
    inset: 0;
    overflow: hidden;
    background-color: rgba(153, 255, 204, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(8px);
    color: #4b0082;
}
#activememebershipdata td.freeze-wrap b{
    margin: 0 5px;
}
#activememebershipdata td.freeze-wrap i{
    margin-right: 10px;  
}
#activememebershipdata td.freeze-wrap span {
    background: #99ffdd;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 10px;
}
.hs-dashboard-total-member a:hover,.hs-dashboard-expire-member a:hover{
    text-decoration: none;
}
.hs-dashboard-total-member a:hover .total-box{
    background: #FFD074;
    color: #0C7781;
}
.hs-dashboard-total-member a:hover .total-box .number{
    color: #0C7781;
}
.hs-dashboard-expire-member a:hover .total-box{
    background: linear-gradient(180deg, #1F96B0 0%, rgba(16, 128, 121, 0.58) 100%);
    color: #fff;
}
.hs-dashboard-expire-member a:hover .total-box .number{
    color: #fff;
}
.diet-table a.disabled-link{
    position: relative;
}
.diet-table a.disabled-link.up-follow-btn {
    background: #add8e6 !important;
    color: #4b0082;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
}
.date-range-filter {
    display: flex;
    background: rgba(84, 177, 194,0.2);
    border-radius: 15px;
    justify-content: space-between;
    padding: 20px 15px;
    margin-bottom: 50px;
    align-items: center;
}
.date-range-filter h2 {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #146979;
}
.date-range-filter .date-inputs {
    display: flex;
    align-items: center;
}
.date-range-filter .date-inputs .datebox:first-child{
    margin-right: 30px;
}
.date-range-filter .date-inputs .datebox label{
    margin-bottom: 0 !important;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #cc0066;
}
.date-range-filter .date-inputs .datebox input{
    border-radius: 0;
    border: unset;
    padding: 10px 15px;
    font-size: 16px;
    margin-left: 15px;
    width: 200px;
}
.date-range-filter .date-inputs #reset-date{
    background: #cc0066;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.gift-days-wrap{
    background: #ffe4b5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    margin: 0 0 30px 0;
    font-size: 18px;
    border-radius: 15px;
    font-weight: 600;
    color: #0C6C72
}
.gift-days-wrap a{
    background: #8D1212;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
    margin-left: 20px;
    border-radius: 10px;
}
.gift-days-wrap a:hover{
    background: #54b1c2;
}
.gift-days-wrap a i{
    margin-right: 5px;
    font-size: 20px;
}
.refund-td b{
    font-weight: 600
}
.refund-td b span{
    background: #ed143d;
    display: block;
    padding: 3px;
    border-radius: 5px;
    color: #fff;
    margin-top: 5px;
}

.hs-dashboard-form #searchmember .form-submit-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:30px 0;
}
.hs-dashboard-form #searchmember .form-submit-group input{
    margin:0;
}
.hs-dashboard-form #searchmember .form-submit-group a{
    color: #cc0066;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}
.hs-dashboard-form #searchmember .form-submit-group a:hover{
    color: #00757F;
}

.hs-user-found-wrap {
    margin: 50px 0;
}
.hs-user-found-wrap .found{
    text-align: center;
}
.hs-user-found-wrap .found a.reload,.hs-user-found-wrap .found a.next-m-step {
    background: linear-gradient(180deg, #54B1C2 0%, #146979 100%);
    padding: 15px 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    display: block;
    width: fit-content;
    line-height: 1;
    margin: 0 auto;
}
.hs-user-found-wrap .found a.reload:hover,.hs-user-found-wrap .found a.next-m-step:hover {
    text-decoration: none;
    background: #FFD074;
    color: #0C7781;
}
.hs-user-found-wrap .found h1{
    margin: 0;
    font-size: 30px;
    font-weight: 700;
}
.hs-user-found-wrap .found h1.mfound{
    color: #008000;
}
.hs-user-found-wrap .found h1.no-mfound{
    color: #ed143d;
}
.hs-user-found-wrap .found h1 span{
    background: #ffebcc;
}
.hs-user-found-wrap .found .btn{
    display: flex;
    width: 60%;
    margin: 50px auto 0;
}
/*--------------------------- Responsive ---------------------------*/

@media (min-height: 800px) and (max-height: 940px) and (min-width: 768px) and (max-width: 1024px) {
    .hs-dashboard-wrap .col-md-3{
        width: 100%;
        padding: 0;
    }
    .hs-dashboard-quick-view .membership-data-box .col-md-6, .hs-dashboard-total-member .col-md-4,
    .hs-dashboard-expire-member .col-md-4{
        width: 100%;
    }
    nav.healthsiren-navbar .navbar-header {
        width: 100%;
        padding: 10px 0;
    }
    nav.healthsiren-navbar .navbar-toggle{
        margin-top: 30px;
        margin-right: 15px;
        border-radius: 5px;
        background: #00757f;
        margin-bottom: 0;
        position: relative;
        float: right;
        display: block;
    }
    nav.healthsiren-navbar .navbar-toggle .icon-bar{
        background: #fff;
        width: 25px;
        height: 3px;
    }
    nav.healthsiren-navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none !important;
    }
    nav.healthsiren-navbar .navbar-collapse.collapse.in{
        display: block !important;
        height: unset !important;
        background: #39948e;
        padding: 10px 15px;
        left: 0;
        top: 100%;
    }
    .hs-dashboard-wrap {
        padding: 0;
    }
    .healthsiren-navbar {
        background: #f0f8ff;
        padding: 15px 10px;
    }
}

@media(min-width: 320px) and (max-width: 480px){
    .hs-dashboard-wrap .col-md-3{
        width: 100%;
        padding: 0;
    }
    .hs-dashboard-quick-view .membership-data-box .col-md-6, .hs-dashboard-total-member .col-md-4,
    .hs-dashboard-expire-member .col-md-4{
        width: 100%;
    }
    nav.healthsiren-navbar .navbar-header {
        width: 100%;
        padding: 10px 0;
    }
    .hs-dashboard-wrap {
        padding: 0;
    }
    .healthsiren-navbar {
        background: #f0f8ff;
        padding: 15px 10px;
    }
    nav.healthsiren-navbar .navbar-header {
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }
    nav.healthsiren-navbar .logo {
        height: 61px;
        width: 120px;
    }
    nav.healthsiren-navbar.topfixed .navbar-header {
        padding: 0 15px;
    }
    nav.healthsiren-navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none !important;
    }
    nav.healthsiren-navbar .navbar-collapse.collapse.in{
        display: block !important;
        height: unset !important;
        background: #39948e;
        padding: 10px 15px;
        left: 15;
        top: 100%;
        right: 0;
    }
    nav.healthsiren-navbar .navbar-toggle{
        margin-top: 15px;
        margin-right: 0;
        border-radius: 5px;
        background: #00757f;
        margin-bottom: 0;
    }
    nav.healthsiren-navbar ul li:hover a{
        color:#fff;
    }
    nav.healthsiren-navbar ul li a{
        color: #fff;
        font-weight: 500;
        line-height: 1.8;
    }
    nav.healthsiren-navbar .navbar-toggle .icon-bar{
        background: #fff;
        width: 25px;
        height: 3px;
    }
    .hs-dashboard-right-top .page-title h1{
        font-size: 30px;
    }
    nav.healthsiren-navbar .logo .logo-img{
        height: 61px;
        width: 120px;
    }
    nav.healthsiren-navbar .logo .logo-img img{
        max-height: 100%;
        max-width: 100%;
    }
    .hs-dashboard-wrap .row{
        display:block;
    }
    .res-row{
        overflow-x:scroll;
    }
    .hs-dashboard-table ul.nav li{
        width: 100%;
        margin: 10px 0;
    }
    .hs-dashboard-table .dataTables_wrapper input{
        display: block !important;
        margin: 10px 0 !important;
    }
    .hs-dashboard-table .dt-buttons {
        text-align: center;
    }
    .hs-dashboard-table .dt-buttons a{
        width:100%;
    }
    .dataTables_paginate.paging_full_numbers{
        margin: 20px 0 !important;
    }
}