.sma-flex{
	display: flex;
	flex-wrap: wrap;
}
.bg-grey,.page-template-manager-report,.page-template-manager-dashboard,.page-template-manager-personnel{
	background: #F8F8F8;
}
.manager-box{
	height: calc(100vh - 260px);
}
.manager-box .sma-container{
	height: 100%;
}
.manager-list{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.manager-it{
	margin: 0 34px ;
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
	border-radius: 16px;
	padding: 20px;
	min-height: 200px;
	width: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.manager-it h2{
	color: #4A4A4A;
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}
.manager-it h2 a{
	color: #4A4A4A;
	text-decoration: none;
}
.body-inner{
	padding: 19px 0 16px;
}
.body-box{
	margin: 0 -8px;
}
.body-sidebar{
	padding: 0 8px;
}
.body-sidebar-box{
	background: #fff;
	border-radius: 8px;
	padding-bottom:60px;
	position: relative;
	height: 100%;
}
.body-sidebar-box h2{
	padding: 8px 10px;
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.body-tab-title li{
	display: block;
	padding: 10px 30px;
	border: 1px solid #DEDEDE;
	border-top: none;
}
.body-tab-title li:first-child{
	border-top: 1px solid #DEDEDE;
}
.body-tab-title li a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}
.body-export{
	display: block;
	text-align: center;
	color: #0041E1;
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	position: absolute;
	bottom: 17px;
	left: 10px;
	right: 10px;
}
.body-tab-title li.active{
	border: 1px solid #FFA200;
	background: #FCF7EB;
}
.body-tab-content-box{
	background: #fff;
	border-radius: 8px;
	height: 100%;
}
.body-tab-content{
	padding: 0 8px;
}
.body-title{
	padding: 5.1px 10px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.16);
	justify-content: space-between;
	    align-items: center;
}
.body-title h3{
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.body-title .body-print a{
	color: #0041E1;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}
.body-title .body-print img{
	margin-right: 2px;
}
.body-bg{
	padding: 24px 15px 58px;
}
.body-bmi{
	padding: 0 10px 60px;
	align-items: flex-end;
}
.body-bmi-feature{
	width: 160px;
	margin-right: 50px;
}
.body-bmi-info{
	width: calc(100% - 210px);
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	border-radius: 8px;
}
.body-bmi-it{
	border-left: 1px solid #CFCFCF;
	width: 33.33%;
	padding: 8px 15px;
}
.body-bmi-it:first-child{
	border-left: none;
}
.body-bmi-it h4{
	color: #707070;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}
.body-bmi-it h2{
	font-size: 30px;
	font-weight: 700;
	color: #000;
	margin-bottom: 24px;
}
.bmi-sex{
	align-items: flex-end;
	justify-content: space-between;
	font-size: 20px;
	color: #000;
	font-weight: 500;
}
.bmi-sex-it img{
	display: block;
	    margin: 0 auto;
}
.body-height-feature{
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
}
.body-height-info{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	vertical-align: middle;
	text-align: left;
}
.body-height-info .bd-weight-index{
	text-align: center;
	min-width: 58px;
	margin-right: 15px;
	color: #707070;
	display: inline-block;
}
.body-height-info li{
	margin-bottom: 10px;
	display: block;
}
.body-height-it-2 .body-height-info .bd-weight-index{
	margin: 0 0 0 15px;
}
.body-height-it-2{
	text-align: right;
}
.body-weight{
	margin-top: 80px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
}
.body-tab-pane{
	display: none;
}
.body-tab-pane.active{
	display: block;
}
.patient-table td{
	width: 60px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	padding:  5px 9px;
	border-left: 1px solid #DEDEDE;
	height: 60px;
}
.patient-table td:first-child{
	width: calc(100% - 180px);
	text-align: left;
	border-left: none;
}
.patient-table table{
	width: 100%;
	text-align: center;
}
.patient-table th{
	color: #707070;
	font-size: 14px;
	font-weight: 500;
	padding:  6px;
}
.patient-table th img{
	height: 17px;
}
.patient-table tr:first-child{
	box-shadow: none;
	border-radius: 0;
}
.patient-table tr{
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	border-radius: 8px;
	margin-bottom: 22px;
}
.patient-table tr:nth-child(2n+1){
	box-shadow: none;
}
.patient-table tr:nth-child(2n+1) td{
	height: 22px;
}
.patient-table{
	max-height: 520px;
	overflow-y: auto;
	padding: 5px;
}
.patient-table::-webkit-scrollbar, .table-list::-webkit-scrollbar, .manage-right-box::-webkit-scrollbar {
  width: 0;
}
.patient-popup .modal-dialog{
	max-width: 667px;
}
.patient-popup .modal-content{
	border-radius: 16px;
	border:  none;
}
.patient-popup .modal-body{
	padding:  0;
}
.patient-popup .patient-table tr{
	box-shadow: none;
}
.patient-popup .patient-table tr th:first-child{
	text-align: left;
	color: #000;
}
.patient-popup .patient-table td{
	height: auto;
	border:  none;
}
.patient-popup .patient-table{
	border-bottom: 1px solid #CFCFCF;
}
.patient-popup .patient-table th{
	padding:  10px;
}
.table-list{
	padding:  20px 30px;
	max-height: 390px;
	overflow-y: auto;
}
.table-list table{
	width: 100%;
}
.table-list table th{
	height: 37px;
	background: #707070;
	padding: 7px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	border-left: 1px solid #CFCFCF;
}
.table-list table th:nth-child(2){
	text-align: left;
	padding: 7px 10px;
}
.table-list table th:first-child{
	border-left: none;
}
.table-list table th:nth-child(4){
	width: 115px;
}
.table-list table th:nth-child(5){
	width: 125px;
}
.table-list table td{
	height: 32px;
	padding: 5px 10px;
	font-size: 14px;
	color: #000;
	font-weight: 400;
}
.table-list table tr:nth-child(2n) td{
	background: #F8F8F8;
}
.manage-bg{
	margin:  0 -8px;
}
.manage-left{
	padding:  0 8px;
}
.manage-left-box{
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	border-radius: 8px;
	height:100%;
}
.manage-search{
	padding:  11px;
}
.manage-search input{
	width: 100%;
	padding:  11px 37px;
	font-size: 16px;
	color: #CFCFCF;
	background-image: url(../images/manager/seatch.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border:  1px solid #DEDEDE;
	border-radius: 4px;
}
.table-manage-1{
	padding:  5px;
}
.table-manage-1 table th:nth-child(4){
	width: 65px;
}
.table-manage-1 table th{
	padding: 7px 2px;
}
.table-manage-1{
	max-height: calc(600px - 70px);
}
.manage-right{
	padding:  0 8px;
}
.manage-right-box{
	background: #fff;
	border-radius: 8px;
	max-height: 600px;
	overflow-y: auto;
	height: 600px;
	padding-bottom: 20px;
}
.manage-right-box.loading {
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px auto;
}
.manage-detail ul{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #CFCFCF;
	text-align: center;
}
.manage-detail  li{
	display: inline-block;
	width: 20%;
	border-left: 1px solid #CFCFCF;
	padding: 8.5px 10px;
}
.manage-detail  li:first-child{
	border-left: none;
}
.manage-detail  li .mn-detail-title{
	font-size: 12px;
	color: #707070;
	font-weight: 500;
	margin-bottom: 0;
}
.manage-detail  li .mn-detail-number{
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
.manage-result-it{
	margin-top: 25px;
	padding:  0 15px;
}
.test-title{
	padding:  11px 0;
	font-size: 14px;
	font-weight: 500;
	position: relative;
}
.test-title::before{
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #FFA200;
	top:  0;
	content: "";
	width: 283px;
	margin:  0 auto;
}
.result-test table{
	width: 100%;
	border:  1px solid #DEDEDE;
}
.result-test th{
	font-size: 14px;
	font-weight: 500;
	padding:  6px 0;
	height: 53px;
	text-align: center;
	border-left: 1px solid #DEDEDE;
}
.result-test th:first-child, .result-test td:first-child{
	text-align: left;
	border-left: none;
	padding:  6px 15px;
	width: 145px;
}
.result-test-1 th:nth-child(4), .result-test-1 th:nth-child(5){
	width: 180px;
}
.result-test td{
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	font-size: 14px;
	font-weight: 500;
	padding:  6px 10px;
}
.result-test-1 tr:last-child td{
	height: 190px;
}
.result-test-1 td:first-child, .result-test-1 th:first-child{
	width: 215px;
}
.table-manage-1 tr:hover td, .table-manage-1 tr.active td{
	border-top:  1px solid #FFC845;
	border-bottom:  1px solid #FFC845;
	background: rgba(255,200,69,0.33) !important;
}
.table-manage-1 tr {
	cursor: pointer;
}
@media(max-width:  991px){
	.manage-right-box{
		margin-top: 40px;
		    max-height: 100%;
	}
	.body-sidebar{
		margin-bottom: 40px;
	}
}

@media(max-width:  767px){
	.manager-list{
		display: block;
		margin-top: 80px;
	}
	.manager-it{
		margin:  20px 0;
		width: 100%;
		padding:  20px;
		min-height: 150px;
	}
	.manager-box {
    margin-bottom: 0;
    height: auto;
	}
	.manager-it h2{
		font-size: 20px;
	}
	.table-manage-1 table{
		width: 500px;
		overflow-x: auto;
	}
	.result-test-1 th:nth-child(2), .result-test-1 th:nth-child(3){
		width: 150px;
	}
	.manage-detail li{
		width: 50%;
		border-bottom:  1px solid #CFCFCF;
	}
	.manage-detail li:nth-child(2n + 1){
		border-left: none;
	}
	.manage-detail ul{
		justify-content: center;
		border:  1px solid #CFCFCF;
		background: #fff;
	}
	.manage-detail li:last-child{
		border:  none;
	}
	.manage-right-box{
		border-radius: 0;
		background: transparent;
	}
	.manage-result-it{
		padding:  0;
	}
	.result-test{
		background: #fff;
	}
	.result-test-1{
		overflow-x:  auto;
	}
	.result-test-1 table{
		min-width: 500px;
		overflow-x: scroll;
	}
	.body-bmi-feature {
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	    margin: 0 0 30px;
	}
	.body-bg {
	    padding: 24px 10px 58px;
	}
	.body-bmi-info{
		width: 100%;
	}
	.body-bmi-it{
		width: 100%;
	    border-top: 1px solid #CFCFCF;
	    border-left: none;
	}
	.body-bmi-it:first-child{
		border: none;
	}
	.body-bmi-it h2{
		margin-bottom: 5px;
	}
	.body-height-it{
		margin-bottom: 20px;
		text-align: center;
	}
	.body-bmi{
		padding-bottom: 30px;
	}
	.body-weight{
		margin-top: 30px;
	}
	.body-height-feature{
		margin: 0 10px;
	}
	.patient-popup .table-list{
		padding: 20px;
	}
	.patient-popup .table-list table th:nth-child(4) {
	    width: 60px;
	}
	.patient-popup .table-list table{
		display: flex;
	}
	.patient-popup .table-title th, .patient-popup .table-title td{
		display: block;
	}
	.patient-popup .table-title tr{
		display: inline-block;
		width: 50%;
		vertical-align: bottom;
	}
	.patient-popup .table-title th{
		text-align: left;
		padding:  5px;
	}
	.patient-popup .table-title td{
		padding: 10px;
		padding:  5px;
	}
	.patient-popup .table-list table{
		width: 400px;
		overflow-x: auto;
	}
	.patient-popup .table-list{
		max-height: 320px;
	}
	.patient-popup .modal-dialog{
		margin: 20px;
	}
	.patient-table{
		padding: 10px;
	}
}

@media(max-width:360px){
	.manager-it h2 {
    font-size: 16px;
	}
	.body-bmi-info{
		width: 100%;
	}
}