* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    min-width: 320px;
    color: #0C0A3E;
    background-color: #fff;
    font-size: 14px;
    background: rgb(219,249,255);
    background: linear-gradient(180deg, rgba(219,249,255,1) 0%, rgba(255,255,255,1) 100%);
} 

.clear {
    clear: both;
}

/* ========================================== Headers and Paragraphs ==========================================  */

h1{
    font-size: 40px ;
    color: #0C0A3E;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

h2{
    font-size: 35px;
    color: #0C0A3E;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

h3{
   color: #005c71;
   font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight:600;
   font-size: 26px;
   margin-bottom: 10px;
}

h4{
   font-size: 24px;
   color: #0C0A3E;
   font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

h5{
  color: #0C0A3E;
  font-size: 20px;
  font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight:600;
  margin-bottom: 8px;
}

h6{
  color: #0C0A3E;
  font-size: 18px;
  font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight:600;
}


p{
  font-family: 'Yu Gothic';
  font-size: 14px;
  color: #0C0A3E;
  margin-bottom: 15px;
}

.justify{
   text-align: justify;
}
.center{
  margin: auto auto;
  display: block;
}
.white{
  color:#fff;
}
.yellow{
  color: #FFDB66;
}
.orange{
  color: #FF715B;
}
.blue-green{
  color: #006B83;
}
.green{
  color: #009B72;
}
.darkblue{
  color:#0C0A3E;
}
.capitalize{
  text-transform: capitalize;
}
.uppercase{
  text-transform: uppercase;
}
.regular{
    font-family: 'Yu Gothic';
}

.bold{
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}


/* ========================================== Header ==========================================  */
.header-logo{
    width: 217px;
    height: 57px;
}

#header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    color: #fff;
    z-index: 1000;
	background: rgba(219,249,255,0.7);
}

.homepage-notif-btn{
    border:none;
    padding: 10px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 10px #b2d3da;
    transition: all 0.5s ease;
	display: none !important;
}

#topnav {
    padding-top: 15px !important;
    transition: 500ms ease;
    padding: 10px 0;
}

button:focus {
    outline: none;
    outline: none;
}

.header-right ul li{
    list-style-type: none;
    display: inline-block;
    margin-left: 10px;
}

.dropdown-notif {
    /*padding: 20px;*/
    /*left: -123px !important;
    top: 10px !important;*/
    width: 300px!important;
    border-radius: 5px;
    box-shadow: 0px 4px 10px #b2d3da;
}

/* .dropdown-menu{
    font-size: 13px;
    font-family: poppinssemibold;
    color: #0C0A3E;
    border:none;
    padding: 0px;
	right: 0 !important;
	left: auto;
}
 */
.notif-title{
    text-align: center;
    padding: 15px;
    background-color: #006B83;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.notif-content{
    margin: 5px 10px;
}

.notif-img {
    width: 50px;
}

.notif-item{
    display: flex;
    padding: 8px;
    border-radius: 5px;
}

.notif-item:hover{
    background-color: #E6F5F8;
}

.header-right-content{
    margin-bottom: 0px;
}

.notif-item-img{
    margin-right: 10px;
}

.notif-content a{
    color: #0C0A3E;
}

.notif-content a:hover {
    color: #0C0A3E;
    text-decoration: none;
}

.homepage-menu-btn {
    border:none;
    padding: 15px 25px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 10px #b2d3da;
    transition: all 0.5s ease;
	font-weight: 700;
	    color: #0C0A3E;
}

.homepage-menu-icon{
    width: 22px;
    margin-right: 5px;
}

.notif-bell-img{
    width: 25px;
}


/*.maincontents {
    max-width: 1000px;
    padding: 50px 10px 10px 10px;
    margin: 0px auto 0px auto;
}*/

.mainwrapper {
    padding: 130px 0px 50px 0px;
    box-sizing: border-box;
}

.wrapper {
    min-height: 100vh;
    position: relative;
}

/* ---------------------------------------------------
  BUTTON STYLE
----------------------------------------------------- */

.primary-btn{
	border: none;
	background-color: #006B83;
	height: 40px;
	color: #fff;
	padding: 5px 25px;
	border-radius: 20px;
	min-width: 150px;
	margin: 15px 0;
}


.primary-btn:hover {
    background-color: #FF715B;
    text-decoration: none;
    color: #fff;
}

.primary-btn:focus{
	outline:none;
}

/* ========================================== My Record - Head ==========================================  */

.my-record-img {
    width: 100%;
	max-width:450px;
}

.title-head-text{
    margin-top: 15px; 
}

.my-record-summary-padding{
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.my-record-summary{
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    box-shadow: 0px 6px 10px #cee7ec;
    height: 100%;
}

.my-record-bmi{
    background-color: #FFDB66;
    padding: 10px;
    width: 30%;
    text-align: center;
    border-radius: 20px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-record-bmi-img{
    width: 60%;
}

.my-record-summary-title{
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 16px;
	font-weight:600;
}

.my-record-summary-content{
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 30px;
	font-weight:600;
}

.my-record-summary-desci{
    font-family: 'Yu Gothic';
    font-size: 14px;
}

.my-record-summary-sub{
    font-family: 'Yu Gothic';
    font-size: 16px;
}

.my-record-bp{
    background-color: #FF715B;
}

.my-record-bp-img{
    width: 66%;
}

.my-record-bw-img{
    width: 65%;
}

.my-record-meal-img{
    width: 76%;
}

.my-record-bw {
    background-color: #009B72;
}

.my-record-meal {
    background-color: #006B83;
}

/* ========================================== My Record - Head2 ==========================================  */
.my-record-right-bluegreen {
    background-color: #006B83;
    padding: 20px 10px 30px 10px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 6px 17px #006b8363;
    height: 100%;
     color: #fff;
}

.my-record-right-img{
    width: 60px;
    margin: 10px 0px;
}

.my-record-right-text{
    font-size: 13px;
    margin-bottom: 10px;
}

.my-record-number-points{
    font-size: 30px;
    font-family: poppinsbold; 
	line-height: 24px;
}

.my-record-text-points{
    font-size: 13px;
    font-family: poppinsregular; 
}

.my-record-right-orange {
    background-color: #FF715B;
    padding: 20px 10px 30px 10px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 6px 17px #ff715b6b;
    height: 100%;
     color: #fff;
}

.my-record-right-yellow {
    background-color: #FFDB66;
    padding: 20px 10px 30px 10px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 6px 17px #ffdb6673;
    height: 100%;
    color: #0C0A3E;
}

.click-here{
    color: #0C0A3E;
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
    /*width: 25%;*/
}

.click-here:hover {
    color: #0C0A3E;
    text-decoration: underline;
}

.my-record-right-title{
    float: left;
    margin-bottom: 0px;
}

.my-record-right-title-area{
    margin-bottom: 10px;
}
/* ========================================== My Record - Todays Exercise ==========================================  */
.arrow-btn {
    border: 2px solid #DAEFF8;
    vertical-align: middle;
    align-items: center;
    background-color: #DAEFF8;
    padding: 8px 10px;
    border-radius: 50%;
    font-size: 15px;
    transition: all 0.5s ease;
    color: #006B83;
	width:40px;
	height:40px;
}

.arrow-btn:hover {
    border: 2px solid #006B83;
    background-color: #006B83;
    color: #fff;
}

.todays-exercise{
    display: flex;
}

.todays-exercise-title{
    margin-right: 13px;
}

.todays-exercise-content{
    background-color: #E5FAFF;
    border-radius: 25px;
    padding: 22px;
	min-height: 155px;
    height: 76%;
    transition: all 0.5s ease;
}

.todays-exercise-content:hover{
    box-shadow: 0px 8px 14px #cee7ec;
}

.points-img{
    width: 22px !important;
    margin-right: 5px;
    display: inline !important;
}

.points{
    margin-bottom: 15px;
}

.todays-exercise-section, .exercise-record-section, .health-data-section{
    margin-top: 40px;
}

.exercise-content-title{
     width: 100% ;
}

.todays-exercise-vector{
    margin-top: -52px;
}

.todays-exercise-vector .exercise-vector{
    max-width: 400px !important;
}

/* ========================================== My Record - Exercise Record ==========================================  */

.exercise-record-content{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 6px 10px #cee7ec;
    padding: 25px 30px;
	margin-top:30px;
/*	min-height:550px;*/
    /*height: 765px;*/
}

.record-date-text{
    color: #0C0A3E;
    font-size: 16px;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

.exercise-record-date .date-img{
    margin-right: 5px;
	margin-top:-5px;
    width: 25px;
}

.exercise-record-date{
    /*margin-bottom: 15px;*/
	max-height:40px;
    width: 25%;
}

.exercise-record-number{
    color: #0C0A3E;
    font-size: 16px;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

.exercise-record-item-title{
    color: #0C0A3E;
    font-size: 14px;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
    margin-bottom: 5px;
}

.exercise-record-item-content{
    display: flex;
}

.record-vector{
    width: 100px;
    margin-right : 15px;
}

.exercise-record-item-desci{
    margin-bottom: 10px;
}

.exercise-record-item{
    margin: 10px 0px;
}

.exercise-record-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.exercise-record-item-text{
    height: 110px;
}

.exercise-record-btn{
    color: #fff;
    background-color: #006B83;
    border-radius: 100px;
    font-size: 14px;
    margin-right: 15px;
	height:45px;
}

.exercise-record-btn:hover {
    background-color: #FF715B;
    text-decoration: none;
    color: #fff;
}

#delete-exercise{
	margin-right: 10px;
}

.edit-img{
    margin-right: 5px;
}

.exercise-record-title-left{
    float: left;
}

.exercise-record-title-right{
    float: right;
    display: flex;
}

.exercise-record-title{
    margin-bottom: 0px;
}

.health-data-title{
    margin-bottom: 20px;
}

.exercise-record-section{
    margin-bottom: 45px;
}


.exercise_datepicker{
    width: 150px !important;
}

.exercise-record-content .custom-options{
    min-width: 139% !important;
}


/* ========================================== My Record - Today's Schedule Sessions ==========================================  */

.todays-schedule-sessions{
    background-color: #006B83;
    /*padding: 20px;*/
    border-radius: 20px;
    /*max-height: 200px;*/
    overflow: auto;
}

.todays-sessions-img-content{
    width: 90px;
    height: 70px;
    border-radius: 15px;
    overflow: hidden;
    margin-right: 10px;
}

.todays-sessions-img{
    border-radius: 0;
    height: inherit;
    object-fit: cover;
    width: inherit;
}

.todays-sessions-title{
    font-size: 14px;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
    color: #fff;
    margin-bottom: 2px;
}

.todays-sessions-text-content a:hover{
    color: #fff;
    text-decoration: underline;
}

.todays-schedule-sessions-item{
    /*justify-content: center;*/
    align-items: center;
    display: flex;
    margin: 10px 0px;
}

.todays-sessions-title {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================== My Record - Health Data ==========================================  */

.tab-wrap {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
}

.tab-switch {
    display: none;
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 5%);
}

.tab-switch:checked+.tab-label {
    color: #fff;
    background: #006B83 ;
}

.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    padding: 25px 20px;
    opacity: 1;
    transition: .5s opacity;
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 6px 10px #cee7ec;
}

.tab-content {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.tab-label {
    font-size: 14px;
    color: #006B83;
    background: #EEFBFF ;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    padding: 15px 25px;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}

.tab-label:hover {
    font-size: 14px;
    color: #fff;
    background: #FF715B;
    font-weight: bold;
    transition: all 0.5s ease;
}


.tab-label:not(:last-of-type) {
    margin-right: 10px;
}

.sidetab-button {
    padding: 0px;
    list-style-type: none;
    display: flex;
}

.sidetab-select-outer {
    display: none;
}

.sidetab-contents {
    padding: 15px;
    background-color: #fff;
    box-sizing: border-box;
}

.health-data-tabs-content .sidetab-a{
    background-color: #EEFBFF;
    color: #0C0A3E;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 11px !important;
    height: 100%;
    display: flex;
    transition: all 0.5s ease;
}

.health-data-tabs-content .sidetab-a:hover, .sidetab-button .sidetab01 .is-active a, .sidetab-button .sidetab02 .is-active a, .sidetab-button .sidetab03 .is-active a, .sidetab-button .sidetab04 .is-active a, .sidetab-button .sidetab05 .is-active a, .sidetab-button .sidetab06 .is-active a{
    background-color: #006B83;
    color: #fff;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 13px;
    box-shadow: 0px 6px 10px #cee7ec;
}

.hd-font{
    font-size: 12px !important;
}

.sidetab-bg {
    padding: 5px;
}

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

.b{
    margin-top: -23px;
}

.sidetab-select-outer {
    display: none;
}

.hd-form-text{
    margin: 0px 15px;
    display: flex;
    align-items: center;
    color: #006B83;
}

.hd-form{
    display: flex;

}

.hd-form-row .form-control {
    background-color: #F9FAFB;
    border: none;
    border-radius: 50px;
    color: #0C0A3E !important;
    height: 45px;
    font-size: 14px;
    padding: 5px 25px;
}

.keep-record-container, .delete-container {
    text-align: center;
    margin-top: 10px;
}

.keep-record-btn {
    width: 100%;
    background-color: #006B83;
    border-radius: 50px;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 10px;
}

.keep-record-btn:hover{
    color: #fff;
    background: #FF715B;
    transition: all 0.5s ease;
}

.delete-btn{
    width: 100%;
    border-radius: 50px;
    border: 1px solid #006b83;
    background-color: transparent;
    color: #006b83;
    font-size: 14px;
    padding: 10px;
}

.delete-btn:hover{
    color: #fff;
    background: #FF715B;
    border: 1px solid #FF715B;
    transition: all 0.5s ease;
}



.hd-form-row .input-group-text{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #006B83;
    width: 55px;
    justify-content: center;
    border: 1px solid #006b83 !important;
}

.hd-date-img{
    width: 75%;
}

.hd-date{
    margin: 20px 0px;
}

hr {
    margin-top: 0rem;
    margin-bottom: 35px;
    border-top: 1px solid #F9FAFB;
}

.hd-date-input {
    border: 1px solid #006b83 !important;
}

.sidetab-contents{
    display:none;
}

.hd-fitness-test-title{
    font-size: 16
}

.hd-fitness-test-sub{
    display: flex;
    align-items: center;
    padding-left: 50px;
}

.hd-fitness-test-insidesub{
    margin: 10px 0px;
}

.hd-fitness-test-sub-bullet{
    margin-left: 20px;
}

.hd-fitness-test-col-form{
    padding: 0px;
}

.dropdown-form .custom-select {
    background: #f2f5f6 url(../img/dropdown-arrow.png) no-repeat right 1rem center/12px 8px;
}

.hd-fitness-test-title{
    font-family: poppinsbold;
    font-size: 14px;
}

.innar-textarea{
    height: 100px !important;
    border-radius: 20px !important;
    width: 100%;
    resize: none;
    outline: none;
}

.hd-form-row .table{
    font-size: 14px;
    color: #0C0A3E;
}

.hd-form-row  .table thead th {
    border-bottom: none;
    background-color: #006B83;
    border-top: none;
    color: #fff;
}

.hd-form-row .table td, .hd-form-row .table th{
    vertical-align: middle;
}

.meal-img_meal {
    cursor: pointer;
    width: 100%;
    padding-top: 100%;
    border-radius: 25px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image:url(../img/meal-img.png); 
    /*height: 115.891px;*/
}

.meal-bg{
    background-color: #006B83;
    border-radius: 20px;
    text-align: center;
	overflow:hidden;
}

.meal-name{
    font-family: poppinsbold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
	padding:20px;
}

.meal{
    width: 70%;
    margin: 0 auto;
}

.meal-title{
    margin-top: -50px;
}

.meal-bg-orange{
    background-color: #FF715B;
}

.meal-bg-yellow{
    background-color: #FFDB66;
}

.meal-bg-green{
    background-color: #009B72;
}

.meal-head{
    margin-top: 30px;
}


.todays-sessions-text-content{
	    width: calc((100% - 100px));
}

.username_err,
.password_err,
.email_err,
.new_password_err,
.confirm_password_err,
.height_err,
.weight_err,
.exercise_date_err,
.date_err,
.exercise_err,
.exercise_date_err_sleep,
.exercise_date_err_stress,
.exercise_date_err_bloodtest {
    color: #ff0000;
    font-size: 12px;
    display: block;
    text-align: left;
    padding: 0 10px;
	margin-top: -10px;
    margin-bottom: 10px;
	padding-bottom: 5px;
}

.login_err {
    border: 1px solid #ff0000 !important;
}

.health-data-section .custom-select-trigger{
	margin-left:-13px;
	width:107%;
}

.sleep_category_before .custom-select-trigger{
	width:107%;
}

.health-data-section .dropdown-form .custom-select{
	background:none;
}

.list_item_stress{
    margin: 12px 40px 10px 0;
    padding: 0;
    display: inline-block;
}

.health-data-tabs-content .custom-options{
    max-height: 220px;
    overflow-y: auto;
}

.health-data-tabs-content .click-here{
    margin-bottom: 20px;
    margin-top: 10px;
}

/* ---------------------------------------------------
  MEAL STYLE
----------------------------------------------------- */
.meal_box {
	width: 100%;
	padding-bottom:30px;
}

/*.meal_fourbox {
	width: 19%;
	float: left;
	margin-left: 1.25%;
}
*/
/*.meal_fourbox:first-child {
	margin-left: 0%;
}*/


/*.meal_fourimg {
	width : 100% ;
	border-radius: 25px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}*/

.meal_fourimg {
	cursor: pointer;
	width: 100%;
	max-height:285px;
	padding-top: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.meal_daybox {
	/*display: table;*/
    /*display: inline-block;
    width: 100%;*/
    margin: 17px 0px;
    /*vertical-align: middle;*/
}

.meal-day{
    display: inline-flex;
    /*vertical-align: middle;*/
    margin: 10px 0px;
}

.meal_daybox .hd-date{
    /*display: inline-flex;*/
    float: right;
    margin: 0px 0px;
}


.meal_day a {
	display: inline-block;
	color: #fff;
	font-size: 9px;
	margin-top: 10px;
	text-decoration: none;
	background-image: url("../image/data_icon_s.png");
	line-height: 14px;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 2px 18px 0px 0px;
}

.meal_h4heading {
	font-size: 13px;
	margin: 3px 0px 0px 0px;
	text-align: center;
	color: #ffa401;
}

.meal_remove_btn{
	cursor: pointer;
	display: none;
    margin-top: 10px;
    margin-left: calc((100% - 70px));
    padding: 0 10px;
    position: absolute;
	border: 1px solid gainsboro;
    background-color: #ffffff;	
}

.meal_remove_btn span{
	color: gray;
}


/* ---------------------------------------------------
   COMMON STYLE
----------------------------------------------------- */
.mb-30{
	margin-bottom:30px;
}

option[default] {
  display: none;
}

.dropdown-item.default{
	display: none;
}

/* ---------------------------------------------------
   MAIN CONTAINER STYLE
----------------------------------------------------- */
.container{
	 max-width: 1400px;
	 padding: 0 50px;
}

.navbar{
	padding-left:0;
	padding-right:0;
}

/* ---------------------------------------------------
   MY RECORD STYLE
----------------------------------------------------- */
.my-record-head .col-lg-6{
	/*max-width:49%;*/
}

.exercise-graphic{
	text-align:center;
    padding: 76px 0px;
}

.exercise-graphic .graphic{
    width: 58%;
    margin: 30px 20px;
}

.exercise-graphic label{
	font-size:16px;
    font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
}

.exercise-graphic button{
    background-image: url(../img/svg/plus-sign.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 17px;
    padding-left: 50px;
}

#edit-exercise-view{
	width:100%;
}
.header_row{
	margin-bottom: 10px;
}

.header_row .first_row{
	display: inline-block;
    font-weight: 800;
	width: 10%;
	text-align: center;
}
.header_row .third_row
,.header_row .fourth_row,.header_row .fifth_row{
    display: inline-block;
    font-weight: 800;
	width: 15.5%;
	text-align: center;
}

.header_row .fourth_row{
	width: 12%;
}

.header_row .fifth_row{
	width: 13.5%;
}

.header_row .second_row{
    display: inline-block;
    font-weight: 800;
	width: 37.5%;
	text-align: center;
}

.manual_task_intensity_icon{
	cursor: pointer;
}

.top_table_without_value{
	content: "";
	clear: both;
}

.body_row .first_row{
	display: inline-block;
	vertical-align: top;
	width: 10%;
    padding-left: 2px;
    float: left;
    margin-top: 10px;
}

.body_row .third_row{
    display: inline-block;
	vertical-align: top;
	width: 16%;
}
.body_row .fourth_row
,.body_row .fifth_row{
	display: inline-block;
	vertical-align: top;
	width: 13.5%;
}

.body_row .second_row{
    display: inline-block;
	vertical-align: top;
	width: 35%;
}

.manual_input_unit{
	margin-top: 15px;
}

.body_row .third_row{
	padding-left: 30px;
}

.body_row .fourth_row,.body_row .fifth_row{
	padding-left: 10px;
}

.data-label{
	display: none;
}

.body_row:after{
	clear: both;
	content: "";
	display: table;
}

.selectbox {
	position: relative;
	width: 100%;
	height: 45px;
}

.dot_h4heading {
    text-align: left;
    font-size: 13px;
}

.custom-select-trigger{
	background-image: url(../img/svg/arrow-down.svg);
	background-color: #F9FAFB;
}

.custom-select-trigger{
	height:45px;
	line-height: 45px;
	box-shadow:none;
    margin-top: -12px;
    margin-left: -20px;
	width: 120%;
}

.custom-select{
	border:none;
	background:none;
}

.exercise_form_div .header-v2{
	text-align:center;
	margin: 20px 0 30px;
}

.orangetext{
    margin-top: -30px;
    margin-left: calc((100% - 30px));
}

.clear_field_btn {
    border: none !important;
    border-radius: 100px;
    color: white;
    cursor: pointer;
    font-size: 13px;
    margin-right: -5px;
    padding: 10px;
    text-align: center;
    min-width: 60px;
	margin-top: -40px;
	margin-left: calc((100% - 50px));
}
#edit-exercise-view .col-lg-1{
	padding:0;
}
.intensity_select, .intensity .custom-select-wrapper{
	max-width: 140px;
}

.custom-option{
	line-height:35px;
}

.submit_exercise_btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65% !important;
}

.loginbutton {
    width: 100%;
    margin-top: 15px;
    padding: 2px;
}

/* ---------------------------------------------------
    SIDE CALENDAR STYLE
----------------------------------------------------- */
.side-calender {
    margin-bottom: 25px;
	margin-top:30px;
    /*background-image: url(../img/svg/calendar.svg);*/
    background-color: #FFF7F5;
    background-repeat: no-repeat;
    background-size: 65%;
    padding: 25px;
    border-radius: 20px;
    background-position: center 30px;
}

.calendar_div_img{
    margin-bottom: 25px;
    margin-top: 25px;
    width: 65%;
}

.calendar header .month, .calendar header .month .year{
	font-size:18px;
	text-align: left;
	margin-top: 3px;
	font-weight: bold;
}
.calendar header .month .year{
	display: inline-block;
}

.calendar header .btn-prev{
	left: calc((100% - 60px));
}

.calendar header .simple-calendar-btn{
	background-color: #006B83;
	border: 2px solid #006B83;
	color: #fff;
	border-radius: 0 10px 10px 0;
}

.calendar header .simple-calendar-btn:hover{
    background-color: #2d869a;
    border: 2px solid #2d869a;
}

.calendar header .simple-calendar-btn:before{
    top: 8px;
    left: 4px;
    width: 10px;
    height: 10px;
	border-width: 2px 2px 0 0;
}

.calendar thead {
    font-size: 14px;
}

.calendar td{
	text-align:center;
	padding: .2em .1em;
}

.calendar .day {
    font-size: 13px;
	border-radius: 8px;

}

.calendar .day.has-event:after{
	background: #FF715B;
	top: calc(50% + .9em);
}

.calendar .day.today{
	background: #006B83;
}

.calendar .day:hover {
    border: 2px solid #FFCCBB;
	background: #FFCCBB;
}

.calendar .event-container, .calendar .filler{
	background: #FFCCBB;
	padding: 60px 20px 20px;
}

.calendar .event-container .close:before, .calendar .event-container .close:after{
	background-color:#fff;
	height: 70%;
}

.calendar .event-container .event{
	background: #FF715B;
}

.calendar table{
	margin-bottom: 0;
}

.calendar .event-container .event-date {
    margin-bottom: 0.1em;
}


/* ---------------------------------------------------
    SIDE MENU STYLE
----------------------------------------------------- */

#side-menu{
    width:320px;
    position: fixed;
    z-index: 1001;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    overflow-x: hidden;
    transition: 0.5s;
    padding: 30px 0;
	transform: translateX(320px);
	transition: transform 250ms ease-in-out;
}

#side-menu.active{
	transform: translateX(0px);
}

#side-menu .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    cursor: pointer;
}
#side-menu .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

#side-menu .close:before {
    transform: rotate(45deg);
}

#side-menu .close:after {
    transform: rotate(-45deg);
}

#side-menu .close:before, #side-menu .close:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #fff;
}

.side-logo{
    background-image: url(../img/svg/hc-side-logo.svg);
    background-repeat: no-repeat;
	width:100px;
	height:100px;
	margin: auto;
	background-size: contain;
}

#side-menu .menu li{
	text-align: center;
	text-transform: uppercase;
    font-size: 1.3rem;
    padding: 10px;
	font-family: 'Kozuka Gothic Pr6N', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:600;
	min-width:250px;
	list-style: none;
}

#side-menu .menu li a{
	color:#fff;
}
#side-menu .menu li a:hover{
	color:#FFCCBB;
	text-decoration: none;
}
#side-menu .menu li.active a{
	color:#FF715B;
}

#collapseExample .card{
	background-color: #333333;
}


#side-menu .fa-chevron-down:before {
	content: "\f077";
	color:#fff;
	font-size: 15px;
	
}

#side-menu .collapsed .fa-chevron-down:before {
	content: "\f078";
}
/* ---------------------------------------------------
   NAVIGATION SEARCH STYLE
----------------------------------------------------- */
.search{
    background-color: #fff;
    width: calc((100% - 800px));
    height: 40px;
    border-radius: 30px;
    padding-left: 20px;
	overflow: hidden;
	box-shadow: 0px 4px 10px #b2d3da;
	display: none;
}

.search-btn{
    float: right;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    background-image: url(../img/svg/header-search.svg);
	background-color: #006B83;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.search input, .search input:focus{
    height: 40px;
    width: calc((100% - 50px));
    border: none;
    color: #006B83;
	outline:none;
}

.search input::placeholder{
	color: #006B83;
	opacity: 0.6; 
}

.mobile{
	display:none;
}
/* ---------------------------------------------------
   NAVIGATION NOTIFICATION STYLE
----------------------------------------------------- */
.notif-indicator{
	background-color: #FF715B;
    border: 3px solid #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    border-radius: 50%;
    top: 10px;
    margin-left: 20px;
}

.homepage-notif-btn{
	cursor:pointer;
}
/* ---------------------------------------------------
   NAVIGATION PROFILE (LOGIN) STYLE
----------------------------------------------------- */

li.account{
	height:26px;
}
.profile{
	background-color: #333;
    height: 51px;
    width: 51px;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
}

/* ---------------------------------------------------
  PAGINATION STYLE
----------------------------------------------------- */
.pagination{
	margin:auto;
	padding: 10px;
}

.pagination .page-item{
	width: 40px;
	height: 40px;
	border-radius: 20px !important;
	border: none;
	margin: 5px;
	text-align:center;
	padding: 12px 0px;
	overflow: hidden;
}

.pagination .page-item a, .pagination .page-item a:hover{
	color:#006B83;
	text-decoration:none;
	padding: 15px;
	border-radius: 20px !important;
}

.pagination .page-item a:hover, .pagination .page-item:hover{
	background-color:#e9ecef;
}
.pagination .next, .pagination .prev{
	background-color: #DAEFF8;
	color: transparent;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.pagination .page-item.active, .pagination .page-item.active a:hover{
	background-color: #006B83;
	color:#fff;
}

.pagination .page-item .page-link, .pagination .page-item.active .page-link{
	background-color: transparent;
	border:none;
	padding:0;
}
.pagination .next a, .pagination .prev a{
	background-repeat: no-repeat;
	background-position: center 13px;
	padding: 15px 20px !important;
}
.pagination .next:hover, .pagination .prev:hover, .pagination .next a:hover, .pagination .prev a:hover{
	background-color: #006B83;
}

.pagination .next a, .pagination .next{
	background-image: url(../img/svg/page-next.svg);
}

.pagination .prev a, .pagination .prev{
	background-image: url(../img/svg/page-prev.svg);
}


.pagination .next a:hover, .pagination .next:hover{
	background-image: url(../img/svg/page-next-active.svg);
}

.pagination .prev a:hover, .pagination .prev:hover{
	background-image: url(../img/svg/page-prev-active.svg);
}


/* ---------------------------------------------------
DATE PICKER STYLE
----------------------------------------------------- */

/* .datepicker.dropdown-menu{
	max-width:230px;
}
 */
/* ---------------------------------------------------
 STYLE FROM OLD DESIGN
----------------------------------------------------- */

.err_message .failed,
.deletion_message_alert .failed,
.bodycomp_delition_alert .failed,
.fitness_delition_alert .failed,
.bloodtest_delition_alert .failed,
.stress_delition_alert .failed,
.sleep_delition_alert .failed,
.after_err_message .failed,
.before_err_message .failed,
.before_category2_err_message .failed,
.after_category2_err_message .failed,
.before_category3_err_message .failed,
.after_category3_err_message .failed,
.after_category5_err_message .failed,
.before_category4_err_message .failed,
.after_category4_err_message .failed,
.before_category5_err_message .failed,
.after_category5_err_message .failed,
.before_category6_err_message .failed,
.after_category6_err_message .failed {
	margin-top: 5px;
	padding: 10px 20px;
	background-color: #ffd5d5;
	margin-bottom: 18px;
	border: 1px solid #d89c9c;
}

.err_message .success,
.after_err_message .success,
.deletion_message_alert .success,
.bodycomp_delition_alert .success,
.fitness_delition_alert .success,
.bloodtest_delition_alert .success,
.stress_delition_alert .success,
.sleep_delition_alert .success,
.before_err_message .success,
.before_category2_err_message .success,
.after_category2_err_message .success,
.before_category3_err_message .success,
.after_category3_err_message .success,
.after_category5_err_message .success,
.before_category4_err_message .success,
.after_category4_err_message .success,
.before_category5_err_message .success,
.after_category5_err_message .success,
.before_category6_err_message .success,
.after_category6_err_message .success {
	margin-top: 5px;
	padding: 10px 20px;
	background-color: #b9f6ca;
	margin-bottom: 18px;
	border: 1px solid #00c853;
}

.optgroup_label {
    font-weight: 600;
    padding-left: 15px;
}


.blood_test_table{
    width: 100%;
}
.modal__content .inner_heading {
	text-align: center;
}

.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}

.modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}

.modal__content {
	background: #fff;
	left: 50%;
	padding: 50px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 96%;
	max-width: 600px;
	border-radius: 25px;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}

.close-btn {
	position: absolute;
	right: 18px;
	top: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.close-btn i {
	font-size: 20px;
	color: #868482;
}

.model_border {
    border-bottom: 2px solid #f4f8f8;
    width: 100%;
    margin: 20px 0px 30px 0px;
}

.half_left {
	width: 49%;
	float: left;
}

.half_right {
	width: 49%;
	float: right;
}

.about-embed > iframe {
    height: 380px;
}

.download-pdf {
    padding: 40px 0;
}

.download-pdf-btn{
	background-color: #1F89F6;
    border-color: #1F89F6;
    color: #fff;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    font-weight: 400;
   	text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.35rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.download-pdf-icon {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.5) !important;
    display: inline-block;
    padding: 0.375rem 0.75rem;
}

.download-pdf-text {
    display: inline-block;
    padding: 0.375rem 0.75rem;
}

.about_heading {
	display: block;
	width: 100%;
	margin: 0px 0px 25px 0px;
	background-image: url("../image/heading_arrow.jpg");
	padding: 0px 0px 13px 0px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.about_heading span {
	display: block;
	font-size: 26px;
	text-align: center;
	padding: 30px 0px;
	background-color: #f4f8f8;
	border-top: 4px solid #3889f0;
}

.spimg {
	display: none;
	margin-bottom: 25px;
}

.pcimg {
	margin-bottom: 25px;
	max-width: 899px;
}

.about_Orange_heading {
	display: block;
	background-color: #ffa401;
	text-align: center;
	color: #fff;
	padding: 10px 0px;
	font-size: 20px;
	border-radius: 25px 25px 0px 0px;
}

.about_img_threebox {
	width: 32%;
	margin-right: 2%;
	float: left;
}

.last-threebox {
	margin-right: 0%;
}

.mb25 {
	margin-bottom: 25px;
}

.about_blue_heading {
	color: #3889f0;
	font-size: 20px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

.about_p {
	font-size: 13px;
	margin: 7px 0px 30px 0px;
}
.cler {
    clear: both;
}

/* ========================================== Login Form ==========================================  */

.outside_page_container{
    /*top: 20px;*/
    border-radius: 10px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    padding:30px;
    width: 100%;
}

.outside_page_container h1{
    font-family: poppinsregular;
}

.login_logo_new{
    background: url(../img/svg/login_logo.svg) no-repeat;
    background-size: contain;
    height: 150px;
    margin: auto;
    width: 150px;
    /*border:1px solid gray;*/
}

.outside_page_container .login_btn {
    width: 100%;
    background-color: #006B83;
    border-radius: 50px;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 10px;
}

#password_group,#new_password_group,#confirm_password_group{
    border-radius: 50px;
}

.checkbox_label,.imgcheck-box{
    margin-left: 10px;
}

.validation_label{
    /*margin-top: -15px;*/
}

.passreset_text{
    margin-top: 20px;
    text-align: center;
}

.outside_footer{
    margin-top: 10px;
    text-align: center;
}

.outside_page_container .hd-form-row .input-group-text{
    background-color: #F9FAFB;
    border: 1px solid transparent !important;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    justify-content: center;

}

.toggle_password{
    cursor: pointer;
    color: #006B83;
}

.outside_page_container .form-control:focus{
    outline: none !important;
    box-shadow:0 0 0 .2rem transparent !important;
}

.outside_page_container .custom-select-trigger{
    margin-left: -15px;
    width: 108% !important;
}

.reset_password_btn{
	margin-top: -20px;
}

.videos-carousel{
	visibility: hidden;
}

.seminar_dot_list ul{
    list-style-image: none !important;
}

.ol_list ol{
    list-style-image: none !important;
    list-style-position: inside;
}

.recommended-program img.lazy,.seminar-image,.news-img,.seminar-featured {
    /* optional way, set loading as background */
    background-image: url('../image/lazy_placeholder.png');
    /*background-repeat: no-repeat;*/
}

.seminar-featured{
    min-height: 200px;
}

/*apply program modal*/
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 2px solid #f4f8f8;
    padding-bottom: 5px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #006B83;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 8px;
    top: 4.5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#apply_modal .model_border {
    border-bottom: 2px solid transparent !important;
    width: 100%;
    margin: 20px 0px 25px 0px;
}

.sched_disabled{
    cursor: not-allowed;
}

.sched_disabled:hover input ~ .checkmark{
    background-color: #eee;
}

.sched_disabled:hover input:checked ~ .checkmark{
    background-color: #006B83;
}

.my-record-right-text a{
    color: white !important;
    /*text-decoration: none;*/
}

 /*-------- Add Meal -------->*/

.add-meal-btn{
    border: dashed 2px #c9c9e1;
    color: #03045E;
    background-color: #EBFBFF;
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;
 }

.add-meal-btn:hover{
    color: #03045E;
    background-color: #def8ff;
    border-color: #006B83;
 }

.btn.add-meal-btn:active, .btn.add-meal-btn:focus{
    outline: none;
    box-shadow: none;
}

.matchHeight_meal_before_program, .matchHeight_meal_after_program{
    display: inline-block;
    align-items: center;
    width: 100%;
}

.add-meal-images-area .modal-content, .daily-add-col .modal-content, .meal-upload-image-area .modal-content{
    border-radius: 20px;
    padding: 30px 35px;
}

.add_meal_modal .modal-content{
    border-radius: 20px;
    padding: 30px 35px;
}

.add-meal-images-area .modal-header{
    padding: 0px 0px 12px;
    border-bottom: 3px solid #006B83;
    align-items: center;
}

.modal-header-cancel{
    color: #03045E;
    font-size: 14px;
}

.modal-header-save{
    color: #FF715B;
    font-size: 14px;
}

.modal-header-cancel:hover {
    text-decoration:underline;
    color: #03045E;
}

.modal-header-save:hover{
    text-decoration:underline;
    color: #FF715B;
}

.btn.modal-header-cancel:focus, .btn.modal-header-save:focus{
    outline: 0;
    box-shadow: none;
}


.add-meal-images-area .modal-body, .daily-add-col .modal-body, .meal-upload-image-area .modal-body{
    padding: 30px 0px 0px;
}

.add-meal-images-area .modal-dialog, .meal-upload-image-area .modal-dialog{
    max-width: 600px;
}

.select-meal-category{
    margin-bottom: 20px;
}

.select-meal-category-text{
    margin-bottom: 10px;
    font-weight: 600;
}

.select-meal-category-btn{
    border: solid 1px #B9C3D2;
    font-size: 14px;
    border-radius: 20px;
    color: #B9C3D2;
    padding: 18px;
    height: 112px;
    transition: all 0.5s ease;
}

.select-meal-category-btn:disabled{
    pointer-events: none;
}

.select-meal-category-btn:hover{
    color: #03045E;
    border: solid 1px #03045E;
    background-color: #E5FAFF;
}

.select-meal-category-btn:focus{
    color: #03045E;
    border: solid 1px #03045E;
    background-color: #E5FAFF;
    box-shadow: none;
}

.select-meal-category-btn.active{
    color: #03045E;
    border: solid 1px #03045E;
    background-color: #E5FAFF;
    box-shadow: none;
}

.select-meal-category-icon{
    margin-bottom: 10px;
}

.meal_btns .col-md-3{
    padding-left:3px !important;
    padding-right: 3px !important;
}

#fileuploaderr{
    
}


 /*-------- Popular Exercise -------->*/

.popular-exercise {
    margin-bottom: 25px;
    margin-top:30px;
    background-color: #FFF;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0px 6px 10px #DFECEF;
}

.popular-exercise-header{
   /* padding: 0px 0px 12px;
    border-bottom: 2px solid #BFDAE0;*/
    align-items: center;
    display: inline-flex;
    width: 100%;
}

.popular-exercise-line{
    border-top: 2px solid #dceef0;
    margin: 15px 0px;
}

.popular-exercise-header-text{
    margin-bottom: 0px;
}

.popular-exercise-header-vector{
    margin-right: 10px;
}

.popular-exercise-rank-no{
    padding: 10px;
    background-color: #006B83;
    color: #fff;
    font-weight: 600;
    /*box-shadow: 0px 6px 10px #DDEBEE;*/
    border-radius: 50px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.popular-exercise-rank{
    margin: 10px 0px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.popular-exercise-rank-left{
    display: inline-flex;
    align-items: center;
    width: 80%;
}

.popular-exercise-rank-title{
    font-size: 16px;
    font-weight: 600;
}

.popular-exercise-rank-sub{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popular-exercise-rank-right{
    color: #006B83;
    font-weight: 600;
    font-size: 16px;
    width: 20%;
}

.popular-exercise-rank-points{
    float: right;
}

.popular-exercise-rank-text{
    white-space: nowrap;
    width: 80%;
}

 /*-------- Daily Input -------->*/

.daily-input-btn{
    font-weight: 600;
    font-size: 12px;
    background-color: transparent;
    color:#03045E;
    padding: 0px;
}

.daily-input-btn:hover {
    color:#03045E;
    text-decoration: underline;
}

.btn.daily-input-btn:focus {
    outline: 0;
    box-shadow: none;
}

.daily-input{
    background-color: #EBFBFF;
    padding: 10px;
    display: inline-flex;
    border-radius: 10px;
    align-items: center;
    margin-right: 5px;
    /*float: right;*/
}

.daily-input-img{
    width: 26px;
    height: 26px;
    margin-right: 2px;
}

.daily-input-icon{
    margin-right: 5px;
    font-size: 12px;
    color:#03045E;
}

.daily-input-area{
    /*float: right;*/
    width: 75%;
    display: inline-flex;
    justify-content: flex-end;
}

.exercise-record-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.exercise-line{
    border-top: 2px solid #DFECEF;
    margin: 15px 0px;
    width: 100%;
}

.modal-content-general{
    border-radius: 20px;
    padding: 30px 35px;
}

.modal-header-general{
    padding: 0px 0px 12px;
    border-bottom: 3px solid #006B83;
    align-items: center;
}

.modal-body-general{
    padding: 30px 0px 0px;
}
.required {
    background: #ffc0cb!important;
    border: 1px solid #ff0000!important;
}
.alert-info-error {
    background: #ffc0cb!important;
    border: 1px solid #ff0000!important;
}
.alert-info-success {
    background: #c0e2ff!important;
    border: 1px solid #00adff!important;
}
.change_pass_err {
}

.form-input-text{
    position:relative;
    width: 100%;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #A8BDD6;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.form-input-text input{
    /*padding:5px 5px 5px 150px;*/
    font-size:16px;
    text-align: right;
    width: 50%;
    border: 0px;
    border-radius: 50px;
    background-color: #f3f5f7;
    padding: 5px 25px;
    font-weight: 600;
    /*border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #A8BDD6;*/
    height: 40px;
    color: #03045E;
}

.form-input-text input:focus{
    outline:none;
    border-bottom: none;
}

.input-static-value{
    /*position:absolute;*/
    /*left:10px;*/
    font-weight:600;
    font-size:16px;
    width: 50%;
    margin-bottom: 0px;
    /*top:9px;*/  
}

.input-static-value2{
    position:absolute;
    right:10px;
    font-weight:600;
    font-size:16px;
    top:9px;  
}

#inputweight{
    padding-right: 40px;
}

.form-input-blood{
    /*border-bottom: 1px solid #A8BDD6;*/
    display: inline-flex;
    width: 100%;
}

.input-label-bp{
    width: 50%;
    align-items: center;
    display: flex;
    font-weight: 600;
    /*border-bottom: 1px solid #A8BDD6;*/
}

.input-slash-bp{
    width: 10%;
    justify-content: center;
    font-weight: 600;
}

.input-bp{
    padding: 0px !important;
    width: 20% !important;
    /*padding-right: 10px !important;*/
    text-align: center !important;;
}

.input-bp2{
    width: 20% !important;

}

/*.exercise-record-date{
    margin-top: -10px !important;
}
*/
.daily-exercice{
/*    height:200px;
    overflow-y:auto;
    display:block;*/

    border: 1px solid #B9C3D2;
    border-radius: 10px;
    padding: 15px;
    margin-top: 5px;
}

/*#exercise-view{
    height:584px;
    overflow-y:auto;
}*/

.exercise-area{
    height:550px;
    overflow-y:auto;
    width: 100%
}

.add-exercise-btn{
    width: 100%;
    padding: 0px 15px;
    margin-top: 10px;
}

.daily-exercice-vec{
    width: 62px;
}

.daily-exercice-intensity{
    display: inline-flex;
    align-items: center;
}

.exercice-intensity-vec1{
    margin-right: 2px;
}

.daily-exercice-title{
    font-weight: 600;
    margin-bottom: 5px;
    color: #03045E;
}

.exercice-intensity-name{
    color: #03045E;
}

.daily-exercice-drag{
    width: 14px;
    /*margin-right: 20px;*/
    /*margin-right: 18px;*/
}

.exercice-col-image{
 /*   max-width: 12%;*/
    width: 13%;
    padding: 0px 10px;
}

.exercice-col-name{
    width: 44%;
    padding: 0px 10px;
}

.exercice-col-details{
    width: 43%;
    padding: 0px 10px;
}

.exercise-implementation-title{
    font-size: 16px;
    font-weight: 600;
    margin-right: 2px;
}

.exercise-implementation-sub{
    font-size: 14px;
    font-weight: normal;
    margin: 0px 2px;
}

.exercise-implementation{
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}

/*.daily-exercice-col{
    padding: 0px 10px;
    align-items: center;
    display: inline-flex;
    color: #03045E;
}*/

/*.daily-exercice-col{
    padding: 0px 10px;
}*/

.exercise-implementation-icon{
    width: 25px;
}

.exercise-implementation-icon{
    margin-right: 6px;
}

.exercice-dots-icon{
    width: 5px;
    /*margin-left: 10px;*/
}

.daily-exercice-dots, .daily-exercice-content, .exercise-implementation-head{
    display: inline-flex;
    align-items: center;
}

.daily-exercice-content{
    width: 98%;
}

.daily-exercice-dots{
    width: 2%;
}


.exercise-content{
/*    align-items: center;
    display: inline-flex;*/
    color: #03045E;
}

.daily-exercice-row{
    align-items: center;
    display: inline-flex;
    width: 100%;
}

.daily-exercice-left-img{
    align-items: center;
    display: inline-flex;
    color: #03045E;
}

.daily-add-col{
    margin-top: 5px;
}

.daily-add-col .modal-header{
    padding: 0px 0px 12px;
    border-bottom: 0px solid ;
    align-items: center;
}

.modal-line{
    height: 6px;
    background-color: #DCE3EC;
    border-radius: 100px;
}

.modal-line-progress1{
    height: 6px;
    background-color: #006B83;
    border-radius: 100px;
    width: 33.3%;
    box-shadow: 0px 4px 10px #CDE2E7;
}

.modal-line-progress2{
    width: 66.6%;
}

.modal-line-progress3{
    width: 100%;
}

.input-value-mins{
    top: 50px;
}

.modal-range-intesity{
    width: 100%
}

#ex1Slider .slider-selection, #ex1Slider .slider-track-high{
  background: #fafafa;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  height: 7px;

}

#ex1Slider {
  width: 100%;
}

/* .tooltip - background of tooltip */
#ex1Slider  .tooltip-inner {
  background-color: #fafafa;
  border-radius: 15px;
  color: #ccc;
  margin-left: -3.5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

#ex1Slider .slider-handle {
  background: #fafafa;
  width: 16px;
  height: 16px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(13, 13, 13, 0.3);
  border: 1px solid rgba(0, 0, 0, 0);
}

.range-wrap {
  position: relative;
  margin: 0 auto 3rem;
}
.range {
  width: 100%;
}
.bubble {
  background: red;
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: red;
  top: -1px;
  left: 50%;
}

.slider-tick.round{
    display: none !important;
}

.slider-tick-label-container{
    margin-left: -17.8333px !important;
}

.slider-tick-label{
    width: 35.6667px !important;
}

.slider-horizontal{
    margin-bottom: 25px !important;
}

#ex1Slider .tick-slider-selection{
    background-color: #ff715b !important;
}

.hidden{
    display: none !important;
}

.ajax-upload-dragdrop{
    width: 100% !important;
    /*border: 1px dashed transparent;
    background-color: transparent;*/
    border: 1px dashed #03045E;
    background-color: #EBFBFF;
    border-radius: 20px;
}

.ajax-upload-dragdrop span{
    display: none;
}

/*===== Modal Category =====*/

.modal-exercise-category{
    border: 1px solid #B9C3D2; 
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 5px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #03045E;
    transition: all 0.5s ease;
}

.modal-exercise-category:hover{
    background-color: #EBFBFF;
    color: #03045E;
}

.modal-exercise-category.active{
    background-color: #EBFBFF;
    color: #03045E;
}

.modal-category-col .modal-exercise-category:focus, .modal-category-col2 .modal-exercise-category:focus{
    outline: 0;
    box-shadow: none;
}

.modal-category-last-left{
    width: 100%;
    display: inline-flex;
    align-items: center;
}

.modal-category-last-right{
    width: 18%;
    display: inline-flex;
    justify-content: flex-end;
    margin-left: 7px;
}

.modal-category-col{
    padding: 0px 5px 0px 10px;
    color: #03045E;
}

.modal-category-col2{
    padding: 0px 10px 0px 5px;
    color: #03045E;
}

.daily-add-col .modal-dialog{
    max-width: 900px;
}

.modal-category-img{
    margin-right: 10px;
    width: 48px;
}



/*#accordionEx .card {
    margin: 15px 0px;
}*/

.md-accordion>.card {
    border: 0px solid; 
}

.accordion>.card>.card-header {
    background-color: #fff;
    border-radius: 10px;
    padding: 0px;
}

.employers-faq-content > a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #03045E;
    font-size: 14px;
    border: 1px solid #B9C3D2;
    border-radius: 10px;
    margin-bottom: 5px;
}

.employers-faq-content > a.collapsed:before {
    float: right !important;
    content: "\f055";
    color: #006B83;
    font-size: 18px;
}
.employers-faq-content > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f056";
    color: #006B83;
    font-size: 18px;
    margin: 8px;
    margin-left: 0px;
}

.accordion .card-body {
    background-color: #fff;
    padding: 15px;
    padding-top: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: -5px;
    margin-bottom: 0px;
    border: 1px solid #B9C3D2;
    border-top: 0px solid !important;
    margin-bottom: 5px;
}

.modal-category-head{
    display: inline-flex;
    align-items: center;
    width: 90%;
}

.category-line{
    height: 1px;
    background-color: #B9C3D2;
    margin-bottom: 10px;
}

.form-check-label{
    color: #03045E;
}

.ajax-file-upload{
    width: 100%;
    border: 1px dashed transparent;
    background-color: transparent;
    color: #03045E;
    box-shadow: none;
    height: 130px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border-radius: 20px;
}

.ajax-file-upload:hover{
    color: #03045E;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    transition: all 0.5s ease;
}

.ajax-file-upload-statusbar{
    width: 100%;
    border: 0px solid;
    color: #03045E;
}

.ajax-file-upload-red{
    background-color: #FFD9D4;
    box-shadow: none;
    color: red;
    text-shadow: none;

}

.ajax-file-upload-progress{
    width: 100%;
    border: 0px solid;
    border-radius: 50px;
    height: 9px;
}

.ajax-file-upload-bar{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 9px;
    background-color: #006B83;
}

.ajax-file-upload-container{
    margin: 0px;
}

.exercise-history-btn {
    color: #fff;
    background-color: #FF715B;
    border-radius: 100px;
    font-size: 14px;
    margin-right: 15px;
    padding: 12px 35px;
    transition: all 0.5s ease;
}

.exercise-history-btn:hover {
    background-color: #ff644d;
    text-decoration: none;
    color: #fff;
}

.exercise-history-btn:focus {
    outline: 0;
    box-shadow: none;
}



/*.meal-upload-image{
    background-image: url(../img/meal-uploaded-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 190px;
    background-position: center;
    text-align: center;
    border-radius: 20px;
}

.meal-upload-image:hover{
    background-color: #000;
}*/

.add-meal-ver2{
    height: 200px;
    border-radius: 20px;
    font-size: 14px;
}

.add-icon-ver2{
    width: 66px;
    margin-bottom: 22px;
}

.meal-uploaded-image{
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.hovereffect {
width:100%;
height:200px;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
border-radius: 20px;
margin-bottom: 10px;
}

.hovereffect .overlay {
width:100%;
height:200px;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

/*.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}*/

.meal-hover-line{
    height: 20px;
    width: 2px;
    background-color: #fff;
}

.hovereffect a.info{
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:83px 8px;
padding:7px 14px;
}

/*.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}*/

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

/*.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}*/

.hovereffect:hover a.info{
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.meal-uploaded-delete{
    width: 17px;
}

.meal-uploaded-edit{
    width: 21px;
}

.modal-slider-body{
    padding-top: 83px !important;
    padding-bottom: 10px !important;
}

.modal-slider-body .slider-handle{
    background-image: linear-gradient(to bottom, #FF715B, #FF715B);
}

#ex1Slider .slider-handle{
    background: #ff715b;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
}

.modal-slider-body #ex1Slider .slider-selection {
    background: #FF715B;
}

#ex1Slider .tooltip-inner {
    border-radius: 8px;    
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
}

.program-details-area{
    padding: 25px 25px;
    box-shadow: 0px 6px 10px #cee7ec;
    background-color: #fff;
    border-radius: 20px;
    
}

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

.dropdown-dots-ul{
    list-style: none;
}

.dropdown-menu-ul{
    border-radius: 8px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #B9C3D2;
    /*box-shadow: 0px 3px 10px #b9d1d7;*/
}

.dropdown-dots-ul li a{
    color: #03045E;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.dropdown-menu-ul.dropdown-menu>li>a{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 25px;
    white-space: nowrap;
    text-align: center;
}

.dropdown-menu-ul.dropdown-menu>li>a:hover {
    color: #03045E;
    text-decoration: none;
    background-color: #EBFBFF;
    border-radius: 5px;
}

#exampleModalLong{
    padding-right: 0px !important;
}

.ajax-file-upload-preview{
    display: inline-block;
    object-fit: cover !important;
}

.ajax-file-upload-filename{
    /*display: inline-block;*/
    margin-left: 15px;
    width: 250px !important;
    display: none;
}

.edit-view-filename{
    display: inline-block;
    margin-left: 15px;
    width: 250px !important;
}

.form-radio{
    width: 100%;
    display:inline-flex;
    align-items: center;
}

.form-radio-left{
    width: 80%;
    display:inline-flex;
    align-items: center;
}

.form-radio-right{
    width: 20%;
    display:inline-flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 7px;

}

.form-check-area{
    margin-top: 5px;
}

.meal-label{
    text-align: center;
    font-weight: 600;
}

.ajax-file-upload-error{
    display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.add-new-exercise{
    border: dashed 2px #c9c9e1;
    color: #03045E;
    background-color: #EBFBFF;
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;    
}

.presentation-dl{
	text-decoration: none !important;
}

.select-icon {
    
    margin-right: 10px;
    margin-left: 10px;
    /* width: 50%; */
    font-weight: 700;
	display: inline-block;
	font-size: 14px;
}
.lang-switch {
	background-color: #dcf9ff;
    display: inline-block;
	appearance: none;
	
	background-image: url(../img/selectarrow.png),url(../img/selecticon.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center right 27px ,center left 20px;
	font-weight: 700;
	color: 	#006b83 !important;
	padding: 15px 50px 15px 50px;
	border: 1px solid #006b83 !important;
	border-radius: 100px;
}
.select-icon > .lang-switch{
    border: 0;
}

.select-icon > .lang-switch:active,.select-icon > .lang-switch:focus {
    outline: none;
}



.meal_parent_div{
    margin-bottom: 15px !important;
}

.apexcharts-reset-icon{
    margin-left: -1.5px !important;
    margin-top: 0px !important;
}

.bp_data,.pulse_data,.body_weight_data{
    color: deepskyblue;
    font-size: 15px;
}
.fa-globe-asia:before {
color: 	#006b83;
}
.lang-switch option {
	font-weight: 700;
	color: 	#006b83 !important;
	padding: 10px;
}
.nametext {
	font-size: 16px;
	line-height: 51px;
	font-weight: 700;
}
.spselect .nametext {
	color: 	#fff !important;
}
.spselect .dropdown-item{
	color: 	#000000 !important;
}
.spselect {
	display: none;
}
.col-md-4.earn-points-col {
    padding: 7.5px;
}
.listbox {
	padding: 7.5px;
}
.top_imgbox {}
.top_score_box{}
.inner_datiles_img {
	height: 450px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	margin-bottom: 10px;
}

.embed_item {
	margin-bottom: 30px;
}
.program-details-instuctor-title {
	font-size: 20px;
}

.my-record-head .seminar {
    margin: 30px -15px 50px -15px;
}
.db_p {
	padding-right: 60px;
}
.graph .program-details-area {
	margin-top: 20px;
}
.circle_conts_pc {
	text-align: center;
}
.circle_conts_pc_img {
	margin: 50px auto;
	width: 100%;
	height: auto;
	    max-width: 1100px;
}
.circle_conts{
	display: none;
}