@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body, html{
	font-size: 13px;
	line-height: 20px;
	background-color: #fff;
}
body{
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif; 
	/*font-family: 'Open Sans', sans-serif;*/
}
body.login-page {
		background: #f4f4f4 none repeat scroll 0 0;
}
a, button, img, object,
a:hover, a:active, a:focus{
	outline: 0;
}
a{
	color: #005ca1;
	text-decoration: none;
	-webkit-transition: color .4s ease 0s;
			transition: color .4s ease 0s;
}
a:hover, a:active, a:focus{
	color: #0085e8;
}
sub, sup {
	font-size: 60%;
}
input::-moz-focus-inner{
	border: 0;
}
input[type="checkbox"]{
	cursor: pointer;
}
p{
	margin-bottom: 10px;
}
legend{
	padding: 0;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #999;
}
.input-xs {
    border-radius: 3px;
    font-size: 11px;
    height: 22px;
    line-height: 1.5;
    padding: 2px 10px;
}
.control-label.label-xs{
	padding-top: 0px;
	font-size: 12px;
	line-height: 22px;
}
.form-control-static.form-control-static-xs{
	font-size: 12px;
	min-height: 22px;
	padding: 0;
}
.btn{
	font-weight: bold;
}
.btn-xs{
	font-size: 11px;
	padding: 2px 10px;
}
.btn-default{
	background: #f0f0f0;
}
.btn-link{
	background: transparent;
	border: none;
	padding: 0;
}
.scrollable{
	overflow: auto;
}
.border-1{
	border: 1px solid #005ca1;
}
.error{
	color: #fc0000;
	font-weight: 600;
	font-size: 16px;
}
.success{
	color: #00bc00;
	font-weight: 600;
	font-size: 16px;
}
hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.relative{
	position: relative;
}
.box-footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid;
}
.bg-light{
	background: #f0f9ff;
	color: #333;
	border-color: #d9ecff;
}
.link{
	color: #005ca1;
	cursor: pointer;
}
.link:hover{
	text-decoration: underline;
}
#loading_overlay{
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: none;
}
.loading{
	position: fixed;
	z-index: 9999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}
.loading:before{
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.loading:not(:required){
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*HELPERS*/
/*MARGIN HELPER*/
.mg0{margin: 0px !important;}.mt0{margin-top: 0px !important;}.mr0{margin-right: 0px !important;}.mb0{margin-bottom: 0px !important;}.ml0{margin-left: 0px !important;}
.mg5{margin: 5px !important;}.mt5{margin-top: 5px !important;}.mr5{margin-right: 5px !important;}.mb5{margin-bottom: 5px !important;}.ml5{margin-left: 5px !important;}
.mg10{margin: 10px !important;}.mt10{margin-top: 10px !important;}.mr10{margin-right: 10px !important;}.mb10{margin-bottom: 10px !important;}.ml10{margin-left: 10px !important;}
.mg15{margin: 15px !important;}.mt15{margin-top: 15px !important;}.mr15{margin-right: 15px !important;}.mb15{margin-bottom: 15px !important;}.ml15{margin-left: 15px !important;}
.mg20{margin: 20px !important;}.mt20{margin-top: 20px !important;}.mr20{margin-right: 20px !important;}.mb20{margin-bottom: 20px !important;}.ml20{margin-left: 20px !important;}
.mg25{margin: 25px !important;}.mt25{margin-top: 25px !important;}.mr25{margin-right: 25px !important;}.mb25{margin-bottom: 25px !important;}.ml25{margin-left: 25px !important;}
.mg30{margin: 30px !important;}.mt30{margin-top: 30px !important;}.mr30{margin-right: 30px !important;}.mb30{margin-bottom: 30px !important;}.ml30{margin-left: 30px !important;}
.mg50{margin: 50px !important;}.mt50{margin-top: 50px !important;}.mr50{margin-right: 50px !important;}.mb50{margin-bottom: 50px !important;}.ml50{margin-left: 50px !important;}
.mg100{margin: 100px !important;}.mt100{margin-top: 100px !important;}.mr100{margin-right: 100px !important;}.mb100{margin-bottom: 100px !important;}.ml100{margin-left: 100px !important;}
/*PADDING HELPER*/
.pg0{padding: 0px !important;}.pt0{padding-top: 0px !important;}.pr0{padding-right: 0px !important;}.pb0{padding-bottom: 0px !important;}.pl0{padding-left: 0px !important;}
.pg5{padding: 5px !important;}.pt5{padding-top: 5px !important;}.pr5{padding-right: 5px !important;}.pb5{padding-bottom: 5px !important;}.pl5{padding-left: 5px !important;}
.pg10{padding: 10px !important;}.pt10{padding-top: 10px !important;}.pr10{padding-right: 10px !important;}.pb10{padding-bottom: 10px !important;}.pl10{padding-left: 10px !important;}
.pg15{padding: 15px !important;}.pt15{padding-top: 15px !important;}.pr15{padding-right: 15px !important;}.pb15{padding-bottom: 15px !important;}.pl15{padding-left: 15px !important;}
.pg20{padding: 20px !important;}.pt20{padding-top: 20px !important;}.pr20{padding-right: 20px !important;}.pb20{padding-bottom: 20px !important;}.pl20{padding-left: 20px !important;}
.pg25{padding: 25px !important;}.pt25{padding-top: 25px !important;}.pr25{padding-right: 25px !important;}.pb25{padding-bottom: 25px !important;}.pl25{padding-left: 25px !important;}
.pg30{padding: 30px !important;}.pt30{padding-top: 30px !important;}.pr30{padding-right: 30px !important;}.pb30{padding-bottom: 30px !important;}.pl30{padding-left: 30px !important;}
.pg50{padding: 50px !important;}.pt50{padding-top: 50px !important;}.pr50{padding-right: 50px !important;}.pb50{padding-bottom: 50px !important;}.pl50{padding-left: 50px !important;}
.pg100{padding: 100px !important;}.pt100{padding-top: 100px !important;}.pr100{padding-right: 100px !important;}.pb100{padding-bottom: 100px !important;}.pl100{padding-left: 100px !important;}
/*FONTSIZE HELPER*/
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs24{font-size: 24px !important;}
.fs30{font-size: 30px !important;}
.fs36{font-size: 36px !important;}
/*FONTWEIGHT HELPER*/
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
/*WIDTH HELPER*/
.w20{width: 20px !important;}
.w30{width: 30px !important;}
.w50{width: 50px !important;}
.w100{width: 100px !important;}
.w150{width: 150px !important;}
.w200{width: 200px !important;}
.w250{width: 250px !important;}
.w300{width: 300px !important;}
.w320{width: 320px !important;}
.fwd{width: 100% !important;}
/* MAX WIDTH HELPER */
.mw20{max-width: 20px !important;}
.mw40{max-width: 40px !important;}
.mw30{max-width: 30px !important;}
.mw500{max-width: 500px !important;}
/*HEIGHT HELPER*/
.h20{height: 20px !important;}
.h30{height: 30px !important;}
.h50{height: 50px !important;}
.h100{height: 100px !important;}
.h150{height: 150px !important;}
.h200{height: 200px !important;}
.h250{height: 250px !important;}
.h300{height: 300px !important;}
.h320{height: 320px !important;}
.h400{height: 400px !important;}
.h450{height: 450px !important;}
.h500{height: 500px !important;}
.fhg{height: 100% !important;}
/* FONT STYLE HELPER */
.text-upper{text-transform: uppercase;}
.text-bold{font-weight: bold;}
.text-italic{font-style: italic;}
.text-red{color: #f00}

/* TABLE STYLE */
.table-style1{}
.table-style1 th{
	background: #005ca1;
	color: #fff;
	text-align: center;
}
.table-style1 > tbody > tr:nth-of-type(2n+1){
	background: transparent;
}
.table-style1 > tbody > tr:nth-of-type(2n){
	background: #d9e8f7;
}
.table-style1.table-bordered > thead > tr > th,
.table-style1.table-bordered > thead > tr > td,
.table-style1.table-bordered > tbody > tr > td,
.table-style1.table-bordered > tfoot > tr > td{
	border-color: #bc8f8f;
}
.table-style1 > tbody > tr:hover{
	background: #ccddff;
	cursor: pointer;
}
.table-style1 > tbody > tr.selected{
	background: #3698e1;
	font-weight: bold;
}

/*LOGIN PAGE*/
#content_login{
	padding: 25px 20px 50px 21px;
}
#login{
	margin: 5% auto 8%;
	position: relative;
	width: 100%;
}
#login h2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#loginError:not(:empty){
	color: #fc0000;
}
.admin-form{
	color: #626262;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
}
.admin-form .panel{
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	position: relative;
	border-radius: 0;
}
.panel-footer, .panel-heading{
	padding: 10px 15px;
	border-color: #e2e2e2;
	color: #fff;
	height: 46px;
	line-height: 26px;
}
.panel-heading{
	background: #005ca1;
}
.section{
	margin-bottom: 22px;
}
.field,
.gui-input,
.gui-btn{
	color: #626262;
	font-size: 13px;
	font-weight: 400;
	margin: 0;
	outline: medium none;
}
.field{
	display: block;
	position: relative;
}
.gui-input{
	padding: 5px 10px 5px 36px;
	width: 100%;
	height: 36px;
	border: 1px solid #ccc;
}
.field-icon{
	color: #bbb;
	height: 36px;
	width: 36px;
	line-height: 36px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 4;
	margin-bottom: 0;
	-webkit-transition: all .5s ease-out 0s;
	   -moz-transition: all .5s ease-out 0s;
	    -ms-transition: all .5s ease-out 0s;
	     -o-transition: all .5s ease-out 0s;
	        transition: all .5s ease-out 0s;
}
.gui-input:focus{
	border-color: #5d9cec;
	color: #3c3c3c;
}
.gui-input:focus + .field-icon .fa{
	color: #4a89dc;
}
.gui-btn{
	background: #fafafa;
	border: 1px solid #ccc;
	padding: 5px 15px;
	font-weight: bold;
}
.gui-btn:hover{
	background: #f2f2f2;
}


#header{
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	position: relative;
	height: 63px;
}
.head-flex-0, .head-flex-1{
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 100%;
}
.head-flex-0{
	flex: 0 0 auto;
}
.head-flex-1{
	flex: 1 1 auto;
}
.search-box{
	padding: 14px 0 0 0;
	max-width: 600px;
}
.search-box .form-control{
	height: 38px;
	border-radius: 2px 0 0 2px;
	color: #000;
	background: #fff;
	font-size: 16px;
	box-sizing: border-box;
	line-height: 23px;
	border: 1px solid #d9d9d9;
	border-top-color: #c0c0c0;
	padding: 3px 6px 1px 8px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.search-box .form-control:focus{
	outline: none;
	border-color: #4d90fe;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
}
.search-box .btn{
	background: #4d90fe;
	color: #fff;
	z-index: 1;
	box-sizing: border-box;
	font-size: 16px;
	cursor: pointer;
	line-height: normal;
	padding: 0 8px;
	border:  1px solid rgba(0,0,0,.1);
	text-align: center;
	-moz-user-select: none;
	user-select: none;
	min-width: 36px;
	border-radius: 0 2px 2px 0;
	height: 38px;
	width: 40px;
}
.search-box .btn:focus{
	z-index: 2;
	outline: none;
}
.search-box .btn:active{
	background: #357ae8;
	color: #fff;
}
.search-icon{
	width: 55px;
	margin: 1px;
}
.language-select{
	padding: 19px 16px;
}
.search-icon{
	cursor: pointer;
}
.search-icon .fa{
	font-size: 21px;
	width: 21px;
	height: 21px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10.5px 0 0 -10.5px;
	opacity: .55;
}
.search-icon:hover .fa{
	opacity: .75;
}
#loginBtn{
	padding: 23px 16px;
	text-transform: uppercase;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444;
}

#header.hd_h .search-box, #header.hd_s .search-icon{
	display: none;
}

#content{
	padding: 16px 0;
}

.basic-information{
	margin-bottom: 20px;
	overflow: hidden;
}
.personal-image{
	float: left;
	width: 128px;
	height: 128px;
	text-align: center;
}
.personal-image .avatar{
	display: block;
	background-color: #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.personal-image .avatar img{
	max-width: 100%;
	max-height: 100%;
}
.personal-data{
	margin: 0 16px 0 144px;
	color: #222;
	padding-left: 20px;
}
.personal-data .fullname{
	font-size: 22px;
	padding: 3px 0 8px 0;
	line-height: 24px;
	word-wrap: break-word;
	margin: 0;
}
.meta-detail{
	font-size: 15px;
	line-height: 18px;
	padding: 1px 0;
	display: block;
	overflow: hidden;
}
.meta-detail > *{
	float: left;
}
.meta-detail > strong{
	margin-right: 5px;
}
.info-section{
	margin-bottom: 20px;
}
.section-title{
	font-size: 18px;
	padding: 3px 0 8px 0;
	line-height: 24px;
	margin: 0;
	color: #3983fe;
	border-bottom: 2px solid #3983fe;
	margin-bottom: 8px;
}
.sub-title{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.title{
	color: #1a0dab;
	font-size: 14px;
	padding: 8px 0;
}
.title_gray{
	color: #777;
}

@media screen and (max-width: 767px){
	.personal-image, .personal-data{
		display: block;
		float: none;
	}
	.personal-image{
		text-align: center;
		margin: 5px auto;
	}
	.personal-data{
		padding: 10px;
		margin: 0
	}
}

.btn-google-singin{
	width: 100%;
	text-align: center;
	background: #dd4b39;
	color: #fff;
}
.monhoc_content img{
	max-width: 100% !important;
	height: auto !important;
}