@charset "utf-8";
/* CSS Document */

body {font-size:14px; font-family: 'Open Sans', sans-serif; color:#fff; overflow-x:hidden !important;  }
input:-moz-placeholder { color:#f00; }
.col_centered {display:block; margin:0 auto; float:none;}
a {
    outline: none !important;
}
a:focus {outline: none !important;}
:link:focus, :visited:focus { 
-moz-outline: none; 
}

*:focus {
    outline: 0;
}
input:focus{
outline:none;
}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.top {width:100% !important; margin-top:25px !important; margin-bottom:18px !important;}
.top_img {border-radius:50%; width:40px; margin: 12px 0 0;}
.login{background: url(../images/login.png) no-repeat; background-size:cover; padding:0 0 0px 0;}
.login_h {color:#fff; font-size:31px; font-weight:bold;font-family: 'Cabin', sans-serif; margin-bottom: 10%;
    margin-top: 30%;text-align:center;}
.inp_cont {border:#fff; border-radius:12px;}
.inp_cont input {border: 1px solid #fff; border-radius: 52px;
    height: 55px; margin: 10px 0 0; padding: 0 60px; width: 100%; font-size: 20px;}
.inp_cont::-webkit-placeholder {color:#fff; font-weight:bold;}
.inp_cont::-moz-placeholder { color:#fff; font-weight:bold; }
.user_bg{background:url(../images/usericon.png) no-repeat; background-position:12px 7px;}
.lock_bg{background:url(../images/lock_icon.png) no-repeat; background-position:12px 7px;}
.login_bt {background: none repeat scroll 0 0 #f99e1e;border-radius: 50px;font-size: 16px; padding: 5px 0;text-align: center;}
.login_bt a {color:#fff; text-decoration:none;}
.login_ct {margin: 30px auto;}
.login_fp a{color:#fff; text-decoration:none; font-size:14px; font-weight:300; }
.footer {color:#fff; background:#16161a;  bottom: 0; position:relative;}
.ftxt {font-size:14px;}
.social_icon {margin: 0 7px; font-size:16px; padding-top:5px;}
.social_icon a {color:#39393b;}
.social_icon a:hover {color:#ff9500;}
.about{background:url(../images/about_bg.png) no-repeat; background-size:cover;padding:0 0 30px 0; min-height:90%;}
.abou_h {background: url("../images/about_hbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 0;
    text-align: center; margin:200px 0 0 0;} 
	.faq_h {background: url("../images/about_hbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 18px;
    padding: 15px 0;
	
    text-align: center; } 
	.term_h {background: url("../images/about_hbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 18px;
    padding: 15px 0;
	
    text-align: center; margin:0 0 0 0;}
	.abou_h1 { color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 18px;
    padding: 15px 0;
    text-align: center;}

	.abt_p {font-size:14px; text-align:center; margin:15px 0;}
	.tc_p {font-size:14px; text-align:justify; margin:15px 0;}
	.fq_p {font-size:14px; text-align:justify; margin:15px 0; padding:0; line-height:15px;}
	
	.asses{background:url(../images/tc_bg.png) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.terms{background:url(../images/tc_bg.png) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.terms_bt {background: none ;border-radius: 50px;font-size: 16px; padding: 5px 0;text-align: center; border:1px solid #fff;}
	
	
	
	/*new bg */
	.container-fluid {margin:0 !important; padding:0 !important;}
	.assesment_bg{ background:url(../images/assessment.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.calendar_bg{ background:url(../images/calendar.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.competitions_bg{ background:url(../images/competitions.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.confirm-number_bg{ background:url(../images/confirm-number.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.contact-us_bg{ background:url(../images/confirm-number.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.faq2_bg{ background:url(../images/faq.png) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.goals2_bg{ background:url(../images/goals.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.health-promo_bg{ background:url(../images/health-promo.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.health-score_bg{ background:url(../images/health-score.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.journal_bg{ background:url(../images/journal.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.media_bg{ background:url(../images/media.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.message-center_bg{ background:url(../images/message-center.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.personal-info_bg{ background:url(../images/personal-info.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.resources_bg{ background:url(../images/resources.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	.dashboard_bg{ background:url(../images/dashboardbody.jpg) no-repeat; background-size:cover;padding:0 0 30px 0;}
	
	
	/* new bg ends */
.terms_bt a {color:#fff; text-decoration:none;}
.tp_h1 { color: #fff; text-transform:uppercase;
    font-family: "cabin",sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0;
    padding: 2px 0;
    text-align: center;}
	.tp_h2{
	 color: #fff;
    font-family: "cabin",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px;
    padding: 0px 0 2px 0;
    text-align: center}
	.health_head th { font-family: "cabin",sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-top: 0px;
    padding: 0px 0 2px 0;
    text-align: center; color:#464646; }
	.health_body tr td { text-align:center; vertical-align: middle !important; color:#464646;}
	.td_div {text-align:center; width:100%;}
	.td_div img { display: inline;
    text-align: center !important;
    width: auto;}
	.comp_head th { font-family: "cabin",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0px;
    padding: 0px 0 2px 0;
    text-align: center; background:url(../images/comp_tbg.png) repeat; }
	.td_div1 {text-align:left; width:100%; padding-left:20px;}
	.td_div1 img { display: inline;
    text-align: center !important;
    width: 14%;}

.d_t1 {margin:0; padding:0; font-family: "cabin",sans-serif; font-size:34px; color:#fff;}
.d_t2 {margin:0; padding:0; font-family: "cabin",sans-serif; font-size:12px; color:#fff;}
.d_t3 {margin:0; padding:0; font-family: "cabin",sans-serif; font-size:15px; color:#fff; text-transform:uppercase; text-align:center;}
.d_blk { text-align:right;}
.d_main {padding:15px 10px; border-bottom:#555456 1px solid; }
.d_main_1 {text-align:center; margin-bottom: 16px;}
.d_main  img { display: inline;
    text-align: center !important;
    width: 40%;}
	.d_header:hover {background: #ff9500;}
.d_header {background: #ff9500;border:none;
    border-radius: 50px;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase; margin-top: 10px;}
	.modal_orange{background-color: #ff9500;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px !important ;}
	.close {
    color: #fff !important;
    float: right !important;
    font-size: 29px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    opacity: 1 !important;}
	.modal-header .close {margin-top:-10px;}
	.modal-header {
    border-bottom: 1px solid #ffb043 !important;
    min-height: 16.43px;
    padding: 15px;
}
.modal-footer {
    border-top: 1px solid #ffb043 !important;
    padding: 15px;
    text-align: right;
}

.md_close_bt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 17px;
    text-align: center;}
	.md_close_bt:hover {background: none;}
	.panel {background:none; border-radius:0 !important;}
	.panel-default > .panel-heading {background:none; color:#ffb043;}
	.panel-default {border-color:none !important; border-bottom:1px solid #6a6d78;}
	.panel-default_a {font-family: "Open Sans",sans-serif; font-size:12px; cursor:pointer;}
	.panel-default_a a {font-family: "Open Sans",sans-serif; font-size:12px; text-decoration:none;}
	
	.faq_accord p {font-family: "Open Sans",sans-serif; font-size:11px;}
	  .tic {
            margin: 0;
            padding: 0 40px;
            background: url(images/tc_phg.png) no-repeat center;
            width: 25px;
            height: 25px;
            float: left;
        }
        
        .crs {
            margin: 0;
            padding: 0 40px;
            background: url(images/tc_crs.png) no-repeat center;
            width: 25px;
            height: 25px;
            float: left;
        }
	/*	.edit {
    background-color: none;
    border: 1px solid #454545;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px !important;
    overflow: hidden;
    float: left;
    margin: 0 -50px 0px 21px;
    width: 65px;
    height: 25px;
    overflow: hidden;
}*/
		 .edit {
                background-color:none;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px !important;
    overflow: hidden;
    float: left;
	    margin: 0 -4px 0 0px;
		width:30px; height:25px; overflow:hidden;
        }
.pg4_2lb1 {
    background: #f6890a none repeat scroll 0 0;
    border-radius: 18px;
    color: #fff;
    float: left;
    margin: 5px 0 0;
    padding: 10px 15px;
    width: 100%;
}
	/*.panel-title a span::after {content:"+";}*/
	/*.panel-title a span::before {content:"-";}*/
	
.menuicon {color:#fff;}
.goal_cbg {background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    font-size: 16px;
    margin: 1px 0;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase; }
	.trk_p a { color:#fff; text-decoration:none; }

.trk_goal {color:#9e9d9d;}
.tri_gtitle {font-size: 14px;
    margin: 10px 8px;color:#9e9d9d;}
	.tri_gtitle_gl {font-size: 14px; float:right;
    margin: 10px 8px;color:#9e9d9d;}
	.goal_bt {background: #f99e1e none repeat scroll 0 0;
    border-right: 1px solid #fcc87f;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center; text-transform:uppercase;}
	.goal_bt1 {background: #f99e1e none repeat scroll 0 0;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center; text-transform:uppercase;}
	a {color:#fff; text-decoration:none;}
	a:hover {color:#fff; text-decoration:none;}
	.goal_sec {background:#333 url("../images/sleect_arrow.png") no-repeat scroll 95% center; border:1px solid #9e9d9d; border-radius: 20px;
    height: 34px;}
	.goal_sec1{background: #333 url("../images/sleect_arrow1.png") no-repeat scroll 91% center;
    border: 1px solid #9e9d9d;
    border-radius: 20px;
    font-size: 12px;
    height: 34px;
    margin-right: 0;
    padding: 0 0 0 3px;}
	.intxt { margin:10px 0;}
	.intxt p {text-align:justify; margin-bottom:10px; } 
	
	/* Assesment */
	.accod_in_4 select {
    background: #333 url("../images/sleect_arrow.png") no-repeat scroll 95% center;
    color: #F18B81;
    border: 1px solid;
    width: 100px;}
	
.accod {
    
    border-radius: 48px;
    float: left;
    margin: 10px 0 10px;
    padding: 0;
    width: 100%;
}
.accod_in_2 {
    color: #fff;
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: auto;
}
.accod div { font-size:13px !important; font-family: "cabin",sans-serif; color:#fff; margin-bottom:7px; line-height:16px;}

.accod a { font-size:15px; font-family: "cabin",sans-serif; color:#fff;}
.accod_in_1 {font-size:16px !important; font-family: "cabin",sans-serif !important; color:#fff !important; font-weight:300 !important;  }
.ass_icon {border-bottom: 1px solid #575856;
    overflow: hidden;
    padding: 0 0 20px; margin-bottom:5px;}
	.ass_icon_1 {padding:0 15px; text-align:justify;}
	.ass_icon img {border-radius:50%;}
	.coach_banner {background:url(../images/coach_ora.png) no-repeat; background-size:cover; padding: 10px 9px !important;}
	.lead_banner {background:url(../images/coach_gr.png) no-repeat; background-size:cover; padding: 10px 9px !important;}
	.coc_prof span {text-align:center; display:block;}
	.coc_prof span img {text-align:center; margin:0 auto;border-radius:50%;}
	.coc_txt { margin: 13px 0; border-bottom:1px solid #474644; padding-bottom:10px;}
	.coc_txtp1 {color:#878786; font-size:12px;font-family: "cabin",sans-serif; margin:10px 0 5px 0;}
	.coc_txtp2 {color:#fff; font-size:14px; font-family: "cabin",sans-serif;margin:0;}
	
		.contact_banner {background:url(../images/contact_bg.png) no-repeat; background-size:cover; padding: 10px 9px !important; margin-top:25px;}
	.contact_prof span {text-align:center; display:block;}
	.contact_prof span img {text-align:center; margin:0 auto; border-radius:50%;}
	
	.contact_txtp2 {
    color: #fff;
    font-family: "cabin",sans-serif;
    font-size: 16px;
    margin: 0 0 15px;
    padding: 0;
}
.contact_txt { margin: 20px 0; padding-bottom:10px; padding:0;}

.cont_h {background: url("../images/about_hbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: "cabin",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 18px;
    padding: 15px 0;
    text-align: center;}
.ul.mtree.transit.dis {background:none !important; border-radius:0 !important; }
.comp_icon {
    border-bottom: 1px solid #575856;
    margin: 15px 9px 5px;
    overflow: hidden;
    padding: 0 0 20px;
}
.comp_icon img {border-radius:50%;}

.comp_intxt1 { padding:4px 0; float:left; display:block; font-size:16px; color:#f6890a; width:100%;}
.comp_intxt2 { padding:4px 0; float:left; display:block; font-size:13px; color:#f6890a;width:100%;}

.sign_wi {background:#fff; color:#000; padding:15px; border-radius:40px; text-align:center; float:left; }
.sign_tx {color:#f6890a; padding:15px;text-align:center; float:right; }
.goal_tit {font-size: 18px;text-align: center;font-family: "cabin",sans-serif; font-weight:600;}
.sign_wi_2 {  background: #000 none repeat scroll 0 0; border-radius: 40px; color: #fff; width:120px ; margin:0 auto !important;  padding:7px 14px; text-align: center; float: none !important;}
.goal_un {margin: 10px 0;}
.g_t1 {margin:0; padding:0; font-family: "Open Sans",sans-serif; font-size:34px; color:#f99d1c;}
.g_t2 {margin:0; padding:0; font-family: "Open Sans",sans-serif; font-size:14px; color:#f99d1c;}
.g_t2 img {width:25%;}
.g_t3 {margin:0; padding:0; font-family: "Open Sans",sans-serif; font-size:15px; color:#fff; text-transform:uppercase; text-align:center;}
.work_t1 { text-align: left; font-family: "Open Sans",sans-serif; font-size:15px; }
.work_t2 { font-size:34px;}
.work_banner_b {background:url(../images/work_blue.png) no-repeat; background-size:cover; padding: 10px 9px !important;}
.new_nt {padding: 0 15px;}
.tri_gtitle b {color: #FF0000;
    margin-top: 4px;
    font-weight: 300;
    float: left;}
/* progress bar */
.g_progbar1 {margin:0; padding:0; float:left;}

.goal_cont {border:#fff; border-radius:12px;}
.goal_cont input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff; border-radius: 52px;font-size: 14px;
    height: 33px;margin: 10px 0 0; padding: 0 5px; width: 100%;}
	.sign_wi_3 {  background: #f99e1e none repeat scroll 0 0; border-radius: 40px; color: #fff; float: left; padding:7px 10px; text-align: center; margin:10px 0 0 0; min-width: 70px;}
	.work_sheet_bk {margin: 10px 0px;}
	.goal_bt2 { background: #f99e1e none repeat scroll 0 0; border-radius: 50px;font-size: 16px; margin: 0 2px; padding: 5px; text-align: center;width: 48%;}
.goal_bt2 a {color:#fff; text-decoration:none;}
.goal_bt3 {background: #707070 none repeat scroll 0 0;border-radius: 50px;font-size: 16px; margin: 0 2px; padding: 5px; text-align: center; width: 48%;}
.goal_bt3 a {color:#fff; text-decoration:none;}



/*journals*/
.journals_cbg {
    background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 1px 0;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    background-size: cover;
}
.gp_cbg {
    background:none;
    color: #fff;
    font-size: 13px;
    margin: 1px 0;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
	border-bottom: 1px solid #605a57;
}

.gp_in1 {
    background:none;
    color: #fff;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
}
.gp_in1 {
    background:none;
    color: #fff;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
}
.journals_del {background: #343137 none repeat scroll 0 0;
    border-radius: 50%;
    padding: 5px 9px;}
	.journal_icon {width: 50%;}
	.goal_del {background: #343137 none repeat scroll 0 0;
    border-radius: 50%;
    padding: 5px 9px; margin:0 4px;}
	.goal_icon {width: 50%;}
	
	 .tp_j_h1 { color: #fff; text-transform:uppercase;
    font-family: "cabin",sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 00px 0;
    padding: 2px 0;
    text-align: center;}
	.j_header:hover {background: none;}
.j_header {background:none;border:none;
    border-radius: 50px;
    font-size: 15px;
    padding:0px;
    text-align: center;
    text-transform: uppercase; margin-top: 10px;}
	.j_header.focus, .j_header:focus {background: none;}
	
	
	.j_input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 60px;
    color: #fff; font-size:14px; padding:10px 8px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    margin: 15px 0;
    width: 100%;}
	.r_input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 60px;
    color: #fff; font-size:14px; padding:10px 8px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    margin: 10px 0;
    width: 100%;}
	
	.modal_green {
    background-color: #b8c30f;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

.modal-header_gr {  border-bottom: 1px solid #cad24e !important;
    min-height: 16.43px;
    padding: 15px; overflow:hidden;}
	
	.modal-footer_gr {
    border-top: 1px solid #cad24e !important;
    padding: 15px;
    text-align: right;
	height:60px;
}

.modal_red {
    background-color: #f65c5c;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

.modal-header_rr {  border-bottom: 1px solid #f88787 !important;
    min-height: 16.43px;
    padding: 15px;}
	
	.modal-footer_rr {
    border-top: 1px solid #f88787 !important;
    padding: 15px;
    text-align: right;
}

.modal_blue {
    background-color: #5193fd;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

.modal-header_br {  border-bottom: 1px solid #7faffd !important;
    min-height: 16.43px;
    padding: 15px;}
	
	.modal-footer_br {
    border-top: 1px solid #7faffd !important;
    padding: 15px;
    text-align: right;
}

.modal_suc {
    background-color: #2ed770;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

.modal-header_sr {  border-bottom: 1px solid #65e195 !important;
    min-height: 16.43px;
    padding: 15px;}
	
	.modal-footer_sr {
    border-top: 1px solid #65e195 !important;
    padding: 15px;
    text-align: right;
}


.modal_or {
    background-color: #f99e1e;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}

.modal-header_or {  border-bottom: 1px solid #facc8a !important;
    min-height: 16.43px;
    padding: 15px;}
	
	.modal-footer_or {
    border-top: 1px solid #facc8a !important;
    padding: 15px;
    text-align: right;
}




.modal_btxt {padding: 30px 0;}
.modal-body {min-height:150px;}
.modal-title { text-align:left !important;}
.modal-title.modal-body.md_close_bt {font-family: 'Open Sans', sans-serif; text-align:left !important;}


.mail_send {background:#b1bd01; color:#fff; padding:8px 15px; border-radius:40px; text-align:center; float:left; }
.mail_cancel {background:#29262b; color:#b1bd01; padding:8px 15px; border-radius:40px; text-align:center; float:right; }
.mail_sub {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #7b7b7b;
    border-radius: 10px;
    color: #fff;
    height: 30px;}
	.mail_to { font-family:"cabin",sans-serif;
    margin: 7px 4px;
    text-align: left;}
	.mail_to span {margin:0 5px;}
	
	.mail_cbg {
    background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.mail_tbx { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #7b7b7b;
    border-radius: 14px;
    min-height: 150px;
    padding: 10px 15px;}
	
	.mc_search_bt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 18px;}
	.mc_search_bt:hover {background: none;color: #fff; }
	
	.mc_search_bt_in { -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #7b7b7b;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px; color:#fff;}
	
	.mail_unread {
    background: #b1bd01;
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    overflow: hidden;
    padding-top: 15px;
	 padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
}

.mail_unread {
 font-size: 11px;
    margin: 0;}
	
.mail_rbg {
    background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 1px 0;
    overflow: hidden;
    padding-top: 15px;
	 padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
	border-bottom:1px solid #696868;
}

.mail_rbg {
 font-size: 11px;
    margin: 0;}
	
	.mail_title { font-size:19px; color:#fff; font-family:"cabin",sans-serif; padding:}
	.mail_cnt {font-size:14px; font-family:"cabin",sans-serif; color:#fff; border-bottom:1px solid #696868;padding-top: 10px;padding-bottom: 10px;}
	.mail_dwd {color:#b1bd01; margin:10px 0;}
	.mail_dwd a {color:#b1bd01;}
	.health_tab li {width:50%;}
	/*.health_tab > .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background:none !important; border-bottom:2px solid #f99e1e; color:#fff;}*/
	.health_tab > li > a {border:none; text-align:center;}
	.health_tab > {border:none;}
	.health_tab> li > a:focus{background:none;border:none;}
	.health_tab> li > a:hover{background:none;border:none;}
	.health_tab >li.active > a:focus {background:none;border:none;}
	
	.health_tab >  li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(249, 158, 30, 0.36) !important;
    border:none;;
    color: #fff; text-align:center;}
	.accp_h {margin:0; padding:15px 0; text-align:center; font-size:20px; font-family:"cabin",sans-serif;}
	.accp_p {margin:0; padding:0; text-align:center; font-size:14px; font-family:"cabin",sans-serif;}
	.tab_c {min-height:314px;}
	.tab_c_bt {background: none repeat scroll 0 0 #049ce2; margin: 20px 0;border-radius: 50px; font-size: 16px; padding: 5px 0;text-align: center;}
.tab_c_bt a {color:#fff; text-decoration:none;}

.mediaac_h {font-family: "cabin",sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 7px 0;
    text-align: left;
    text-transform: uppercase;}
	
	.mediaac_p {margin:0; padding:0; text-align:left; font-size:12px; font-family:"cabin",sans-serif;}
	.media_bk {border-bottom: 1px solid #6c6c6d;
    padding: 15px 0; }
	.we_mediabk {margin:0; padding-top:15px;padding-bottom:15px; border-bottom:1px solid #5a5a5a; margin: 0 0 10px;}
	.mediaac_h1 {font-family: "cabin",sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    text-transform: uppercase;}
	.mediaac_p1 {margin:0; padding:0; text-align:left; font-size:14px; font-family:"cabin",sans-serif;}
	
	
.media_cont {border:#fff; border-radius:12px;}
.media_cont input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff; border-radius: 52px;font-size: 14px;
    height: 33px;margin: 0px 0 0; padding: 0 5px; width: 100%;}
	
	.credit_bt2 { background: #f99e1e none repeat scroll 0 0; border-radius: 50px;font-size: 16px; margin: 0 2px; padding: 5px; text-align: center;width: 100%; border:1px solid #f28f05;}
.credit_bt2 a {color:#fff; text-decoration:none;}

.confirm tr td { text-align:left; vertical-align: middle !important;}
.contd_div {text-align:center; background:#423728;}
.con_head th {
    background: rgba(0, 0, 0, 0) url("../images/comp_tbg.png") repeat scroll 0 0;
    font-family: "cabin",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    padding: 0 0 2px;
    text-align: left;
}

	
	
	.profile_banner {background:url(../images/profile_bg.png)repeat; background-size:cover; padding: 10px 9px !important;}
	.profile_prof span {text-align:center; display:block;}
	.profile_prof span img {text-align:center; margin:0 auto; border-radius:50%;}
	.profile_txt { margin: 20px 0; border-bottom:1px solid #474644; padding-bottom:10px;}
	.profile_txtp1 {color:#878786; font-size:12px;font-family: "cabin",sans-serif; margin:0;}
	.profile_txtp2 {color:#fff; font-size:14px; font-family: "cabin",sans-serif;margin:0;}
	.profile_icon1{background: #4d4d4d none repeat scroll 0 0;
    border-radius: 50%;
	font-size: 19px;
    padding: 13px 12px;
    vertical-align: middle; color:#fff; border:none;}
	
	.profile_icon2{background: #4d4d4d none repeat scroll 0 0;
    border-radius: 50%;  
    font-size: 19px;
    padding: 10px 15px;
    vertical-align: middle;}
	
	.profile_lt {margin-top: 64px; padding-left: 10%;}
	.profile_rt {margin-top: 64px; padding-right: 10%;  padding-left: 1%; }
	.coc_txt1 { border-bottom: 1px solid #474644; margin: 10px 0; padding: 10px;}
	


.profile_icon1 input {
    
 
    opacity: 0 !important;
    overflow: hidden !important;
}

	
	.well_p {margin:0; padding:0; text-align:justify; font-size:14px; font-family:"cabin",sans-serif; min-height:150px; margin-top:15px;}
	.res_img { margin: 0 auto;
    text-align: center;
    width: auto;}
	.remaind_sl1 {font-size:59px; font-family:"cabin",sans-serif; text-align:center;}
	.remaind_sl2 {font-size:25px; font-family:"cabin",sans-serif; text-align:center; padding:10px 0;}
	.remaind_sl3 {font-size:12px; font-family:"cabin",sans-serif; text-align:center;}
	.slide_ht {height: 200px;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    width: 100%}
	
		.remain_cbg {
   
    color: #fff;
    font-size: 16px;
    margin: 2px 0;
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase; border-bottom:#817d7c 1px solid;
}
.rem_txt { margin: 20px 0; border-bottom:1px solid #474644; padding-bottom:10px;}
	.rem_txtp1 {color: #878786; font-family: "cabin",sans-serif; font-size: 11px; margin: 0; padding: 4px 0; text-align: left; text-transform:none;}
	.rem_txtp2 {color:#fff; font-size:14px; font-family: "cabin",sans-serif;margin:0; text-align:left;}
	.remain_icon {width: 50%;}
	.report_list{text-align:center;}
	.cal_banner { padding: 10px 9px !important;}
	.cal_prof span img {
    float: left;
    margin:0 0 0 34px;
    text-align: center;
    width: 30%; border-radius:50%;
}

.cal_icon {
    margin:39px 6px 0 0px;
    width: 31px;
}
	
	.hscore_body { background:#fff; color:#333;}
	.hscore_head { background:#ededed; color:#333; font-weight:300;font-family: "Open Sans",sans-serif; text-transform:uppercase;}
	.ui-header {display:none;}
	.jq-calendar-wrapper th.header span {font-weight:600; font-family:"cabin",sans-serif !important; color:#868686 !important; font-size:20px; text-transform: uppercase;}
	.ui-bar-c span {font-weight:300;font-family: "Open Sans",sans-serif; text-transform:uppercase; }
	.lead_h {
    background:url(../images/about_hbg.png) repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 18px 0 0;
   overflow: hidden;
    padding: 15px 0 !important;
    text-align: center;
}
.lead_p {
   border-bottom:1px solid #464343;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight:600;
    margin: 0px 0 0;
   overflow: hidden;
    padding: 15px 0 !important;
    text-align: center;
}
.lgr_p{color:#acacac; font-size:12px; font-family:"cabin",sans-serif !important; }
.lead_span {background: #9eac44 none repeat scroll 0 0;
    border-radius: 50%;
    margin: 0 12px;
    padding: 5px 11px;}
	.leard_h{color:#b8ce36; font-size:16px; font-family:"cabin",sans-serif !important; text-transform:uppercase; }
	.lead-n_h{color:#fff; font-size:16px; font-family:"cabin",sans-serif !important; text-transform:uppercase; }
	.lead-n_p{color:#fff; font-size:14px; font-family:"cabin",sans-serif !important; text-align:justify; }
	.tablecal tr {height:40px;}
	.health_body2 tr th {border:none;} 
	.health_body2 tr td {
    border-bottom: 1px solid #4d4b4c !important;
    text-align: center;
    vertical-align: middle !important;
}
.health_body2 {border:none;}
	
	
/* Menu */
/*.menu1 {
    background:url("../images/icon/Dashboard.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu1 a {
    color: #fff;
}
.menu1 a:hover {
    color: #000;
}
.menu1:hover {
    background: #e1f003 url("../images/icon/Dashboard_h.png") no-repeat scroll 15px 8px;
}
.menu1:hover a {
    color: #000;
}
.menu2 {
    background: url("../images/icon/goals1.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu2 a {
    color: #fff;
}
.menu2 a:hover {
    color: #000;
}
.menu2:hover {
    background: #e1f003 url("../images/icon/goals1_h.png") no-repeat scroll 15px 8px;
}
.menu2:hover a {
    color: #000;
}
.menu3 {
    background: url("../images/icon/insi.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu3 a {
    color: #fff;
}
.menu3 a:hover {
    color: #000;
}
.menu3:hover {
    background: #e1f003 url("../images/icon/insi_h.png") no-repeat scroll 15px 8px;
}
.menu3:hover a {
    color: #000;
}
.menu4 {
    background: url("../images/icon/awa_h.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu4 a {
    color: #fff;
}
.menu4 a:hover {
    color: #000;
}
.menu4:hover {
    background: #e1f003 url("../images/icon/awa.png") no-repeat scroll 15px 8px;
}
.menu4:hover a {
    color: #000;
}
.menu5 {
    background: url("../images/icon/heart.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu5 a {
    color: #fff;
}
.menu5 a:hover {
    color: #000;
}
.menu5:hover {
    background: #e1f003 url("../images/icon/heart_h.png") no-repeat scroll 15px 8px;
}
.menu5:hover a {
    color: #000;
}
.menu6 {
    background: url("../images/icon/status.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu6 a {
    color: #fff;
}
.menu6 a:hover {
    color: #000;
}
.menu6:hover {
    background: #e1f003 url("../images/icon/status_h.png") no-repeat scroll 15px 8px;
}
.menu6:hover a {
    color: #000;
}
.menu7 {
    background: url("../images/icon/settings.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu7 a {
    color: #fff;
}
.menu7 a:hover {
    color: #000;
}
.menu7:hover {
    background: #e1f003 url("../images/icon/settings_h.png") no-repeat scroll 15px 8px;
}
.menu8 {
    background: url("../images/icon/asses.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu8 a {
    color: #fff;
}
.menu8 a:hover {
    color: #000;
}
.menu8:hover {
    background: #e1f003 url("../images/icon/asses_h.png") no-repeat scroll 15px 8px;
}
.menu8:hover a {
    color: #000;
}
.menu9 {
    background: url("../images/icon/calan.png") no-repeat scroll 15px 8px;padding: 0 71px;
    text-align: left !important;
}
.menu9 a {
    color: #fff;
}
.menu9 a:hover {
    color: #000;
}
.menu9:hover {
    background: #e1f003 url("../images/icon/calan_h.png") no-repeat scroll 15px 8px;
}
.menu9:hover a {
    color: #000;
}*/

.menulia { background: rgba(0, 0, 0, 0) url("../images/menu_int.png") no-repeat scroll 0 33px;}
.menulia:hover {background:rgba(0, 0, 0, 0) url("../images/menu_int.png") no-repeat scroll 0 33px; background-color:none;}


.menu1 { background: url("../images/icon/dashboard.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu1 a {color:#fff;}
.menu1 a:hover {color:#000;}
.menu1:hover { background:#e1f003 url("../images/icon/dashboard-h.png") no-repeat scroll 15px 8px ;}
.menu1:hover a {color:#000;}

.menu2 { background: url(../images/icon/goals.png) no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu2 a {color:#fff;}
.menu2 a:hover {color:#000;}
.menu2:hover { background:#e1f003 url("../images/icon/goals-h.png") no-repeat scroll 15px 8px ;}
.menu2:hover a {color:#000;}

.menu3 { background: url(../images/icon/competition.png) no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu3 a {color:#fff;}
.menu3 a:hover {color:#000;}
.menu3:hover { background:#e1f003 url("../images/icon/competition-h.png") no-repeat scroll 15px 8px;}
.menu3:hover a {color:#000;}

.menu4 { background: url("../images/icon/health-scores.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu4 a {color:#fff;}
.menu4 a:hover {color:#000;}
.menu4:hover { background:#e1f003 url("../images/icon/health-scores-h.png") no-repeat scroll 15px 8px;}
.menu4:hover a {color:#000;}

.menu5 { background: url("../images/icon/message.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu5 a {color:#fff;}
.menu5 a:hover {color:#000;}
.menu5:hover { background:#e1f003 url("../images/icon/message-h.png") no-repeat scroll 15px 8px;}
.menu5:hover a {color:#000;}

.menu6 { background: url(../images/icon/journal.png) no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu6 a {color:#fff;}
.menu6 a:hover {color:#000;}
.menu6:hover { background:#e1f003 url("../images/icon/journal-h.png") no-repeat scroll 15px 8px;}
.menu6:hover a {color:#000;}

.menu7 { background: url("../images/icon/assessment.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu7 a {color:#fff;}
.menu7 a:hover {color:#000;}
.menu7:hover { background:#e1f003 url("../images/icon/assessment-h.png") no-repeat scroll 15px 8px;}.
.menu7:hover a {color:#000 !important;}

.menu8 { background: url("../images/icon/calender.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu8 a {color:#fff;}
.menu8 a:hover {color:#000;}
.menu8:hover { background:#e1f003 url("../images/icon/calender-h.png") no-repeat scroll 15px 8px;}
.menu8:hover a {color:#000;}

.menu9 { background: url(../images/icon/health-promo.png) no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu9 a {color:#fff;}
.menu9 a:hover {color:#000;}
.menu9:hover { background:#e1f003 url("../images/icon/health-promo-h.png") no-repeat scroll 15px 8px;}
.menu9:hover a {color:#000;}

.menu10 { background: url("../images/icon/resourse.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu10 a {color:#fff;}
.menu10 a:hover {color:#000;}
.menu10:hover { background:#e1f003 url("../images/icon/resourse-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu10:hover a {color:#000;}

.menu11 { background: url("../images/icon/media.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu11 a {color:#fff;}
.menu11 a:hover {color:#000;}
.menu11:hover { background:#e1f003 url("../images/icon/media-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu11:hover a {color:#000;}


.menu12 { background: url("../images/icon/number.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu12 a {color:#fff;}
.menu12 a:hover {color:#000;}
.menu12:hover { background:#e1f003 url("../images/icon/number-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu12:hover a {color:#000;}

.menu13 { background: url("../images/icon/personal-info.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu13 a {color:#fff;}
.menu13 a:hover {color:#000;}
.menu13:hover { background:#e1f003 url("../images/icon/personal-info-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu13:hover a {color:#000;}

.menu14 { background: url("../images/icon/change-password.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu14 a {color:#fff;}
.menu14 a:hover {color:#000;}
.menu14:hover { background:#e1f003 url("../images/icon/change-password-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu14:hover a {color:#000;}

.menu15 { background: url("../images/icon/contact.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu15 a {color:#fff;}
.menu15 a:hover {color:#000;}
.menu15:hover { background:#e1f003 url("../images/icon/contact-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu15:hover a {color:#000;}

.menu16 { background: url("../images/icon/faq.png") no-repeat scroll 15px 8px; text-align: left !important;padding: 0 40px;}
.menu16 a {color:#fff;}
.menu16 a:hover {color:#000;}
.menu16:hover { background:#e1f003 url("../images/icon/faq-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu16:hover a {color:#000;}

.menu17 { background: url("../images/icon/logout.png") no-repeat scroll 15px 8px;
text-align: left !important;padding: 0 40px;}
.menu17 a {color:#fff;}
.menu17 a:hover {color:#000;}
.menu17:hover { background:#e1f003 url("../images/icon/logout-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu17:hover a {color:#000;}

.menu18 { background: url("../images/icon/wellness.png") no-repeat scroll 15px 8px;
    text-align: left !important;padding: 0 40px;}
.menu18 a {color:#fff;}
.menu18 a:hover {color:#000;}
.menu18:hover { background:#e1f003 url("../images/icon/wellness-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu18:hover a {color:#000;}


.menu19 { background: url("../images/icon/remainder.png") no-repeat scroll 15px 8px;
    text-align: left !important;padding: 0 40px;}
.menu19 a {color:#fff;}
.menu19 a:hover {color:#000;}
.menu19:hover { background:#e1f003 url("../images/icon/remainder-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu19:hover a {color:#000;}

.menu20 { background: url("../images/icon/wearable.png") no-repeat scroll 15px 8px;
    text-align: left !important;padding: 0 40px;}
.menu20 a {color:#fff;}
.menu20 a:hover {color:#000;}
.menu20:hover { background:#e1f003 url("../images/icon/wearable-h.png") no-repeat scroll 15px 8px ; color:#000;}
.menu20:hover a {color:#000;}


.sign_wi_rt {
    background: #000 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    /* float: left; */
    padding: 7px 14px;
    text-align: center;
    float: right !important;
}
.sender {margin:0 5px 0 0; width:80%; float:left;}
.modal-header_gr .modal-title {
    float: left;
}


.credit_btcg {
    background: #f99e1e none repeat scroll 0 0;
    border-radius: 50px;
    font-size: 16px;
    margin: 8px 2px 0;
    padding: 5px;
    float: left;
    text-align: center;
    width: 100%;
    border: 1px solid #f28f05;
	z-index:1;
	position:relative;
	cursor:pointer;
}
	.code_ct {width:100%; padding:10px; background:url(../images/code_bg.png); background-size:cover; color:#1f594e; margin:0 auto; overflow:hidden;}
.code_ct div {margin-bottom:5px;text-align:center;}
.modalcode {
    background:url(../images/codeppbg.png); background-size:cover; padding:0px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px !important; width:360px; height:500px; margin:0 auto;
}
.modal-code_gr {
   
    min-height: 16.43px;
    padding: 15px;
    overflow: hidden;
}
.modecongrats {color:#45c2c5; font-size:24px; font-weight:700; margin-top:74px;}
.modecongrats1 {color:#fff; font-size:15px; font-weight:400; margin-bottom:50px; margin-top:5px;}
.modecongrats2 {color:#fff; font-size:14px; font-weight:400; margin-bottom:10px;}
.modecode1{background:url(../images/code1bg.png) no-repeat center; text-align:center;margin-bottom:15px; height:53px; padding-top:13px;}
.modecodesummi{background: url(../images/codesummi.png) no-repeat center; text-align:center; height:53px; padding-top:13px;}
.codefont {font-size:13px;}
@media only screen and (min-width:320px) and (max-width:320px) {
	.login{min-height:100% !important;}}
	@media only screen and (min-width:320px) and (max-width:360px) {
		.d_header{font-size:11px;}
		 .login_h {margin-top:10%;}
		 .codefont {font-size:10px;}
	}
	@media only screen and (min-width:370px) and (max-width:480px) {
		.d_header{font-size:13px;}
	}
		
@media only screen and (max-width:320px) {
	.menuicon { margin-left: 11px; margin-top: 30px;}
	.login_fp a{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 12px; }
	.login_fp{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 3px; }
	.ftxt {font-size:8px;}
	.goal_sec1 {
    background: #333 url("../images/sleect_arrow.png") no-repeat scroll 87% center; padding:0 0 0 7px;}
	.work_img {padding:0;}
	.work_img img {width: 60% !important;}
	.asses {min-height:568px;}
	.terms {min-height:568px;}
	.remain_del img { width:90%}
	.report_list img{width:50%;}
	.jq-calendar-wrapper td button { margin:4px auto !important; width: 25px !important; padding:12px 0 !important;}
	.cal_icon {
    margin: 22px 0 0 0px !important;
    width: 43%;
}
.mail_send {
    background: #b1bd01;
    color: #fff;
    padding: 8px 8px;
    border-radius: 40px;
    text-align: center;
    float: left;
    font-size: 13px;
}
 .login_h {margin-top:10%;}
 .modalcode{width:300px !important;}
	
	
}

@media only screen and (min-width:321px) and (max-width:360px) {
	
	.ftxt {font-size:12px;}
	.login_fp a{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 12px; }
	.login_fp{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 3px; }
	.goal_sec1 {
    background: #333 url("../images/sleect_arrow.png") no-repeat scroll 87% center;}
	.remain_del img { width:75%}
	.report_list img{width:30%;}
	 .menuicon {  color: #fff; margin: 30px 0 0 13px !important;}
	  .terms{min-height:640px;}
	  .cal_icon {
       margin: 39px 0 0 0px !important;
    max-width: 100%;
}
.mail_send {
    background: #b1bd01;
    color: #fff;
    padding: 8px 8px;
    border-radius: 40px;
    text-align: center;
    float: left;
    font-size: 13px;
}
 .modalcode{width:330px !important;}
	
}
 @media only screen and (min-width:360px)  and (max-width:480px){
	 
	 .modal_green {width:98% !important;}
 }
 @media only screen and (min-width:360px) {
 .terms{min-height:640px;}


 
 }
 
 @media only screen and (min-width:370px) and (max-width:490px) {
 	.menuicon { margin-left: 11px; margin-top: 32px;}
.top_img {
    border-radius: 50%;
    margin: 21px 0 0;
    width: 40px;
}
 }
 








@media only screen and (min-width:768px) and (max-width:768px) {
	 .peize_cont_bk {
    width: 45%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #C7C4C2;
    margin: 0 37px 0 0 !important;
}
}



 @media only screen and (min-width:320px) and (max-width:600px) { 


.peize_cont_bk_sp2 {float:left !important; right:0;padding:17px 0;}
.peize_cont_bk {
    width: 47% !important;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #C7C4C2;
    margin: 0 10px 0 0 !important;
}
.block2 {
    width: 8% !important;
    font-size: 18px !important;
    float: left !important;
    margin: 5px 0;
    color: #969696;
}
.peize_cont_bk_sp1 {
    float: left;
    padding: 17px 0;
    display: block !important;
    width: 100% !important;
}
}
 
  @media only screen and (min-width:320px) and (max-width:600px) { 
 .g_t1 {font-size:22px !important}
 .ftxt {
    font-size: 10px;
}

  }
  
  @media only screen and (min-width:320px) and (max-width:350px) { 

  .modal_green {width:98%;}
  }
 @media only screen and (min-width:370px) and (max-width:768px) {
	 
/*	 .top_img {
    border-radius: 50%;
    margin: 50px 0 30px;
    width: 60%;
}*/



.login_fp a{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 12px; }
	.login_fp{color:#fff; text-decoration:none; font-size:13px; font-weight:300; padding: 8px 3px; }
/*.menuicon { margin-left: 11px;
    margin-top: 60px;}*/

	
	.remain_del img { width:10%}
	.report_list img{width:auto;}

}

 @media only screen and (min-width:768px) {
	 .codefont {font-size:15px;}
	 .code_ct div {text-align:left; font-size:13px;margin-bottom:5px;}
	 .edit {
    background-color: none;
    border: 1px solid #454545;
    border-radius: 4px;
    padding: 2px;
    font-size: 12px !important;
    overflow: hidden;
    float: left;
    margin: 0 -50px 0px 21px;
    width: 65px;
    height: 25px;
    overflow: hidden;
}
	 .g_t1 {font-size:28px !important}
/*.d_main {
    border-bottom: 1px solid #555456;
    float: left;
    height: 150px;
    padding: 30px 25px;
    width: 53%;
}*/
.d_main {
    border-bottom: 1px solid #DADADA;
    float: left;
    height: 150px;
    padding: 17px 25px;
    width: 53%;
}
.goal_cbg {
    background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    float: none;
    font-size: 16px;
    margin: 4px auto;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
 }
 .goal_bt1 { margin-top: 30px; padding: 15px 0; right: 20px;}
 .goal_sec1 { background: #333 url("../images/sleect_arrow1.png") no-repeat scroll 100% center !important;}
 .tp_h1 {margin:80px 0; font-size:26px;}
  .tp_j_h1 {margin:00px 0; font-size:26px;}
 .ass_intxt {margin:30px 0 0; padding:0; float:left;}
 .work_t1 {margin: 12px 0;
    text-align: center;}
	.journals_cbg {
    background: rgba(0, 0, 0, 0) url("../images/goal_cbg.png") repeat-x scroll 0 0;
    color: #fff;
    font-size: 16px;
    margin: 2px 0;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.journal_icon {width:auto;}

.mail_unread {
 font-size: 14px;
    margin: 0;
	border-bottom:1px solid #A2AD03}
	.mail_rbg {
 font-size: 14px;
    margin: 0;}
	.res_img { margin: 0 auto;
    text-align: center;
    width: auto;}

	 .menuicon{      color: #fff;
    margin-top: 62px !important;
    width: 42%;
	 }
	 .top_img {
    border-radius: 50%;
    width: 57px;
    margin: 51px 0 0 !important;
}


.cal_icon {
    margin: 66px 0 0 10px !important;
    width: 90%;
}
 }
 
 
 
 /*iphone6*/

 @media only screen and (min-width:375px){.login {min-height:600px !important;} .terms {min-height:667px;}
  .asses { min-height: 667px;}}
 @media only screen and (min-width:360px){ .login{min-height:85% !important;}  .menuicon { color: #fff; margin-top: 29px; margin-left:11px;}
  .top_img { border-radius: 50%; margin: 17px 0 0;}
  .asses {
    background: rgba(0, 0, 0, 0) url("../images/tc_bg.png") no-repeat scroll 0 0 / cover ;
    min-height: 640px;
    padding: 0 0 30px;
}}



 @media only screen and (min-width:412px){ .terms {min-height:690px !important;}
  .asses { min-height: 690px !important;}}
  
  
   @media only screen and (min-width:414px){.terms {min-height:736px !important;}
  .asses { min-height: 736px !important;}}
  
  
   @media only screen and (min-width:480px){.terms {min-height:853px !important;}
  .asses { min-height: 853px !important;}}
  
   @media only screen and (min-width:768px){.terms {min-height:1024px !important;}
  .asses { min-height: 1024px !important;}
  .login {min-height:865px !important;}
  .login_bt {padding:10px 0;}
  .login_fp {padding:13px 3px;} 
  .footer {position:relative !important; bottom:0;}}
  
   @media only screen and (min-width:800px){.login {min-height:865px !important; padding-bottom:0; min-height:100% !important;}
   .footer {position:relative;}
   .login_h {margin-top:15%;}
	   
	   }
	   @media only screen and (min-width:480px) and (max-width:700px){.login {min-height:865px !important; padding-bottom:0; min-height:100% !important;}
   .footer {position:relative;}
   .login_h {margin-top:15%;}
	   
	   }
	   
	   
	   
	   
	    @media only screen and (min-width:375px) and (max-width:375px)
		{
			.login_h {margin-top:40% !important;}
			
			}
			  @media only screen and (min-width:320px) and (max-width:320px)
		{
			.login_h {margin-top:24% !important;}
			
			}
			
				  @media only screen and (min-width:360px) and (max-width:360px)
		{
			.login_h {margin-top:27% !important;}
			
			}
			
			@media only screen and (min-width:412px) and (max-width:414px)
		{
			.login_h {margin-top:53% !important;}
			
			}
					@media only screen and (min-width:768px) and (max-width:768px)
		{
			.login_h {margin-top:48% !important;}
			
			}
					@media only screen and (min-width:1024px) and (max-width:1024px)
		{
			.login_h {margin-top:10% !important;}
			
			}
		
		
		
	   @media only screen and (min-width:768px){  .footer {position:relative !important; bottom:0 !important;}}
  
  @media only screen and (max-width:480px){
	  .header_logo {width:100%;}
	  
	  .work_sheet_bk .work_t2 {
   font-size: 18px;
   margin-top: 17px;
}

  }
  

.modal_green {
    background-color: #b8c30f;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
    min-height: 400px;
    overflow-y: scroll;
}

/* progress bar */
.progressbar {
   
    height: 15px;
    background: url(../images/progress%20bar.png) no-repeat; 
    overflow: hidden;
    padding: 0 0 0 3px;
    width: 100%;
    margin: .6em 0;
   /* border: 1px #000 double;*/
    clear: both;
	background-size:cover;
}

#progress {
    background: #4d9bc3; /*-- Color of the bar --*/
    height: 15px;
    /*width: 50%;*/
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

#pbaranim {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background: url(../images/pr_ani.gif) repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}

<!-- one -->
#progressbar_1 {
   
    height: 15px;
    background:url(../images/progress%20bar.png) no-repeat; 
    overflow: hidden;
    padding: 0 0 0 3px;
    width: 341px;
    margin: .6em 0;
   /* border: 1px #000 double;*/
    clear: both;
}
#progress_1 {
    background: #e08a23; /*-- Color of the bar --*/
    height: 15px;
    width: 30%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

#pbaranim_1 {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background:  url(../images/pr_ani.gif) repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}


<!-- two -->
#progressbar_2 {
   
    height: 15px;
    background:url(../images/progress%20bar.png) no-repeat; 
    overflow: hidden;
    padding: 0 0 0 3px;
    width: 341px;
    margin: .6em 0;
   /* border: 1px #000 double;*/
    clear: both;
}
#progress_2 {
    background: #b7c015; /*-- Color of the bar --*/
    height: 15px;
    width: 70%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

#pbaranim_2 {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background:  url(../images/pr_ani.gif) repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}
.btn-danger {background:#EF3E24;}
.health_scb {background: url(../images/health_score_bgmob.jpg) no-repeat;
    background-size: cover;
    padding: 0 0 30px 0;}
	
	.mail_read {
    background: #798016;
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
}
.modal-content.modal_green h3 {
    font-size: 14px !important;
}

::-webkit-input-placeholder {
    color: #FFF;
}
.modal {
  
    z-index: 9999999999999;
    
}


/* Logo out Modal close Design changes 10-dec-2020 */

#logoutModal .close_logout{
    position: absolute;
    right: 15px;
    background: transparent;
    font-size: 23px;
    top: 14px;
}

/* height changes 10-dec-2020 */

.container-fluid.terms, .container-fluid.asses {
    min-height: 100vh !important;
}