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

html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

*{
	box-sizing:border-box;
}

form{
	height:100%;
}

.app_login_container{
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:auto;
	background-color:#fff;
}

.app_login_container .box{
	display:flex;
	flex-direction:column;
}

.app_login_container .box.app_login_top{
	height:40%;
	min-height:300px;
	overflow:hidden;
	background:url(/images/care_bg.jpg) center top no-repeat;
	background-size:cover;
	padding:0px 3vmin 10px 3vmin;
	vertical-align:bottom;
}

.app_login_container .box.app_login_content .form_item{
	margin-bottom:1vmin;
}

.app_login_container .box.app_login_content .form_item input{
	font-family:"HelveticaNeue", sans-serif;
	border:2px solid #17b9bb;
	font-size:8vmin;
	display:block;
	width:100%;
	color:#415c75;
	padding:2vmin 4vmin;
}

.app_login_container .box.app_login_content{
	display:block !important;
	padding:0px 3vmin 10px 3vmin;
	font-size:3vmin;
	color:#043433;
}

.app_login_container .box.app_login_content .gdpr{
	margin-bottom:5vmin;
	margin-top:2vmin;
}

.app_login_container .box.app_login_content .gdpr a{
	color:#69bfb4;
	text-decoration:underline;
}

.app_login_container .box.app_login_content h1{
	font-family:"HelveticaNeueCN", sans-serif;
	color:#69bfb4;
	font-size:6vmin;
	margin:0.5px 0px 1.5vmin 0px;
}

.app_login_container .box.app_login_content h2{
	font-family:"HelveticaNeueCN", sans-serif;
	color:#69bfb4;
	font-size:5vmin;
	margin:0px 0px 1.5vmin 0px;
}

.app_login_container .box.app_login_content a.button{
	font-family:"HelveticaNeueCN", sans-serif;
	font-size:5vmin;
	padding:3vmin 15vmin;
	color:#fff;
	display:inline-block;
	text-align:center;
}

.app_login_container .box.app_login_content a.button.yellow{
	background-color:#fbc915;
	color:#415c75;
	font-weight:bold;
}

.app_login_container .box.app_login_content a.button.turquoise{
	background-color:#69bfb4;
}

.app_menu a{
	font-family:"HelveticaNeueCN", sans-serif;
	display:block;
	background-color:#66c7c9;
	font-size:4.5vmin;
	margin-bottom:1vmin;
	color:#fff;
	font-weight:bold;
}

.app_menu a span:nth-child(1){
	text-align:center;
	vertical-align:middle;
	height:15vmin;
	width:16vmin;
	display:table-cell;
	border-right:1vmin solid #fff;
}

.app_menu a span:nth-child(2){
	display:table-cell;
	vertical-align:middle;
	padding-left:2vmin;
}

.app_menu a:nth-child(1) span:nth-child(1){
	background-color:#b0deda;
}

.app_menu a:nth-child(2) span:nth-child(1){
	background-color:#f8de73;
}

.app_menu a:nth-child(3) span:nth-child(1){
	background-color:#fbc915;
}

.app_menu a:nth-child(4) span:nth-child(1){
	background-color:#7188a0;
}

.app_menu a:nth-child(5) span:nth-child(1){
	background-color:#4f6982;
}

.app_menu a:nth-child(6) span:nth-child(1){
	background-color:#415c75;
}

.app_menu a span img{
	height:8vmin;
	width:auto;
	vertical-align:middle;
}

.app_menu .sub_menu{
	display:none;
	margin-top:-1vmin !important;
}

.app_menu .sub_menu .sub_left{
	text-align: center;
	vertical-align: middle;
	width: 16vmin;
	display: table-cell;
	border-right: 1vmin solid #fff;
	background-color:#415c75;
	border-bottom:1vmin solid #fff;
}

.app_menu .sub_menu .sub_right{
	display: table-cell;
	margin-bottom:1vmin;
}

.app_menu .sub_menu a{
	background:none;
	color:#415c75;
	border-bottom:1px solid #415c75;
	padding:2.5vmin 3.5vmin;
}

.app_menu .sub_menu a:nth-last-child(1){
	border:none !important;
}

.app_login_container .box.app_login_top h1{
	font-family:"HelveticaNeueCN", sans-serif;
	color:#415c75;
	font-size:8.8vmin;
	margin:0px 0px 0px 0px;
}

.app_login_container .box.app_login_top h2{
	font-family:"HelveticaNeueCN", sans-serif;
	color:#415c75;
	font-size:6vmin;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}