.edit-img img {
    width: 90px;
    border-radius: 50%;
    float: right;
    margin-right: 40px;
    border: 1px solid #333a40;
    padding: 5px;
}

.content-wrapper {
    margin-right: 280px !important;
    margin-left: 0 !important;
}
.table td img {
    width: 15px;
    height: 20px;
    object-fit: contain;
    display: block;
    margin: auto;
}

table.dataTable thead th,
table.dataTable tbody td {
    text-align: center !important;
    font-size: 14px;
}

.btn-primary {
    color: #fff !important;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-color: #fff !important;
    box-shadow: none;
    border-radius: 10px;
}

.btn-primary.btn-userCount {
    color: #000 !important;
    background: #fff !important;
    padding: 25px 16px !important;
    border-radius: 10px;
}

.page-link {
    border: 1px solid #00000020;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    border-color: #6e55bf !important;
    -webkit-text-fill-color: #fff;
}

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

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #fff;
    color: #343a40;
}

.logoutBtn {
    display: block;
    margin: auto;
    background: #B41E18;
    border: none;
    text-align: center;
    color: #fff;
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 50px;
    min-width: 130px;
    outline: none !important;
}

.btn-primary {
    padding: 12px 16px !important;
    font-size: 16px !important;
    /*    min-width: 200px;*/
    display: block;
    /*    max-width: 250px;   */
}

.btn-primary2 {
    margin-bottom: 25px;
    margin-left: auto;
}

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
    margin-bottom: 5px !important;
}

td a {
    color: #000 !important;
}

.fc-daygrid-event-dot {
    display: none;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    color: #fff !important;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent;
}

.fc .fc-daygrid-event-harness {
    position: relative;
    margin: 2px;
    border-radius: 5px;
}

.fc-license-message {
    display: none;
}

.fc-right .fc-button-group {
    display: none !important;
}

.fc-right {
    display: flex;
}

.fc-today-button {
    display: none !important;
}

.fc-next-button {
    order: 3;
    border-radius: 0px 5px 5px 0px !important;
}

.fc-month-button {
    border-radius: 0px !important;
}

#modelImg img {
    width: 100%;
    border: 1px solid #c5c5c5;
    padding: 2px;
    border-radius: 3px;
    margin: 15px 0px;
    height: 150px;
    width: 150px;
    object-fit: cover;
}

.v-history a {
    margin-right: 5px !important;
}

.v-history a button {
    min-width: 160px;
}

.pro-sec a {
    float: right;

}

.table_img img {
    width: 80px !important;
    height: 60px !important;
    object-fit: contain;
}

.edit_img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-top: 10px;
    border-radius: 5px;
}


.ck-editor__editable {
    min-height: 200px;
}

.ui.dropdown .menu .active.item {
    background: #333a40 !important;
    color: #fff !important;
    margin: 0px 10px 5px;
    border-radius: 3px;
}

.food_heading {
    font-weight: 400;
}

#contacts ul {
    list-style: none;
    padding: 0px;
}

.wrap .meta {
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
}

.wrap .meta p {
    margin: 0px !important;
}


#frame {
    width: 100%;
    min-width: 360px;
    max-width: 100%;
    height: 92vh;
    min-height: 300px;
    max-height: 720px;
    background: transparent;
}

@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
    }
}

#frame #sidepanel {
    float: right;
    min-width: 280px;
    max-width: 360px;
    width: 40%;
    height: 100%;
    background: #EDF2F6;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    border: 1px solid #E0E4EC;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel {
        width: 58px;
        min-width: 58px;
    }
}

#frame #sidepanel #profile {
    width: 80%;
    margin: 25px auto;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a;
    }
}

#frame #sidepanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
}

#frame #sidepanel #profile.expanded .wrap p {
    margin-top: 20px;
}

#frame #sidepanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#frame #sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap {
        height: 55px;
    }
}

#frame #sidepanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }
}

#frame #sidepanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
}

#frame #sidepanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
}

#frame #sidepanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
}

#frame #sidepanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
}

#frame #sidepanel #profile .wrap p {
    float: left;
    margin-left: 15px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap p {
        display: none;
    }
}

#frame #sidepanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap i.expand-button {
        display: none;
    }
}

#frame #sidepanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

#frame #sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
}

#frame #sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

#frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

#frame #sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

#frame #sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

#frame #sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

#frame #sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

#frame #sidepanel #search {
    /*  border-top: 1px solid #00000020;*/
    border-bottom: 1px solid #00000020;
    font-weight: 300;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #search {
        display: none;
    }
}

#frame #sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
    left: 0;
}

#frame #sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #000;
}

#frame #sidepanel #search i {
    color: #8D98AA;
}

#frame #sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
}

#frame #sidepanel #contacts ul li.contact {
    border-bottom: 1px solid #00000020 !important;
}

#frame .content .contact-profile p a {
    color: black;
}

#frame #sidepanel #contacts ul li.contact.active {
    background: -webkit-linear-gradient(50deg, #6e55bf57, #4b85bb66, #2facb75e);
}

#frame #sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #contacts {
    height: calc(100% - 40px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 00px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none;
    }
}

#frame #sidepanel #contacts.expanded {
    height: calc(100% - 334px);
}

#frame #sidepanel #contacts::-webkit-scrollbar {
    width: 8px;
    background: #2c3e50;
}

#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: #243140;
}

#frame #sidepanel #contacts ul li.contact {
    position: relative;
    padding: 15px 0 15px 0;
    font-size: 0.9em;
    cursor: pointer;
    margin-top: 0px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px;
    }
}

#frame #sidepanel #contacts ul li.contact:hover {
    background: #b31e17;
}

#frame #sidepanel #contacts ul li.contact.active {
    /*  background: #b31e17;*/
    /*  border-right: 5px solid #b31e17;*/
}

#frame #sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

#frame #sidepanel #contacts ul li.contact .wrap {
    width: 88%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #2c3e50;
    background: #95a5a6;
}

#frame #sidepanel #contacts ul li.contact .wrap span.online {
    background: #2ecc71;
}

#frame #sidepanel #contacts ul li.contact .wrap span.away {
    background: #f1c40f;
}

#frame #sidepanel #contacts ul li.contact .wrap span.busy {
    background: #e74c3c;
}

#frame #sidepanel #contacts ul li.contact .wrap img {
    /* width: 40px;
    height: 40px;
    background: #fff;
    object-fit: cover;
    border-radius: 50%;
    float: left;
    margin-right: 10px;*/
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0px;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        display: none;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
    font-weight: 600;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 0;
    padding: 0 0 1px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: .5;
}

#frame #sidepanel #bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#frame #sidepanel #bottom-bar button {
    float: left;
    border: none;
    width: 50%;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 0.85em;
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
}

#frame #sidepanel #bottom-bar button:focus {
    outline: none;
}

#frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: 1px solid #2c3e50;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }
}

#frame #sidepanel #bottom-bar button:hover {
    background: #435f7a;
}

#frame #sidepanel #bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button i {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button span {
        display: none;
    }
}

#frame .content {
    float: right;
    width: 60%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }
}

@media screen and (min-width: 900px) {
    #frame .content {
        width: calc(100% - 360px);
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 45px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
}

#frame .content .contact-profile img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
    margin: 0px 12px 0 9px;
}

#frame .content .contact-profile p {
    float: left;
    margin-bottom: 0px;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 135px);
    max-height: calc(100% - 135px);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F2F5F8;
    width: 100%;
}

.message-input {

    display: flex;
    align-items: center;
}

.wrap {
    width: 100%;
}

.messages ul {
    padding: 0;
}

#frame #sidepanel #search input::placeholder {
    color: #BAC1CC;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.icon-sec {
    width: 35%;
    display: flex;
}

.w-65 {
    width: 65%;
}



@media screen and (max-width: 735px) {
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #343a40;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 300px;
    }
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background: #F2F5F8;
    padding: 15px;
    border-top: 1px solid #d8d8d8;
}

#frame .content .message-input .wrap {
    position: relative;
}

#frame .content .message-input .wrap input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 80px);
    padding: 11px 32px 10px 8px;
    font-size: 0.8em;
    color: #32465a;
    border: 1px solid #d8d8d8;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px;
    }
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px;
    }
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 10px 0;
    cursor: pointer;
    background: #343a40 !important;
    color: #f5f5f5;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 16px 0;
    }
}

#frame .content .message-input .wrap button:hover {
    background: #435f7a;
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

#OpenImgUpload {
    height: 20px;
    width: 20px;
    left: auto;
    position: absolute;
    top: 24px;
    right: 41px;
}

#attachment {
    width: 117px;
    z-index: 999999;
    opacity: 0;
    position: absolute;
}

.buttons_field {
    position: absolute;
    top: 15px;
    z-index: 99999;
    left: 5px;
}

.brand-image {
    margin: auto;
    text-align: center;
    display: block;
    width: 80px;
    margin: 10px auto;
    height: 80px;
}

.login-box,
.register-box {
    width: 400px !important;
}

@supports not (-webkit-touch-callout:none) {
    .layout-fixed .wrapper .sidebar {
        height: calc(100vh - 120px);
    }
}

.tab {
    position: absolute;
    z-index: 9;
    gap: 15px;
}

.tab a {
    /*  margin-right: 20px;*/
}

.tablinks {
    /*  background: #fff;*/
    border: none;
    color: #000;
    padding: 0px;
    border-radius: 0px;
    font-weight: 600;
    min-width: unset;
    cursor: pointer;
}

.tablinks.active,
.tablinks2.active {
    /*  background: #343a40;*/
    /*  color: #fff;*/
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
    width: auto;
}

.user-tabs .tablinks.active,
.user-tabs .tablinks2.active {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    /*  border-bottom: 1px solid linear-gradient(50deg,  #6e55bf, #4B85BB, #2FACB7);*/
    border: 1px solid transparent;
    border-image-slice: 1;
    width: auto;
    border-radius: 10px;
}

.user-tabs .tablinks,
.user-tabs .tablinks2 {
    max-width: 230px;
    width: auto;
    /*    height: 40px;*/
    padding: 10px 26px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 130px;
    border-radius: 10px;
    overflow: hidden;
    /* Ensure child elements are clipped */
}

.user-tabs .tablinks::before,
.user-tabs .tablinks2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: -1;
    border-radius: 10px;
    /* Apply the same border-radius */
    padding: 2px;
    /* Adjust as needed for border thickness */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.nav-none {
    display: none !important;
}

/*.create-btn{
  border: 1px solid #333a40;
  background: #333a40;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
}*/
#create-list ul {
    padding: 0px;
}

section {
    direction: rtl;
}

table {
    direction: rtl;
}


.loginarea {
    width: 100%;
    background: transparent;
    padding: 0px;
    overflow: hidden;
    height: calc(100vh - 0px);
}

.login_leftside {
    background: url('../admin-assets/assets/images/loginimg.png');
    width: 100%;
    position: relative;
    /* Keep the brand logo a sane size, centered — 'cover' blew it up huge. */
    background-size: 420px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.loginarea .nopad {
    padding: 0px !important;
}

.loginarea .height100 {
    height: 100%;
}

.registerform {
    padding: 0px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.registerarea {
    overflow-y: auto !important;
}

.registerform .form-group {
    margin-bottom: 15px !important;
}

.registerform h3 {
    margin-bottom: 10px !important;
}

.payment-card {
    border-top: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
    padding: 20px 0 0px;
    margin-top: 25px;
}

.registerarea .height100 {
    height: 1045px !important;
    max-height: 1045px;
}

.registerform .login_leftside {
    background: unset;
}

.registerform .login_leftside img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 1000px;
}

.loginform {
    width: 100%;
    background: none;
    padding: 60px 25px;
    padding-right: 40px;
}

.loginform h3 {
    text-align: right;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 35px;
}

.loginform label {
    display: block;
    text-align: right;
    margin-bottom: 8px;
    font-weight: 400 !important;
    color: #000 !important;
}

.loginform strong {
    display: block;
    text-align: right;
    font-weight: 400 !important;
    color: #000 !important;
}

.loginform h5 {
    display: block;
    text-align: left;
    font-weight: 400 !important;
    font-size: 16px;
    color: #000 !important;
    margin-bottom: 0px;
}

.loginform input {
    height: auto;
    padding: 13px 20px;
    background: #F2F2F2;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    text-align: right;
    font-size: 17px;
    outline: none;
    padding-left: 80px;
}

.field_outer {
    position: relative;
}

.field_outer a.getOTP {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 17px;
    font-weight: 500;
}

.form-group {
    margin-bottom: 30px;
}

.loginform img {
    display: block;
    margin-left: auto;
    /* autofit-logo-flag.svg carries intrinsic width="3202" height="636", so
       without a cap it renders 3202px wide and spills across the whole login
       screen. Cap it and let the height follow the 5:1 aspect ratio. */
    width: 100%;
    max-width: 260px;
    height: auto;
}

.loginform button {
    background: #F41E1E;
    border: none;
    width: 100%;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    outline: none;
}

a.getOTP,
#otp_display {
    /*      color: #007AFF;*/
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
    margin-bottom: 0px !important;
    margin-left: 10px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #2196F3;
    right: -2px;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.loginform h6 {
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
}

.loginform h6 a {
    margin-right: 10px;
    font-size: 16px;
}

/* new login page css */
.loginarea {
    width: 100%;
    background: transparent;
    padding: 0px;
    overflow: hidden;
    height: calc(100vh - 0px);
}

.login_leftside {
    /* background: url('../images/loginimg.png'); */
    background: url('../images/loginimg_720.jpg');
    width: 100%;
    position: relative;
    /* Sane, centered brand logo (was oversized/offset). */
    background-size: 420px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.loginarea .nopad {
    padding: 0px !important;
}

.loginarea .height100 {
    height: 100%;
}

.loginform {
    width: 100%;
    background: none;
    padding: 60px 25px;
    padding-right: 40px;
}

.loginform h3 {
    text-align: right;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #1a1a1a;
}

.loginform label {
    display: block;
    text-align: right;
    margin-bottom: 8px;
    font-weight: 400 !important;
    color: #333 !important;
}

.loginform input::placeholder {
    color: #808080;
}

.loginform strong {
    display: block;
    text-align: right;
    font-weight: 400 !important;
    color: #000 !important;
}

.loginform h5 {
    display: block;
    text-align: left;
    font-weight: 400 !important;
    font-size: 16px;
    color: #000 !important;
    margin-bottom: 0px;
}

.loginform input {
    height: auto;
    padding: 13px 20px;
    background: #F2F2F2;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    text-align: right;
    font-size: 17px;
    outline: none;
    padding-left: 80px;
}

.field_outer {
    position: relative;
}

.field_outer a.getOTP {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 17px;
    font-weight: 500;
}

.form-group {
    margin-bottom: 30px;
}

.loginform button {
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border: none;
    width: 100%;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    outline: none;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
    margin-bottom: 0px !important;
    margin-left: 10px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #F41E1E;
    right: -2px;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #F41E1E;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.loginform h6 {
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
}

.loginform h6 a {
    margin-right: 10px;
    font-size: 16px;
}

/*==================*/

.alert {
    direction: rtl;
    display: flex;
}

.alert-dismissible .close,
.alert-dismissible .mailbox-attachment-close {
    right: auto;
    left: 0;
}

/*.main-footer{display: none;}*/
main {
    background: #EDF2F6;
    padding: 20px;
}

.content-wrapper {
    background-color: transparent;
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-right: 0px !important;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(194, 194, 194, 0.16);
    border: none;
     z-index: 99999999 !important;
}
.modal-backdrop.show {
    opacity: .5;
   z-index: 99999999;
    /* z-index: 9998; */
}

.content-wrapper {
    margin-top: 75px
}

.layout-fixed .main-sidebar {
    /*  position: absolute;*/
    top: 92px;
    bottom: auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: none !important;
}

.main-sidebar {
    height: auto;
}

.navbar-brand img {
    width: 70px;
}

.navbar-collapse input {
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    border-radius: 25px;
    margin-top: 0;
}

.navbar-collapse input::placeholder {
    color: #BAC1CC;
}

.navbar-collapse i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #8D98AA;
}

.pro-img {
    margin: 0 25px;
}

.uploadImg {
    display: inline-block;
    padding: 3px;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-radius: 13px;
    width: 58px;
    margin: 0 20px;
}

.user_profile img.pro-img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0px 0px 0px 1px;
    border-radius: 10px;
    position: relative;
    object-fit: cover;
    padding: 0px;
    /*    z-index: 999; */
    border: none;
}

#imgInp2 {
    max-width: 152px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.editUser-sec .dataTables_filter label {
    -webkit-text-fill-color: #222222;
    right: 0;
}

.header-text {
    color: #717B8C;
    font-size: 16px;
}

.header-text p {
    color: #4C535F;
}

[class*=sidebar-dark-] .sidebar a {
    color: #000;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: transparent;
    color: #343a40;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-shadow: none !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: #007bff;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-shadow: none !important;
}

.nav-sidebar>.nav-item .nav-link .active-img {
    display: none;
}

.nav-sidebar>.nav-item .nav-link.active .active-img,
.nav-pills .nav-link:not(.active):hover .active-img {
    display: block;

}

.nav-sidebar>.nav-item .nav-link.active .default-img,
.nav-pills .nav-link:not(.active):hover .default-img {
    display: none;

}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active {

    box-shadow: none !important;
}

.sidebar nav {
    margin-top: 20px !important;
}

.nav-item {
    position: relative;
}

.nav-item .nav-link.active::before {
    position: absolute;
    content: '';
    width: 4px;
    background: linear-gradient(180deg, #6e55bf, #4B85BB, #2FACB7);
    height: 100%;
    left: -8px;
    border-radius: 25px;
}

.nav-sidebar .nav-link p {
    margin-right: 10px;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #000;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    color: #000;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-sidebar>.nav-item .nav-link.active i.right,
.nav-pills .nav-link:not(.active):hover i.right {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #000;
}

.nav-item .nav-link.active::before {
    position: absolute;
    content: '';
    width: 4px;
    background: linear-gradient(180deg, #6e55bf, #4B85BB, #2FACB7);
    height: 100%;
    left: -8px;
    border-radius: 25px;
}

.card {
    box-shadow: 0 0 30px #AAAAAA16;
    border-radius: 15px;
}

.card-header {
    /*  display: none;*/
    border-bottom: none;
    padding: 0px;
}

.card-title span {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
}

.content-header {
    padding-top: 0;
}

.btn-back {
    position: absolute;
    left: -15px;
    max-width: 110px;
    min-width: 110px;
    top: -22px;
    border-radius: 15px 0px 15px 0px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0px !important;
}

.btn-back img {
    margin-right: 5px;
}

/*.profile_pic {
    width: 100%;
    background: none;
    width: 185px;
    height: 200px;
    display: block;
    margin: auto;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
/*    background: #EDF2F6;*/
/*    border: 2px dashed #4C535F;*/
/*}*/
.profile_pic img {
    max-width: 152px;
    height: 155px;
    object-fit: cover;
    border-radius: 20px;
    border: none;
    /* padding: 3px; */
    border: 2px dashed #4C535F;
    display: block;
    margin-left: auto;
    width: 100%;
}

.profile_pic {
    display: block;
    margin: auto;
}

.form-control {
    color: #222;
    height: auto;
    /*    padding: 10px 15px;*/
    font-weight: 500;
    font-size: 16px;
    position: relative;

}

.editUser-sec .form-control {
    margin-top: 25px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500 !important;
    text-align: right;

}

.mt-25 {}

.form-input:first-child {
    margin-top: 25px;
    /*   background: #000;*/
}

.editUser-sec label {
    font-weight: 500 !important;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -28px;
}

.custom-select {
    margin-top: 0px !important;
}

.form-control {
    border: 1px solid #00000020;
}

.form-group {
    margin-bottom: 25px;
    position: relative;
}

.top-0 {
    top: -10px !important;
}
#Profile form .card-body{
    padding: 0px !important;
}
textarea.form-control {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #222;
    border: 1px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
    border-radius: 15px;
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.add-btn {
    min-width: 200px;
    max-width: 200px;
    border-radius: 15px;
    font-weight: 600;
    display: unset;
}

.edit-btn {
    width: 100%;
    max-width: 135px;
    min-width: 95px;
    font-size: 13px !important;
    padding: 8px 0px !important;
    /* height: 35px; */
    /* line-height: 35px; */
    border-radius: 15px;
}

.addMore-btn {
    max-width: 150px;
    min-width: 105px;
    height: 40px;
    padding: 0px !important;
    line-height: 40px;
    border-radius: 10px;
    margin-bottom: 0px !important
}

/*create meal modal*/
#createMeal.show,
#editMeal.show,
#Menually_meeting.show,
#Open_hours.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

 .modal-content  {
    position: relative;
    border: 1px solid transparent;
    background: #fff;
}

 .modal-content::before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: -1;
    border-radius: 7px;
}

.modal-header {
    border-bottom: none;
}

.createMeal-btn {
    max-width: 140px;
    min-width: 140px;
    border-radius: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 !important;
    font-weight: 600;
    font-size: 14px !important;
}

.alert-dismissible {
    padding-right: 0px !important;
}

.modal {
    z-index: 999999999;
    padding-right: 0px !important;
}

#createMeal .modal-title,
#editMeal .modal-title,
#Menually_meeting .modal-title,
#Open_hours .modal-title {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
    font-weight: 600;
}

#createMeal textarea.form-control,
#editMeal textarea.form-control,
#Menually_meeting textarea.form-control,
#Open_hours textarea.form-control {
    border: 1px solid #00000020;
}

.meal-btn {
    /*    max-width: 165px;*/
    /*    min-width: 175px;*/
    float: left;
    /*    padding: 0px !IMPORTANT;*/
    /* height: 44px; */
    border-radius: 15px;
    font-weight: 600;
    padding: 10px 25px !important;
}

/*fc*/
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    background-color: #7f83ff !important;
}

.fc .fc-daygrid-body,
.fc .fc-scrollgrid,
.fc .fc-scrollgrid table {
    width: 100% !important;
}

select.select_month.form-control,
select.select_year.form-control {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
    position: absolute;
    top: 0;
    right: 475px;
    margin-top: 18px;
}

.notification-header select.form-control {
    /*    max-width: 150px;*/
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    /*    min-width: 150px;*/
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    /*    margin-right: 10px;*/
    margin-top: 0px;
}

select.select_year.form-control {
    right: 310px;
}

.fc-theme-standard th {
    height: 45px;
    line-height: 45px;
}

.fc-theme-standard th .fc-col-header-cell-cushion {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*    border-bottom: 2px solid transparent;*/
    /*    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);*/
    border-image-slice: 1;

}

.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
    /* border: 1px solid #ddd; */
    border: 1px solid #64748b50 !important;
}

.fc-theme-standard .fc-scrollgrid {
    border-right: none !important;
    border-bottom: none !important;
}

.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 0px !important;
    background: linear-gradient(96deg, #6e55bf, #2FACB7);
    ;
    border-radius: 0px 0px 0px 17px;
    width: 30px;
    height: 25px;
    color: #fff !important;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
}

.fc .fc-daygrid-day-top {
    flex-direction: column-reverse !important;
}

.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    display: none;
}

.fc-daygrid-dot-event .fc-event-title {
    display: flex;
    justify-content: center;
    direction: ltr;
}

.fc-toolbar-title {
    display: none;
}

.fc .fc-button-primary {
    background-color: transparent;
    color: #6e55bf !important;
}

.fc-toolbar .fc-left {
    background: transparent;
}

.fc .fc-button-primary {
    background-color: transparent !important;
}

/*exercise category*/

.category-btn {
    min-width: 165px;
    max-width: 100px;
    padding: 0px !important;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    font-weight: 600;
}

.newcategory-btn {
    max-width: 180px;
    min-width: 180px;
    padding: 0px !important;
    height: 45px;
    border-radius: 10px;
    margin-bottom: 30px;
    font-weight: 600;
}

.newcategory-btn,
.meeting-btn {
    max-width: 160px;
    min-width: 160px;
    padding: 0px !important;
    height: 45px;
    border-radius: 10px;
    margin-bottom: 30px;
    font-weight: 600;
}

.category_name {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
}

.ec-sec input {
    margin-top: 25px;
}

.ec-sec2 .table td img {
    width: auto;
    height: auto;
}

.exercise-sec label {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    background: transparent;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: textfield;
    height: 25px
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #00000020 !important;
}

.select2-container {
    float: right;
}

.exercise-sec .card-title {
    margin-bottom: 25px;
}

.filterCategory select {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
}

/*meeting*/


.slotsList {
    width: 100%;
    background: none;
    padding: 25px 0px;
    margin-top: 20px;
}

.slotsList h4 {
    text-align: right;
    font-size: 20px;
    margin-bottom: 15px;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
}

.slotsList ul {
    margin: 0px auto;
    padding: 0;
    list-style: disc;
    text-align: right;
    margin-top: 35px;
    list-style: none;
    height: 85vh;
    overflow: auto;
}

.slotsList li {
    text-align: right;
    border-bottom: 0;
    background: #2eaeb710;
    margin-bottom: 5px;
}

.slotsList li a {
    text-decoration: none;
    color: #444;
    padding: 0px 0px;
    display: block;
    font-size: 15px;
    font-weight: 600;
}

a.btn.call-btn {
    font-size: x-large;
    color: #04b3df;
}

a.btn.whatsapp-btn {
    font-size: x-large;
    color: #00d470;
}

.nav-none {
    display: none !important;
}

.form-check-label {
    text-align: left;
}

.create-btn {
    height: 30px;
    padding: 0px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* min-width: 130px; */
    border-radius: 50%;
    overflow: hidden;
    border: none;
    width: 64px;
    height: 40px;
    line-height: 30px;
    margin-right: 5px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}



#create-list ul {
    padding: 0px;
}

.tab {
    float: right;
}

.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {
    color: #6e55bf !important;
}

.fc .fc-button .fc-icon {
    margin: 0;
    font-size: 20px;
    /*    transform: rotate(180deg);*/
}

/*notification*/
.notification-header textarea.form-control {
    -webkit-text-fill-color: none;
    border: 1px solid #EDF2F6;
    border-image: none;
    border-image-slice: 0;
    border-radius: 15px;
}

.notification-header label {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 30px;
}

.create-btn::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 50%;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
}

.create-btn i {
    font-size: 13px;
}

#chartContainer {
    position: relative;
}

#chartContainer:before {
    /* content: "10"; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
}

#chartContainer:after {
    /* content: "Total Messages"; */
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: 16px;
    color: #0000FF;
    /* Change color to match your design */
}

#chartContainer ul {
    list-style: none;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 30px;
    line-height: 30px;
}

.chartList li {
    text-align: right;
    direction: ltr;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
    width: 65%;
}

.meta .icon-sec a {
    margin-right: 10px;
    font-size: 18px;
    color: #000;
}

#groups-permission-data-table_wrapper .col-sm-12 {
    overflow: auto;
}

.log-form {
    float: none;
    width: 100%;
    /* position: relative;
        float: right;
        margin-right: 40px;*/
}

.user_profile {
    /*width: 90px;
        height: 90px;
        display: block;
        margin:0px;
        border-radius: 50%;
        border: 5px solid #333a40;
        padding: 5px;*/
    position: relative;
    margin-top: 30px;
}

.user_profile img {
    max-width: 152px;
    height: 155px;
    object-fit: cover;
    border-radius: 20px;
    border: none;
    /* padding: 3px; */
    border: 2px dashed #4C535F;
    display: block;
    margin-left: auto;
    width: 100%;
}

.camra_outer {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 35px;
    height: 35px;
    background: #333a40;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
}

.camra_outer input {
    opacity: 0;
    position: absolute;
}

.camra_outer i {
    font-size: 13px;
}

.log-form h6 {
    font-weight: 600;
    font-size: 13px;
    text-align: right;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    text-align: right;
}

.modal-body {
    padding: 30px;
}

.modal-body p {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.btn2 {
    position: relative;
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 18.5px 35px 20.5px;
    width: 200px;
    text-align: center;
    margin: auto;
    display: block;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
}

.btn2::before {
    position: absolute;
    content: "";
    left: 3px;
    top: 0;
    width: 97%;
    height: 100%;
    background: #f41e1e;
    border: none;
    z-index: -1;
    transition: 0.4s;
    border-radius: 10px;
    transform: skewX(-10deg);
}

.btn-primary {
    padding: 10px 5px;
    /*    margin-left: 10px;*/
}

h3.card-title.nofloat span {
    display: flex;
    align-items: center;
    gap: 10px;

}

.row.fileds {
    margin-bottom: 20px;
}

.btn-block+.btn-block {
    margin-top: 0;
}

.app_color {
    margin: 0;
    float: right;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.settingSelect {
    float: right;
    margin-top: 30px;
    max-width: 200px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 200px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    top: 0;
    right: 475px;
}

#imgInp {
    max-width: 152px;
}

.app_color h6 {
    right: 100px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
}

.modal-btn {
    max-width: 230px;
    min-width: 230px;
    height: 50px;
}

/*tabel changes*/

#userTable_wrapper #userTable_filter,
#example2_wrapper #example2_filter,
#trainingTable_wrapper #trainingTable_filter,
#myTable #exerciseTable_filter,
#example3_wrapper #example3_filter,
#notification-analytics_wrapper #notification-analytics_filter {
    display: none;
}

/* .dataTables_length{
  display: none;
} */
#userTable,
#example2,
#trainingTable_wrapper,
#exerciseTable_wrapper,
.table {
    margin-top: 50px;
}

#userTable_filter,
#traning_filter {
    position: relative;
    max-width: 280px;
}

#exerciseTable_filter {
    position: relative;
    max-width: 160px;
}

#userTable_filter input,
#exerciseTable_filter input,
#traning_filter input {
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    border-radius: 25px;
    max-width: 280px;
    width: 100%;
}

#userTable_filter i,
#traning_filter i {
    position: absolute;
    top: 9px;
    left: 25px;
    color: #8D98AA;
}

#exerciseTable_filter i {
    position: absolute;
    top: 9px;
    left: 15px;
    color: #8D98AA;
}

.table-bordered thead th {
    background: transparent;
    color: #64748B;
    text-align: right;
}

.table thead th {
    border-bottom: none;
}

.table-bordered {
    border: none;
}

.table-bordered td,
.table-bordered th {
    border: none;
}

table.dataTable>thead .sorting::before,
table.dataTable>thead .sorting_asc::before,
table.dataTable>thead .sorting_desc::before,
table.dataTable>thead .sorting_asc_disabled::before,
table.dataTable>thead .sorting_desc_disabled::before,
table.dataTable>thead .sorting::after,
table.dataTable>thead .sorting_asc::after,
table.dataTable>thead .sorting_desc::after,
table.dataTable>thead .sorting_asc_disabled::after,
table.dataTable>thead .sorting_desc_disabled::after {
    display: none !important;
}

#userTable_wrapper .col-sm-12,
#example2_wrapper .col-sm-12,
.table .col-sm-12 {
    margin-top: 10px;
}

table.table-bordered.dataTable tbody td {
    border-bottom: 1px solid #64748B50 !important;
}

.table-bordered .action-td a {
    margin: 0px 5px;
    border: 1px solid #E2E8F0;
    width: 125px;
    max-width: 125px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0F172A !important;
    margin-bottom: 5px;
    text-align: center !important;
}

.user-btn {
    min-width: 150px;
    max-width: 199px;
    border-radius: 15px;
    font-weight: 600;
}

.user-btn i {
    margin-right: 5px;
}

/*.content{margin-top: 75px;}*/
input.sets,
input.reps {
    width: 50px;
    border: 1px solid #00000020;
    padding: 7px;
    text-align: center;
    border-radius: 10px;
}

div.dataTables_wrapper {
    margin-top: 20px;
}

.fa-trash-can {
    color: #f00;
}

td.meal-sec img {
    height: auto;
    width: auto;
}

.toggle-btn {
    display: none;
}

.logo-text img,
.mobile-input {
    display: none;
}

.logo-text {
    display: none !important;
}

.fc-theme-standard td {
    height: 50px
}

.dataTables_info {
    display: none;
}

.border-rights {
    border-left: 1px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 1;
}

.canvasjs-chart-credit {
    display: none;
}

/*chat*/
#attachment {
    width: 35px !important;
}

p.name strong {
    float: right;
    font-weight: 600;
    font-size: 12px;
}

.meta {
    position: relative;
}

.meta .count,
a.nav-link .count {
    position: absolute;
    right: 0;
    top: 26px;
    background: #fff;
    line-height: normal;
    color: #000;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
    padding-right: 27px;
}

.sent img,
.replies img {
    width: 200px;
    height: 180px;
    margin-bottom: 25px;
    border-radius: 10px;
}

span.msg-time {
    font-size: 12px;
    margin-right: 10px;
    right: 0;
    position: absolute;
}

.sent p,
.replies p {
    margin-bottom: 15px;
}

.msger-chat li {
    position: relative;
}

.sent {
    min-width: 160px;
}

.sent video,
.replies video {
    width: 270px;
    height: auto;
    margin-bottom: 20px;
}

.sent audio {
    margin-bottom: 20px;

}

.replies audio {
    margin-bottom: 20px;

}

.sent a,
.replies a {
    color: #fff;
    display: block;
    font-size: 18px;
    margin-bottom: 17px !important;
    margin: auto;
}

.replies a {
    color: #000;
}

.replies {
    min-width: 160px;
}

.chat .chat-header .fa-star {
    display: none !important;
}

#sendMsg {
    width: 100%
}

#recordButton,
#stopButton {
    border: 0;
    background: transparent;
    position: absolute;
    z-index: 999999;

}

#frame .content .message-input .wrap input {
    width: calc(100% - 115px);
}

#controls {
    right: -33px !important;
    top: 9px;
}

#controls i {
    font-size: 20px;
}

.sent {
    background: #343a40;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: auto !important;
    font-size: 0.9em;
    color: #000;
    border-radius: 10px;
    min-width: 160px;
}

span.msg-time {
    font-size: 12px;
    margin-right: 10px;
    right: 0;
    position: absolute;
    bottom: 5px;
}

.sent img,
.replies img {
    width: 200px !important;
    height: 180px !important;
    margin-bottom: 25px !important;
    border-radius: 10px !important;
}

.replies {
    background: #fff;
    display: inline-block !important;
    clear: both !important;
    float: right !important;
    margin: 15px 15px 5px 15px !important;
    width: auto !important;
    font-size: 0.9em !important;
    border-radius: 10px;
    min-width: 160px;
}

#frame .content .messages ul li.replies p {
    background: transparent;
    /*    float: left;*/
}

.send p,
.replies p {
    margin-bottom: 15px;
}

.send a,
.replies a {
    color: #000;
    display: block;
    font-size: 18px;
    margin-bottom: 17px !important;
    margin: auto;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: flex-start;
    font-size: 13px;
    gap: 6px;
    align-items: center;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name i {
    color: #f00;
    font-size: 8px;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
    padding-right: 27px;
    color: #000;
}

#frame #sidepanel #contacts ul li.contact {
    border-bottom: 1px solid #5a5c5e;
}

.replies a {
    color: #000;
}

.sent a {
    text-align: center;
}

#frame #sidepanel #contacts ul li.contact:hover {
    background: -webkit-linear-gradient(50deg, #6e55bf57, #4b85bb66, #2facb75e);
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 8px;
}

#frame .content .messages ul li.replies img {
    margin: 6px 8px 0 8px;
}

.lightbox {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

div#exampleModalLong {
    padding: 0 !important;
}

.lightbox .lb-image {
    width: 900px !important;
    height: 700px !important;
    object-fit: contain;
}

.lb-outerContainer {
    width: 908px !important;
    height: 709px !important;
}

.lb-nav a.lb-next,
.lb-nav a.lb-prev {
    width: 15% !important;
}

.lb-data .lb-number {
    display: none !important;
}

.lb-data .lb-close {
    position: absolute;
    right: -10px;
    top: -8px;
    opacity: 1 !important;
    z-index: 999999999;
}

.lb-dataContainer {
    position: relative;
}

.sent span.msg-time {
    color: #fff;
}

.small-box>.inner,
.small-box.bg-success,
.small-box .bg-info {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
}

.btn-back.left-0 {
    left: 0px !important;
}

table#food-table {
    margin-top: 50px !important;
}
.fc-more-popover { 
    width: 180px !important;
    min-width: 180px !important;
}
.form-group.writesome{
    margin-bottom: 35px !important;
}















@media screen and (min-width:300px) and (max-width: 767px) {
    #modalFeedbackContainer h5 {
        font-size: 14px;
        word-break: break-all;
    }

    #modalFeedbackContainer span {
        font-size: 12px !important;
    }

    .productSection .d-flex {
        display: block !important;
    }

    #exerciseTable_filter {
        width: 100%;
        margin-top: 6px;
    }

    #frame .content {
        width: calc(100% - 120px);
        min-width: 240px !important;
    }

    .icon-sec {
        width: 100%;
    }

    #frame #sidepanel {
        width: 100%;
    }

    #frame #sidepanel #contacts ul li.contact .wrap .meta .name {
        width: 100%;
        justify-content: center;
    }

    #frame {
        min-width: 330px;
    }

    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        padding: 0px 0px 0 0px;
        display: block;
    }

    #frame #sidepanel #contacts ul li.contact .wrap .meta .name {
        font-size: 11px;
        padding-left: 5px;
    }

    #frame #sidepanel #contacts ul li.contact {
        padding-bottom: 10px
    }

    .times {
        position: absolute;
        bottom: 0;
    }

    #frame #sidepanel #contacts ul li.contact .wrap img {
        width: 17px !important;
    }

    .meta .icon-sec a {
        margin-right: 3px !important;
    }

}


#frame #sidepanel #search input::placeholder {
    color: #BAC1CC;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.meta .icon-sec a {
    margin-right: 14px;
    font-size: 15px;
    color: #000;
}

.meta .icon-sec .whatsapp-btn {
    color: #00d470;
}

#frame #sidepanel #contacts ul li.contact .wrap img {
    width: auto;
    height: auto;
    background: transparent;
    object-fit: cover;
    border-radius: 0;
    float: none;
    margin-right: 0;
}

.user-detail-icon {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    margin-top: 30px;
}

.w-15 {
    max-width: 45.66%;
}

.filterCategory label {
    order: 1;
}

.filterCategory select {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
}

#toggleTable {
    margin-bottom: 0 !important;
    margin-top: 20px;
    margin-right: 10px;
}

.table-responsive {
    overflow: hidden;
}

.dragged-td {
    direction: ltr;
}

.table td.dragged-td img {
    width: 15px !important;
    height: 15px !important;
    display: inline-flex;
    /*  margin-left: 10px;*/
}

.loginform h3 {
    direction: rtl;
}

div.dataTables_wrapper div.dataTables_length select {
    -webkit-text-fill-color: #222 !important;
}

.dataTables_length {
    margin-top: 23px;
    position: relative;
}



#notificationForm .col-md-2 {
    max-width: 13.666667%;
}

#Basic button.btn.btn-block.btn-primary.meal-btn.modal-btn {
    height: 64px;
}

.card-title.nofloat button.btn.btn-block.btn-primary.meal-btn {
    width: auto;
}

.modal#calendarModal {
    z-index: 999999999;
}

.lightbox .lb-image {
    width: 500px !important;
    height: 500px !important;
    /* object-fit: contain; */
}

.lb-outerContainer {
    width: 508px !important;
    height: 500px !important;
}

.lb-closeContainer.lb-data .lb-close {
    right: -5px !important;
    top: 4px !important;
}

#assignedTrainings_wrapper .col-sm-12 {
    overflow-x: auto;
}

.back-btn {
    display: none;
}

#calendar .fc-time-grid-event .fc-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    width: 100%;
    /* font-weight: 300; */
}

/*new css*/
.tablinks.active,
.tablinks2.active {
    background-color: #007bff;
    color: white;
}

.tablinks,
.menuitem {
    /*  background: #fff;*/
    border: none;
    color: #000;
    padding: 0px;
    border-radius: 0px;
    font-weight: 600;
    min-width: unset;
    cursor: pointer;
}

.menuitem.menuitemshow {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    /*  border-bottom: 1px solid linear-gradient(50deg,  #6e55bf, #4B85BB, #2FACB7);*/
    border: 1px solid transparent;
    border-image-slice: 1;
    width: auto;
    border-radius: 10px;
}

.menuitem {
    width: auto;
    padding: 3px 10px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
    line-break: auto;
}

.menuitem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    /* Apply the same border-radius */
    padding: 2px;
    /* Adjust as needed for border thickness */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.edititem {
    width: auto;
    padding: 3px 10px;
    position: relative;
}

.edititem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    /* Apply the same border-radius */
    padding: 2px;
    /* Adjust as needed for border thickness */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.menuitem input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    cursor: pointer;
    width: 100%;
}

.menuitem .form-check-label,
.edititem .form-check-label {
    margin-right: 0px;
    font-size: 14px;
}

.edititem .form-check-label {
    margin-right: 0px;
    font-size: 14px;
    z-index: 9999999;
    position: relative;
    color: #64748B !important;
}

.payment_section .table-bordered thead th,
.payment_section .table-bordered td {
    text-align: center;
    font-size: 14px;
}

.payment_section .table-bordered td {
    line-break: anywhere;
}

.payment_section sup {
    font-size: 11px !important;
    color: #7052BF;
}

button#toggle_paymentBtn {
    background: transparent;
    border: 1px solid #E1E1E1;
    border-radius: 12px;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    gap: 5px;
}

.withoutUser_content label {
    position: relative;
}

.payment_editBtn {
    display: flex;
    gap: 15px;
    align-items: center;
}

.payment_editBtn .btn-primary {
    padding: 7px 13px !important;
}

.payment_editBtn .btn-outline-primary {
    color: #427bb8;
    border-color: #427bb8;
}

.payment_editBtn .btn-outline-primary:hover {
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    color: #fff;
}

.form-row .form-check.active {
    /* background: #DBE4F780; */
    border: 1px solid #5a6ab8;
}

.form-row .form-check-input {
    background-color: transparent !important;
    box-shadow: none !important;
}

.form-row .form-check-label {
    margin-right: 0px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.93px;
    text-align: right;
    color: #262626;
    cursor: pointer;
    margin-top: 1px;
    margin-left: 3px;
    font-weight: 800 !important;
}

.form-row .form-check {
    border: 1px solid #DBE4F7;
    width: 100%;
    /* height: 43px; */
    /* line-height: 40px; */
    padding: 9px 15px !important;
    border-radius: 12px;
    margin-bottom: 0px !important;
    cursor: pointer;
    padding-left: 27px !IMPORTANT;
    /* display: flex; */
}


.form-check-input[type=radio] {
    --bs-form-check-bg-image: url('../../../admin-assets/assets/images/formUncheked.svg') !important;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url('../../../admin-assets/assets/images/formChecked.svg') !important;
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.payment_section .table {
    margin-top: 0px !important;
}

.cardcom-input {
    position: relative;
}

.cardcom-input i {
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

#deleteApi.modal {
    padding-left: 0px !important;
}

#deleteApi .modal-dialog {
    max-width: 400px;
}

#deleteApi .modal-content {
    border: 2px solid #685DBE;
}

.modal-footer {
    border-top: 0px;
}

.modal_content img {
    display: block;
    text-align: center;
    margin: auto;
}

.modal_content h2 {
    color: #303030;
    text-align: center;
    font-size: 26px;
    margin-bottom: 0;
}

.modal_content p {
    margin: 0;
    font-size: 16px;
    color: #717B8C;
}

.btn-outline-primary {
    color: #6e55bf;
    border: 1px solid #6e55bf;
    border: none;
}

.btn-outline-primary:hover {
    color: #fff;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border: none;
}

.modal-footer .btn-outline-primary {
    padding: 8px 16px !important;
    border-radius: 12px;
    font-weight: 600;
}

.modal-footer .btn-primary {
    padding: 8px 16px !important;
    border-radius: 12px;
    font-weight: 600;
}

#deleteApi .modal-body {
    padding: 30px;
    padding-top: 0;
}

.card.card-filled {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    color: #fff;
    text-align: center;
    border-radius: 12px;
    padding: 15px 0;
}

.card-filled label {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
}

.card-filled h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

.card-Unfilled {
    /*  background: #fff;*/
    border: none;
    color: #000;
    padding: 0px;
    border-radius: 0px;
    font-weight: 600;
    min-width: unset;
    cursor: pointer;
}

.card-Unfilled {
    width: 100%;
    padding: 15px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
    line-break: auto;
    text-align: center;
}

.card-Unfilled::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    /* Apply the same border-radius */
    padding: 2px;
    /* Adjust as needed for border thickness */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.card-Unfilled h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

.card-Unfilled label {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

#transaction_table_length,
#transaction_table_filter {
    display: none !important;
}

.refund-btn {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px;
}

#chartContainer {
    height: 370px;
    width: 100%;
    background-size: 10px 10px;
    /* Adjust for your grid style */
}

.reports_heading {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*    border-bottom: 2px solid transparent;*/
    /*    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);*/
    border-image-slice: 1;
    font-size: 26px;
    font-weight: 600;
    display: flex;
}

.reports_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.reports_header select {
    border: none;
    background: transparent;
    font-size: 17px;
    outline: none !important;
    direction: ltr;
}

.report-filters {
    display: flex;
    gap: 5px;
}

.training-view {
    display: flex;
    align-items: center;
    gap: 5px;
    direction: ltr;
}

.training-view i {
    /*    / color: #7052BF; /*/
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 19px;
}

#tabButtonsContainer {
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
}

#tabContentContainer {
    width: 100%;
    margin-top: 80px;
}

#tabButtonsContainer.user-tabs .tablinks {
    padding: 0px 0px;
    min-width: 55px;
}

.editUser-sec.modal {
    padding-left: 0px;
}

div#foodName span {
    margin-left: 10px;
}

#AllUser .dataTables_length {
    margin-top: 45px;
}

.table th {
    background: #F8FAFC !important;
}

#CurrentPaymentTable.table-bordered td,
#CurrentPaymentTable.table-bordered th,
#PaymentHistoryTable.table-bordered td,
#PaymentHistoryTable.table-bordered th {
    font-size: 15px;
    text-align: center;
}

.text-payout {
    color: #7052BF !important;
}

.text-paid {
    color: #4A4DFF !important;
}

#CurrentPaymentTable .card-Unfilled {
    padding: 4px;
    font-size: 13px;
}

.table td {
    border-bottom: 1px solid #64748b40 !important;
    color: #64748B;
}

.export-table {
    width: 120px;
    border: 1px solid #E0E4EC;
    text-align: center;
    padding: 5px;
    background: #EDF2F6;
    border-radius: 20px;
    color: #4C535F;
}

.ph_content {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: end;
}

.ph_select {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ph_select .filterCategory select {
    margin-right: 0px;
    color: #4C535F;
    direction: ltr;
}

.ph_content #userTable_filter input,
.ph_content #exerciseTable_filter input,
#traning_filter input {
    padding: 6px;
}

.ph_content #userTable_filter i {
    position: absolute;
    top: 11px;
    left: 18px;
    color: #8D98AA;
}

.ph_content label {
    margin-bottom: 0px;
}

.success-budge {
    background: #2EAEB7;
    color: #fff;
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 15px;
}

.declined-budge {
    background: #C35F60;
    color: #fff;
    padding: 5px 8px;
    border-radius: 15px;
    font-size: 14px;
}

#MakePayment label.category_name {
    position: relative;
}

#MakePayment {
    padding-bottom: 20px;
}

button.btn.btn-primary.subRequest-btn {
    height: 0;
    line-height: 0;
    padding: 20px 16px !important;
    margin-left: 10px;
}

button.btn.btn-primary.subCancel-btn {
    background: #FF7B80;
    height: 0;
    line-height: 0;
    padding: 20px 16px !important;
}

#paymentRequest.modal {
    padding-left: 0;
}

#paymentRequest .modal-dialog {
    max-width: 550px;
}

#paymentRequest .modal-content {
    border: 2px solid #685DBE;
}

#paymentRequest .modal_content img {
    width: 50px;
}

#paymentRequest .modal_content h2 {
    color: #4C535F;
    font-size: 32px;
    padding: 0 15px;
    margin-top: 20px;
}

button.btn.invoice-btn {
    background: #fff !important;
    border: 1px solid #D9D9D9 !important;
    color: #7052BF;
    font-weight: 600;
    border-radius: 12px;
    padding: 8px 15px;
}

.notification-flex {
    display: flex;
    gap: 7px
}

.notification-flex h2 {
    font-size: 14px;
    color: #000;
    margin: 0;
    text-align: right;
    font-weight: 600;
}

.notification-flex h2 span {
    font-weight: 500;
}

.notification-flex p {
    color: #4C535F;
    font-size: 12px;
    text-align: right;
    margin-bottom: 0;
}

.table td .notification-flex img {
    width: 16px;
    height: 22px;
}

.table-left {
    gap: 10px;
    justify-content: flex-end;
}

.table td .table-left img {
    margin: 0px;
    cursor: pointer;
}

.text-left {
    text-align: left;
}

/*.canvasjs-chart-canvas, .canvasjs-chart-canvas{
  width: 100% !important;
}*/
.w-10 {
    width: 14%;
    max-width: 14%;
}

.mealsContent_sec .form-row .form-check-label {
    position: relative;
    top: auto;
}

.mealsContent_sec .form-row .form-check {
    width: auto;
}

.mealsContent_sec .meals-sec {
    position: relative;
    padding: 19px;
    border-radius: 12px;
    background: linear-gradient(to right, #7052BF, #2EAEB7) !important;
    width: 98%;
    margin-top: 25px;
}

.mealsContent_sec .meals-sec,
.chart_sec {
    position: relative;
    padding: 19px;
    border-radius: 12px;
    /* background: linear-gradient(to right, #7052BF, #2EAEB7) !important; */
    width: 98%;
    margin-top: 30px;
}

.mealsContent_sec .meals-sec::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: white;
    border-radius: 12px;
    margin: 5px;
    z-index: 1;
}

.mealMain_container,
.mealBottom_table {
    z-index: 999;
    position: relative;
}

.mealMain_container label {
    /*    position: relative;*/
    top: 0;
}

.meal_form label {
    position: relative;
    top: 0;
}

.editUser-sec .mealMain_container .form-control {
    /*    margin-top: 0px;*/
}

.editUser-sec .mealMain_container textarea.form-control {
    border: 1px solid #00000020 !important;
}

#MealsDataTable_wrapper .col-sm-12 {
    overflow: auto;
}

#MealsDataTable_length,
#MealsDataTable_filter,
#MealsDataTable_paginate {
    display: none;
}

.addMeal_icon {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
}

.addMeal_icon span .fa-plus {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.addMeal_icon i {
    font-size: 17px;
}

.addMeal_icon span .fa-plus {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

.dish_content {
    display: flex;
    direction: ltr;
    gap: 5px;
}

.editUser-sec .dish_content input.form-control {
    margin-top: 0px;
    width: 80px;
}

#MealsDataTable tbody td {
    color: #64748B !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#MealsDataTable.table th {
    /* background: #E8E8E8 !important; */
}

.chart_sec {
    padding: 0px;
    width: 80%;
    margin-right: auto;
    margin-left: 0;
    position: fixed;
    bottom: 110px;
    left: 0;
    width: 295px;
    z-index: 999;
}

.mealBottom_sec {
    position: fixed !important;
    left: 70px;
    bottom: 25px;
    width: calc(100vw - 430px) !important;
    z-index: 999;
}

.chart_sec #chartContainer {
    position: relative;
    z-index: 9999;
    height: 210px;
    width: 100%;
    line-height: 241px;
    top: 2px;
    margin: auto;
    left: 7px;
    background: none !important;
    border-radius: 10px !important;
}

.mealChart_sec {
    /*position: sticky;
    bottom: 20px;
    z-index: 999;*/
    min-height: 280px;
}

ul.meal_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8D98AA;
    padding-bottom: 10px;
}

ul.meal_list li {
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    /*  align-items: center;*/
    direction: ltr;
    gap: 6px;
    justify-content: center;
}

.red {
    color: #FF5A34;
}

.blue {
    color: #048DAD;
}

.green {
    color: #85C950;
}

.yellow {
    color: #FEC248;
}

.b-none {
    border-bottom: none !important;
}

.meal_list li i {
    color: #2EAEB7;
    font-size: 20px;
}

.w-100 {
    width: 100%;
}

#dlButtons {
    cursor: pointer;
}

/* Select2-Bootstrap-style */

.mealMain_container .select2-container {
    margin-top: 0px;
    border: 1px solid #00000020;
    width: 100% !important;
    padding: 4px 0;
    border-radius: 5px;
    direction: rtl;
    text-align: right;
    color: #64748B;
}

.mealMain_container .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #7052BF;
    color: #fff;
}

.mealMain_container .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #f5f5f5;
    color: #262626;
}

.mealMain_container .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #7052BF;
    color: #fff;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
    color: #777777;
    cursor: not-allowed;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #f5f5f5;
    color: #262626;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #7052BF;
    color: #fff;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    background: #EDF2F6;
    border: 1px solid #E0E4EC !important;
    border-radius: 20px;
    outline: none !important;
    box-shadow: none !important;
}

.select2-container--bootstrap .select2-selection__placeholder {
    color: #999;
    /* Placeholder text color */
}

.select2-selection__arrow b {
    border: solid #000;
    /* Default black arrow */
    border-width: 0 2px 2px 0;
    /* Create the arrow shape */
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    /* Rotate to point downward */
    margin-top: 5px;
    /* Adjust alignment */
}

span.select2-selection__arrow {
    position: absolute;
    left: 10px;
    top: 4px;
}

.select2-dropdown {
    border: 1px solid #00000033 !important;
    border-radius: 15px !important;
}

#FoodSize_modal.modal {
    padding-left: 0px;
}

#FoodSize_modal.modal .modal-dialog {
    max-width: 470px;
    /* margin-left: 39px; */
}

#FoodSize_modal .modal-header {
    direction: ltr;
}

#FoodSize_modal .modal-header h5 {
    color: #8D98AA;
}

#FoodSize_modal .form-control {
    margin-top: 25px;
    border: 1px solid #00000033;
    height: 45px;
    border-radius: 12px;
    color: #8D98AA;
}

#FoodSize_modal .card-Unfilled {
    width: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    direction: ltr;
    text-align: left;
    margin-right: auto;
}

#FoodSize_modal .cancel-btn {
    border: 1px solid #8D98AA;
    color: #8D98AA;
}

#FoodSize_modal .modal_content p {
    text-align: right;
}

.select2-results__options {
    height: 250px;
    overflow: auto;
    direction: ltr;
}

.createNewMeal_btn {
    position: absolute;
    top: 20px !important;
    left: 20px;
}

.chart_sec canvas.canvasjs-chart-canvas {
    width: 250px !important;
    height: 180px !important;
}

#newMealSubfoodForm {
    width: 100% !important;
}

.mealMain_container table {
    margin-top: 0px !important;
}

.meal_form .form-control {
    margin-top: 0px;
}

.newMealSubfoodForm label {
    position: relative;
    top: 0px;
}

#FoodSize_modal span.select2.select2-container.select2-container--default {
    margin-top: 0px;
    border: 1px solid #00000020;
    width: 100% !important;
    padding: 4px 0;
    border-radius: 5px;
    direction: rtl;
    text-align: right;
    color: #64748B;
}


#FoodSize_modal .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
#foodModal .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: none !important;
}

#FoodSize_modal .select2-container--default .select2-selection--single,
#foodModal .select2-container--default .select2-selection--single {
    border: none !important;
}

#FoodSize_modal .select2-container--default .select2-selection--single .select2-selection__rendered,
#foodModal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 15px !important;
}

#FoodSize_modal .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered,
#foodModal .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#FoodSize_modal span.select2-selection__arrow,
#foodModal span.select2-selection__arrow {
    display: none;
}

#FoodSize_modal.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
#FoodSize_modal .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,
#foodModal.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
#foodModal .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #7052BF !important;
    color: #fff;
}

#foodModal span.select2.select2-container.select2-container--bootstrap {
    margin-top: 0px;
    border: 1px solid #00000020;
    width: 100% !important;
    padding: 4px 0;
    border-radius: 5px;
    direction: rtl;
    text-align: right;
    color: #64748B;
}

#FoodSize_modal .select2-container,
#foodModal .select2-container {
    margin-top: 0 !important;
}

/*body {display: none;}*/


#collapsibleNavbar .dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    /* direction: rtl; */
    text-align: right;
}

.modal {
    padding-left: 25%;
}

div#editMeal {
    padding-left: 35%;
}

.alert-dismissible strong {
    padding-left: 5px;
}

.usercheck-box label {
    margin-right: 27px;
}

.usercheck-box input.form-check-input {
    position: absolute;
    top: -18px;
    height: 17px;
    width: 18px;
    border-radius: 4px;
}

.usercheck-box label {
    margin-right: 27px;
}

/*  */
.all_days {
    width: 100px;
}

.check_list {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

#Open_hours .form-check2 {
    width: 100%;
    border: 1px solid #DBE4F7;
    padding: 7px 5px !important;
    border-radius: 8px;
    margin-bottom: 10px !important;
    cursor: pointer;
    position: relative;
    line-height: 38px !important;
}

#Open_hours .form-check2 label {
    position: relative;
    top: 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: 800 !important;
}

#Open_hours .form-check-label {
    position: relative;
    top: 0px;
    font-size: 15px;
    font-weight: 800 !important;
}

.form-check2.active label {
    -webkit-text-fill-color: #fff;
}

#Open_hours .form-check2 input,
#Open_hours .form-check-input2 {
    position: absolute;
    right: 15px;
    opacity: 0;
}

#Open_hours .form-check-input2 {
    opacity: 1;
}

.form-check2.active {
    border: 1px solid #7690C2B2;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    color: #fff;
}

.form-check-label {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.93px;
    text-align: right;
    color: #424A53;
    cursor: pointer;
}

.custom-checkbox:checked::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../../admin-assets/assets/images/check-box.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) 1;
    border-radius: 3px;
}

.custom-checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: white;
    cursor: pointer;
}

.usercheck-box input.form-check-input {
    position: absolute;
    top: -18px;
    height: 17px;
    width: 18px;
    border-radius: 4px;
}

.usercheck-box label {
    margin-right: 27px;
}

.form-check.usercheck-box {
    margin-top: 20px;
    margin-bottom: 30px;
}

.custom-checkbox {
    border-color: #4B85BB;
}

.ck.ck-editor__main {
    max-height: 450px;
    overflow: auto;
}

.superset-body.second {
    padding: 17px;
}

#superset button.btn {
    line-height: 14px;
    height: 40px;
    padding: 8px 26px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
    overflow: hidden;
    border: none;

}

#superset button.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

p.super-text {
    margin-bottom: 0px;
    position: absolute;
    /* bottom: 0px; */
    background: linear-gradient(90deg, #7052BF 0%, #2EAEB7 100%);
    padding: 5px 5px;
    right: 0px;
    border-radius: 50px;
    color: #ffff;
    margin-top: 8px;
    /* height: 33px; */
    display: flex;
    line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15.7px;
    text-align: left;
}

.super-btn {
    right: auto !important;
    left: 20px;
    top: 42px;
    padding: 5px 5px !important;
}

.super-text img {
    margin-left: 2px !important;
    /* width: 23px; */
}

.add-taring-plan {
    display: flex;
    align-items: center;
    gap: 23px;
}

.add-taring-plan button {
    max-width: 187px;
    width: 100%;
    height: 40px;
    padding: 0px 26px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 130px;
    border-radius: 10px;
    overflow: hidden;
    border: none
}

.add-taring-plan button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.abc-btn a {
    max-width: 100%;
    /* height: 44px; */
    padding: 7px 26px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
    /* overflow: hidden; */
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    white-space: nowrap;
    place-content: flex-end;
}

.abc-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.abc-btn {
    display: flex;
    gap: 10px;
}

.abc-btn a.active {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
}

.nofloat p {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 28.78px;
    text-align: right;

}

.modal-footer button.btn.btn-primary {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
}

.modal-footer button.btn.btn-primary::before {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
}

.modal-footer button.btn.btn-primary button.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    z-index: 1;
    border-radius: 10px;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

#superset button.btn.btn-primary {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #fff;
    border: 1px solid transparent;
    border-image-slice: 1;
    border-radius: 10px;
}

.form-check.usercheck-box.superset input.form-check-input {
    position: absolute;
    top: -3px;
    height: 17px;
    width: 18px;
    border-radius: 4px;
    right: -26px;
}

.add-plan a {
    font-size: 14px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: center;
    color: #64748B;
}

#assignedTable .form-check.usercheck-box {
    margin-bottom: 0px;
}

h5#exampleModalLabel {
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    color: #424A53;
}

.textarea-div textarea {
    width: 100%;
    border: 1px solid #E4E8F2;
    height: 236px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #424A53;
    padding: 79px 30px;
}

#exampleModal button.cancle-btn {
    background: none;
    padding: 10px 42px;
    border: 1px solid #7052BF;
    border-radius: 8px
}

#exampleModal button.btn.btn-primary {
    padding: 10px 42px;
    border-radius: 8px
}

.min-price {
    display: flex;
    align-items: center;
    gap: 25px;
}

#assignedTable a img {
    width: 20px;
}

.min-price span {
    /* border: 1px solid; */
    border-image-source: linear-gradient(0deg, #000000, #000000),
        linear-gradient(270deg, #31ACB8 0%, #7052BF 100%);
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-image-slice: 2;
    width: 8px;
    height: 2px;
}

.add-plan p {
    font-size: 19px;
    font-weight: 700;
    line-height: 19.2px;
    color: #64748B;
    text-align: right;
    margin-top: 15px;
}

.superset-body {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #E4E8F2;
    padding-right: 11px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.superset-body p {
    margin: 0px;
    border-left: 1px solid #E4E8F2;
    color: #424A53;
    padding: 9px;
    font-size: 22px;
    background: #FAFBFC;
}

.superset-body label {
    font-size: 14px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: #424A53;
    text-align: right;
    margin-bottom: 0px;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 8px !important;
}

button#UserTab {
    font-size: 14px;
}

button#SubcriptionTab {
    font-size: 14px;
    line-height: 18px;
}

.productSection .form-check.usercheck-box.superset {
    position: absolute;
    left: 17px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    border: none !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    background: transparent !important;
}

#trainingTable_wrapper {
    overflow-x: auto;
}

#assignedTable_wrapper {
    overflow-x: auto;
}

.add-taring-plan .abc-btn {
    overflow-x: auto;
    overflow-y: hidden;
}

/*  */

.abc-btn ul {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.abc-btn ul li {
    max-width: 100%;
    height: 44px;
    padding: 7px 26px;
    position: relative;
    display: inline-block;
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
    /* overflow: hidden; */
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-icon i.fa-regular.fa-bell {
    position: relative;
    top: 1px;
    color: #8f97aa;
    font-size: 18px;
    left: 0px;
}

.notification-table tr {
    border-bottom: 1px solid #ddd;
}

.notification-table table {
    width: 100%;
}

.notification-table td {
    max-width: 132px;
    padding-bottom: 15px;
    padding-top: 12px;
}

.notification-table td.category_name {
    position: relative;
}

.notification-table td.date-noti {
    max-width: 60px;
}

.notification-dot i.fa-solid.fa-circle {
    color: red;
    left: 8px;
    font-size: 7px;
    top: 1px;
}

.notification-main {
    position: relative;
}

body,
html {
    min-height: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

div#cke_notifications_area_editor1,
div#cke_notifications_area_editor {
    display: none;
}

div#foodName {
    text-align: right;
}

div#modalDetails {
    text-align: right;
}

.table-bordered td,
.table-bordered th {
    border: none;
    text-align: center !important;
}

.mealMain_container .table thead th {
    border-bottom: none;
    max-width: 100px;
    min-width: 125px;
}

/* 
.message-input{
  display: none;
} */



i.fa.fa-copy {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.user_profile .homepageImageDelete .btn {
    position: absolute;
    top: 0;
    left: 0;
    color: red;
    right: auto;
}


.user_profile.setting-profile {
    width: 150px;
}

/* Add new css For Chat UI */

#frame #sidepanel #contacts ul li.contact .wrap img.user_drop_list {
    object-fit: contain;
    background: #fff;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    padding: 7px 4px;
    border-radius: 50%;
}

.table_drop_down{
    background: transparent;
    padding: 0;
    line-height: normal;
    border: none;
    outline: none !important;
    margin-right: 15px;
    margin-top: 1px;
    position: absolute;
}

.myname .droplist_ul{
    padding: 0px;
}

.myname .droplist_ul ul{
    padding: 10px 0px;
    margin: 0px;
    list-style: none;
}

.myname .droplist_ul li{
    display: block;
}

.myname .droplist_ul li a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #363A3F;
    padding: 7px 10px;
    text-align: center;
    direction: ltr;
}

.myname .droplist_ul li a:hover{
    background: #FFE5DC;
}

.myname .droplist_ul li a img {
    height: 13px;
    margin-left: 5px;
}

.can_editDelete{
    position: absolute;
    top: 24px;
    border-radius: 50%;
    left: 0;
}

.can_editDelete button{
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    line-height: normal;
}

.can_editDelete .dropdown-toggle::after{
    display: none;
}

.can_editDelete ul.dropdown-menu{
    border-radius: 10px !important;
    border: 1px solid #5d6eb9 !important;
    overflow: hidden;
}

.can_editDelete ul.dropdown-menu:before{
    content: '';
}

.can_editDelete ul.dropdown-menu .dropdown-item img {
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
    margin-left: 7px;
}

#sidepanel section{
    height: 100%;
}

#sidepanel section.create_group_card{
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    background: #fff;
}

.makegroup_header{
    width: 100%;
    background: none;
    padding: 15px 10px;
}

.makegroup_header h3{
    color: #000;
    text-align: right;
    font-size: 21px;
    font-weight: 500;
    font-family: system-ui;
    margin-bottom: 25px;
}

#frame #sidepanel .group_search {
    margin-bottom: 15px;
    background: #EDF2F6;
    border: none;
    border-radius: 50px;
    position: relative;
    border: 1px solid #ebebeb;
}

#frame #sidepanel .group_search input{
    border: none;
    box-shadow: none;
    outline: none;
    padding: 12px 15px;
}

#frame #sidepanel .group_search img {
    position: absolute;
    left: 18px;
    top: 15px;
    width: 18px;
}

.back_btns_control {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #EDF2F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back_btns_control img {
    width: 11px;
}

.makegroup_body{
    width: 100%;
    background: transparent;
    padding: 5px 10px;
    min-height: 470px;
}

.group_user_list{
    width: 100%;
    background: none;
    padding: 0px;
    position: relative;
    min-height: 470px;
    max-height: 470px;
    overflow: auto;
}

.group_user_list ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.group_user_list ul li {
    padding-left: 40px !important;
    background: #F5F5F5;
    padding: 10px 10px;
    margin: 5px 0px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 3px;
}

.group_user_list ul li .name{
    width: 100%;
}

.group_user_list ul li p{
    margin-bottom: 0px;
    color: #000000;
    font-size: 14px;
}

.group_user_list ul li h4{
    color: #000000;
    padding-left: 0px !important;
    position: relative;
}

.group_user_list ul li h4 strong{
    left: 10px !important;
    top: 0px !important;
}

.groupList_checkbox {
    position: absolute;
    left: 15px;
    top: 20px;
}

.groupList_checkbox input[type=checkbox] {
    position: relative;
      border: 2px solid #000;
      border-radius: 2px;
      background: none;
      cursor: pointer;
      line-height: 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      -webkit-appearance: none;
    opacity: .5;
}
  
.groupList_checkbox input[type=checkbox]:hover {
    opacity: 1;
}
  
.groupList_checkbox input[type=checkbox]:checked {
    border-color: #000;
    opacity: 1;
}
  
.groupList_checkbox input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.groupList_checkbox input[type=checkbox]:checked:before{
    border-color: #000;
}

#frame #sidepanel .group_search{
    margin-bottom: 0px;;
}

.group_user_list ul li {
    text-align: right;
}

.group_user_list ul a {
    display: flex;
    align-items: center;
    width: 100%;
}

.group_user_list ul a .name {
    display: block !important;
}

.group_user_list ul a .name h4 {
    font-size: 15px;
    text-align: right;
    font-weight: 600;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-left: 50px;
}

.group_user_list ul a .name h4 strong {
    position: absolute;
    left: 0;
    display: flex;
    top: 5px;
    font-size: 13px;
    font-weight: 500;
    direction: ltr;
}

.group_user_list ul a .name p {
    font-size: 13px;
    text-align: right;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.makegroup_footer{
    width: 100%;
    background: transparent;
    padding: 5px 10px;
}

.makegroup_footer button {
    direction: ltr;
    display: block;
    width: 100%;
    border: none;
    outline: none !important;
    background: transparent !important;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #E0E4EC;
    padding: 10px 0px;
    border-radius: 15px;
}

.makegroup_footer button img{
    width: 35px;
    margin-left: 5px;
}

.selectall_user {
    padding: 5px 20px;
}

.selectall_user label{
    color: #000;
}

.selectall_user input[type=checkbox] {
    position: relative;
      border: 2px solid #000;
      border-radius: 2px;
      background: none;
      cursor: pointer;
      line-height: 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      -webkit-appearance: none;
        opacity: .5;
        margin-left: 7px;
}
  
.selectall_user input[type=checkbox]:hover {
    opacity: 1;
}
  
.selectall_user input[type=checkbox]:checked {
    border-color: #000;
    opacity: 1;
}
  
.selectall_user input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.selectall_user input[type=checkbox]:checked:before{
    border-color: #000;
}

.search_groups {
    position: absolute;
    top: 125px;
    width: 95%;
    right: 10px;
    left: 0;
    border: 1px solid #5d70b9;
    padding: 15px 20px;
    z-index: 99;
    border-radius: 20px;
    background: #fff;
}

.search_groups_head{
    width: 100%;
    background: none;
    padding: 10px 0px;
    display: flex;
}

.search_groups_head button {
    margin-left: 5px;
    background: transparent;
    border: 1px solid #5d70b9;
    padding: 5px 21px;
    border-radius: 20px;
    outline: none;
}

.btn_active {
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    color: #fff;
    border-color: #fff !important;
}

.search_groups_body ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.search_groups_body li {
    display: block;
    margin: 2px 0px;
}

.search_groups_body li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1A1A1A;
    padding: 10px 15px;
    border-radius: 8px;
    transition: 0.5s;
}

.search_groups_body li a:hover{
    background: #E0E4EC;
}

.change_listBG a{
    background: #E0E4EC !important;
}

.search_groups_body li a img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.search_groups_body li a b{
    margin-left: 10px;
    font-weight: 600;
}

.selected_items{
    display: flex;
    flex-flow: wrap;
}

.selected_items .change_listBG{
    display: flex;
    margin-left: 5px;
}

.selected_items .change_listBG a{
    padding: 7px 10px;
    font-size: 13px;
}

.selected_items .change_listBG a img{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.search_groups_body{
    min-height: 380px;
    max-height: 380px;
    overflow: auto;
}

#myMenu {
    display: none; /* Hide menu initially */
}

.add_group_newname h3{
    margin-bottom: 0px; 
}

.add_group_newname .makegroup_body{
    min-height: 570px;
}

.makegroup_profile {
    width: 100%;
    background: none;
    padding: 0px;
    text-align: center;
    margin-bottom: 30px;
}

.outer_profileImg {
    width: 135px;
    height: 135px;
    display: block;
    margin: auto;
    border-radius: 50%;
    position: relative;
}

.outer_profileImg img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.overlay_profileImg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000038;
    border-radius: 50%;
}

.overlay_profileImg input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.overlay_profileImg img{
    height: 45px;
    width: 45px;
    border-radius: 0px;
}

.add_group_newname{
    padding: 0px 10px;
}

.makegroup_body input.form-control {
    border-color: #E1E1E1;
    padding: 14px 15px;
    border-radius: 12px;
    outline: none !important;
}

.group_permission{
    width: 100%;
    background: #F5F5F5;
    border: none;
    padding: 20px 25px;
    text-align: right;
    position: absolute;
    right: 0;
    left: 0;
    font-size: 18px;
}

.group_permission img{
    position: absolute;
    left: 20px;
    width: 11px;
    top: 24px;
}

.add_group_permission .makegroup_body{
    padding: 0px;
}

.add_group_permission .makegroup_header h3{
    margin-bottom: 10px;
}

.membercan_sec .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.membercan_sec .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.membercan_sec .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.membercan_sec .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.membercan_sec input:checked + .slider {
    background-color: #2196F3;
}

.membercan_sec input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.membercan_sec input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.membercan_sec .slider.round {
    border-radius: 34px;
}

.membercan_sec .slider.round:before {
    border-radius: 50%;
}

.membercan_sec{
    width: 100%;
    background: transparent;
}

.membercan_sec button {
    width: 100%;
    border: none;
    background: #F5F5F5;
    padding: 20px 20px;
    text-align: right;
    position: relative;
    font-size: 17px;
    margin: 5px 0px;
}

.membercan_sec button label{
    position: absolute !important;
    left: 10px;
    top: 16px;
}

.membercan_sec label{
    color: #6B6B6B;
    direction: ltr;
    text-align: left;
}

/* all forms css */

.create_card{
    box-shadow: 0px 6px 30px #e9e7e7;
    padding: 22px 20px;
    border-radius: 30px;
}.create_card img{
    width: 100%;
    display: block;
}img.agree_card {
    width: 100%;
    display: block;
    /* border: 2px solid; */
    border: 0;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) 1;
    overflow: hidden;
    border-radius: 15px;
    background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    /* -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0); */
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    height: 225px;
    object-fit: fill;
}.create_card h3{
    margin-bottom: 0;
    text-align: center;
    margin-top: 18px;
    text-transform: capitalize;
    font-weight: 600;
    color: #7052BF;
    font-size: 21px;
}.all_cardlist section{
    margin: 8px 0px;
}

/* all form signed section */

.signed_sec h3.card-title{
    font-size: 25px;
    margin-bottom: 0;
    text-decoration: none;
}

.signed_sec h3.card-title.nofloat span{
    border-bottom: 0px;
}

.filter_sec{
    width: 100%;
    padding: 15px 0px;
    margin-bottom: -50px;
    margin-top: 25px;
}

.filter_sec .group_search {
    margin-bottom: 15px;
    background: #EDF2F6;
    border: none;
    border-radius: 50px;
    position: relative;
    border: 1px solid #ebebeb;
}

.filter_sec .group_search img {
    position: absolute;
    left: 18px;
    top: 15px;
    width: 18px;
}

.filter_sec .group_search input {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 12px 15px;
}

.filter_sec select{
    width: 100%;
    background: #edf2f6;
    border: none;
    padding: 12px 35px;
    border-radius: 50px;
    border: 1px solid #efeded;
    appearance: none;
    text-align: left;
    outline: none !important;
}

.select_outer{
    width: 100%;
    position: relative;
}

.select_outer img {
    position: absolute;
    right: 30px;
    top: 22px;
}

.filter_sec button{
    width: 100%;
    background: #edf2f6;
    border: none;
    padding: 12px 35px;
    border-radius: 50px;
    border: 1px solid #efeded;
    appearance: none;
    text-align: left;
    outline: none !important;
}

.outer_table{
    overflow: auto
}

#FoodSize_modal .modal-header h5.modal-title{
    text-align: right;
    display: block;
    float: right;
    justify-content: end;
    display: flex;
    position: absolute;
    right: 30px;
}

button.close{
    float: left;
    position: absolute;
    left: 0;
}

.myforms_sec table.table-bordered.dataTable tbody td a.lastBtn{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}.myforms_sec table.table-bordered.dataTable tbody td a.lastBtn img{
    margin: 0;
    margin-right: 10px;
}.myforms_sec table.table-bordered.dataTable th.text-right,
.myforms_sec table.table-bordered.dataTable td.text-right{
    text-align: right !important;
}.myforms_sec table.table-bordered.dataTable tbody td a{
    margin: 0px;
    color: #7052BF !important;
    font-weight: 600;
}

.myforms_sec table.table-bordered.dataTable tbody td {
    border-bottom: none !important;
}

.mystatus_btn{
    background: transparent;
    border: none;
    border-radius: 50px;
    padding: 4px 15px;
}
.yellowBG{
    background: #FFEFAA;
}.orangeBG{
    background: #FFA500;
}.greenBG{
    background: #00CED1;
}

.select2-dropdown{
    top: -30px;
}


/* 13 feb css changes */

.allcount{
    top: 15px !important;
    left: -10px !important;
}


/* div#FoodSize_modal span.select2-container.select2-container--default.select2-container--open {
    top: 330.5px !important;
    left: 720.5px;
} */
#FoodSize_modal .select2-container {
    margin-top: 30px !important;
}



/* Biweekly Form detail page css here */

div#trainings_filter, 
#assignedTrainings_filter, 
#assignedMealsTable_filter, 
#mealsTable_filter {
  display: none;
} 
div#cke_notifications_area_editor {
  display: none;
}
.popup {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 5px;
  top: -66px !important;
  left: -740px !important;
}   
#createMeal .modal-content, #editMeal .modal-content, #Menually_meeting .modal-content, #Open_hours .modal-content {
  left: 100px;
} 
.popup #food-table_paginate{
  display: block !important;
}
#food-table_filter{
  position: relative;
  z-index: 999999999999;
} 
.tab-select-modal {
  display: flex;
  justify-content: space-around;
  width: 65%;
}
.tab-main-input span {
    font-size: 16px;
    font-weight: 600;
}
.tab-main-input input[type="text"] {
    border: 1px solid #000;
    border-radius: 6px;
}
.tab-main-input p {
    margin: 0px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}
.tab-main-input {
    display: flex;
    gap: 8px;
    align-items: center;
}
.main-div-tab {
    display: flex;
    direction: ltr;
    gap: 54px;
}
button.btn.btn-block.tablink1 {
  /* background: #fff; */
  border: none;
  color: #000;
  padding: 0px;
  border-radius: 0px;
  font-weight: 600;
  min-width: unset;
  /* cursor: pointer; */
}
.popup .tablink1.active {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    border-image-slice: 1 !important;
}
.training_action {
  display: flex;
  align-items: center;
}
.training_action img{
  width: 17px !important;
}
#editTraining.modal {
  padding-left: 0;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    background-color: transparent !important;
    border: none !important;
}
.fc-event-main {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  -webkit-text-fill-color: #000000;
  border: none !important;
  background: transparent !important;
}
.input_targets {
  display: flex;
  width: auto;
  gap: 10px;
  margin-top: 15px;
/*    justify-content: center;*/
}
.input_targets  input{
      width: 95px;
      margin-top: 0px !important; 
}
.input_targets label {
    position: relative;
    top: 0;
    font-size: 14px;
}
.usercheck-box input.form-check-input {
  top: -27px !important;
}
.fc-toolbar-chunk.fc-right{
  flex-direction: row-reverse;
}
select.select_month.form-control, select.select_year.form-control {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
    position: static;
    top: 0;
    right: 0;
    margin-top: 18px;
}
.w-100{
width: 100%;
}
/* .dataTables_filter, .dataTables_length{
display: none;
} */
.select2-container {
z-index: 9999999999;
width: 100% !important;
margin-top: 25px;
text-align : right;
}
.select2-search__field {
  z-index: 10; /* Ensure it's above other elements */
}
.FeedbackQuestionnaire_sec, .BiweeklyUpdateForm_sec, .ClientQuestionnaire_sec{
  margin:20px 0;
}
.FeedbackQuestionnaire_sec label, .BiweeklyUpdateForm_sec label, .ClientQuestionnaire_sec label{
  position: relative;
  top: 0px;
  font-size: 18px;
}
.FeedbackQuestionnaire_sec h6, .BiweeklyUpdateForm_sec h6, .ClientQuestionnaire_sec h6 {
    margin-top: 5px;
    text-align: right;
    font-size: 18px;
}
.FeedbackQuestionnaire_sec .col-md-4, .BiweeklyUpdateForm_sec .col-md-4, .ClientQuestionnaire_sec 
.col-md-4{
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec h2, .ClientQuestionnaire_sec h2{
  text-align: right;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec img, .ClientQuestionnaire_sec img{
  width: 50px;
}
.user-tabs{
  flex-wrap: wrap;
}
.other_tabs {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

/* Biweekly Form detail page css here */

div#trainings_filter, 
#assignedTrainings_filter, 
#assignedMealsTable_filter, 
#mealsTable_filter {
  display: none;
} 
div#cke_notifications_area_editor {
  display: none;
}
.popup {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 5px;
  top: -66px !important;
  left: -740px !important;
}   
#createMeal .modal-content, #editMeal .modal-content, #Menually_meeting .modal-content, #Open_hours .modal-content {
  left: 100px;
} 
.popup #food-table_paginate{
  display: block !important;
}
#food-table_filter{
  position: relative;
  z-index: 999999999999;
} 
.tab-select-modal {
  display: flex;
  justify-content: space-around;
  width: 65%;
}
.tab-main-input span {
    font-size: 16px;
    font-weight: 600;
}
.tab-main-input input[type="text"] {
    border: 1px solid #000;
    border-radius: 6px;
}
.tab-main-input p {
    margin: 0px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}
.tab-main-input {
    display: flex;
    gap: 8px;
    align-items: center;
}
.main-div-tab {
    display: flex;
    direction: ltr;
    gap: 54px;
}
button.btn.btn-block.tablink1 {
  /* background: #fff; */
  border: none;
  color: #000;
  padding: 0px;
  border-radius: 0px;
  font-weight: 600;
  min-width: unset;
  /* cursor: pointer; */
}
.popup .tablink1.active {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    border-image-slice: 1 !important;
}
.training_action {
  display: flex;
  align-items: center;
}
.training_action img{
  width: 17px !important;
}
#editTraining.modal {
  padding-left: 0;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    background-color: transparent !important;
    border: none !important;
}
.fc-event-main {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  -webkit-text-fill-color: #000000;
  border: none !important;
  background: transparent !important;
}
.input_targets {
  display: flex;
  width: auto;
  gap: 10px;
  margin-top: 15px;
/*    justify-content: center;*/
}
.input_targets  input{
      width: 95px;
      margin-top: 0px !important; 
}
.input_targets label {
    position: relative;
    top: 0;
    font-size: 14px;
}
.usercheck-box input.form-check-input {
  top: -27px !important;
}
.fc-toolbar-chunk.fc-right{
  flex-direction: row-reverse;
}
select.select_month.form-control, select.select_year.form-control {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
    position: static;
    top: 0;
    right: 0;
    margin-top: 18px;
}
.w-100{
width: 100%;
}
/* .dataTables_filter, .dataTables_length{
display: none;
} */
.select2-container {
z-index: 9999999999;
width: 100% !important;
margin-top: 25px;
text-align : right;
}
.select2-search__field {
  z-index: 10;
}
.FeedbackQuestionnaire_sec, .BiweeklyUpdateForm_sec, .ClientQuestionnaire_sec{
  margin:20px 0;
}
.FeedbackQuestionnaire_sec label, .BiweeklyUpdateForm_sec label, .ClientQuestionnaire_sec label{
  position: relative;
  top: 0px;
  font-size: 18px;
}
.FeedbackQuestionnaire_sec h6, .BiweeklyUpdateForm_sec h6, .ClientQuestionnaire_sec h6 {
    margin-top: 5px;
    text-align: right;
    font-size: 18px;
}
.FeedbackQuestionnaire_sec .col-md-4, .BiweeklyUpdateForm_sec .col-md-4, .ClientQuestionnaire_sec 
.col-md-4{
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec h2, .ClientQuestionnaire_sec h2{
  text-align: right;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec img, .ClientQuestionnaire_sec img{
  width: 50px;
}
.user-tabs{
  flex-wrap: wrap;
}
.other_tabs {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

/* Client Questions css */

div#trainings_filter, 
#assignedTrainings_filter, 
#assignedMealsTable_filter, 
#mealsTable_filter {
  display: none;
} 
div#cke_notifications_area_editor {
  display: none;
}
.popup {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 5px;
  top: -66px !important;
  left: -740px !important;
}   
#createMeal .modal-content, #editMeal .modal-content, #Menually_meeting .modal-content, #Open_hours .modal-content {
  left: 100px;
} 
.popup #food-table_paginate{
  display: block !important;
}
#food-table_filter{
  position: relative;
  z-index: 999999999999;
} 
.tab-select-modal {
  display: flex;
  justify-content: space-around;
  width: 65%;
}
.tab-main-input span {
    font-size: 16px;
    font-weight: 600;
}
.tab-main-input input[type="text"] {
    border: 1px solid #000;
    border-radius: 6px;
}
.tab-main-input p {
    margin: 0px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}
.tab-main-input {
    display: flex;
    gap: 8px;
    align-items: center;
}
.main-div-tab {
    display: flex;
    direction: ltr;
    gap: 54px;
}
button.btn.btn-block.tablink1 {
  /* background: #fff; */
  border: none;
  color: #000;
  padding: 0px;
  border-radius: 0px;
  font-weight: 600;
  min-width: unset;
  /* cursor: pointer; */
}
.popup .tablink1.active {
    background: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    border-image-slice: 1 !important;
}
.training_action {
  display: flex;
  align-items: center;
}
.training_action img{
  width: 17px !important;
}
#editTraining.modal {
  padding-left: 0;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    background-color: transparent !important;
    border: none !important;
}
.fc-event-main {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  -webkit-text-fill-color: #000000;
  border: none !important;
  background: transparent !important;
}
.input_targets {
  display: flex;
  width: auto;
  gap: 10px;
  margin-top: 15px;
/*    justify-content: center;*/
}
.input_targets  input{
      width: 95px;
      margin-top: 0px !important; 
}
.input_targets label {
    position: relative;
    top: 0;
    font-size: 14px;
}
.usercheck-box input.form-check-input {
  top: -27px !important;
}
.fc-toolbar-chunk.fc-right{
  flex-direction: row-reverse;
}
select.select_month.form-control, select.select_year.form-control {
    max-width: 150px;
    margin-left: 15px;
    width: 100%;
    margin-left: 0px;
    min-width: 150px;
    border-radius: 15px;
    border: 1px solid #E0E4EC !important;
    background: #EDF2F6 !important;
    color: #BAC1CC;
    margin-right: 10px;
    position: static;
    top: 0;
    right: 0;
    margin-top: 18px;
}
.w-100{
width: 100%;
}
/* .dataTables_filter, .dataTables_length{
display: none;
} */
.select2-container {
z-index: 9999999999;
width: 100% !important;
margin-top: 25px;
text-align : right;
}
.select2-search__field {
  z-index: 10; /* Ensure it's above other elements */
}
.FeedbackQuestionnaire_sec, .BiweeklyUpdateForm_sec, .ClientQuestionnaire_sec{
  margin:20px 0;
}
.FeedbackQuestionnaire_sec label, .BiweeklyUpdateForm_sec label, .ClientQuestionnaire_sec label{
  position: relative;
  top: 0px;
  font-size: 18px;
}
.FeedbackQuestionnaire_sec h6, .BiweeklyUpdateForm_sec h6, .ClientQuestionnaire_sec h6 {
    margin-top: 5px;
    text-align: right;
    font-size: 18px;
}
.FeedbackQuestionnaire_sec .col-md-4, .BiweeklyUpdateForm_sec .col-md-4, .ClientQuestionnaire_sec 
.col-md-4{
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec h2, .ClientQuestionnaire_sec h2{
  text-align: right;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}
.BiweeklyUpdateForm_sec img, .ClientQuestionnaire_sec img{
  width: 50px;
}
.user-tabs{
  flex-wrap: wrap;
}
.other_tabs {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.userTabs_sec{
    position: relative !important;
    /* margin-bottom: 40px;
    margin-top: 40px !important; */
}



/* user-training-tracking page css start */


.user_tracking_sec{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.user_tracking_sec img{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 15px;
}

.user_tracking_sec h3{
    line-height: normal;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 700;
}

.user_tracking_sec p{
    text-align: right;
    margin-bottom: 0;
    font-size: 16px;
}

.three_cards{
    width: 100%;
    background: none;
    padding: 25px 0px;
}

.session_card {
    background: #F1F5FB;
    padding: 40px 35px;
    border-radius: 10px;
}

.session_card h6 {
    text-align: right;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 17px;
}

.session_card h2 {
    margin-bottom: 0;
    text-align: right;
    font-weight: 600;
    font-size: 30px;
}

#exercisesTable_wrapper{
    margin-top: 50px;
}

.form-check.usercheck-box.superset input.form-check-input{
    top: -1px !important;
}

.session_card section{
    position: relative;
}

.session_card img.session_ico {
    position: absolute;
    left: 0;
    top: 2px;
    width: 65px;
}

#allusersTable_wrapper .col-sm-12, #inactiveUsers_wrapper .col-sm-12 {
    overflow: auto;
    direction: rtl;
}

.tracking_table_sec .table{
    margin-top: 0px;
}

.tracking_table_sec .table td {
    border-bottom: 0px !important;
    color: #555555;
    font-size: 15px;
    padding: 17px 20px;
}

.tracking_table_sec .table th {
    background-color: #EDF6FC !important;
    font-weight: 500;
    color: #000;
    padding: 17px 20px;
    font-size: 16px;
}

.tracking_table_sec .select_outer{
    margin-bottom: 35px;
    max-width: 200px;
    outline: none;
    position: relative;
}

.tracking_table_sec .select_outer input {
    padding: 13px 20px;
    border-radius: 50px !important;
    appearance: none;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    border: 1px solid #bebebe;
    padding-right: 45px;
    direction: ltr;
    outline: none;
}

.tracking_table_sec .select_outer button{
    display: none
}

.metting-select{
    display: flex;
}

.tracking_table_sec .select_outer select#timeRange {
    padding: 13px 20px;
    border-radius: 50px !important;
    appearance: none;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    width: 100%;
    border: 1px solid #bebebe;
    padding-right: 45px;
    direction: ltr;
    outline: none;
    background: transparent;
}

.tracking_table_sec strong{
    text-align: right;
    display: block;
    font-size: 19px;
    margin: 13px 15px 0px;
}
#new_assignedMealsTable_filter label{
    position: relative;
    top: 0px;
    left: -25px;
}
#new_assignedMealsTable_filter .form-control {
    margin-top: 0;
}
#new_assignedMealsTable_wrapper .row {
    align-items: center;
    margin-bottom: 15px;
}
.card-title {
    float: none;
    text-align: start;
}
.modal#video-popup {
    padding-left: 0;
}
.fc-event-main ul.totalNutritions {
    padding: 0;
}
.fc .fc-more-popover .fc-popover-body {
    min-width: 180px !important;
}

.col-md-6.w-15.border-rights {
    margin-top: 15px;
}
.starting_weight2 .col-md-6.w-15{
    margin-top: 15px !important;
}
.modal#edit-list, #customize-column-name, #notification-slug-management, #create-group{
    padding-left: 0;
}
#example4_wrapper .dataTables_length{
    margin-top: 0px;
}
#example td select, #example td textarea{
 max-width: 100%;
 width: 100%;
}
 #assignedMealsTable_filter, #mealsTable_filter {
    display: block !important;
}
#assignedTrainings_filter label {  position: relative; top: 0;  width: 100%; }
#assignedTrainings_wrapper .row{
    align-items: center;
}
#assignedTrainings_wrapper label{ position: relative;  top: 0;}

#newMeal_note_model.modal {
    padding-left: 0;
}
#newMeal_note_model .modal-footer {
    justify-content: center;
}
#myList a .name p { 
    font-size: 11px !important;
    white-space: break-spaces;
    text-wrap: inherit;
    line-break: anywhere;
}
.lightboxOverlay{
    z-index: 999999999 !important;
}
.lightbox{
    z-index: 999999999 !important;
}

.uploadPdf_input label {
    position: relative;
    top: 0 !important;
    text-align: center;
    margin: 0px !important;
  }

  input#meal_pdf {
    margin-top: 0;
    position: absolute;
    width: 180px;
    /* top: 0; */
    bottom: 1px;
    /* right: 0; */
    left: 160px;
    z-index: 9999999;
    opacity: 0;
    border-radius: 25px;
    cursor: pointer;
    height: 100%;
}
.uploadPdf_input label {
    border: 1px solid #6e55bf;
    width: 150px;
    margin: auto !IMPORTANT;
    display: block;
    text-align: center;
    padding: 13px 0;
    border-radius: 50px;
    color: #000;
    -webkit-text-fill-color: #000;
    font-size: 16px;
    position:relative;
}
.uploadPdf_input label:before{

    -webkit-mask-composite: destination-out;
    mask-composite: exclude; 
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background:  linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);
    border-radius: inherit;
    z-index: -1;
}
.pdt_btn {
    display: flex;
    align-items: center;
    border: none;
    padding: 34px 25px;
    border-radius: 5px;
    /* margin-top: 15px; */
    white-space: nowrap;
    height: 100%;
    position: relative;
    background: #EFFCF1;
}
.pdt_btn a i{
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 22px;
}
.pdf_text {
    background-image: -webkit-linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7) !important;
    color: transparent !important;
    background-clip: text !important;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
}
.uploadpdfGroup{
    width: 500px;
}
.uploadPdf_input {
    border: none;
    text-align: center;
    margin: auto;
    height: auto;
    width: 190px;
    margin-top: 15px;
    padding: 25px 15px;
    border-radius: 15px;
    width: 100%;
    background: #EFFCF1;
}
.uploadPdf_input img {
    width: 50px;
    margin-bottom: 15px;
}
.uploadPdf_input p {
    color: #000; 
    margin-bottom: 20px;
}
#chat_memberModal{
    padding: 0px;
}
.modal-backdrop.show {
    opacity: .5;
    /* z-index: 99999999 !important;  */
}
.member_count{
    font-weight: 600;
    margin-left: 8px;
    background: -webkit-linear-gradient(50deg, #6F54BF, #3A9EB8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

#chat_memberModal .modal-dialog {
    max-width: 500px; 
}
.members_list {
    padding: 0;
    margin: 0;
    list-style: none; 
    font-size: 15px; 
}
.members_list li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    direction: ltr;
    border-bottom: 1px solid #dddddd5c;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    background: -webkit-linear-gradient(50deg, #6F54BF, #3A9EB8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}
.remove_text {
    cursor: pointer;
    color: #f00;
    -webkit-text-fill-color: #f00;
    font-size: 16px;
}
#chat_memberModal h2 {
    font-size: 21px;
    font-weight: 600;
    text-align: right;
    background: -webkit-linear-gradient(50deg, #6F54BF, #3A9EB8);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
}
#chat_memberModal .modal-body {
    padding: 30px;
    padding-top: 10px;
}
.remove_text:hover { 
    text-decoration: underline;
}
.modal-open {
    overflow: auto;
}
#Open_hours .modal-body {
    height: 820px;
    overflow: auto;
    padding: 15px 20px;
}
.ui-datepicker-header { 
    margin: 20px 0px  10px;
}
.modal#calendarModal { 
    background: #00000082;
}
#Exercises_category div.dataTables_wrapper, #sub_coach_wrapper.dataTables_wrapper, #example2_wrapper.dataTables_wrapper {
    margin-top: 0;
}
#editTemplateMeal.modal {
    padding-left: 0;
}
#editTemplateMeal.modal .modal-dialog{
    max-width: 960px;
}
#editTemplateMeal.modal .table{
    width:100% !important;
}
#editTemplateMeal.modal  .dataTables_length {
    margin-top: 0;
    position: relative;
}
.sendsms_sec {
    position: relative;
    padding: 25px 20px;
    border-radius: 12px;
    background: linear-gradient(to right, #7052BF, #2EAEB7) !important;
    width: 100%;
    margin-top: 65px;
}
.sendsms_sec::before{
    position: absolute;
    content: '';
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: white;
    border-radius: 12px;
    margin: 5px;
    z-index: 1;
}
.sendsms_sec form{
    z-index: 999;
    position: relative;
}
.sendsms_sec h6 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.sendsms_sec label {
    color: #64748B;
    font-weight: 600 !important;
    margin-bottom: 10px;
}
.sendsms_sec input.form-control, .sendsms_sec  select.form-select {
    border: none;
    background: #F9FAFB !important;
    border-radius: 10px;
    padding: 10px 12px;
    width: 100%;
}
.modal {
    background: #0000004a;
    z-index: 99999999;
}
.modal-backdrop.show { 
    display: none;
}
.noPopup_sec {
    padding: 60px;
}
.noPopup_sec img {
    width: 125px;
    margin: auto;
    display: block;
}
.noPopup_sec h2 { 
    font-weight: 600;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
}
.noPopup_sec p { 
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    color: #61656C;
}
#popupModal.modal {
    padding-left: 0;
}
.popupForm {
    display: flex;
} 
.popupForm input[type="radio"] {
    opacity: 0;
    z-index: 999999;
}

.allUser_btn label.form-check-label {
    background: #fff;
    color: #000 !important;
    padding: 6px 25px;
    border-radius: 25px; 
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: right; 
    margin: 0;
    margin-right: -40px;
    border: 1px solid #7052BF;
}

.allUser_btn label.active {
    background: #7052BF !important;
    color: #fff !important;
}

#popupForm .select2-container--default .select2-selection--multiple { 
    border: 1px solid #7052BF !important;
    border-image-source: linear-gradient(90deg, #7052BF 0%, #2FADB7 100%);
    border-radius: 25px;
    /* width: 150px; */
    padding: 10px 25px;
    line-height: 17px;
    color: #000 !important;
    margin-right: -10px;
}
#popupForm .select2-container{
    width: 100% !important;
}
#popupForm .select2-container .select2-search--inline .select2-search__field { 
    margin-top: 0; 
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7052BF !important; 
}
.uploadImg_sec {
    margin: auto;
    padding: 25px 15px;
    border: 1px dashed #61656C;
    border-spacing: 10px;
    border-radius: 5px;
}
.uploadImg_sec img {
    display: block;
    margin: auto;
}
.uploadImg_sec p {
    margin: 25px 0 8px; 
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center; 
}
.browse_img {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
    border: 1px solid #BCC1CA;
    width: 150px;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}
.browse_img img {
    display: inline-block;
    width: auto;
    margin: 0;
}
.browse_img span {
    /* font-family: Inter; */
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: right;
    color: #000;
}
.browse_img input {
    opacity: 0;
    width: 150px;
    position: absolute;
    height: 100%;
    top: 0;
}
#popupForm label{
    color: #000;
}
.tablinks.active, .tablinks2.active {
    background-color: #fff !important;
    color: #000 !important;
}




/*media query*/
@media screen and (min-width: 300px) and (max-width: 767px) {
    .lightbox .lb-image {  width: 300px !important;  height: 300px !important;  }
    .lb-outerContainer { width: 300px !important; height: 300px !important; top: 50% !important; }
    #assignedTable_wrapper { overflow-x: scroll;  }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-bottom: 10px;  }
    .editUser-sec label { margin-top: 0px; }
    .border-rights { border: none; }
    .editUser-sec label {  font-size: 13px;  }
    #editMeal .modal-dialog { margin-left: -95px !important; width: 100%; }
    .profile_pic img { max-width: 100%; }
    button.btn.btn-block.tablinks.btn-primary.notification-btn { margin-top: 10px; }
    .productSection .card-body .row.mb-2 { margin-top: 13px !important;}
    .w-15 { max-width: 100% !important; }
    #modalImages img { width: 100%; }
    div#assignedMealsTable_wrapper { overflow-x: scroll; }
    .user-tabs .tablinks { height: auto; padding: 5px; }
    .loginform h3 { font-size: 22px; }
    .login_leftside { display: none; height: auto !important;  }
    .loginform input { padding-left: 38px;}
    .loginform input {  width: 100%;  }
    .payment-card .d-flex.align-items-center.justify-content-end {  display: block !important;  width: 100%; }
    .payment-card input { margin-bottom: 14px; }
    .registerform .form-group { margin-bottom: 0px; }
    .payment-card span { display: none; }
    span.user-detail-icon { display: none !important;  }
    .user-btn {  max-width: 100% !important;  }
    h3.card-title.nofloat span { margin-bottom: 10px; }
    .loginarea .height100 { height: auto !important; }
    .loginform { padding: 15px 22px !important;  }
    .loginform img { position: absolute;  bottom: -81px; left: 50%; transform: translateX(-50%); }
    .toggle-btn {  display: block;  }
    .navbar-brand img {  display: none; }
    .logo-text { display: block !important; margin-bottom: 0px !important;  }
    .logo-text img { display: block !important; margin: auto; }
    .desktop-input { display: none; }
    .mobile-input { display: block; }
    .pro-img { margin: 0px 12px; }
    .main-header .row { margin-right: 0px; margin-left: 0px;  }
    .mobile-input input { border: 1px solid #E0E4EC !important; background: #EDF2F6 !important; border-radius: 25px; margin-top: 20px; }
    .mobile-input i { position: absolute; top: 12px; left: 15px; color: #8D98AA; }
    .layout-fixed .main-sidebar { top: 0px; border-radius: 0px }
    .tab.d-flex { position: relative; width: 100%; }
    #userTable_filter, #traning_filter { margin-top: 0px; display: inline-block; width: 100% }
    #userTable_wrapper .col-sm-12, #example2_wrapper .col-sm-12 { overflow: auto; }
    main { padding: 20px 0;  }
    .user-btn { min-width: 144px;  max-width: 165px; padding: 0 !important; height: 45px; width: 100%; }
    .tab.user-tabs a { width: 100%; display: block; margin: auto; text-align: center; }
    .user-tabs .tablinks { margin-bottom: 10px; }
    .fc .fc-toolbar { flex-direction: column-reverse;  padding: 0px; }
    select.select_month.form-control, select.select_year.form-control { position: relative; margin-right: 10px !important; margin-left: 0px !important; right: 0; max-width: 100%; min-width: unset; }
    select.select_year.form-control { right: 0px !important; }
    #trainingTable_wrapper .col-sm-12 { overflow: auto; }
    .return-btn { top: -472px; left: -22px; }
    .card-title span { float: right; margin-bottom: 10px; }
    .card-body.pr-0, .card-body.pl-0 {  padding: 1.25rem !important;  }
    .addMore-btn {  margin-bottom: 0px !important; min-width: 80px; font-size: 13px !important;  }
    #userTable, #example2,  #trainingTable_wrapper, #exerciseTable_wrapper, .table { margin-top: 0px; }
    .filterCategory select { min-width: 85px !important; margin-right: 65px !important;  }
    .nofloat { flex-wrap: wrap; }
    .newcategory-btn, .meeting-btn { width: 100%; font-size: 14px !important; margin-top: 10px; }
    .metting-select { display: flex; flex-wrap: wrap;  }
    select.select_month1.form-control { right: -15px !important; }
    .fc .fc-button-group .fc-month-button, .fc-button-group .fc-agendaWeek-button,  .fc-button-group .fc-agendaDay-button { max-width: 75px !important;  min-width: 75px !important;  margin-top: 15px !important;  padding: 0px !important;   }
    .fc-scroller.fc-day-grid-container {  height: 100% !important; }
    #createMeal.show, #editMeal.show,  #Menually_meeting.show, #Open_hours.show { display: block !important; }
    div.dataTables_wrapper div.dataTables_paginate, #example_wrapper .col-sm-12 { overflow: auto; }
    #chartContainer:after { display: none; }
    #chartContainer { margin-top: 115px !important; }
    .card-title div.d-flex { flex-wrap: wrap; }
    .modal-btn { max-width: 100%;  min-width: 100%; margin-top: 15px !important; }
    .col-4 { flex: 0 0 50%;  max-width: 50%;  }
    .fc-month-button {  display: none !important;  }
    .create-btn {  height: 38px; }
    .notification-header select.form-control {  margin-right: 0; }
    #notificationForm .col-md-2 { max-width: 100%; }
    .create-btn { width: 51px; }
    .col-md-6.col-sm-12.d-flex.send-notifi { display: block !important; }
    .meal-btn { width: 100%; height: auto; }
    #notification-analytics_wrapper {  overflow-x: scroll; }
    #Basic button.btn.btn-block.btn-primary.meal-btn.modal-btn { height: 43px; }
    .settingSelect {  padding: 5px; }
    .card-title.nofloat button.btn.btn-block.btn-primary.meal-btn { width: 218px; }
    .nofloat { display: flex;  }
    div.dataTables_wrapper div.dataTables_filter label { margin-top: 10px; }
    .row.fileds {  width: 100%; }
    div#frame {  display: flex;  }
    #frame #sidepanel {  min-width: 269px; max-width: 208px;  }
    .card-body .fc { width: 100%; }
    #createMeal .modal-content, #editMeal .modal-content,  #Menually_meeting .modal-content,  #Open_hours .modal-content {  left: 0px; }
    div#frame { display: flex;  }
    #frame #sidepanel {  border-radius: 0px; }
    #assignedTrainings_wrapper .row { width: 100%;  }
    #assignedTrainings_wrapper .col-sm-12 { overflow-x: auto;  }
    .notification-icon i.fa-regular.fa-bell { top: -7px !important;  }
    #subscriptionTable_wrapper .col-sm-12,  #userWeight_wrapper .col-sm-12 {  overflow: auto;  }
    .user-detail-icon {  margin-top: 0px }
    .modal { padding: 0px 15px !important; }
    #modalImages img {  margin-right: 0; height: 200px; }
    #userTable_wrapper .col-sm-12,  #example2_wrapper .col-sm-12, .table .col-sm-12 { margin-top: 0;  }
    .add-taring-plan button { height: auto !important;  }
    p.super-text { right: 20px !important; margin-top: 0 !important;  }
    .form-check.usercheck-box {  margin-bottom: 0px !important;  }
    .col-sm-12.col-md-6.mr-2 {  margin-right: 0px !important;  }
    .ec-sec .d-flex.v-history.card-title.mb-5 {  margin-bottom: 5px !important;  }
    .meal-btn { margin-bottom: 35px; }
    .select2.select2-container.select2-container--default {  width: 100% !important; }
    .d-flex.align-items-baseline { margin-top: 40px;  }
    .newcategory-btn, .meeting-btn {  max-width: 140px; min-width: 140px;}
    #frame .content {  width: 100%;  position: absolute; left: 0;}
    .back-btn { display: block; position: absolute; left: 14px; top: 9px;  background: linear-gradient(50deg, #6e55bf, #4B85BB, #2FACB7);  color: #fff;  border: 0; border-radius: 5px; font-weight: 600; padding: 4px 15px; }
    .mealMain_container .col-md-9 {  overflow: auto; }
    .chart_sec canvas.canvasjs-chart-canvas {  width: 170px !important;  height: 125px !important; }
    ul.meal_list li { flex-wrap: wrap;  font-size: 13px;  }
    .meal_list li i { font-size: 15px; }
    .mealBottom_sec { left: 11px;  width: calc(94vw - 0px) !important;  z-index: 999; }
    .chart_sec { padding: 10px; margin: 0px; }
    .user_profile img.pro-img {  width: 40px;  height: 40px;  }
    .uploadImg {  width: 48px;  }
    .content-header { padding-top: 50px;  }
    .form-row .d-flex.col-md-6 { flex-wrap: wrap; margin-top: 45px;  }
    .mealsContent_sec .form-row .form-check { margin-bottom: 10px !important;}
    .createNewMeal_btn .btn-primary { padding: 7px 7px !important;  font-size: 14px !important;  }
    .form-row .form-check {  height: 40px;  padding: 9px 9px !important; padding-left: 22px !important; }
    .form-row .form-check-label {  font-size: 14px;  }
    .user-tabs .tablinks, .user-tabs .tablinks2 { min-width: 70%;  }
    #createMeal .modal-content,  #editMeal .modal-content,  #Menually_meeting .modal-content, #Open_hours .modal-content { left: 0; }
    .chart_sec #chartContainer { margin-top: 0px !important; }
    .fc-toolbar-chunk.fc-right { flex-wrap: wrap;  }
    .fc-theme-standard th {  line-height: 20px; }
    select.select_month.form-control, select.select_year.form-control { max-width: 115px !important; min-width: 115px !important;  }
    #TemplateTable_wrapper .col-sm-12,  #automaticNotification_wrapper .col-sm-12,  #sub_coach_wrapper .col-sm-12 {  overflow: auto;  }
    .custom-switch.switch-toggle {  margin-top: 30px !important;  }
    .card-title .backButton button.btn.btn-block.btn-primary.btn-back.return-btn { left: 5% !important; }
    .content-wrapper { margin-top: 110px; }
    .form-check-label { font-size: 14px; }
    .form-check { padding-left: 0px;  }
    #AllUser .tab { left: 0;  right: 0; margin: auto; }
    div#example2_wrapper { margin-top: 180px; }
    #userTable_filter, #traning_filter {  max-width: 100%;  }
    #userTable_filter i {  left: 33px;   }



    /* new css add */

    .content-header{padding-top: 0px;}
    .user-tabs .tablinks.active, .user-tabs .tablinks2.active{width: 100% !important}
    .mt-4, .my-4{margin-top: 0px !important}
    .content-header button{width: 100%}
    .tab{position: relative; float: none}
    .userTabs_sec{position: relative !important; }
    .form-row .d-flex.col-md-6{margin-top: 0px;}
    div.dataTables_wrapper {margin-top: 70px;}
    .userTabs_sec .form-row .form-check {width: 100% !important; margin: 5px 0px !important;}
    div.dataTables_wrapper{overflow: auto}
    .table-bordered .action-td a{width: auto; max-width: max-content; height: auto; display: block; line-height: normal;}

    .content-header .col-sm-1.col-1{width: 100% !important; max-width: 100% !important; flex: 100% !important}
    .btn-primary.btn-userCount{margin-bottom: 15px;}
    .tab.d-flex{display: block !important}
    .user-tabs .tablinks{width: 100%}
    select.select_month.form-control, select.select_year.form-control {max-width: 100% !important;  min-width: 100% !important; }
    div#example2_wrapper {margin-top: 0px;}
    .card-body .d-flex {display: -ms-flexbox !important; display: block !important;}
    .btn-primary{width: 100%;}

    .slotsList ul{height: auto}
    .create-btn {width: 38px;}
    .icon-sec {width: auto;}

    #recordButton, #stopButton{left: -87px;}
    table.table-bordered.dataTable tbody td .d-flex { display: -ms-flexbox !important; display: flex !important; }
    #iframe_web_app{display: none}





}


@media screen and (min-width: 300px) and (max-width: 567px) {
    div#frame { display: block; }
    #frame { min-width: 100%; display: block;  }
    #frame #sidepanel { min-width: 100%; border-radius: 0px; width: 100% !important; max-width: 100% !important; }
    #frame .content { width: 100%;  }

}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .content-wrapper { margin-right: 0px !important; }
    /* .editUser-sec label{ top: -44px; font-size: 12px;} */
    .content-wrapper { margin-right: 0px !important;  }
    #trainingTable_wrapper .col-sm-12 { overflow: auto; }
    .filterCategory select { max-width: 91px; min-width: 100px; }
    #assignedTrainings_wrapper .col-sm-12 { overflow-x: auto; }
    .content-wrapper .card { padding: 10px;}
    div#frame { display: flex; }
    #collapsibleNavbar.col-md-6 { max-width: 100% !important; flex: 0 0 100% !important;}
    #collapsibleNavbar {  width: 100%; margin-right: 20px; }
    .main-header .col-md-6 {  max-width: 100% !important; flex: 100% !important; }
    .main-header .col-md-8 {  max-width: 100% !important; flex: 100% !important;}
    .main-header .col-md-4 {  max-width: 100% !important; flex: 100% !important;}
    .main-header .navbar-nav .nav-item { display: flex;}
    .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before { margin-left: -285px; }
    .layout-fixed .main-sidebar { left: 0 !important; right: auto !important; height: 100%; }
    .toggle-btn { display: block; }
    .desktop-input { display: none; }
    .navbar-brand img { display: none;  }
    .layout-fixed .main-sidebar { top: 0px;  border-radius: 0px; }
    .layout-fixed .main-sidebar { top: 0px;  border-radius: 0px }
    span.user-detail-icon {  display: none;  }
    .w-15 { max-width: 45% !important; }
    .payment-card .d-flex.align-items-center.justify-content-end { display: block !important; }
    .loginform input {  width: 100%; }
    .payment-card span { display: none; }
    .payment-card input { margin-bottom: 14px;  }
    .user-tabs .tablinks { height: auto; padding: 5px;  }
    .notification-icon i.fa-regular.fa-bell { top: -8px !important; }
    /* .navbar-collapse i {top: 8px; left: -30px; font-size: 25px; }*/
    #example2_wrapper .col-sm-12 {  overflow: auto;  }
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header { margin-right: 0px !important; }
    .modal { padding: 0px 15px !important; }
    #userTable_filter i, #traning_filter i { left: 6px; }
    .ec-sec .btn-primary.category-btn { min-width: 130px; padding: 5px 5px !important; height: auto; }
    div#calendar { margin-top: 55px; }
    .slotsList h4 { font-size: 17px; top: 60px; }
    .content-wrapper { margin-right: 0px !important; }
    #chartContainer { margin-top: 85px !important; }
    .btn-back { left: -25px; top: -30px; }
    .d-flex.align-items-baseline { margin-top: 40px; }
    .loginarea .height100 { height: auto !important; }
    .col-md-8.height100.col-sm-12 { display: none; }
    .login_content { width: 100%; max-width: 100%; flex: 100%; }
    #createMeal .modal-content, #editMeal .modal-content,  #Menually_meeting .modal-content,  #Open_hours .modal-content { left: 27px !important;  }
    #modalImages img { height: 250px;  }
    button.btn.btn-primary.createMeal-btn { margin-bottom: 10px; }
    #editMeal .row.align-items-center { max-width: 489px; }
    div#food-table_wrapper { overflow-x: auto;   }
    .editUser-sec label { top: -24px !important; font-size: 10px;  }
    .usercheck-box label { top: -48px !important; font-size: 11px; }
    .border-rights label { font-size: 11px; }
    #Menually_meeting .modal-content, #Open_hours .modal-content {  left: 0px !important; }
    #editMeal .modal-content { left: 176px !important; max-width: 400px; }
    #food-table th { min-width: 125px; }
    #food-table td {   padding: 7px;  }
}


@media screen and (min-width: 991px) and (max-width: 1170px) {
    .user-tabs .tablinks { height: auto; }
    #assignedTrainings_wrapper .col-sm-12 { overflow-x: auto; }
    .editUser-sec label {  top: -44px;  font-size: 14px;  }
}

@media screen and (min-width:1201px) and (max-width: 1500px) {
    #food-table-popup.popup { left: -525px !important;   max-width: 525px; }
    .main-div-tab { margin-top: 25px;  gap: 25px !important;  }
    .tab-main-input span { font-size: 14px !important;}
    .tablinks, button.btn.btn-block.tablink1 { font-size: 14px !important;}
    div#editMeal {  padding-left: 25%;    }
    .editUser-sec label { font-size: 14px;   white-space: nowrap; }
    .user-tabs .tablinks, .user-tabs .tablinks2 { padding: 10px 10px; }
    .fc-more-popover { width: 146px !important;  min-width: 140px !important; }
    .fc .fc-more-popover .fc-popover-body { min-width: 140px !important; }
    .fc .fc-popover-title { font-size: 14px;  }
   #Message #userslisttable_wrapper #userslisttable_length {  position: absolute; top: -80px; }
   .btn-primary.checkAll {padding: 10px 10px !important; }
   #assignedTrainings_wrapper .col-sm-12{overflow: auto !important;}
   #assignedTrainings_filter label input{width: 80%;}
   .input_targets  input { width: 60px !important;}
 

}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    /* .editUser-sec label { top: -16px !important; font-size: 11px; } */
    .form-group .usercheck-box input.form-check-input {
        top: -35px !important;
        width: 18px;
        height: 17px;
    }
    label.top-0 {
        top: -15px !important;
    }
    .form-check.usercheck-box label{top: -32px !important;}
    .custom-checkbox:checked::before{    background-size: unset;}
    label.radio-inline.position-relative.top-0 {
        position: relative !important;
        top: 0 !important;
    }
 
}
@media screen and (min-width: 991px) and (max-width: 1000px) {
    .profile_detail_sec .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.flatpickr-calendar.open {
    z-index: 999999999999 !important;
}