:root {
    --primary-color: #5c7c28;
    --secondary-color: #0d636d;
    --black-color: #2a2a2a;
    --font-family: 'Roboto', sans-serif;
    --font-size: 13px;
    --background: #efefef;
}
* {
	margin: 0px;
	padding: 0px;
    box-sizing: border-box;
}
*:focus {
    outline: none  !important;
}
.text-left {
    text-align: left !important;
}
form {
    width: 100%;
}
html {
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;

}
h1, h2, h3, h4, h5 {
    font-family: var(--font-family);
    font-size: 26px;
    margin-top: 0 !important;
    color: var(--black-color) !important;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--black-color);
    font-size: var(--font-size);
    box-sizing: border-box;
    background: var(--background);
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    min-height: 100%;
}
input, select, textarea {
    font-family: var(--font-family);
    font-size: var(--font-size)
}
input[readonly], input[disabled] {
    background-color: #bdbdbd !important;
    color: #505050;
}
a {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: blue;
}
a:hover {
    color: var(--primary-color);
}
.fixed_top_bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.nav_link {
    margin-right: 25px;
    color: var(--black-color);
}
.nav_link:hover {
    color: var(--primary-color);
}
.container {
    width: 100%;
    padding: 100px 0 0 0;
    flex: 1;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-1 {
    margin-bottom: 10px;
}
.m-r-5{
    margin-right: 5px;
}
.m-b-5 {
    margin-bottom: 2rem;
}
.m-t{
    margin-top: 1rem;
}
.m-t-5{
    margin-top: 2rem;
}
.m-r-10{
    margin-right: 10px;
}
.margin_bottom_page{
    margin-bottom: 10rem;
}
.wrapper {
    width: 95%;
    margin: 0 auto;
}
.logo a {
        display: flex;
    align-items: center;
    gap: 13px;
    font-size: 15px;
    color: #202020;
    font-weight: bold;
}
.logo img{
   height: 40px;
}
.top_logo_nav {
    width: 100%;
    background: #fff;
    padding: 10px;
    z-index: 9;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 0px 14px 1px rgb(0 0 0 / 0.4);
}
.primary {
    background: var(--primary-color);
    color: #FFFFFF;
}
.primary:hover {
    background: var(--secondary-color);
    color: #fff;
}
.secondary {
    background: var(--secondary-color);
    color: #fff;
}
.secondary:hover {
    background: var(--primary-color);
    color: #fff;
}
.black {
    background: var(--black-color);
    color: #fff;
}
.black:hover {
    background: var(--secondary-color);
    color: #fff;
}
.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
button.btn_custom {
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}
.btn_custom {
    border: 1px solid;
    padding: 15px 25px;
    border-radius: 100px;
    text-align: center;
}

.btn_custom_readmore{
    margin-top: 10px;
    border: 1px solid;
    padding: 8px 10px;
    border-radius: 100px;
    text-align: center;
}


.wd75 {
    width: 75%;
}
.wd65 {
    width: 65%;
    align-self: stretch;
}
.wd45 {
    width: 45%;
}
.wd35 {
    width: 35%;
    align-self: stretch;
}
.wd33 {
    width: 33%;
}
.form-group {
    margin-bottom: 15px;
}
.text_center {
    text-align: center;
}
.text_right  {
    text-align: right;
}
.login_box {
  background: rgba(255,255,255,0.89);
  padding: 30px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}
.form-group {
    margin-bottom: 15px;
}
.text_center {
    text-align: center;
}
.text_right  {
    text-align: right;
}
.form-group label {
    margin-bottom: 5px;
    font-size: var(--font-size);
    float: left;
    color: #9b9b9b;
}
.login_box .form-group label {
    margin-bottom: 5px;
    font-size: var(--font-size);
    float: left;
    color: #9b9b9b;
}
.wd100 {
    width: 100% !important;
    clear: both;
}
.login_box h1 {
    font-size: 30px;
    margin-top: 0 !important;
    color: var(--primary-color) !important;
}
.login_box p {
    margin-bottom: 20px;
}
.login_box label {
      text-align: left !important;
    float: left;
    margin-bottom: 0;
}
.custom_forgot {
  font-weight: normal;
  text-align: right;
  margin-bottom: 0;
}

.validation_success {
    margin-bottom: 10px;
}
.validation_success p {
    background: green;
    padding: 15px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0;
    margin-top: 10px;
}
#card-errors {
    color: #f00;
    text-align: center;
    margin-bottom: 20px;
}
.validation_error p {
    margin-bottom: 0px;
}
.validation_error, .card-errors {
    background: #f38484;
    padding: 13px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0px;

}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
textarea.custom_input {
    height: 100px !important;
}
.custom_input {
    background-color: #efefef !important;
    border-color: #f0f0f0 !important;
    color: #3f4254 !important;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    height: 50px !important;
    font-size: 13px !important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    box-shadow: 1px 1px 22px 0px #cccccc70;
}
.bars_mobile {
    cursor: pointer;
}
.bars_mobile i {
    font-size: 25px;
}
.desktop {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile {
    display: none;
}

.bars_mobile input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 33px;
    right: 15px;
    height: 22px;
    width: 22px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #202020;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}
.menu_cat .nav_link {
    text-align: left;
    margin-left: 0;
    padding: 5px 0;
    font-weight: 400;
    font-size: 15px;
}
.menu_left_pad {
    padding: 15px;
}
.menu_left_pad a {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    padding: 15px;
}
#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 250px;
    top: 0;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #fff 0%, #fff 100%);
    z-index: 99999;
}
.sidebarMenu_click {
    transform: translateX(0) !important;
}
.show_eye {
    position: absolute;
    right: 13px;
    top: 40.5px;
    font-size: 12px; 
    cursor: pointer;
}
.copy_right {
    padding: 15px;
    background: #fff;
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.column_center_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.portal_login {
    margin-bottom: 10px;
    border: 2px solid #fff;
}
.portal_login:hover {
    border: 2px solid var(--secondary-color);
    background: #efefef;
}
.portal_login h1{ 
    color:var(--black-color) !important; 
    font-size: 22px;
}
.portal_login p{ 
    margin-bottom: 0px !important;
}
.portal_login img {
    width: 60px;
    margin: 10px 0;
}
.top_free_space {
    display: flex;
    width: 100%;
    height: 20px;
}
.logo_abs {

}
.logo_abs img {
    width: 50px;
    margin-bottom: 10px;
}

.subscripion_design {
    width: 32.5%;
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid #eee;
}
.subscripion_design h4{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.flex_space_between {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price_sub {
    color: var(--primary-color);
    font-size: 30px;
    float: right;
    font-weight: bold;
}
 
.subscripion_design.login_box {
   padding: 20px;
}
.options_subscription {
    min-height: 170px;
}
.options_subscription ol {
    margin-left: 35px;
    margin-bottom: 20px;
}
.options_subscription ol li {
    margin-bottom: 5px;
}
.options_subscription ol li::marker {
    content: "\f061    ";
    font-family: "FontAwesome";
    color: var(--secondary-color);
}
.left_table {
    width: 75%;
}
.left_table table {
    margin-bottom: 20px;
}
.left_table table th {
    background: #0d636d;
    padding: 12px;
    border: 1px solid #0d636d;
    text-transform: uppercase;
    font-size: 12px;
    width: 35%;
    color: #fff;
    text-align: left;
}
.left_table table td {
    background: #fff;
    padding: 12px;
    border: 1px solid #fff;
    font-size: 12px;
}
.image_box {
    background: #fff;
    padding: 10px;
}
.image_box img {
    width: 190px;
}
.update_profile {
    margin: 15px 0;
}

.left_side_bar {
    width: 20%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 0px 0px;
    box-sizing: border-box;
    float: left;
}
.left_side_bar a {
    width: 100%;
    border-bottom: 1px dotted #f0f0f0;
    padding: 15px 15px;
    color: var(--black-color);
}
.left_side_bar a:last-child {
    border-bottom: 0;
}
.left_side_bar a:hover {
   color: var(--primary-color);

}
.active_left {
    color:#fff !important;
    font-weight: bold;
   background: var(--secondary-color);
}
.active_left.border_top_rad {
    border-radius: 10px 10px 0 0;
}
.dashboard_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 15px 0;
}
.inner_box  {
    width: 75% ;
}
.right_side_bar {
    width: 78%;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 25px;
    box-sizing: border-box;
    float: left;
}
.white {
    background: #fff;
}
.double_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.double_row .form-group {
    width: 49%;
}

.dropify-wrapper .dropify-message .file-icon p {
    font-size: 13px !important;
    color: #7e7e7e !important;
}

#mirror_loader {
    background: rgba(255, 255, 255, 0.55);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.innerloading {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    text-align: center;
}
.innerloading p {
    margin-top: 10px;
}
.center_w75 {
    text-align: center;
    width: 75%;
    margin: 0 auto;
}
.center_w50 {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.collection_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 30px 0;
    flex-wrap: wrap;
}
.box_collection {
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    padding: 20px;
    position: relative;
    background: #ffff;
    margin-bottom: 10px;
    min-height: 150px;
    border-radius: 10px;
}
.box_collection span {
    position: absolute;
    bottom: 9px;
    background: #ffffff98;
    padding: 10px;
    width: 93%;
    border-radius: 5px;
    color: var(--black-color);
}
.purple {
    background: #a85cea;
    background-image: url(../images/purple.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}
.red {
    background: #fc6467;
    background-image: url(../images/red.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}
.ferozi {
    background: #22b791;
    background-image: url(../images/ferozi.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}
.orange {
    background: #fd8443;
    background-image: url(../images/orange.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}
.greenn {
    background: #76c859;
    background-image: url(../images/green.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}
.bluee {
    background: #5899e4;
    background-image: url(../images/blue.png);
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}

.blue {
    background: #431fe3;
    /* background-image: url(../images/blue2.png); */
    background-repeat: no-repeat;
    background-position: right;
    background-blend-mode: normal;
    background-size: contain;
}


.top_na_nutri {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    gap: 31px;
    margin-top: 40px;
    flex-wrap: wrap;
}
.top_na_nutri a, .top_na_nutri div {
    color: var(--black-color);
    position: relative;
    border-bottom: 4px solid #767676;
    padding: 7px 10px;
    font-size: 13px;
/*    padding-bottom: 3px;*/
}
    
.top_na_nutri .active_top_nutri {
     border-bottom: 4px solid var(--primary-color) !important;
     background: #0d636d;
     border-radius: 25px;
     min-width: 100px;
     text-align: center;
     color: #fff;
}

.top_naaa {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.top_naaa a {
    color: var(--black-color);
    position: relative;
    border-bottom: 3px solid transparent;
    background: #fff;
    padding: 11px 21px 9px 21px;
/*    margin-right: 10px;*/
    border-radius: 50px;
    min-width: 14%;
}

.top_naaa a:hover, .active_top_nav {
    color: white !important;
    border-bottom: 3px solid #5c7c28 !important;
    background: #5c7c28 !important;
}

.form_show_personal {
    width: 75%;
}

.collection_flex_bar {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    margin-bottom: 20px;
}
.medical_history h3 {
    text-align: left;
    font-size: 18px;
    float: left;
    margin-bottom: 17px;
    width: 100%;
}
.medical_history h3 p {
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
    margin-top: 8px;
}
.vitals h3 p {
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
    margin-top: 8px;
}

.custom_bottom {
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.collection_center_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.collection_table {
    width: 100%;
    margin-bottom: 80px;
    margin-top: 15px;
}
.collection_table th {
    background: #0d636d;
    padding: 12px;
    border: 1px solid #0d636d;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    text-align: left;
}
.collection_table td {
    background: #fff;
    padding: 12px;
    border: 1px solid #0d636d;
    font-size: 12px;
    color: #202020;
    text-align: left;
}
.custom_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 3%;
    border-top: 1px solid #f0f0f0;
    z-index: 888;
}

.form-group label sup {
    color: red
}
.row_flex_history {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    clear: both;
}
.row_flex_history .form-group label {
    display: flex;
    align-items: center;
    color: #707070;
    font-size: 13px;
}
.row_flex_history .form-group label input[type=checkbox]{
    margin-right: 10px;
}
.medical_history {
    margin-top: 25px;
    margin-bottom: 150px;
}
.medical_history .login_box {
    padding: 15px;
    width: 32%;
    cursor: pointer;
}
.medical_history .login_box label {
    cursor: pointer;
}
.medical_history .form-group {
    margin-bottom: 0;
}
.inner_form_history {
    display: flex;
    justify-content: space-between;
    align-items: center;
        width: 100%;
}
.inner_form_history span:last-child {
    position: absolute;
    right: 16px;
    padding-bottom: 10px;
    font-size: 11px;
}
.inner_form_history input {
    width: 42%;
    border-bottom: 1px solid #6c6c6c !important;
    border: none;
}

.text_medical {
    margin: 25px 0;
}
.text_medical textarea {
    border: 1px solid #d7d7d7 !important;
    background-color: #fff !important;
    margin-top: 20px;
    width: 97%;
}

.multimarkers .login_box {
    width: 48%;
}
.multimarkers h4{
    font-size: 12px;
    margin-bottom: 11px;
}
.multimarkers label {
    margin-top: 15px;
}
.multimarkers span:nth-child(1){
    width: 42%;
}

.vitals {
    margin-bottom: 150px;
}
.vitals .login_box  {
    padding: 15px 20px;
}
.vitals .form-group {
    margin-bottom: 0;
}
.vitals h3 {
    font-size: 20px;
}
.vital_input {
    margin-top: 20px;
    display: flex;
    align-self: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.vital_input input, .vitals select {
    margin-right: 10px;
    text-align: center;
    width: 180px;
    background-color: #fff;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    color: #455168;
    cursor: pointer;
    font-size: 18px !important;
    max-width: 600px;
    padding: 10px 10px;
    box-shadow: 0 0 10px 6px #eee;
    background: #fff !important;
    font-weight: bold;
    height: 75px !important;
}
.vitals input::placeholder {
    font-size: 14px !important;
    color: #aaa;
}

.behavior_class {
    margin: 20px 0 150px 0;
    float: left;
    width: 100%;
}
.self_center {
    display: flex;
    align-self: center;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
}
.self_center input {
    width: 20%;
    border: 1px solid #fff !important;
    background: #fff !important;
}
.question {
    margin-bottom: 25px;
}
.full_radio .radio-toolbar label {
    width: 50%;
    margin-top: 10px;
    box-shadow: 1px 2px 7px 1px rgb(0 0 0 / 20%);
    border-radius: 3px;
    justify-content: flex-start !important;
    border: 2px solid #fff;
    padding: 15px 20px !important;
}
.full_radio {
    margin-top: 25px;
}
.full_radio .radio-toolbar div {
    width: 100%;
}
.full_radio .radio-toolbar.double_side_row > div{
    width: 48% !important;
}
.full_radio .radio-toolbar.double_side_row label {
    width: 100% !important;
}
.full_radio .radio-toolbar.double_side_row {
    justify-content: space-between !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 75%;
}
.full_radio .radio-toolbar {
   flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border: none;
}
.full_radio .radio-toolbar input[type=radio]:checked + label, .full_radio .radio-toolbar input[type=checkbox]:checked + label  {
    position: relative;
    content: " ";
    display: block;
    border: 2px solid var(--secondary-color) !important;
    background: #fff;
    color: var(--black-color) !important;
}

.activity_radio .radio-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap ;
    border: none;
}

.activity_radio .radio-toolbar > div{
    width: 32% !important;
}

.activity_radio .radio-toolbar {
    width: 100% !important;
    background: transparent;
}

.activity_radio .radio-toolbar label {
    margin-top: 10px;
    box-shadow: 1px 2px 7px 1px rgb(0 0 0 / 20%);
    border-radius: 3px;
    justify-content: center !important;
    border: 2px solid #fff;
    height: 200px;
    flex-direction: column;
}

.activity_radio .radio-toolbar input[type=checkbox]:checked + label {
    position: relative;
    content: " ";
    display: flex;
    border: 2px solid var(--secondary-color) !important;
    background: #fff !important;
    color: var(--black-color) !important;
}

.radio-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.five_value_tool_bar div {
    min-width: 20% !important;
}
.full_width_toolbar div {
    width: 50%;
}
.radio-toolbar div {
    min-width: 24%;
}
.css-1r2f04i {
    margin-bottom: 10px;
}
.radio-toolbar input[type=radio], .radio-toolbar input[type=checkbox] {
    display: none;
}
.radio-toolbar input[type=radio]:checked + label, .radio-toolbar input[type=checkbox]:checked + label {
    position: relative;
    content: " ";
    display: block;
    background: var(--secondary-color);
    color: #fff;
}


.label_hover {
    background: #046838 !important;
    color: #fff !important;
}

.radio-toolbar {
    border: 1px solid #0d636d;
    border-radius: 5px;
    background: #fff;
    width: 90%;
}
.radio-toolbar label:last-child {
    border-right: none !important;
}
.radio-toolbar label {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 3%);
    box-sizing: border-box;
     border-radius: 5px;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    -webkit-filter: unset;
    filter: unset;
    font-size: 13px;
    grid-template-columns: 1fr;
    height: 100%;
    justify-content: center;
    letter-spacing: 1px;
    line-height: 1;
    min-height: 40px;
    min-width: 64px;
    outline: 0;
    padding: 25px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-transform: unset;
    transform: unset;
    transition: -webkit-filter .1s linear 0s,-webkit-transform .1s ease-out 0s;
    transition: filter .1s linear 0s,transform .1s ease-out 0s;
    transition: filter .1s linear 0s,transform .1s ease-out 0s,-webkit-filter .1s linear 0s,-webkit-transform .1s ease-out 0s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-right: 1px solid #f0f0f0;
}
:focus, input:focus, textarea:focus {
    outline: 0;
}

.nutrition_class {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.left_section_food {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.slider_right {
    width: 56%;
    margin-right: 15px;
}
.slider_right p {
    position: absolute;
    top: 28px;
    text-align: center;
    width: 52%;
    margin-bottom: 0;
    color: #a5a5a5;
}
.text_food h5 {
    font-size: 16px;
    margin-bottom: 7px;
}
.text_food p {
    margin-bottom: 0;
}
.text_food span {
    color: #a1a1a1;
}
.question_class h5 {
    font-size: 11px;
    position: absolute;
    top: 17px;
    color: #919191 !important;
}

.activity_container {
    width: 90% !important;
    margin: 0 auto;
    margin-bottom: 0px;
}
.behavir_wrap h1 {
    text-align: left; 
    margin-top: 30px !important;
}

.activity_container h1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-top: 20px !important;
    float: left;
    margin-bottom: 20px;
}
.question_activity {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.question_activity label {
    color: #aaa;
} 
.question_activity p { margin-bottom:5px }
.question_activity select {
    width: 30%;
}
.heading_cardio {
    margin: 20px 0;
}
.heading_cardio span {
    width: 100%;
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary-color);
}
.heading_cardio label {}

.cardio_boxes_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.cardio_boxes_wrap .cardio_box_white {
    width: 18%;
}
.cardio_boxes_wrap .cardio_box_white figure{
    text-align: center;
}
.cardio_boxes_wrap .cardio_box_white figure img{
    height: 186px;
}
.cardio_bottom {
    margin-top: 10px;
    text-align: center;
    min-height: 75px;
}
.cardio_box_white .cardio_white_box_div {
/*    padding: 5px 15px;*/
padding: 0;
}
.activity_row .login_box {
    margin-bottom: 15px;
}
.hours_minutes_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hours_minutes_wrap .input_cardio_image input {
    width: 100%;
    border: 2px solid brown;
    padding: 5px;

}
.input_cardio_image {
    position: relative;
    width: 49%;
}
.hours_minutes_wrap span {
    position: absolute;
    right: 6px;
    top: 7px;
    font-size: 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.cardio_white_box_div {

}
.cardio_bottom span {
    width: 100%;
    clear: both;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--secondary-color);
}
.flex_left_form .inner_form_history{
    text-transform: capitalize;
}

.messages_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    margin-top: 25px;
    margin-bottom: 50px;
}
.messages_wrap .left_messages {
    width: 25%;
    padding: 0;
}
.right_messages  {
    width: 75%;
}
.message_list  {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 20px;
    line-height: 18px;
    color: #202020;
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
}
.message_list span {
    color: #20202080;
}
.select_chat {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: red;
}
.borderred {
    border: 1px solid red !important;
}
.message_wrap .message, .message_wrap_left .message {
    background: rgba(222, 222, 222, 0.41);
    box-shadow: 0px 10px 99px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding: 15px 25px;
    max-width: 60%;
    background: var(--primary-color);
    color: #fff;
    position: relative;
}
.message_wrap .message_time {
    color: #878787;
    margin-top: 9px;
    font-size: 11px;
    position: absolute;
    right: 58px;
    top: 41px;
}
.message_wrap_left .message_time {
    color: #878787;
    margin-top: 9px;
    font-size: 11px;
    position: absolute;
    left: 58px;
    top: 41px;
}
.message_wrap_left .message {
    background: var(--secondary-color) !important;
    color: #fff;
}
.message_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 11px;
    margin-bottom: 35px;
    position: relative;
}
.active_message {
        background: #dddddd;
}
.message_wrap_left {
    flex-direction: row-reverse;
}
.image_person img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}
.message_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 25px;
    border-top: 1px solid #f0f0f0;
    position: relative;
    gap: 10px;
}
.message_footer button {
    cursor: pointer;
}
.messsage_conver_input {
    background: #F8F8F8;
    padding: 15px;
    border-radius: 163.499px;
    border: 1px solid #F8F8F8;
    width: 100%;
}
.btn_input_conver  {
     border-radius: 150px;
    padding: 10px 26px;
    border: 1px solid;
} 
.message_footer .con_sbg {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}
.message_div {
    width: 100%;
    padding: 20px;
    clear: both;
    float: left;
    height: 350px;
    overflow: auto;
} 

@media (max-width: 820px) {
    .messages_wrap .left_messages, .right_messages, .center_w50 {width: 100%}
    .box_analytics {width: 100% !important}
    .messages_wrap, .boxes_analytics_flex {flex-direction: column;}
    .wrapper {width: 95%;}
    .desktop {display: none;}
    .mobile { display: block !important; }
    .mobile_div, .dashboard_flex, .flex_space_between, .collection_flex_bar {flex-direction: column;}
    .wd45, .wd65, .wd33, .left_side_bar, .inner_box, .left_table, .right_side_bar, .double_row .form-group, .center_w75 {width: 100% !important;}
    .left_table table {margin-bottom: 10px;}
    .image_box { display: flex; justify-content: center; align-items: center; }
    .left_side_bar { margin-bottom:10px }
    .sidebarIconToggle { top:24px !important }
    .box_collection {width: 49%}
    .medical_history .login_box {width: 48%}
    .top_naaa a { min-width: 25%;margin-right: 0px;width: 48%;margin-bottom: 10px; white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
    .top_naaa a:last-child {margin-right: 0}
    .top_naaa {flex-wrap: wrap;}
    .collection_center_flex {margin-top: 10px}
    .custom_footer .form-group:last-child {  width: 65% !important;}
    .row_flex_history .form-group label, .inner_form_history {flex-direction: column; position: relative;}
    .inner_form_history input {width: 100%; margin-top: 10px; }
    .inner_form_history span:last-child {bottom: 0;     padding-bottom: 5px; right: 0;}
    .multimarkers span:nth-child(1) {width: 100%; }
    .vital_input {flex-direction: column; }
    .vital_input input, .vitals selec {margin-bottom: 10px}
    .nutrition_class {flex-direction: column;}
    .left_section_food {flex-direction: column; width: 100%; margin-bottom: 20px}
    .slider_right {width: 100%; margin-right: 0; position: relative;}
    .rangeslider-wrap {padding-bottom: 90px; margin-top: 34px;}
    .slider_right p{top: 0;     width: 100%;}
    .full_radio .radio-toolbar label, .radio-toolbar {width: 100%}
    .full_radio .radio-toolbar.double_side_row, .full_radio .radio-toolbar.double_side_row > div {width: 100% !important}
    .dropify-wrapper {min-height: 200px}
    .TOTAL_POINTS {margin-right: 10px}
    .radio-toolbar.five_value_tool_bar, .radio-toolbar.full_width_toolbar {flex-direction: column;}
    .five_value_tool_bar div, .radio-toolbar.full_width_toolbar div {width: 100% !important}
    .mobile_radio_toolbar .radio-toolbar {flex-direction: column;}
    .mobile_radio_toolbar .radio-toolbar div {
        width: 100%;
    }
    .activity_radio .radio-toolbar div {
        width: 48% !important;
    }
    .bmi_formular {
        width: 100% !important;
    }
    .question_activity, .cardio_boxes_wrap {
        flex-direction: column;
    }
    .question_activity select, .cardio_boxes_wrap .cardio_box_white {
        width: 100%;
        margin-top: 10px;
    }
    .cardio_bottom {
        min-height: 0;
    }

    .activity_boxxx, .activity_boxxx .right_ac_row, .infographic, .program_top_boxes { flex-direction:column; }
    .heading_ac {margin-bottom: 10px; width: 100% !important;}
    .infographic .graphic { width:100% !important; align-items: center; }
    .total {width: 100% !important; justify-content: center !important;}
    .total .number { font-size:18px !important }
    .plan_section_work h3 {margin-top: 20px !important;}
    .timebar, .right_image_program, .left_image_program, .wrap_content_right, .wrap_content_left { width:100% !important; }
    .right_image_program h3 {font-size: 18px;width: 100% !important;}
    .program_content_wrap { flex-direction:column-reverse; }
    .left_program_fixed {position: relative !important; height: auto !important;  width: 100% !important;}
    .right_program_auto { width: 100% !important;margin-left: 0 !important; margin-top: 20px !important; padding:20px !important }
    .sleep_test { flex-direction:column; }
    .card_year_month { flex-direction:column; }
    .slider_flex_dashboard {
        flex-direction: column;
    }
    .slider_posts, .navigation_links_my {
        width: 100% !important;
    }
    .slide {
        height: 100% !important;
    }
    .slide img {
        height: auto !important;
    }

    .inner_wrap {
        width: 95% !important;
    }
    .add_patient_form {
        margin: 15px 0 !important;
        padding: 18px 10px !important;
    }
    #tablepatients_wrapper {
        width: 100%;
        overflow-y: scroll;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-bottom:15px ;
    }
    .filter_ {
        width: 50% !important;
    }
    .top_patient {
        flex-direction: column;
    }
    .top_patient h1 {
        text-align: center;
    }
    .program_div_links a {
            padding: 13px 18px !important;
    }
    .user_recommendation {
        width: 98% !important;
    }
    .recommend_show_answers {
            padding: 10px 12px !important;
    }
}


#show_archove_options button {
    margin-bottom: 0 !important;
}
.activity_main_wrap {
    background: url('../images/activity-icons.png');
    background-repeat: no-repeat;
}


/**************RANGE SLIDER ***************************/
.rangeslider {
    position: relative;
    height: 16px;
    border-radius: 100px;
    width: 100%;
    background-color: white;
    border: 1px solid #ccc;
}
.rangeslider__handle {
    transition: background-color 0.2s;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #ffffff;
    touch-action: pan-y;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: -7px;
    box-shadow: 0 1px 9px rgb(0 0 0 / 30%), inset 0 0 0 2px white;
}
.rangeslider__handle__value {
  transition: background-color 0.2s, box-shadow 0.1s, transform 0.1s;
  box-sizing: border-box;
  width: 90px;
  text-align: center;
  padding: 10px;
  background-color: #0099FF;
  border-radius: 5px;
  color: white;
  left: -35px;
  top: -55px;
  position: absolute;
  white-space: nowrap;
  border-top: 1px solid #007acc;
  box-shadow: 0 -4px 1px rgba(0, 0, 0, 0.07), 0 -5px 20px rgba(0, 0, 0, 0.3);
}
.rangeslider__handle__value:before {
  transition: border-top-color 0.2s;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 10px);
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
/*  border-top-color: #0099FF;*/
}
.rangeslider__handle__value:after {
  content: "";
}
.rangeslider__fill {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  background-color: #0d636d;
  border-radius: 5px;
}
.rangeslider__labels {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.rangeslider__labels__label {
    font-size: 12px;
    position: relative;
    padding-top: 36px;
    color: #999696;
    text-align: center;
}
.rangeslider__labels__label span {
    width: 80px;
    display: block;
    position: absolute;
    left: -39px;
}
.rangeslider__labels__label:before {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 1px;
  height: 15px !important;
  border-radius: 1px;
  background-color: rgba(128, 128, 128, 0.2);
}
.rangeslider__labels__label:first-child:before, .rangeslider__labels__label:last-child:before {
  top: 12px; 
  height: 15px;
}

.rangeslider__labels__label:first-child {
  transform: translateX(-48%);
}
.rangeslider__labels__label:last-child {
  transform: translateX(48%);
}
.rangeslider.rangeslider--active .rangeslider__handle, .rangeslider.rangeslider--active .rangeslider__handle * {
  background-color: #fff;
}
.rangeslider.rangeslider--active .rangeslider__handle *:before {
  border-top-color: #fff;
}
.rangeslider.rangeslider--active .rangeslider__handle__value {
  transform: translateY(-5px);
  box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.04), 0 -9px 25px rgba(0, 0, 0, 0.15);
}
.TOTAL_POINTS {
    margin-left: 4%;
}

.bmi_formular {
    margin: 40px auto;
    width: 50%;
}
.bmi_formular .bmi_bg {
    background: var(--primary-color);
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    float: left;
    width: 100%;
}
.bmi_formular .bmi_bg h3, .bmi_formular .bmi_bg p {
    color: #fff !important;
    text-align: center;
    margin-bottom: 10px;
}
.bmi_inputs label {
    color: #fff;
}
.flex_bmi_inputs {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex_bmi_inputs .form-group {
    width: 32%;
}
.result_div {
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
}
.boxes_analytics_flex {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-items: stretch;
    margin-top: 40px;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.box_analytics  {
    width: 32.2%;
    padding: 15px 20px;
    text-align: left;
}
.title_anlytics {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}
.below_anlytics {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
}
.graph_left {
    width: 60%;
    text-align: center;
}

.bodyGhraph{
    width: 100%;
    text-align:center;
}
.graph_full {
    width: 100%;
    text-align: center;
}
.info_right {
    width: 40%;
    text-align: right;
}
.text_right_inn {
    color: #3d3f48;
    float: right;
    font-size: 34px;
    font-weight: 700;
    text-align: right;
}
.body_weight_{

    color: #3d3f48;
    font-size: 34px;
    font-weight: 700;
    text-align: center;

}

.body_weight_ span{
    font-size: 15px;
    color: #7d8aa3;

}

.text_right_inn span {
    font-size: 15px;
    color: #7d8aa3;
 }
 .value_bmi_words {
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: 700;
        clear: both;
    float: left;
    margin-bottom: 25px;
 }
 .below_column {
    flex-direction: column;
 }
 .bar_verticle {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
 }
 .bar_verticle .bar_graph {
    width: 25%;
    height: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
 }
 .RHB .bar_graph {
    width: 33% !important;
 }

 .bar_horizontal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
 }
 .bar_horizontal .bar_graph {
    width: 15px;
    height: 55px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0.7;
 }
 .bar_verticle .bar_graph:hover, .bar_horizontal .bar_graph:hover  {
    opacity: 2;
 }

 .bar_verticle .bar_graph:first-child {
    border-radius: 10px 0 0 10px;
 }
 .bar_verticle .bar_graph:last-child {
    border-radius: 0px 10px 10px 0px;
 }

.bar_horizontal .bar_graph:first-child {
    border-radius:  10px 10px 0 0px ;
 }
 .bar_horizontal .bar_graph:last-child {
    border-radius: 0px 0px 10px 10px  ;
 }

.bhorizontal .text_right_inn {
    font-size: 17px !important;
    text-align: center !important;
}

 .bar_horizontal .bar_graph .name_value{
        position: absolute;
    left: -80px;
    text-align: center;
    width: 67px;
 }
 .bar_graph .show_line {
    width: 4px;
    height: 24px;
    background: #3d3f48;
    border-radius: 100px;
    content: ' ';
 }
  .bar_graph .show_line_hori {
    width: 30px;
    height: 5px;
    background: #3d3f48;
    border-radius: 100px;
    content: ' ';
    position: absolute;
    left: -8px;
 }
 .item_data {
    width: 100%;
    margin-top: 26px;
 }
 .data_line_1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
    margin-top: 11px;
 }
 .data_line_1 span {
    width: 14px;
    height: 14px;
    border-radius: 50px;
 }
 .data_line_1 div {
    min-width: 105px;
 }
 .graph_image {
    margin-top: 25px;
    float: left;
    width: 100%;
 }
 .graph_image img {
    width: 100%;
 }
 .charts_area {
        margin: 20px 0;
    width: 100%;
    background: #fff;
    padding: 20px 0;
 }
 .activity_wrapperss {
    border: 1px solid #c3c3c3;
 }
 .activity_boxxx {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
 }
.activity_boxxx .ac_img {
    width: 6%;
}
.ac_img img {
    width: 40px;
}
.activity_boxxx .right_ac_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
        width: 100%;
}
.heading_ac {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 60%;
}
.activity_boxxx .right_ac_row span {
    border: 1px solid #0d636d;
    padding: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #0d636d;
}
.activity_boxxx .right_ac_row p {
    font-size: 13px;
    line-height: 20px;
}
.activity_boxxx .right_ac_row p b {
    font-weight: 700;
    color: #0d636d;
    font-size: 14px;
    float: left;
    margin-right: 8px;
}
.result_ac {
    font-weight: bold;
    color: green;
}
.result_ac:hover, .result_ac_warning:hover {
    text-decoration: underline;
}
.result_ac_warning {
    font-weight: bold;
    color: orange;
}
.message_list .image_user img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
}

.plans_links {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.plans_links span {
    width: 100%;
    display: block;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.plans_links .links_plans {}
.links_plans a {
    width: 100%;
    line-height: 23px;
}
.plan_section_work p {
    color: #555;
    margin-top: 10px;
}
.active_heading span {
    text-decoration: underline;
} 
.active_heading {
    font-weight: 600;
    font-size: 16px;
    color: var(--secondary-color);
    margin-bottom: 25px;
}
.infographic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.infographic .graphic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60%;
}
.icon-calendar, .icon-getup {
    width: 50px;
    height: 50px;
    margin: 4px 0 4px 0px;
    display: block;
    float: left;
}
.icon-calendar {
    background-position: -150px 0px !important;
    width: 50px;
    height: 50px;
} 
.icon-cardio, 
.icon-strength, 
.icon-getup, 
.icon-calendar {
    display: block;
    background: url(../svgs/sprite.svg) no-repeat;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.total .equals {
    margin-right: 50px;
    font-size: 86px;
    line-height: 0.5;
    color: #fdca08;
    font-weight: bold;
}
.total .number {
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.total .units {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}
.total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40%;
    color: var(--secondary-color);
    justify-content: flex-end;
}

.output {
    padding: 15px 20px;
    margin-top: 30px;
    background-color: #d9edf7;
}
.output ul, .points_ul ul {
    margin-left: 20px;
}
.output ul li, .points_ul li {
    line-height: 22px;
    list-style: decimal;
}
.bar-wrap {
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-right: 150px;
}
.bar {
    position: relative;
    width: 10%;
    min-width: 50px;
    height: 54px;
    background-color: #32a6c1;
}
.line {
    width: 4px;
    height: 74px;
    background-color: #007096;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0;
}
.bar .circle {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    position: absolute;
    right: -40px;
    top: -10px;
    background-color: #007096;
}
.circle .icon {
    position: absolute;
    top: 16px;
    left: 16px;
}
.circle {
    display: inline-block;
    min-width: 10px;
    padding: 4px 7px;
    font-size: 14px;
    font-weight: 700;
    color: #007096;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border: 1px solid #007096;
    border-radius: 5em;
    margin-top: -3px;
}
.icon-cardio {
    background-position: 0px 0px;
    width: 50px;
    height: 50px;
}
.bar .subtotal {
    position: absolute;
    width: 125px;
    top: 6px;
    right: -170px;
    font-size: 18px;
    font-weight: 700;
    color: #007096;
}
.points_ul {
    margin-bottom: 25px;
}
.timebar {
    /* background-color: #f1f1f1; */
    border-radius: 2px;
    height: 50px;
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.timebar-bar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: #007096;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.icon-getup {
    background-position: -100px 0px;
    width: 50px;
    height: 50px;
}
.program_wrap_ {
    padding: 20px;
}
.program_top_boxes {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}
.left_image_program {
    width: 50%;
    padding: 0;
    text-align: centerc;
}
.left_image_program img {
    width: 100%;
}
.left_image_program small {
    text-align: center;
    height: 100%;
    display: block;
}
.right_image_program {
    width: 50%;
    padding: 35px;
    text-align: center;
    background: #f0f0f0;
    border-radius: 6px;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.right_image_program h3 {
    background: #f0f0f0;
    border-radius: 6px;
    width: 60%;
    margin: auto;
    margin-bottom: 25px;
}
.program_content_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}
.wrap_content_left {
    width: 70%;
}
.wrap_content_right {
    width: 30%;
}
.program_wrap_ {
    margin-bottom: 10px;
}
.program_wrap_ h4 {
    font-size: 17px;
}
.program_wrap_ p {
    margin-top: 7px;
    color: #5c5c5c;
}
.program_content_ {
    background: #f1f1f1;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;
    position: relative;
}
.row_content {
    display: flex;
    align-items: center;
    gap: 20px;
}
.contet_program_fil p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    color: var(--black-color);
}
.contet_program_fil span {
    color: #ffffff;
    padding: 4px 10px;
    background: #e3e3e3;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 12px;
}
.as_button_start {
    position: absolute;
    right: 20px;
}
.as_button_start button {
    padding: 10px 23px;
    font-size: 12px;
    text-transform: capitalize;
    border-color: var(--primary-color);
}
.icon_fill i {
    font-size: 17px;
}
.left_program_fixed {
    position: fixed;
    left: 0;
    z-index: 11;
    margin-top: 67px;
    height: 100vh;
    width: 350px;
    background: #fff;
    overflow: auto;
    top: 0;
}
.left_program_fixed .card {
    box-shadow: none;
}
.left_program_fixed h4 {
    padding: 10px 20px;
    font-size: 17px;
        margin-top: 20px !important;
}
.left_program_fixed .program_content_ {
    margin-top: 0;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
}
.selected_program {
        background: #a2eee7 !important;
}
.right_program_auto {
    width: calc( 100% - 364px);
    background: #fff;
    padding: 40px 50px;
    margin-top: 80px;
    margin-left: 357px;
    border-radius: 10px;
}
.actual_page_step {
    width: 100%;
}
.right_program_auto h4 {
        font-size: 18px;
}
.content_program_view {
    margin-top: 25px;
    margin-bottom: 80px;
}
.content_program_view iframe {
    aspect-ratio: 4/3;
    border: none;
    outline: none;
}
.complete_program {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 8px;
    display: flex;
    justify-content: flex-end;
    box-shadow: 1px 0px 14px 1px rgb(0 0 0 / 0.4);
}
.content_text_program img {
    width: 100%;
    margin-bottom: 20px;
}
.content_text_program {
    font-size: 14px;
    line-height: 1.8;
}
.content_text_program p {
    margin-bottom: 15px;
}
.faq_wrap {
    background: #ffffff;
    margin: 10px 0;
    padding: 16px;
    border-radius: 5px;
    cursor: pointer;
}
.faq_wrap .faq_question {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq_wrap .faq_answer {
    margin-top: 15px;
    font-size: 13px;
    line-height: 21px;
    display: none;
    border-top: 1px solid #f0f0f0;
    padding-top: 12px;
} 
.right_recommend span {
    font-size: 11px;
    text-transform: capitalize;
    color: #8d8d8d;
    margin-right: 11px;
}
.right_recommend i {
    font-size: 12px;
}
.alcholo_choice {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;

}
.alcholo_choice label {
    color: var(--black-color);
    cursor: pointer;
}
.behv_input {
    background: #fff !important;
}
.sleep_table {
    width: 100%;
    border: 1px solid var(--secondary-color);
}
.sleep_table th {
    background: var(--primary-color);
    padding: 10px;
    color: #fff;
}
.sleep_table td {
    background: #fff;
    padding: 10px;
    border: 1px solid #f0f0f0;
}
.sleep_test {
    display: flex;
    gap: 20px;
}
.sleep_test .box_analytics  {
    width: 49%;
}
.text_sleep_actual p {
    margin-bottom: 15px;
    line-height: 20px;
}
.sleep_table tr:last-child td {
    background: var(--secondary-color);
    color: #fff;
    font-weight: bold;
}
.payment_form {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    height: 100%;
}
.payment_form .form_card {
    width: 65%;
}
.payment_form .package_card {
    width: 35%;
}

.card_header {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 40px;
}
.form_payment {
   padding: 1rem 2rem;
}

.form_input label {
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 19px !important;
    color: #718096 !important;
    width: 100%;
    margin-bottom: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.custom_payment_input {
    background: #F3F3F3;
    border-radius: 0.25rem;
    height: 55px;
    border: none;
    padding: 10px 15px;
    width: 100%;
}
.relative {
    position: relative;
    clear: both;
}
.relative .icon_position_right {
    position: absolute;
    right: 13px;
    top: 12px;
}
.card_year_month, .year_mon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    gap: 30px;
}
.clear_float {
    float: left;
    width: 100%;
    clear: both;
}

.navigation_links_my {
    width: 35%;
}
.header_navigations_links {
    background: #fff;
    padding: 15px;
    border-radius: 10px 10px 0 0;
    height: 140px;
}
.header_navigations_links h2 {
    margin-bottom: 15px;
}
.links_navigation_ a {
    width: 100%;
    padding: 13px 20px;
    background: var(--black-color);
    border-bottom: 2px solid #f0f0f0;
    text-transform: uppercase;
    color: #fff;
}
.links_navigation_ a:hover {
    background: var(--secondary-color);
}
.slider_flex_dashboard {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 25px;
}
.slider_posts {
    width: 65%;
}
.slider_desp {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    color: #fff;
    padding: 15px 20px;
    border-radius: 0 0 20px 20px;
}
.slider_desp h4 {
    color: #fff !important;
    font-size: 15px;
}
.slider_desp p {
    font-size: 12px;
    line-height: 20px;
}

/*SLIDER PROVIDER DASHBOARD*/
.slider {
  width: 100%;
}

.slide img {
  display: block;
  width: 100%;
  height: 397px;
}

.slick-slide img {
    border-radius: 20px;
    object-fit: cover;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.slick-dots li {
  margin: 0 0.25rem;
}
.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--secondary-color);
  text-indent: -9999px;
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background-color: var(--primary-color);
}

.top_patient {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.outer_wrap {
    background: rgba(0,0,0,0.70);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: none;
    z-index: 4;
}
.outer_wrap_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.inner_wrap {
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    width: 50%;
}

.select_form_header {
    text-align: center;
    margin-bottom: 30px;
}
.select_form_header h5 {
    font-size: 18px;
    text-transform: capitalize;
}
.add_patient_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    box-shadow: 1px 0px 14px 1px rgb(0 0 0 / 0.1);
    border-radius: 7px;
    margin: 15px 25px;
    padding: 18px 25px;
}
.custom_patient {
    border-radius: 50px;
    padding: 5px 16px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}
.custom_patient:hover {
    background: var(--primary-color);
    color: white;
}
.patient_wrap_add {
    position: relative;
}
.close_icon {
    position: absolute;
    right: 0;
}
.close_icon i {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
}
.lnk_copy_loading {
    display: none;
}
.information_Show {
     margin: 10px 30px;
    background: green;
    text-align: center;
    color: #fff;
    padding: 9px;
    font-size: 12px;
    border-radius: 5px;
    display: none;
}
.expire_invite {
    border: 1px solid #f0f0f0;
    padding: 12px;
    background: #f0f0f0;
}
.expire_invite  p {
    margin-bottom: 10px;
}

.show_row_line_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.form_grop {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

.invite_form_button_group {
    margin-top: 20px;
    text-align: center;
}
.icon_delete_ {
    width: 30px;
}

.table_wrap {
    margin-top: 25px;
}
div.dataTables_wrapper {
    background: #fff;
    padding: 14px;
    border-radius: 8px;
}
div.dt-buttons .dt-button {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 50px;
    margin-bottom: 15px;
    padding: 7px 20px
}
.dt-button:hover {
    background: var(--secondary-color) !important;
    color: #fff;
}
.paginate_button  {
    margin-top: 15px !important;
    border-radius: 50px !important;
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
}
.paginate_button.current{
    background: #ccc;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid var(--primary-color) !important;
}
.tablestyle th {
        background: #ffffff;
    border: 1px solid #f1f1f1;
    text-transform: uppercase;
    font-size: 13px;
}
.tablestyle {}
.tablestyle td {
    border: 1px solid #f1f1f1;
    background: #fff !important;
    padding: 12px 12px !important;
}

.invited_patient {
    background: #ff6c6c;
    color: #fff;
    padding: 4px 10px;
    border-radius: 25px;
    font-size: 12px;
}
.joined_patient {
    background: #60d564;
    color: #fff;
    padding: 4px 10px;
    border-radius: 25px;
    font-size: 12px;
}
.td_flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.td_flex img {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    float: left;
}

.patient_dropdown {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    width: 175px;
    position: absolute;
    left: -125px;
    z-index: 1;
    display: none;
}
.patient_dropdown a {
    display: block;
    padding: 8px 5px;
    color: #000;
}
.patient_dropdown a:hover {
    color: var(--secondary-color);
}
.relative {
    position: relative;
    width: 25px;
}
.wd22 {
    width: 22px;
}
#show_archove_options {
    display: none;
}
.small_button  {
    font-size: 12px !important;
    text-transform: capitalize !important;
    padding: 8px 18px;
    margin-bottom: 10px;
}
.options_sorting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.filter_  {
    width: 15%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.filter_ span {
    display: block;
    width: 46%;
}
.filter_ select {
    height: 39px !important;
    border: 1px solid #d5d5d5 !important;
    background: #fff !important;
}

.not_filled {
    display: flex;
    justify-content: center;
    padding: 50px;
    border: 1px solid #fff;
    width: 70%;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}

.filled_date {
    display: flex;
    justify-content: center;
    padding: 15px;
    border: 1px solid #fff;
    width: 50%;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    text-align: center;
}
.flex_meeting_date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.flex_meeting_date .form-group {
    width: 50%;
}
.table_meetings {
    width: 100%;
    border: 1px solid #f0f0f0;
}
.table_meetings th {
    background: #f0f0f0;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #fafafa;
}
.table_meetings td {
    background: #fff;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #fafafa;
    text-align: center;
}
.table_responsive_meeting {
    background: #fff;
    padding: 20px;
    margin-top: 30px;
}
.program_div_links {
    float: left;
    clear: both;
    border-radius: 10px;
    margin-bottom: 20px;
}
.program_div_links a {
        font-size: 14px;
    color: #2a2a2a;
    padding: 13px 36px;
    background: #fff;
    border-radius: 50px;
}
.program_div_links a:hover {
    background: var(--primary-color);
    color: #fff;
}
.count_messages {
    background: gold;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    top: 14px;
    right: 14px;
}

.checklist_checkbox_forms {
    margin-bottom: 8px;
}
.checklist_checkbox_forms .flex_recommend {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.recommend_answer {
    background: #ffffff;
    padding: 16px;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
}
.recommendation_form .faq_wrap {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
}
.additional_recommened_box {
    margin-top: 20px;
    margin-bottom: 15px;
}
.phase_text {
    margin-top: 15px;
    margin-bottom: 20px;
}
.phase_nutrition {
    color: orange;
}
.checklist_checkbox_forms i {
    font-style: normal;
    color: var(--secondary-color);
}
.recommend_answer {
    display: none;
}

.recommend_show_answers {
        background: #fff;
    padding: 10px 25px;
    margin-top: -12px;
}
.font25 {
    font-size: 20px;
}
.additional_recommened_box label {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.view_button_recommendation {
    background: #f0f0f0;
    padding: 8px 10px;
    border-radius: 50px;
    margin-top: 15px;
    margin-right: 10px;
    width: 155px;
    text-align: center;
    line-height: 30px;
    color: black;
}
.view_button_recommendation i {
    margin-right: 10px;
}

.team_member_img {
    margin-right: -10px;
    cursor: pointer;
}
.team_member_img img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
}
.recommendation_form {
    clear: both;
}
.user_recommendation {
        width: 75%;
    margin: auto;
    background: #fafafa;
    padding: 16px;
    display: flow-root;
}
.user_recommendation .form-group {
    margin-bottom: 0px;
    float: right;
    margin-top: 8px;
}
.response_patient_ {
        width: 75%;
    margin: auto;
    background: #f7f7f7;
    padding: 16px;
    display: flow-root;
    border-radius: 10px;
}
.response_title {
    font-weight: bold;
    margin-bottom: 10px;
}

.label_ackntw {
        display: flex;
    gap: 10px;
    font-size: 12px;
    color: #5c5c5c;
    align-items: center;
}
.center_dashboard {
    width: 80%;
    margin: auto;
}
.center_dashboard .left_side_bar {
    width: 50% !important;
}
.center_dashboard .left_table{
    width: 100%;
}
.acknolddw_text {
    text-align: left;
    margin-bottom: 50px;
}
.acknolddw_text h5 { font-size:16px; margin-bottom:5px }
.acknolddw_text p { margin-bottom:15px }

.flex_subscription {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.close_popupppp {
    color: blue;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}
.text-green_bold {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    color: #84d566;
    border: 1px solid #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.add_more {
    width: 100%;
    float: right;
    text-align: right;
    color: #ff4949;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.remove_lab {
    clear: both;
    color: #f00;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    background: #f0f0f0;
    padding: 10px;
}

.pills {
        background: var(--secondary-color);
    width: 20px;
    height: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 10px;
    position: absolute;
    right: -5px;
    top: -14px;
}
.question_answers_div {
    width: 90%;
}
.question_answers_div textarea {
    margin-bottom: 20px;
}
.question_div h4 {
    margin-bottom: 15px;
    font-size: 14px;
    margin-top: 10px;
}
.radio-toolbar_custo {
    margin-top: 10px;
}
.box_anserr label {
    border: 1px solid #f0f0f0;
    padding: 13px 10px;
    margin-bottom: 5px;
    width: 44%;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    border-radius: 5px;
}
.no_class {
        border: 1px solid #f0f0f0;
        text-align: center;
        color: red;
        padding: 20px;
        border-radius: 5px;
    }