main{
    min-height: calc(100vh - 115px);
    padding-top: 0px;
} 
span.bedge-red.mr-3 {
    margin-right: 0px !important;
}
.card-header div.back-button {
    float: left;
    width: 84%;
    display: flex;
    justify-content: end;
}
.nav{
    padding-right: 0;
}
#component_food div{
    z-index: 9;
    position: relative;
    margin-bottom: 5px !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #2E384D !important;
}
/*[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: #000 !important;
}*/
.main-header {
    box-shadow: 0 4px 6px -1px #e2e8f080, 0 2px 4px -2px #e2e8f080;
    border-bottom: 0;
}
[class*=sidebar-dark] .brand-link {
     border-bottom: none; 
}
[class*=sidebar-dark-]{
    background: #fff;
    border-left: 1px solid #E4E8F2
}
.sidebar-dark-primary .nav-sidebar  > .nav-item > .nav-link.active, 
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #2E384D !important;
    color: #fff !important;
    box-shadow: none;
    height: 40px;
    border-radius: 18x;
}
[class*="sidebar-dark-"] .sidebar a {
    color: #2E384D;
}
.sidebar .nav-item .nav-link:hover   {
    color: #fff !important;
     background-color: #2E384D !important
}
/*[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: #ccc ;
}*/

.brand-text{
    color: #000;
    text-align: center;
    display: block;
    font-weight: 800 !important;
}
.content-wrapper {
    padding-top: 0px;
    padding-bottom: 25px;
    background: #fff;
    /* position: absolute; */
    /* width: 83%; */
}
.small-box{
    box-shadow: 0 4px 6px -1px #e2e8f0, 0 2px 4px -2px #e2e8f0;
    background: #fff;
    padding: 20px;
}
.col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
    font-size: 22px;
    text-align:right;
}
sup {
    top: -6px;
    font-size: 14px !IMPORTANT;
    left: 2px;
}
.small-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #2E384D;
    margin: 0;
   
}
/* .main-sidebar{
    overflow: hidden;
} */
.content-header h1{
    font-size: 20px;
}
[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 {
    background-color: #2E384D !important;
    color: #fff !important;
    border-radius: 12px;
}
.nav-sidebar .nav-item > .nav-link{
    margin-bottom: 10px;
}
.breadcrumb-item a{
    text-decoration: none;
}

.card {
    box-shadow: 0 4px 6px -1px #e2e8f0, 0 2px 4px -2px #e2e8f0;
    background: #fff;
    padding: 20px 0px;
    border: none !important;
}
.small-box a{
    text-decoration: none;
    color: #000;
}
.icon1{
        display: flex;
        justify-content: center;
        align-items: center;
}
.icon1 i {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: rgb(219 234 254);
    color: rgb(59 130 246); 
    border-radius: 50%;
    line-height: 40px;
    margin-bottom: 10px;
}
.small-box > .small-box-footer{
        background-color: rgb(0 137 240) !important;
}
.small-box h3{margin-bottom: 2px;}
.canvasjs-chart-credit{display: none !important;}
.main-footer {
    background-color: #f0f5f9;
    border-top: 1px solid #e5e7eb;
    color: #869099;
    padding: 1rem;
    font-size: 14px;
}
.table th, .table td{
    text-align: left !important;
    border-right: none;
}
p.cancellation-btn{
    text-align: center;
}
.table thead th{
    border-bottom: none;
    background: #F4F6FA;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    text-align: center !important;
    color: #9FAAC0;
    border:none;
    height: 50px;
    padding: 0;
    line-height: 50px;
    min-width: 130px !important;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover{
    outline: none !important;
}
.table thead{
   border: none;
}
.card-header{
    border-bottom: 1px solid #e5e7eb !important;
}
.card-title{
    color: #000;
    font-weight: 500;
}
.dt-length{ 
    margin-bottom: 20px;
}
.table{
/*    border: 1px solid #e5e7eb;*/
    border-radius: 8px;

}
.table_action a{
    text-decoration: none;
    color: #000;
}
.table_action a i{
    margin-right: 5px;
}
.table_action{
    text-align: center !important;
}
.badge-danger {
    border: 1px solid #fe7c96;
    background: #fe7c96;
    color: #ffffff;
}
.badge {
    border-radius: 0.125rem !important;
    font-size: 11px !important;
    font-weight: initial;
    line-height: 1;
    padding: 0.375rem 0.5625rem !important;
    font-family: "ubuntu-medium", sans-serif;
}
.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    border: 1px solid #fed713;
    background: #fed713;
    color: #ffffff;
}
.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    border: 1px solid #198ae3;
    background: #198ae3;
    color: #ffffff;
}
.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    border: 1px solid #1bcfb4;
    background: #1bcfb4;
    color: #ffffff;
}
.form-check{
    padding-left: 38px !important;
}
.form-control{
    min-height: 45px;
    color: #ccc;
}
.form-control:focus {
    color: #ccc;
    background-color: var(--bs-body-bg);
    border-color: #dee2e6 !important;
    outline: 0;
    box-shadow: none !important;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 500;
}
.detail-ttl{
    color: #7a7a7a;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 10px !IMPORTANT;
    display: inline-block;
}
.bootstrap-tagsinput{
    padding: 15px !important;
    width: 100%;
}
.list-star li:before {
    color: #fed713;
}
.list-ticked, .list-arrow, .list-star {
    list-style: none;
    padding: 0;
}
 .log-form {
    position: relative;
    padding-bottom: 26px;
}
.user_profile{
    width: 150px;
    height: 150px;
    display: block;
/*    margin:0px auto 0px;*/
    border-radius: 50%;
    border: 5px solid rgb(0 137 240) !important;
    padding: 5px;
    position: relative;
}

.user_profile img{
    width: 100%;
    height: 100%;  
    border-radius: 50%;
}
 .camra_outer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background: rgb(0 137 240) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
}

.camra_outer input {
    opacity: 0;
    position: absolute;
}
.fc-license-message{
    display: none;
}
.fc .fc-col-header-cell-cushion{
    color: #000;
    text-decoration: none;
}
.fc .fc-daygrid-day-number {
    text-decoration: none;
    color: #337ab7;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
    padding: 5px;
    font-size: 13px;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time, .fc-daygrid-dot-event .fc-event-title{
    color: #000;
}
.fc-view-harness{
    height: 531px !important;
}
.fc-scrollgrid-sync-table{height: 500px !important}

.login-page{
	background: url('../../assets/images/login-banner.svg');
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.login-box{
	width: 1200px !important;
	height:600px;
	background: #fff;
	border-radius: 24px;
	box-shadow: 4px 4px 20.9px 9px #DDDCEB40;
}
.login-img img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 24px 0px 0px 24px ;
}
.login-heading{
	color: #2E384D;
	/* font-family: Assistant; */
	font-size: 24px;
	font-weight: 600;
	line-height: 31.39px;
	text-align: center;
	margin-bottom: 15px;
}
.login-box  .input-group {
	width:343px !important;
	margin:auto;
	text-align: center;
}
.login-box .form-group{
	text-align: center;
}
.login-box .form-control{
	width:343px !important;
	height: 50px;
	padding: 10px 17px 10px 17px;
	gap: 12px;
	border-radius: 12px !important;
	border: 1px solid #DBE4F7 !important;
	outline: none !important;
	box-shadow: none !important;

}
.login-box .btn-dark{
	width: 343px;
	height: 50px;
	border-radius: 12px ;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.login-box  .password-eye{
    position: absolute;
    left: 10px;
    top: 12px;
	z-index: 999;
}
.login-img2{
    position: absolute;
    left: 50%;
    width: 350px !important;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
}
.brand-link .brand-image{
	width: auto;
    height: auto;
    text-align: center;
    margin: auto;
    display: block;

}
.layout-fixed .main-sidebar{
	right: 0;
	left: auto;
}
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{
	margin-left: auto !important;
	margin-right: 250px;
}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-right: 4.6rem !important;
}
nav.main-header.navbar.navbar-expand {
    padding: 10px 0px;
}
.sidebar-img {
    position: absolute;
    top: 15px;
    right: 20px;
}
.search-input {
    padding-right: 40px !important;
    color: #7690C2 !important;
    background: #F4F6FA;
    border: 1px solid #F4F6FA !important;
}
.search-input::placeholder {
    color: #7690C2 !important;
    font-size: 16px;
    font-weight: 400;
}
.sidebar-sec{
    border-bottom: 1px solid #EEF4FF;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.small-box {
    /* width: 326.75px; */
    height: 123px;
    padding:  24px;
    border-radius: 12px ;
    border: 1px solid #E4E8F2;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto 70px !important;

}
.small-box a{
    width: 100%;
}
.card-grid img{
    border-radius: 0px 0px 12px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.small-box h3.program-ttl{
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    color: #13CDAB;
}
.program-ttl1{
    color: #2E384D;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;

}
.tab{
    margin-bottom: 15px;
}
.tablinks{

    /* width: 131px; */
    height: 40px;
    padding:  0px 12px;
    gap: 10px;
    border-radius: 8px;
    background: #F4F6FA;
    line-height: 40px;
    border: 0;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #2E384D;
    margin-left: 15px;
}	
.tablinks.active{

    background: #2E384D;
    color: #fff;
}
.table>:not(caption)>*>*{
    box-shadow: none !important;
}
.table{
    border: 1px solid #E4E8F2;
    position: relative;
}
 table {
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius:  6px 6px 0px 0px;
    -webkit-border-radius:  6px 6px 0px 0px;
    border-spacing: 0;
  border-collapse: separate !important;
  overflow: hidden;
/*  border-collapse: unset !important;*/
  border: 1px solid #E4E8F2 !important;
  }

  .table thead tr {
    background: #F4F6FA;
  }
  .table tr{
    border-bottom: 1px solid #E4E8F2 !important;
  }
  .table td{
    font-size: 16px;
    font-weight: 400;
    /* line-height: 70px; */
    text-align: center !important;
    color: #2E384D !important;
    height: 70px;
    padding: 0px 24px 0px 24px;
    border-bottom: none;
    padding: 0px !important;
    line-height: 65px;
    vertical-align: middle;

  }
  .validity small {
    display: block;
}
  td.active.start-date.available {
    border-radius: 0px 30px 30px 0px !important;
    }
    td.active.end-date.in-range.available {
        border-radius: 30px 0px 0px 30px !important;
    }
  .table-taining-plan{
    overflow: auto;
  }
  .weightMsg a{
    text-decoration: none;
  }
  /*.table thead tr{
    border-bottom: none !important;
  }*/
  .table td .img1{
    position: absolute;
    left: 10px;
  }
  .badge-secondary{
    background: #9FAAC033;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    color: #9FAAC0 !important;
}
.badge-success{
    background: #13CDAB33;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    color: #13CDAB !important;
}
.badge-danger{
    background: #FF515B33;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    color: #FF515B !important;
}
td.validity{
    color: #FF515B !important;
    font-size: 14px;
    font-weight: 700;
    /* line-height: 25px; */
    /* text-align: center !important; */

}
td.validity1{
    color: #FFA57F !important;
}
td.validity1 span{
    color: #FFA57F !important;
}
.validity span{
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: #FF515B;
    margin-top: -25px;
    display: block;
    margin-bottom: 15px;
}
td .inactive-btn{
    width:130px !important;
    /* height: 40px !important; */
    padding: 0px 12px 0px 12px;
    border-radius: 100px;
    border: 1px solid #FF515B !important;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #FF515B !important;
    text-align: center !important;
}
.extension{
    border: 1px solid #13CDAB !important;
    color: #13CDAB !important;
    background: transparent;
}
.table-search{
    position: relative;
}
.table-search input{
    width: 200px;
    height: 41px;
    border-radius: 8px;
    border: 1px solid #DBE4F7 !important;
    
}
/*.table td:first-child, .table th:first-child{
    border-top:none !important;
}*/
.table td, .table th{
    border-top: none;
    border-bottom: 1px solid #E4E8F2;
}
.table tr{
    border-top: 1px solid #E4E8F2 !important;
}
.postion-absolute{
    position: absolute;
    left: 10px;
}
.fa-eye-slash{
    color: #7690C2;
}
.login-box .form-control{
    color: #424A53 !important;
}
.user-btn{
    width: 120px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 8px;
    border:1px solid #7690C2 !important;
    background-color: transparent !important;
    color: #7690C2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.newUser {
    position: absolute;
    bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.logout-btn{
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 8px;
    border:1px solid #7690C2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;

}
.modal-dialog{
    max-width: 800px !important;
    padding: 15px 30px;
}
.modal-body{
    padding: 15px 50px !important;
}
.modal-header .btn-close{
    margin:0px !important;
}
.modal-title {
    color: #424A53;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;

}
.modal-content{
    border-radius: 12px !important;
}
.modal-header{
    border-bottom: 1px solid #E4E8F2 !important;
    border-top-left-radius:15px !important;
    border-top-right-radius:15px !important;
}
.modal-footer{
    border-top: 1px solid #E4E8F2 !important;
    border-bottom-right-radius:15px !important;
    border-bottom-left-radius:15px !important;
}
#newUser .form-label{
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-align: right;
color: #7690C2;
}
.form-control{
    border: 1px solid #DBE4F7;
    height: 40px;
    border-radius: 8px;  
    color: #424A53; 
}
.form-control::placeholder{
    color: #6E7781;
}

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

#newUser .form-check {
    border: 1px solid #DBE4F7;
    width: 48%;
    height: 43px;
    /* line-height: 40px; */
    padding: 9px !important;
    border-radius: 8px;
    margin-bottom: 0px !important; 
    cursor: pointer;
}
#newUser .form-check-input{
    border: 1.5px solid #DBE4F7;
    cursor: pointer;

}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url('../../assets/images/radio1.svg') !important;
}
.form-check-input:checked {
    background-color: transparent !important;
    box-shadow: none !important;
}
#newUser .form-check.active{
    background: #DBE4F780;
    border: 1px solid #7690C2B2
}
.form-select{
    padding: 0.375rem 0.75rem !important;
    height: 45px;
    background-position: left 6px center !important;
    border: 1.5px solid #DBE4F7 !important;
}
.modal-open .modal{
    background: #2E384D80;
}
.modal-footer{
    justify-content: center !important;
}
.modal-footer button{
    width: 180px;
    height: 40px;
    border-radius: 8px;
}
.modal-footer .cancel-btn{
    border: 1px solid #7690C2;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #7690C2;
}
.modal-footer .newUser-btn{
    background: #2E384D;
    color: #fff;
}
.modal.show .modal-dialog {
    transform: none;
    /*height: calc(100vh - 56px);*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-header{
    border-bottom: 1px solid #E4E8F2;
    padding-bottom: 0;
    background: #fff;
/*    margin-bottom: 25px;*/
}
.content-header h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    color: #424A53;
    padding: 5px 0 0px;
}
.main-header .form-select{
    height: 40px;
}
.usertab .tablinks.active{
    color: #2E384D;
    border-bottom: 2px solid #2E384D;
    background: transparent;
    font-weight: 600;

}
.usertab .tablinks{
    border-radius: 0;
    color: #2E384D;
    font-weight: 400;
    font-size: 18px !important;
    background: transparent;
}
.main-content {
    min-height: calc(100vh - 0px) !important;
/*    background: #F4F6FA;*/
}
.content-wrapper > .content{
    /* padding-top: 25px; */
}
.trackUser_sec {
    background: #F4F6FA;
}
.trackUser_sec .card-header{
    border-bottom: none !important;
    display: flex;
    justify-content: space-between;
}
.trackUser_sec .card-header h2{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    color: #2E384D;
    display: flex;
    align-items: center;
}
.trackUser_sec .card-header img{
    margin-left: 5px;
}
.edit-profile{
    margin-right: auto;
    cursor: pointer;
}
#BasicDetails .table td{
    height: 60px;
    line-height: 20px;
    padding: 0 5px !important;
    font-size: 14px;
    text-wrap: wrap;
    line-break: anywhere;
}
.meal-section-main .card-header h2 {
    text-align: right;
}
#BasicDetails .table td, #BasicDetails .table th{
  vertical-align: middle;  
}
div#Trainees {
    overflow-x: auto;
}
td.text-heading{
    color: #7690C2 !important;
    font-size: 16px;
    font-weight: 400;
    text-align: right !important;
}
td.text-bold{
    font-weight: 600 !important;
    color: #424A53 !important;
    text-align: left !important;
}

#BasicDetails .table {
    border: none !important;
    margin-bottom: 150px;
}
.freezeUser-btn{
    width: 150px;
    height: 40px;
    line-height: 40px !important;
    padding: 0 !important;
    border: 1px solid #7690C2 !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #7690C2 !important;
    border-radius: 12px !important;
    position: absolute;
    bottom: 25px;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
}
  .chart-container {
    width: 100%;
/*  height: 400px;*/
    position: relative;
    margin-top: 65px;
    }
.meetingList{
    list-style: none;
    padding: 0;
    margin:0;
}
.meetingList li {
    border: 1px solid #E4E8F2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    direction: rtl;
}
.meetingDays{
    font-size: 16px;
    font-weight: 700;
    color: #424A53;
    padding: 10px;
    text-align: center;
    width: 20%;
    border-left: 1px solid #E4E8F2;
}
.meetingDays p{
    font-weight: 500;
    margin-bottom: 0;
}
.meetingTime{
    width: 80%;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #2E384D;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.meetingTime .canceled{
    float: left;
    margin-bottom: 0;
    cursor: pointer;
}
/* .card.BasicDetails{
   height: 780px;
} */
.register{
    background: #F151FF33;
    border:1px solid #F151FF33;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 25px;
    text-align: right;
    color: #F151FF !important;
    width: 100px;
}
#BasicDetails .col-md-5{
    width: 37.5% !important;
}
.card-header.waterTracking{
    border-bottom: 1px solid #E4E8F2 !important;
    margin:0px 15px;
    padding-left: 0;
    padding-right: 0;
}
.waterGoal {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px;
}
.waterGoal h2{
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #2E384D;
}
.waterGoal h2 span{
    font-weight: 700;
}
.waterGoal div{
font-size: 19.2px;
font-weight: 400;
line-height: 25.11px;
text-align: center;
color: #7690C2;
}
.waterGoal div i{
    margin-left: 5px;
    cursor: pointer;
}
.save-btn{
    width: 100px;
    height: 40px;
    padding: 0px;
    gap: 10px;
    border-radius: 8px;
    background: #2E384D !important;
    border:1px solid #2E384D !important;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.cancel-btn{
    width:80px;
    height:40px;
    padding: 0px;
    border-radius: 8px;
    background: #fff !important;
    border: 1px solid #7690C2 !important;
    color: #7690C2 !important;
    font-weight: 600;
    font-size: 16px;
}
.form-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #7690C2;
}
 .form-control {
    border: 1px solid #DBE4F7;
    height: 40px;
    border-radius: 8px;
    color: #424A53;
}
 .form-check.active {
    background: #DBE4F780;
    border: 1px solid #7690C2B2;
}
 .form-check-label {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.93px;
    text-align: right;
    color: #424A53;
    cursor: pointer;
}
.form-check {
    border: 1px solid #DBE4F7;
    width: 48%;
    height: 43px;
    /* line-height: 40px; */
    padding: 9px !important;
    border-radius: 8px;
    margin-bottom: 0px !important;
    cursor: pointer;
}
.BasicDetails.active{
    border: 1px solid #7690C2 !important;
}
.daterangepicker .drp-calendar.right{
    display: none !important;
}
.daterangepicker.ltr{
    top:0px !important;
    direction: rtl;
    text-align: left;
    width: 100%;
    border:none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: transparent;
} 
.daterangepicker .drp-calendar.left{
    max-width: 350px !important;
    width: 100%;
}
.daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0 !important;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{
    border: none !important;
    background: transparent;
    appearance: none;
}
.daterangepicker select.monthselect:focus, .daterangepicker select.yearselect:focus{
    border: none !important;
    outline: none;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    font-size: 14px;
    padding: 7px;
}
.daterangepicker .calendar-table th{
    padding-bottom: 15px;
}
.ltr{
    position: relative;
}
.ltr p{
    position: absolute;
    top: 11px;
    left: 15px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.93px;
    text-align: right;

}
#datePickerContainer {
    margin: 0px auto 20px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    position: relative;
}
.daterangepicker{

    display: block !important;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
}

.daterangepicker.openscenter:before{
    display: none;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2E384D !important;
    border-color: transparent;
    color: #fff;
    border-radius: 50% !important;
    padding: 0px !IMPORTANT;
    width: 25px;
    height: 25px;
    min-width: 25px;
    max-width: 25px;
}
#TrainingPlan .table thead th{
    border-bottom: 1px solid #E4E8F2;
    border-right:1px solid #E4E8F2;
    text-align: right !important;
    padding-right: 10px;
}
#TrainingPlan .table thead th:last-child{
    border-right:none;
}
.borderRight{
    border-right:3px solid #7690C2 !important;
}
#TrainingPlan .table td{
    height: 30px;
    line-height: 15px;
    padding: 0px !important;
    border-left:1px solid #E4E8F2;
    text-align: right !important;
}
#TrainingPlan .meetingList li{
    margin-bottom: 0px;
}
#TrainingPlan .meetingDays{
    width: 10%;
    padding: 32px 25px;
}
#TrainingPlan .weightCount{
    border-left: none;
}
#TrainingPlan .meetingTime{
    justify-content: start;
    padding: 17px 17px;
}
#TrainingPlan .weightKg{
    width: 55%;
    border-left: 1px solid #E4E8F2;
       flex-wrap: wrap;
        border-right: 1px solid #E4E8F2;
}
#TrainingPlan .weightMsg{
    width: 30%;
    padding: 15px 25px;

}
#TrainingPlan .coachNote{
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #7690C2;
    margin-bottom: 0;
    width: 100%;
    margin-top: 5px;
}
#TrainingPlan .fa-angle-right, #TrainingPlan .fa-angle-left{
    width: 46px;
    height: 40px;
    border-radius: 8px;
    background: #F4F6FA;
    line-height: 40px;
    text-align: center;
    color: #424A53;
    cursor: pointer;
}
.trainingWeek{
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
    color: #424A53;
    margin-bottom: 5px;
}
.trainingWeek span{
    font-weight: 400;
}
#TrainingPlan .trainingDone .meetingDays { 
    padding: 22px 25px;
}
.trainingdays{
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #7690C2;
    margin-bottom: 0px;
}
.training_btn {
    width: 220px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #7690C2;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #7690C2 !important;
    display: block;
    line-height: 50px;
    /* float: left; */
    margin-bottom: 20px;
    margin-right: auto !important;
}

input#week_name {
    border: 1px solid #DBE4F7;
    padding: 7px;
    border-radius: 8px;
}
#BasicDetails .card-header {
    background: none;
}
.bedge-green{
/*    width: 76px;*/
    height: 35px;
    padding: 0px 12px 0px 12px;
    border-radius: 8px;
    background: #13CDAB33;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #13CDAB;
    display: block;
    line-height: 35px;
}
.bedge-red{
       height: 35px;
    padding: 0px 12px 0px 12px;
    border-radius: 8px;
    background: #FF515B33;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #FF515B;
    display: block;
    line-height: 35px; 
}
.userNote{
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #7690C2;
}
.userNote img{
    margin-left: 15px;
}

.TrainingPlan_sec {
    background: #fff;
    /* margin-top: -25px; */
    /* padding-top: 25px !important; */
}
/* #hideTrainingplan .table>tbody {
   vertical-align: inherit;
    min-height: 773px;
    height: 773px;
    overflow: auto;
} */

div.submenu1sec, .oneCard, .twoCard, .threeCard, .fourCard, .fiveCard {
    padding: 10px 10px;
    border-bottom: 1px solid #e9e9e9;
    height: 85px;
    /* line-height: 80px; */
    display: flex;
    align-items: self-end;
    flex-direction: column;
    justify-content: center;
}
div.submenu1sec span, .oneCard span, .twoCard span, .threeCard span, .fourCard span, .fiveCard span
{
   margin-top: 5px;
 }

.traning_overflow{
    max-height: 600px; 
    overflow: auto;
    direction: ltr;
}
.traning_overflow::-webkit-scrollbar {
  width:3px;
}

/* Track */
/*.traning_overflow::-webkit-scrollbar-track {
  background: #7690C2; 
}*/
 
/* Handle */
.traning_overflow::-webkit-scrollbar-thumb {
  background: #7690C2; 
}


td {
  padding: 10px;
  position: relative;
}

/* Menu item styling */
.menu-item {
  display: inline-block;
  padding: 10px 20px;
  background: #ddd;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

/* Dropdown menu styling */
ul.drop-menu {
  display: none;
  padding: 0;
  list-style: none;
  background: #666;
  border-radius: 0 0 5px 5px;
}

ul.drop-menu li {
  padding: 10px;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

ul.drop-menu li:hover {
  background: #606060;
}

/* Show the subcategory column when the corresponding category is active */
td.active + td .drop-menu {
  display: block;
}
#TrainingPlan .table td.Exercise-sec, #TrainingPlan .table td.traning-sec{
    width: 33%;
}
/*  new css 17-24 s ***************************************************/
.meetingDays.weightCount.recipe {
    padding: 0;
    background: none;
    width: 8%;
}
.meetingDays.weightCount.recipe img {
    width: 99px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.weightMsg a.btn.btn-primary.units-btn-recipe {
    border: none;
    background: #7690C2;
    color: #fff;
    border-radius: 24px;
    margin-left: 10px;
}
.user-form.recipe .program-ttl1{
text-align: center;
color: #FFA57F;
}
.user-form.recipe p{
    text-align: center;
    color: #2E384D;
    margin-bottom: 0px;
    font-size: 14px;
}
.user-form.recipe .inner {
    padding: 4px 3px;
    border-radius: 8px;
    border: 1px solid #E4E8F2;
}
button.btn.btn-primary.mr-3.food-btn.add {
    background: none !important;
    color: #7690C2;
    border: 1px solid #7690C2 !important;
}
.form-control.upload-input {
    opacity: 0;
    z-index: 2;
    padding: 5.375rem 9.75rem;
    text-align: center;
    position: relative;
}
.upload-main {
    background: #EDF1FB;
    border: 1px solid #DBE4F7;
    position: relative;
    border-radius: 12px;
}
.upload-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    width: 142px;
}
.meetingTime.weightKg.recipe {
    border-left: none;
}
.add-food-modal input.form-control.search-input {
    width: 100%;
}
.food-inner-counter {
    top: 9px;
    left: 0;
    position: absolute;
}
.food-input-main {
    position: relative;
}
input.quantity__input {
    border: none;
    width: 31px;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 40px !important;
}
.food-inner-counter button {
    background: none;
    border: none;
}
.food-inner-counter {
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    padding: 4px;
    top: 10%;
    left: 0;
    position: absolute;
    display: flex;
    gap: 10px;
    align-items: center;
    height: 40px;
    direction: ltr;
}
.counter {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.food-inner-counter select.form-select {
  padding-left: 34px !important;
}
.food-input-main input {
    height: 65px;
}
.food-text-main{
display: flex;
align-items: center;
padding: 8px;
direction: ltr;
justify-content: space-between;
}
.tortia-text p {
    color: #424A53;
    margin-bottom: 0px;
}
.recipe-modal-box {
    border: 1px solid #ddd;
    /* padding: 8px; */
    border-radius: 12px;
    margin-bottom: 16px;
}
.food-bootom-list {
    display: flex;
    border-top: 1px solid #ddd;
    padding: 8px;
}
.food-inner-counter.recipe {
    position: relative;
}
.food-bootom-list p {
    border-left: 1px solid #ddd;
    text-align: center;
    color: #2E384D;
    padding-left: 11px;
    margin-bottom: 0px;
    padding-right: 7px;
}

/* meal page */
.meal-section-main h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: right;
}
.meal-section-main .user-form .col-md-3 {
    padding-left: 0px !important;
}
.foodList.meal span {
    color: #2E384D;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.93px;
    text-align: right;
    display: block;
}
.meal-section-main .card-header {
    background: none;
    border-bottom: none !important;
}
.meal-section-main .meetingTime.weightKg.recipe {
    width: 100%;
    display: block;
    /* background: #fff; */
}
.meal-section-main .card.meetings {
    border: 1px solid #E4E8F2 !important;
    border-radius: 12px;
    background: #FDFDFF;
    padding: 10px;
    max-height: 650px;
    direction: ltr;
}
.meal-section-main .meal-card-box .card.meetings{

    overflow: auto;
}
.meal-section-main .card.meetings::-webkit-scrollbar {
    width: 3px;
}
.meal-section-main .card.meetings::-webkit-scrollbar-thumb {
    background: #7690C2;
}
.meal-section-main .user-form.recipe .inner{
background: #FFFFFF;
}
/* .meal-card-box {
    max-width: 880px;
    overflow-x: scroll;
} */
.week-name-box { 
    margin-top: 0px;
}
.meal-card-box ul.foodList.meal {
    padding: 0px;
}
.foodList.meal li {
    flex-wrap: nowrap;
    padding-left: 10px;
}
.meal-section-main .foodList .meetingDays {
    display: flex;
    text-align: center;
    width: 10%;
    padding: 41px 22px;
    background: #088870;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    align-items: center;
}
.week-name-box button {
    background: none;
    border: none;
    color: #6E7781;
    /* font-family: Assistant; */
    font-size: 20px;
    font-weight: 600;
    line-height: 26.16px;
    text-align: right;
}
.week-tab {
    display: flex;
    justify-content: space-between;
    direction: ltr;
    margin-bottom: 36px;
}
/* .week-tab button#defaultOpen1 {
    border-bottom: 1px solid #6E7781;
} */
.week-name-box .card.meetings{
    border: none !important;
}
.main-degit-box {
    display: flex;
    justify-content: space-between;
    direction: ltr;
    align-items: center;
}
.main-degit-box .inner{
    padding: 8px 12px !important;
}
.main-degit-box h3.program-ttl1{
color: #D73E82 !important;
}
.meetingDays.weightCoun.meal {
    padding: 52px 21px;
    background: #F4F9FC;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.week-name-box {
    background: #FFFFFF;
    border: 1px solid #E4E8F2 !important;
    border-radius: 12px;
}
.meal-div{
    background: #FFFFFF;
    border-radius: 12px;
}
.meal-section-main .card {
    padding: 10px;
    background: #fff;
    border: none !important;
    border-radius: 12px;
}
section.content.meal_sec {
    background: #F4F6FA;
}
.meal-section-main .meal-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meal-section-main .small-box-main {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #E4E8F2;
    margin: 20px auto 70px !important;
}
.meal-section-main .program-ttl1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    color: #424A53;
    margin-bottom: 0;
    /* padding-top: 36px; */
}
.meal-section-main .small-box-main p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    color: #424A53;
}
.meal-section-main .no-traning-img {
    text-align: center;
}
.week-name-box.nodata {
    background: none;
    border: none !important;
    height: 100vh;
}
.week-name-box.nodata h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.97px;
    text-align: center;
    color: #6E7781;
}


/* css progress table */
.progress-table-section td {
    vertical-align: middle;
}

.progress-table-section td.photo-div {
    text-decoration: underline;
}
.training-table span {
    font-size: 16px;
    /* font-weight: 600; */
    line-height: 25px;
    color: #9FAAC0;
    margin-top: -19px;
    display: block;
    margin-bottom: 15px;
}
.progress-table-section.table thead th{
 padding: 0px 12px !important;
}
.progress-table-section td {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.inner-pro-img img{
    margin-right: 7px;
}
section.content.progress_sec {
    background: #fbfcfd;
}
button.edit-btn {
    border-color: #7690C2;
    color: #7690C2;
    padding: 12px;
    background: none;
    border-radius: 8px;
    margin-top: 25px;
}
.progree-btn {
    /* direction: ltr; */
    text-align: left;
    margin-bottom: 10px;
}
.progree-btn .food-btn {
    height: 52px;
}

.tooltip-table img.float-left {
    width: 20px;
    margin-right: 7px;
}
td.tooltip-table {
    display: flex;
}



td.progress-check {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    justify-content: center;
    width: 65px;
    direction: rtl;
}

.progress-check input[type="checkbox"] {
    width: 16px;
}
.progress-check label.form-check-label {
    margin-right: 2px;
}
/* .progress-table-section input::placeholder{
    color: #000 !important;
} */
.input.form-control::placeholder{
    color: #000 !important;
}
.select-progress select.form-select {
    width: 120px;
    padding: 15px 49px !important;
}
.progress-check{
    width: 100% !important;
}
td.input-percent {
    direction: rtl;
    position: relative;
}

.input-percent span {
    position: absolute;
    top: 0;
    left: 6px;
    padding-left: 14px;
}
.progress-table-section input {
    border: 1px solid #DBE4F7;
    border-radius: 8px;
    width: 100px;
    padding: 0px 8px;
    height: 41px;
}
.blank-input input.form-control {
    border: 1px solid #DBE4F7;
    background: #EDF2F7;
}
.input-date input[type="date"] {
    font-size: 14px;
    font-weight: 600;
    color: #99a2ac;
}
.add-btn {
    background: #2b394c !important;
    border-color: #2b394c !important;
    padding: 5px 20px !important;
}
.active-td a{
    color:#2b394c;
    margin-left:5px;
}
.active-td a:last-child{
    margin-left:0px;
}
.active-td a .fa-trash{
    color:#f00;
}
.close-sidebar{display:none;}
/*nav.main-header{display:none;}*/
#user-create{background-color: #2E384D !important; border-color: #2E384D !important;}

.modal-body div.listing{
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 15px 0px;
}

.modal-body div.listing .tablinks {
    /* width: 131px; */
    height: 40px;
    padding: 0px 11px;
    gap: 10px;
    border-radius: 8px;
    background: #F4F6FA;
    line-height: 40px;
    border: 0;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: #2E384D;
    margin-left: 10px;
    min-width: 115px;
}

.fc-event-plus:hover {
    background-color: #e0e0e0;
    width: 125px;
}
/* .superset-pair {
    position: relative; 
} */
.superset-pair .superset-icon {
    position: absolute;
    left: 10px;
    bottom: 70px;
    background: #2E384D;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 600;
}
.superset-pair .superset-icon2 {
    position: absolute;
    right: 30px;
    bottom: 60px;
    background: #2E384D;
    color: #fff;
    padding: 5px;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 600;
    border-radius: 50px;
    padding: 9px 10px;
    z-index: 999;
}
.superset-pair .superset-icon2 img {
    margin-left: 6px;
    width: 17px;
}
.meetingTime.weightKg .foodList .coachNote {
    direction: rtl;
}
#hideTrainingplan .align-items-center {
    align-items: baseline !important;
}
p#trainingDays_hide {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
    color: #7690C2;
    margin-bottom: 0px;
}
.traning-div-btn {
    display: flex;
    gap: 5px;
}

.main-header  a.nav-link {
    display: none;
}
nav.main-header.navbar.navbar-expand {
    display: flex;
    position: fixed;
    background: #fff;
    z-index: 9999;
    /* box-shadow: 2px 1px 5px #ddd; */
    width: 100%;
}
.content-wrapper {
    padding-top: 0px;
    padding-bottom: 25px;
    position: absolute;
}

.progress.div-main {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 10px;
}
.small-box{
    position: relative;
}
.caoch-list{
    overflow: auto;
}
.caochAdd-btn{
    background: #2E384D !important;
    border-color: #2E384D !important;
}
.form-slct2.form-select{
    background-position: left 50px center !important;
        padding: 0.375rem 35px 0.375rem 20px !important;
}
div#otp-message {
    font-size: 14px;
    text-align: center;
}
div#otp-expire {
    font-size: 15px;
}
.extentmemberMsg{text-align: left !important;}
.caochDetails_sec label{color: #9FAAC0;}
.caochDetails_sec h6{color: #2e384d;}
.active2{background: #2e384d; color: #fff;}
.editCoach-btn{background: #2e384d !important; border-color: #222 !important;}
.meetingDays.weightCount.recipe img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
h3.main-heading.d-flex.justify-content-between {
    padding-top: 15px;
   
}
.upload-image img{
    width: 77px;
}
.no-traning-page .program-ttl1 {
    font-size: 19px;
    padding-top: 7px;
}
.no-traning-page .small-box-main {
    margin: 0px auto 23px !important;
}
#hideTrainingplan input#week_name {
    margin-top: 6px;
    width: 100%;
}
#calendar .fc-button-group {
    display: flex;
    gap: 10px;
    direction: rtl;
}
label.badge.badge-secondary.inactive-btn.main {
    background: #FF515B33;
}
#Coach-Management .small-box {
    padding: 14px 18px !important;
    align-items: start;
}
.small-box .progress, .progress-stacked {
    background: #d8f5ee !important;
}
#coach1 h3.program-ttl1 {
    font-size: 23px;
}
/* #Coach-Management .small-box p{
    font-size: 13px;
} */

  h3.program-ttl1.title {
    color: #FF515B;
}
.icon img {
    width: 24px;
}
.traing-data-main {
    border: 1px solid #E4E8F2;
    padding: 17px 14px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.traing-data-main h6 {
    color: #2E384D;
    font-size: 16px;
}
.traing-data-main p {
    color: #7690C2;
    font-size: 14px;
    margin-bottom: 0;
}
.traning-table-coach{
    overflow-x: auto;
}
.managment-tab .tablinks1{
 border: none;
 background: none !important;
 font-size: 18px;
}
.managment-tab .tablinks1.active{
    border: none;
    background: none !important;
    font-size: 18px;
    color: #2E384D;
    text-decoration: underline;
   }
   .salary-tab-heading {
    display: flex;
    justify-content: space-between;
/*    align-items: center;*/
}
.user-coach-name li {
    list-style: none;
    direction: ltr;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}
.user-coach-name ul{
    
    margin-bottom: 0px;
}
.user-coach-name li.text-bold {
    font-weight: 700;
}
.user-coach-name span {
    font-weight: 500;
}
#Salary-Management.table thead th{
    line-height: 37px;
}
.traning-table-coach .d-flex{
    align-items: center;
    margin-top: 10px;
    justify-content: end;
}
label.badge.badge-secondary.extension.main {
    background: #13CDAB33;
}
.progree-btn img {
    width: 19px;
    margin-left: 7px;
}
.changes-salary label {
    margin-bottom: 0px;
    color: #7690C2;
}
.main-change-salary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 16px;
}
.main-change-salary  i.fa-solid.fa-trash {
    color: #DD0909;
}
.changes-salary input.form-control.search-input::placeholder {
    color: #000 !important;
}
#Payment-complete .modal-footer {
    display: flex;
    flex-wrap: nowrap;
}
.pyment-complete-div ul {
    padding-right: 0px;
    border: 1px solid #E4E8F2;
    padding: 14px;
    background: #F6F7F8;
    border-radius: 8px;
}
.pyment-complete-div p {
    font-size: 14px;
}
.tablinks2.active {
    background: #2b394c;
    color: #fff;
    border-radius: 5px;
}
.progree-btn a.edit-btn {
    border-color: #7690C2;
    color: #7690C2;
    padding: 12px;
    background: none;
    border-radius: 8px;
}
/* .managment-tab {
    border-bottom: 1px solid #ddd;
} */
#Salary-Management {
    padding-top: 20px;
}
#Salary-Management .fa-angle-right, #Salary-Management .fa-angle-left {
    width: 46px;
    height: 40px;
    border-radius: 8px;
    background: #F4F6FA;
    line-height: 40px;
    text-align: center;
    color: #424A53;
    cursor: pointer;
}
.table-search i.fa-solid.fa-magnifying-glass {
    position: absolute;
    top: 15px;
    right: 12px;
    color: #7690C2;
    font-size: 21px;
}
.postion-relative.table-search {
    margin-bottom: 12px;
}
.pyment-complete-div label {
    margin-top: 13px;
    color: #7690C2;
}
#Coach-Management .col-md-2 {
    padding: 3px;
}
#coach1 .small-box p {
    font-size: 16px;
    line-height: 21px;
  
}
.meeting-btn-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
}
.select-meeting select.form-select {
    padding: 10px 67px !important;
}
#coach-name3 .user-coach-name {
    border: 1px solid #E4E8F2;
    border-radius: 8px;
    padding: 10px  0px;
}
#Salary-Management .user-coach-name {
    border: 1px solid #E4E8F2;
    border-radius: 8px;
    padding: 10px  0px;
}
#pagination {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    font-size: 13px;
}
.pagination {
    display: flex;
    gap: 7px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #2E384D !important;
    border-color: #2E384D !important;
    height: 25px;
    line-height: 1;
    font-size: 12px;
}
.page-link {
    color: #7690C2 !important;
    border: 1px solid #7690C2 !important;
    outline: none;
    font-size: 12px !important;
    display: flex !important;
    align-items: center;
}
.page-item:last-child .page-link {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.page-item:last-child .page-link {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.page-item:first-child .page-link{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important; 
}
.page-link:focus {
    box-shadow: none !important;
}
#pagination a.page-link {
    padding: 0px 5px;
}
#pagination a.page-link {
    padding: 0px 7px;
    height: 25px;
    display: flex;
    align-items: center;
    line-height: 0px;
    gap: 6px;
}
.page-item.disabled .page-link{
    height: 25px; 
}
.traning-table-userVal {
    overflow-x: auto;
}
.progress-bar.progress-bar-striped.progress-bar-animated {
    background: #3dcfaa;
    color: #3dcfaa;
}
#coach_user_component .progress.div-main{
    height: 7px;
}
#Coach-Management .d-flex.active-td div {
    display: flex;
    align-items: center;
    margin-top: 18px;
    gap: 9px;
}
.traning-table-coach table thead th {
    line-height: 30px;
    height: 37px !important;
    vertical-align: middle;
}
#Coach-Management {
    padding-right: 18px;
}
.salary-tab-heading button.btn.btn-primary.mr-3.food-btn {
    margin-right: 0px !important;
    font-size: 14px;
    padding: 3px 11px !important;
    height: 47px;
}
.salary-tab-heading .progree-btn a.edit-btn{
    height: 47px;
}
#uploadPreview.image-preview-class{
    width: 160px !important;
}
.foodList .coachNote { 
     direction: ltr !important; 
}
.food-position::before{
    z-index: 1;
}
.foodList li { 
    z-index: 999 !important;
    position: relative;
}

/* Add new css */

.foodList{
    transition: 0.5s;
}

.foodList li:hover {
    background: #778fbe15 !important;
    cursor: pointer;
}
.main-heading .dropdown_custom{
    border-radius: 20px;
    box-shadow: 0px 0px 10px #dcdcdc;
}
.main-heading{margin-bottom: 15px;}
.notification-header span{
    font-size: 22px;
    font-weight: 600;
    color: #424A53;
}

.notification-header img{
    cursor: pointer;
}
.notification-list span{
    display: flex;
    align-items: center;
}
.meetingList{
    max-height: 300px;
    overflow: auto;
}

.sidebar a.nav-link{
    padding: 10px 18px;
}

[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{
    border-radius: 8px !important;
}

.sidebar a.nav-link.sidebar-active {
    background-color: #2E384D;
    color: #fff;
    border-radius: 8px !important;
    padding: 10px 18px;
}

.nav-sidebar ul{padding-bottom: 0 !important;}
.table .active-td{justify-content: center;}

.modal-backdrop.fade {
    opacity: 0;
    z-index: -9;
}
#component_food div {
    z-index: 99;
    position: relative;
}
#component_food div.modal {
    z-index: 9999999;
    position: fixed;
}
.training_total {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
.training_total span:first-child{
    margin-right: 5px;
}
.notification-list span { 
    display: flex;
    width: 100%;
    justify-content: space-between;
}
#notification_component div a{
    text-decoration: none;
    /* color: #222; */
}
.weightMsg.col-md-3.extentmemberMsg {
    width: auto;
}
.edit-right-div{
    /* border:none; */
}
.add-set { 
    width: 135px;
    margin-left: auto;
    margin-right: auto;
}
.modal-open .modal { 
    z-index: 99999;
}

.coachNote.mealList span{ 
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    text-align: right !important;
    color: #7690C2 !important; 
}
.table td{
    background: transparent !important;
}

.table-striped tbody tr {
    background-color: transparent !important;
}
.table tr:hover{
    background: #778fbe15 !important;
    cursor: pointer;
}
#new_plan .table tr:hover, .table#EditMeal tr:hover, #plan-data tr{
    background: transparent !important;
    cursor: pointer;
}
/* .newUser{
    bottom: -120px !important;
} */
#aside_show { 
    z-index: 99999;
}
.tab div .tablinks{
    margin-bottom: 15px;
}
.add-set{width: 100%;}

.add-set select.form-control {
    width: auto;
    margin: auto;
    border-color: #7690C2;
    color: #7690C2;
    padding: 12px;
    background: none;
    border-radius: 8px;
    appearance: auto;
}
@supports (-webkit-touch-callout: none) {
    input[type="date"] {
        display: flex !important;
        flex-direction: column !important;
        direction: ltr !important;
    }
}
input[type="date"] { 
    -webkit-display: flex !important;
    -webkit-flex-direction: column !important; 
    -webkit-direction: ltr !important;
    text-align: -webkit-right;
   
}

.safari-browser input[type="date"] {
    display: flex !important;
    flex-direction: column !important;
    direction: ltr !important;

    /* Additional Safari Fixes */
    -webkit-appearance: none;
}

#trainingTable.table tr:hover, .table-taining-plan .table tr:hover{
    background: transparent !important;
    cursor: pointer;
}
.traning_overflow .oneCard:hover, .Exercise-sec .onecard_sec:hover, 
.table-taining-plan .training-click:hover, .table-taining-plan .edit-right-div:hover,
.table-taining-plan .edit-left-div:hover, .training-upper .li-click:hover, .editmeal_submenu:hover, .training-click:hover,
.exercise:hover, .edit-left-div.reps-sets:hover {
    background: #778fbe15 !important;
    cursor: pointer;
}
#EditMeal .training-upper .edit-right-div{
    border: none;
}
.training-text input{
    background: transparent ;
}
.meetingList{
    margin:10px;
}
.fc-state-default.fc-corner-right, .fc-state-default.fc-corner-left { 
    box-shadow: none !important;
}
#mealTab .fc-center h2{
    margin-top: 20px;
}
#mealTab .fc-left {
    margin-top: 20px !important;
    left:0px !important;
}
div#addMenu {
    width: 130px;
}
.user-form#editMultipleMeeting .input-date input[type="date"]{
    width: 115px;
}
.progress-table-section input{
    width: 100%;
    font-size: 13px;
}
.user-form#editMultipleMeeting  .input-percent span { 
    top: 6px; 
    font-size: 13px;
}
.progress-table-section input::placeholder{
    font-size: 13px;
}
.input-percent span {
    top: 6px;
    font-size: 14px;
}
.edit-right{
    width: 100%;
}
.edit-right-div input.show-input { 
    background: transparent;
    width: 100%;
    position: relative;
    /* height: 10vh; */
}
.edit-left-div input.show-input {
    width: 100%;
    /* height: 10vh; */
}
.progree-table-scroll td div.d-flex a button{
    background-color: transparent !important;
}
.progree-table-scroll td div.d-flex{
    justify-content: center;
}
element.style {
    display: flex;
    direction: rtl;
    gap: 5px;
    margin-right: 5px;
}
/* .food_dir{
    display: flex;
    justify-content: end;   
} */
.food_dir{
    display: flex;
    direction: rtl;
    gap: 5px;
    margin-right: 5px;
}
.food-bootom-inner { 
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
.edit-one .counter input[type="text"]{
    background: transparent;
}
.fc-event-plus { 
    width: 85% !important;
    height: 33px !important;
    margin: auto !important; 
}
.fc-event-plus:last-child {
    /* inset: 994.016px 0% -946.042px !important; */
    z-index: 1;
}
#hover_effect{
    position: relative;
}
#hover_effect:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
#hover_effect{
    position: relative;
}
#hover_effect:before {
    position: absolute;
    top: 0;
    left: -26px;
    content: '';
    width: 30px;
    height: 44px;
    z-index: 999999999;
    /* background: #000; */
}
/* .main-sidebar { 
    overflow-y: visible; 
} */

#add-food-modal .modal-dialog {
    max-width: 765px !important; 
}
.user-training.Active, .user-exercise.Active, .training-click.Active, .right-div-exercise.Active, .mealFood.Active, .training.Active, .exercise.Active {
    background: #F6F8FF;
}
.add-set { 
    margin-right: 7px;
}

#addEditExercise .tablinks.active {
    background: #2E384D;
    color: #fff;
}
#addMealPage .col-md-12{
    overflow: auto;
}
.meeting-title strong {
    margin-right: 0px;
    font-size: 15px;
}
.userNote { 
    display: flex; 
}
#recipeModal .modal-body {
    padding: 15px 20px !important;
}
.program-ttl1 { 
    font-size: 20px; 
}
#recipeModal .col-md-3.mb-3 {
    padding: 0 5px;
}
.edit-meal .meetingDays { 
    justify-content: center;
}
 .handle {
    background: transparent; 
    border:none;
}
.newUser { 
    background: transparent !important; 
}
.add-set button { 
    line-break: anywhere;
    width: 160px;
    padding: 12px 10px;
}
.w-30{
    width: 30%;
}
.editmeal_food button#add-one { 
    padding: 12px 5px !important; 
    font-size: 13px;
}
.editmeal_food .coachNote { 
    text-align: right;
    display: block;
    width: 350px !important;
}

#EditMeal.meetingTime{
    display: block !important;
}

div#recipeModal {
    z-index: 99999;
    background: #0000004a;
}
#foodForm .modal-body {
    height: 715px;
    overflow: auto;
}
#recipeModal .modal-body { 
    height: 725px;
    overflow: auto;
}
#datePickerContainer th.prev.available {
    position: absolute;
    left: 60px;
    background: transparent;
}
#datePickerContainer th.next.available {
    position: absolute;
    right: 55px;
    background: transparent;
}
.coachNote.mealList span { 
    display: flex;
    gap: 6px;
}
.meetingTime{ padding-right: 30px;}

button.fc-prev-button.fc-button.fc-state-default.fc-corner-left, button.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    background: transparent;
}
#TrainingPlan .meetingList li:hover { 
    background: #778fbe15;
}
#hideTrainingplan .align-items-center, div#BasicDetails {
    align-items: baseline !important;
    padding-top: 25px;
}
div#BasicDetails, #ProgressTable {
    padding-top: 25px;
}
div#TrainingPlan {
    margin-bottom: 40px;
}
section#noMealData {
    margin-top: 0px;
}

section#noMealData  .week-name-box {
    margin-top: 0;
}
#aside_show {
    right: 250px !important;
}
label.form-check-label.meal-check, input#check1 {
    margin-top: 25px;
}
div#addMealPage {
    padding: 25px 0;
}
div#showing_plan_data {
    padding-bottom: 25px;
}
#BasicDetails .meetingTime { 
    padding: 10px 10px; 
}
#Weight_tracking .modal-body, #update_WeightTracking .modal-body{
    padding: 15px 15px !important;
}
#Weight_tracking .meetingDays, #update_WeightTracking .meetingDays{
    font-size: 14px; 
    width: 25%; 
}
#Weight_tracking .modal-dialog { 
    padding: 0px 0px;
}
div#update_WeightTracking, div#Weight_tracking {
    background: #2E384D80;
    z-index: 999999;
}
.foodList.meal.mealData li { 
    flex-direction: row-reverse; 
    padding: 0px;
}
.foodList .coachNote{
    flex-wrap: wrap;
}
.foodList.meal_details { 
    direction: rtl;
}
.modal-open{padding-right:0px !important;    overflow: auto !important;}
.modal.show{display:block !important;}

body.sidebar-mini{overflow: auto !important;padding-right:0px !important;  }
.delete_wt {
    position: absolute;
    left: 0;
    width: 40px;
    background: #FFE5EB;
    height: 100%;
    border-radius: 7px 0px 0px 7px;
    /* display: flex; */
    text-align: center;
    line-height: 60px;
}
.meetingList li{position: relative;}
#update_WeightTracking .meetingTime{width: 65% !important;}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e0eaf8;
    border-radius: 5px !important;
    height: 45px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { 
    top: 10px !important; 
}
.fc-event { 
    border: none !important;
}

/* datepicker */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
  }
  .datepicker-inline {
    width: 100%;
  }
  .datepicker.datepicker-rtl {
    direction: rtl;
  }
  .datepicker.datepicker-rtl table tr td span {
    float: right;
  }
  .datepicker-dropdown {
    top: 0;
    left: 0;
  }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
  }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
  }
  .datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
  }
  .datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
  }
  .datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
  }
  .datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
  }
  .datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999999;
  }
  .datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
  }
  .datepicker > div {
    display: none;
  }
  .datepicker table {
    margin: 0;
    width: 80%;
    border: none !important;
    /* margin: auto; */
    border-collapse: collapse;
    border-spacing: 5px;
    margin-left: auto;
}
  .datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 50%;
    border: none;
    margin: 6px;
    font-size: 14px;
    padding-bottom: 8px;
}
  .table-striped .datepicker table tr td,
  .table-striped .datepicker table tr th {
    background-color: transparent;
  }
  .datepicker table tr td.day:hover,
  .datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
  }
  .datepicker table tr td.old,
  .datepicker table tr td.new {
    color: #999999;
  }
  .datepicker table tr td.disabled,
  .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
  }
  .datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
  }
  .datepicker table tr td.today,
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
  }
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today:hover:hover,
  .datepicker table tr td.today.disabled:hover,
  .datepicker table tr td.today.disabled:hover:hover,
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active,
  .datepicker table tr td.today.disabled,
  .datepicker table tr td.today:hover.disabled,
  .datepicker table tr td.today.disabled.disabled,
  .datepicker table tr td.today.disabled:hover.disabled,
  .datepicker table tr td.today[disabled],
  .datepicker table tr td.today:hover[disabled],
  .datepicker table tr td.today.disabled[disabled],
  .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
  }
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:hover:active,
  .datepicker table tr td.today.disabled:active,
  .datepicker table tr td.today.disabled:hover:active,
  .datepicker table tr td.today.active,
  .datepicker table tr td.today:hover.active,
  .datepicker table tr td.today.disabled.active,
  .datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
  }
  .datepicker table tr td.today:hover:hover {
    color: #000;
  }
  .datepicker table tr td.today.active:hover {
    color: #fff;
  }
  .datepicker table tr td.range,
  .datepicker table tr td.range:hover,
  .datepicker table tr td.range.disabled,
  .datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .datepicker table tr td.range.today,
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .datepicker table tr td.range.today:hover,
  .datepicker table tr td.range.today:hover:hover,
  .datepicker table tr td.range.today.disabled:hover,
  .datepicker table tr td.range.today.disabled:hover:hover,
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active,
  .datepicker table tr td.range.today.disabled,
  .datepicker table tr td.range.today:hover.disabled,
  .datepicker table tr td.range.today.disabled.disabled,
  .datepicker table tr td.range.today.disabled:hover.disabled,
  .datepicker table tr td.range.today[disabled],
  .datepicker table tr td.range.today:hover[disabled],
  .datepicker table tr td.range.today.disabled[disabled],
  .datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
  }
  .datepicker table tr td.range.today:active,
  .datepicker table tr td.range.today:hover:active,
  .datepicker table tr td.range.today.disabled:active,
  .datepicker table tr td.range.today.disabled:hover:active,
  .datepicker table tr td.range.today.active,
  .datepicker table tr td.range.today:hover.active,
  .datepicker table tr td.range.today.disabled.active,
  .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
  }
  .datepicker table tr td.selected,
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.selected:hover,
  .datepicker table tr td.selected:hover:hover,
  .datepicker table tr td.selected.disabled:hover,
  .datepicker table tr td.selected.disabled:hover:hover,
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active,
  .datepicker table tr td.selected.disabled,
  .datepicker table tr td.selected:hover.disabled,
  .datepicker table tr td.selected.disabled.disabled,
  .datepicker table tr td.selected.disabled:hover.disabled,
  .datepicker table tr td.selected[disabled],
  .datepicker table tr td.selected:hover[disabled],
  .datepicker table tr td.selected.disabled[disabled],
  .datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
  }
  .datepicker table tr td.selected:active,
  .datepicker table tr td.selected:hover:active,
  .datepicker table tr td.selected.disabled:active,
  .datepicker table tr td.selected.disabled:hover:active,
  .datepicker table tr td.selected.active,
  .datepicker table tr td.selected:hover.active,
  .datepicker table tr td.selected.disabled.active,
  .datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
  }
  .datepicker table tr td.active,
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc; 
    background-image: linear-gradient(to bottom, #2E384D, #2E384D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#2E384D', GradientType=0);
    border-color: #2E384D #2E384D #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td.active:hover,
  .datepicker table tr td.active:hover:hover,
  .datepicker table tr td.active.disabled:hover,
  .datepicker table tr td.active.disabled:hover:hover,
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active,
  .datepicker table tr td.active.disabled,
  .datepicker table tr td.active:hover.disabled,
  .datepicker table tr td.active.disabled.disabled,
  .datepicker table tr td.active.disabled:hover.disabled,
  .datepicker table tr td.active[disabled],
  .datepicker table tr td.active:hover[disabled],
  .datepicker table tr td.active.disabled[disabled],
  .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #2E384D;
  }
  .datepicker table tr td.active:active,
  .datepicker table tr td.active:hover:active,
  .datepicker table tr td.active.disabled:active,
  .datepicker table tr td.active.disabled:hover:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active:hover.active,
  .datepicker table tr td.active.disabled.active,
  .datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
  }
  .datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .datepicker table tr td span:hover {
    background: #eeeeee;
  }
  .datepicker table tr td span.disabled,
  .datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
  }
  .datepicker table tr td span.active,
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #0088cc, #2E384D);
    background-image: -ms-linear-gradient(to bottom, #0088cc, #2E384D);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#2E384D));
    background-image: -webkit-linear-gradient(to bottom, #0088cc, #2E384D);
    background-image: -o-linear-gradient(to bottom, #0088cc, #2E384D);
    background-image: linear-gradient(to bottom, #0088cc, #2E384D);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#2E384D', GradientType=0);
    border-color: #2E384D #2E384D #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datepicker table tr td span.active:hover,
  .datepicker table tr td span.active:hover:hover,
  .datepicker table tr td span.active.disabled:hover,
  .datepicker table tr td span.active.disabled:hover:hover,
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active,
  .datepicker table tr td span.active.disabled,
  .datepicker table tr td span.active:hover.disabled,
  .datepicker table tr td span.active.disabled.disabled,
  .datepicker table tr td span.active.disabled:hover.disabled,
  .datepicker table tr td span.active[disabled],
  .datepicker table tr td span.active:hover[disabled],
  .datepicker table tr td span.active.disabled[disabled],
  .datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #2E384D;
  }
  .datepicker table tr td span.active:active,
  .datepicker table tr td span.active:hover:active,
  .datepicker table tr td span.active.disabled:active,
  .datepicker table tr td span.active.disabled:hover:active,
  .datepicker table tr td span.active.active,
  .datepicker table tr td span.active:hover.active,
  .datepicker table tr td span.active.disabled.active,
  .datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
  }
  .datepicker table tr td span.old,
  .datepicker table tr td span.new {
    color: #999999;
  }
  .datepicker .datepicker-switch {
    width: 145px;
  }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
    cursor: pointer;
  }

  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
  }
  .input-append.date .add-on,
  .input-prepend.date .add-on {
    cursor: pointer;
  }
  .input-append.date .add-on i,
  .input-prepend.date .add-on i {
    margin-top: 3px;
  }
  .input-daterange input {
    text-align: center;
  }
  .input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
  }
  .input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
  }
  .input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
  }
  .ms_btn {
    background: #2E384D;
    border: 1px solid #7690C2;
    width: 160px;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}
.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-months,
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month, .flatpickr-weekdays,span.flatpickr-weekday { 
    background: #2E384D !important; 
}
span.flatpickr-weekday{color:#fff !important;}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #2E384D !important; 
    border-color: #2E384D !important;
}
#Bdate.form-control:disabled, #Bdate.form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #2E384D !important;
}
#Unavailability .modal-body {
    max-height: 700px;
    overflow: auto;
}
.close_icon {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 18px;
    cursor: pointer;
    z-index: 999999;
}

.form-check.activeInactive { 
    width: 43%; 
}
.g-1{
    gap:1rem;
}
.usertab .tablinks:focus-visible{
    border-bottom: 2px solid #2E384D !important;
    /* border: none !important; */
    outline: none !important;
    box-shadow: none !important;
}
.meal-card-box .row.meal_row {
    flex-wrap: nowrap;
    overflow-X: auto;
    overflow-y: hidden;
}
#Reload {
    overflow: auto;
    max-height: 516px;
    width: 100%;
}

.meal-section-main .week-name-box .card.meetings { 
    background: transparent; 
    box-shadow: none;
}
.meal-section-main .week-name-box .card.meetings  .card-body{
    padding:0px;
}
.modal-create ul , .supper-set-excercise-list, .supper-set-list{
    padding: 0;
    margin: 0;
    position: relative;
}
.create-modal-main .modal-create li, .supper-set-excercise-list li, .supper-set-list li{
    position: relative;
}
.exercise-list input, .supper-set-excercise-list li input, .supper-set-list li input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
}
.exercise-list li.active, .supper-set-excercise-list li.active, .supper-set-list li.active{
    background: #F6F8FF;
}
label.remove-btn {
    background: #FF515B33;
    width: 95%;
    margin: auto;
    padding: 10px 9px;
    font-size: 16px;
    color: #FF515B;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 7px;
    border-radius: 8px;
    font-weight: 600 !important;
}
.remove-btn a {
    color: #FF515B;
}
.edit-meal li { 
    margin-bottom: 0 !important;  
}
/* .dlt_meal{
    position: absolute;
    left: 22px;
    top: 45px;
} */
.modal-create {
    margin-top: 20px;
}
a#delete_meeting_btn {
    border: 1px solid #FF515B;
    color: #FF515B;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    width: 94%;
    margin: auto;
    border-radius: 5px;
}
#editMeeting .modal-body {
    padding: 15px 130px !important;
} 
#Unavailability .modal-body {
    padding: 15px 150px !important;
}
.food-input-main .form-control:disabled, .food-input-main .form-control[readonly] {
    background-color: #ffffff !important;
    opacity: 1;
}
.swal2-container.swal2-rtl.swal2-center.swal2-backdrop-show {
    z-index: 99999;
}
#component_recipe  .meetingTime.weightKg.recipe {
    display: flex;
}
.meetingTime.weightKg.recipe { 
    display: block;
}
.user-training .d-flex.justify-content-between.mt-0.mb-0 {
    width: 100%;
    align-items: end;
}
.user-training span span {
    color: #7690C2;
}
.input-percent a {
    color: #2E384D;
    text-decoration: underline !important;
    font-size: 16px;
    font-weight: 400;
}
.Meal_noData .row{
    width: 100%;
}
#freezeUser .modal-dialog {
    width: 600px;
}
.daterangepicker .drp-calendar.left {  
    width: 100% !important;
    max-width: 100% !important;
}
#freezeUser p {
    color: #7690C2;
    margin: 0;
}
#freezeUser p:nth-child(2) {
    color: #FF515B !important; 
}

#freezeUser .btn.btn-outline-danger  {
    width: 100%;
    background: #FF515B33 !important;
    border: 1px solid #FF515B33;
    color: #FF515B !important;
    font-size: 16px;
    font-weight: 600;
}
#freezeUser  label {
    color: #7690C2;
}
.weekly_plan {
    border: 1px solid #7690C2;
    margin-right: 20px;
    padding: 7px 10px;
    border-radius: 8px;
    color: #7690C2; 
    font-weight: 600;
    font-size: 15px;
}
.weekly_plan i{
    color: #13CDAB;
}
.weekly_plan i.fa-x{
    color: #FF515B;
}
.training-btn-group {
    display: flex;
    justify-content: end;
    gap: 15px;
}
button.training_btns {
    border: 1px solid #7690C2;
    background: transparent;
    border-radius: 8px;
    color: #7690C2;
    font-weight: 600;
    font-size: 15px;
}
.copy-btn {
    width: 100%;
}
button#add-one {
    border: 2px solid #7690C2;
    color: #7690C2;
    padding: 12px;
    background: none;
    border-radius: 8px;
    margin: auto;
    display: block;
    text-align: center;
}
.add-set {
    margin-right: 0;
}
.edit-input textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px 10px 0px 0px;
    resize: none;
    border: 1px solid #DBE4F7;
}
.food-input-main .form-control[readonly] {
    background-color: transparent !important; 
}
.activeaddFood {
    position: relative;
}
.activeaddFood .recipe_checkbox { 
    width: 100%;
    display: flex ;
    /* justify-content: space-evenly; */
    align-items: center;
    /* opacity: 0; */
}
.activeaddFood input.food-checkbox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}
.food-input-main.active {
    background: #fff;
    border: 1px solid #7690C2;
}
.food-input-main input {
    /* padding-right: 35px; */
    border: none;
}
.food-input-main {
cursor: pointer;
}

.food-input-main .recipe_checkbox{
    border-left: none !important;
}

.food-input-main {
    border: 1px solid #dbe4f7;
    border-radius: 5px;
}
input.food-checkbox {
    position: absolute;
    width: 100%;
    opacity: 0;
}
.recipe_checkbox{
    width: 100%; 
    height: 100%;
    display: flex;
    align-items: anchor-center;
    /* justify-content: center; */
}
.addrecipeFood{
    display: flex;
    width: auto;
    align-items: center;
}
.addrecipeFood input{
    width: auto;
}
.select-week-template {
    margin-bottom: 10px;
    border: 1px solid #E4E8F2;
    border-radius: 8px;
    padding: 15px 15px;
}
.select-week-template a {
    text-decoration: none;
    color: #000;
}
.select-week-template p {
    margin-bottom: 0;
}
.addfood_check label{
    width:85%;
}

nav.main-header.navbar.navbar-expand {
    display: none;
}
.meal-section-main #noMealData .card  { 
    min-height: calc(100vh - 150px);
    margin-top: 25px;
    display: flex;
    /* justify-content: center; */
}
.meal-section-main .small-box-main.noMealData {
    padding: 30px 55px; 
    margin: auto auto auto!important;
}
.meal-section-main .week-name-box.nodata .card.meetings {
    background: #fff; 
}
.meal-section-main .small-box-main {
    padding: 30px 55px; 
}
.week-name-box .card.meetings {
    height: 100%;
    max-height: fit-content;
}
.week-name-box, .card-body .tabcontent1 {
    height: auto;
}
/* responsive start */
@media screen and (min-width:300px) and (max-width:767px){
    nav.main-header.navbar.navbar-expand {display: block;}
    .login-img{display:none;}
    .login-box{width:100% !important; max-width:500px;height:auto;padding:50px 15px;}
    .login-box .input-group{width:100% !important;}
    .login-box .btn-dark{width:100%;}
    .login-page{padding:0 15px;}
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header{margin-right:0px;}
    /*.layout-fixed .main-sidebar{display:none;}*/
    .main-sidebar, .main-sidebar::before { margin-right: -250px;margin-left:auto;}
    .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 100%;}
    #Trainees{overflow:auto;}
    .sidebar-mini.sidebar-collapse .main-sidebar{margin-right: 0; z-index: 9999; height: 100%; overflow: auto;}
    .newUser{bottom: -35px;}
    nav.main-header{display:block;}
    .close-sidebar {color: #000; position: absolute; top: 20px; left: 20px; display: block;}
    .small-box{margin: 20px auto 10px !important;}
    .table thead th,.table td{height:auto;line-height: inherit;padding:5px;vertical-align: middle;}
    .validity span{margin-top:0;}
    .tab{flex-wrap:wrap;}
    .tablinks{margin-bottom:15px;    width: 49%; height: auto; padding: 8px 12px;font-size: 14px !important;margin-left:0px;}
    .foodList .meetingDays{margin: auto; margin-top: 10px;width: 30% !important;border-left: none;}
    .foodList .weightKg{width: 100% !important;border-left: 0 !important;padding:8px 0;justify-content: center;}
    .foodList .weightKg div{text-align:center;}
    .weightMsg{margin-top:10px;}
    .food-btn{padding: 8px 5px !important;font-size: 14px !important;}
    .main-heading{font-size:18px !important;}
    .modal-dialog{padding: 15px 5px;}
    .modal-body{padding: 15px 10px !important;}
    .food-position::before{width: 14px !important;right: -16px !important;}
    .dlButtons.mt-4{margin-top:0px !important;}
    .meetingDays.weightCount.recipe img{border-radius:5px; margin-top: 5px;}
    .form-control.upload-input{padding:75px;}
    .upload-image img { top: 50%; left: 50%; z-index: 0;  transform: translate(-50%, -50%);}
    .counter button{padding:0px 2px;}
    .counter img{width:10px;}
    .food-inner-counter select.form-select{max-width:70px;width:100%;}
    .recipe-section{justify-content:space-between !important;padding:15px 10px !important;}
    .main-heading{flex-wrap:wrap;}
    .usertab .tablinks{font-size:14px !important;}
    #BasicDetails .col-md-5 {width: 100% !important;}
    #BasicDetails .meetingDays{width:30%; font-size:12px;}
    #BasicDetails .meetingTime{width: 70%;    font-size: 14px;justify-content: center;flex-wrap: wrap;}
    #BasicDetails .meetingTime label{margin-top:10px;}
    #BasicDetails .form-check{height:auto;line-height:inherit;}
    #BasicDetails .form-check-label{ font-size: 13px;}
    .waterGoal div{font-size: 14px;}
    .waterGoal h2{font-size: 13px;}
    #hideTrainingplan .col-md-12, #showTrainingplan .col-md-12{overflow:auto;}
    .trainingWeek{font-size: 15px;}
    .training_btn{margin-bottom:15px;}
    .bedge-green{height:auto;line-height:inherit;padding: 5px 8px;font-size: 12px;margin-right: 5px !important;}
    .bedge-green:last-child{margin-right:0px !important;}
    .bedge-red{height:auto;line-height:inherit;font-size: 12px;padding: 5px 12px 7px 12px;}
    div.submenu1sec, .oneCard, .twoCard, .threeCard, .fourCard, .fiveCard{font-size: 14px;}
    #TrainingPlan .meetingTime span{font-size: 14px;display:flex;margin-right:0px !important;}
    #TrainingPlan .meetingTime img {  width: 20px;}
    #TrainingPlan .meetingTime{padding: 17px 10px;  justify-content: center;}
    .main-header  a.nav-link { display: block;  }
    nav.main-header.navbar.navbar-expand { display: flex; justify-content: space-between; padding: 10px;  }
    .main-header ul.navbar-nav { padding-right: 0px;  }
    button.edit-btn{ margin-bottom: 6px; }
    .foodList .coachNote{ text-align: center !important; }
    .card-header h2{ font-size: 17px !important; }
    .main-degit-box{ display: block; }
    .meal-section-main .user-form.recipe .inner{ margin-bottom: 10px; }
    .meetingDays.weightCount{ margin-top: 0px; width: 100% !important; }
/*    .foodList li{ flex-wrap: nowrap !important; }*/
    .extentmemberMsg{text-align: center !important;}
    .mb-30{margin-bottom: 15px}
    .foodList #component_food  li{ flex-wrap: wrap !important; }
    .fc table{table-layout: auto !important;}
    .meeting-content{overflow: auto;}
    .meeting-title strong { margin-right: 0 !important;}
    #Meeting th{font-size: 12px;}
    .fc-day-header p{font-size: 11px;}
    #Meeting th, #Meeting td{min-width: 100px;}
    .fc_editImg { left: 2px; width: 20px;}
    .approved-btn, .ac-btn, .rm-btn, .unavailability-btn{padding: 8px !important; font-size: 14px !important;display: block;margin-bottom: 15px;}
    .main-heading .trainingWeek { margin-right: 0px !important;}  
    a.btn.btn-primary.mr-3.food-btn {margin-top: 11px; }  
    .main-heading a {margin-top: 10px;}
    button.btn.btn-primary.mr-3.save-btn {margin-bottom: 10px; }
    .recipe-div .col-md-3.mb-3 {width: 100% !important;}
    .meal .meetingDays.weightCount {width: 15% !important; height: 100%; margin-bottom: 0px; }
    .week-name-box button{font-size: 16px; }
    .col-md-12.table-taining-plan { overflow: auto;}
    #hideTrainingplan .align-items-center { display: block !important;}
    p.trainingWeek { margin: 7px 0px;}
    .trainingdays{ margin-bottom: 6px;}
    .modal-body div.listing { display: grid; flex-wrap: wrap; flex-direction: column; grid-template-columns: auto auto;  justify-content: center; }
    .salary-tab-heading{ display: block; }
    .salary-tab-heading .tablinks{ width: 100%; }
    #Salary-Management button.edit-btn {  margin-bottom: 15px; height: 40px; line-height: 11px; font-size: 15px; }
    .salary-tab-heading button.btn.btn-primary.mr-3.food-btn { height: 47px; width: 100%; margin-top: 14px; }
    .user-coach-name ul { padding: 13px 10px; }
    .user-coach-name li{ font-size: 14px; }
    #Coach-Management .tablinks{margin-left: 6px; width: 100%; }
    #Coach-Management .tab.d-flex.mb-3 {justify-content: center;}
    #Changing-salary h5 { font-size: 16px; margin-bottom: 0px; }
    .main-change-salary input.form-control { padding: 6px 5px;  font-size: 14px; }
    .ltr p{ font-size: 12px; }
    .changes-salary label{ font-size: 12px; }
    .main-change-salary input.form-control::placeholder{ font-size: 12px; }
    .salary-tab-heading .progree-btn { display: flex; flex-wrap: wrap !important; width: 100%; }
    .salary-tab-heading .progree-btn a.edit-btn{ min-width: 100%;text-align: center; }
    .meeting-btn-div{ display: block; }
    #Meeting .fc-center h2{ top: -215px !important; font-size: 18px !important; }
    .fc-state-default.fc-corner-right, .fc-state-default.fc-corner-left{ width: 20px !important; height: 20px !important; }
    .select-meeting { margin-top: 12px; margin-bottom: -2px; }
    .fc-toolbar .fc-left{ left: 34px !important; }
    #Meeting {overflow-x: auto; }
    #calendar .fc-button-group { position: absolute; top: -122px; left: 11px;}
    .fc button .fc-icon { width: 35px; height: 35px; }
    .fc-state-default.fc-corner-right, .fc-state-default.fc-corner-left { background: transparent; }
    .modal.show .modal-dialog{    margin: auto;}
    .modal.show .modal-dialog form {  width: 100%; margin: auto;  }
    .form-check-label {margin-right: 20px; font-size: 14px; }
    .table .active-td{justify-content: center;}
    .dropdown .dropdown-menu-lg { max-width: 300px !important; min-width: 300px !important; }
    .managment-tab .tablinks1, .managment-tab .tablinks1.active{font-size: 16px;}
    .notification-list  .d-flex{flex-wrap: wrap;}
    .notification-list span{margin-bottom: 5px;}
    .notification-list div {display: flex; flex-wrap: wrap; }
    main {  padding-top: 60px;}
    .form-check.activeInactive {  height: auto; width: 100%;}
    div#Trainees_component {  overflow: auto;}
    #aside_show {
    right: 184px !important;
    width: 170px;
}
.modal.show .modal-dialog form.user-form{  width: auto;}
.week-name-box { margin-top: 18px;}


.edit-meal .meetingDays.weightCount{
    width: 20% !important;  
}
.week-name-box, .card-body .tabcontent1 {
    height: auto !important;
}

}


@media screen and (min-width:768px) and (max-width:992px){

.week-name-box .card.meetings {  height: 100%;  max-height: fit-content;}
.week-name-box, .card-body .tabcontent1 { height: auto;}
div#Trainees_component {  overflow: auto;}
main {  padding-top: 60px;}
.form-check.activeInactive {  height: auto;}
.small-box {margin: 0px auto 30px !important;}
.tab div .tablinks { height: auto;  padding: 10px 10px;} 
.trackUser_sec .card-header h2 { font-size: 14px; }
.usertab .tablinks {  font-size: 15px !important; padding: 0px 8px; margin-left: 0; }
.meetingDays {   width: 50%; }
.meal-section-main .card { margin-bottom: 30px !important;}
.save-btn { height: auto; }
.fc-day-header p { font-size: 11px; }
.fc_editImg { width: 17px;}
.main-heading .trainingWeek { margin-right: 168px !important; margin-bottom: 0 !important;}
.approved-btn, .ac-btn, .rm-btn, .unavailability-btn { padding: 11px 10px !important;  font-size: 11px !important; }
.main-heading .trainingWeek { line-height: 50px !important; }
.dropdown-menu-lg {  min-width: 500px !important; }
/* body{display: none;} */
}
@media screen and (min-width: 993px) and (max-width:1200px){
  
.week-name-box .card.meetings {  height: 100%;  max-height: fit-content;}
.week-name-box, .card-body .tabcontent1 { height: auto;}
div#Trainees_component {  overflow: auto;}
main {  padding-top: 60px;}
.form-check.activeInactive {  height: auto;}
.small-box {margin: 0px auto 30px !important;}
.tab div .tablinks { height: auto;  padding: 10px 10px;}
.trackUser_sec .card-header h2 { font-size: 14px; }
.usertab .tablinks {  font-size: 15px !important; padding: 0px 8px; margin-left: 0; }
.meetingDays {   width: 50%; }
.meal-section-main .card { margin-bottom: 30px !important;}
.save-btn {  height: auto; }
.fc-day-header p { font-size: 11px; }
.fc_editImg { width: 17px;}
.main-heading .trainingWeek { margin-right: 176px; }
.dropdown-menu-lg {  min-width: 500px !important; }

}


@media screen and (min-width:1000px) and (max-width:1350px){
    .foodList .weightKg{width: 90%; border-left: none;}
    .meetingDays.weightCount.recipe{    width: 10%;}
    .meetingDays.weightCount.recipe img{    width: 105px;}
    .meetingTime{padding: 10px 40px;}
    #Meeting th, .fc-day-header p{font-size: 12px;}
    .trackUser_sec .card-header h2{font-size: 15px;}
    #showBasicDetail .card-body{padding:0px 10px;}
    #BasicDetails .table td{font-size: 13px;}
    .meetingList .meetingDays{width: 40%;    font-size: 14px;}
    .meetingList .meetingTime{padding: 10px 15px;}
    .waterGoal div{font-size: 14px;}
    .waterGoal h2{font-size: 15px;}
    #recipeForm .upload-image img{width: 70px;}
    .fc-title img { width: 20px !important;height: 14px;}
    .btn-list li { margin-left: 6px !important;}
    #Coach-Management .small-box p { font-size: 15px; line-height: 19px; }
    h3.program-ttl1.title {
        font-size: 26px;
    }
   .salary-tab-heading button.edit-btn{
        padding: 8px;
        font-size: 13px;
    }
    .salary-tab-heading .progree-btn {
        display: flex;
        gap: 4px;
    }
   
}

@media screen and (min-width:1100px) and (max-width:1500px){
    .tablinks{padding: 0px 10px; font-size: 12px !important;}
    .form-check-label { font-size: 13px; margin-right: 20px; }
    .editmeal_food .coachNote { font-size: 11px !important; }
    .edit-meal .coachNote { font-size: 12px; }
    .w-0{ width: 0% !important; }
    .meetingTime { font-size: 14px; }
    .edit-meal .coachNote { font-size: 12px !important; }
    #mealTab .fc-center h2{
        margin-top: 45px;
    }
    #mealTab .fc-left {
        margin-top: 45px !important; 
    }
    .main-degit-box .inner {
        padding: 5px 7px !important;
    }
    .meal-section-main .program-ttl1 {
        font-size: 15px;
    }
    .user-form.recipe .main-degit-box .inner {
        padding: 6px 6px !important;
    }
    .meal-section-main .program-ttl1 {
        font-size: 16px !important;
    }
    label.remove-btn { font-size: 12px; }
}