@font-face {
	font-family: "UTM Avo";
	src: url(../fonts/UTM-Avo.ttf)
}
@font-face {
	font-family: "UTM Avo";
	src: url(../fonts/UTM-AvoBold.ttf);
	font-weight: bold
}
@font-face {
	font-family: "UTM Avo";
	src: url(../fonts/UTM-AvoItalic.ttf);
	font-style: italic
}
@font-face {
	font-family: "UTM Avo";
	src: url(../fonts/UTM-AvoItalic.ttf);
	font-style: italic;
	font-weight: bold
}
html, body {		
	position: relative;
	font-family: "UTM Avo" !important;		
	width: 100% !important;
	height: 100% !important;
	font-size: 14px;
	display: inline-block;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, ul {
	
	font-family: "UTM Avo", Arial, "Segoe UI", "Courier New", Courier !important;
	vertical-align: baseline
}
.bg-page {
	background-image: url('/assets/images/background.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	overflow: hidden;
	position: relative;
}
.div-info{
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	background-color: #449e13;
	border: 1px solid #449e13;
	border-radius: 16px;
	width: 600px;
	min-height: 730px;
	z-index: 1;
	padding: 3rem;
}
.div-info h3.header-text{
	color: #fff000;
	letter-spacing: 1.5px;
}
.text-result-success{
	color: #c8fb5b;
}
.div-info .text-error{
	color: #d23030;
}
.div-info label{
	color: #fff;
}
.div-info a,.div-info a:hover {
	color: #fff;
	text-decoration: underline;
}
.div-info .row-span{
	margin-top: 20px;
}
.header-link {
	display: inline-block;
	text-decoration: none;
}
.header-link::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #03d8dc;
	transition: width .3s;
}
.header-link:hover::after {
	width: 100%;/* transition: width .3s; */
}
.header-col {
	min-width: 120px/* text-transform: uppercase;
			   font-weight: bold;*/		   
}
.hr-line{
	margin: 15px -15px;
}
.cursor{
	cursor: pointer;
}
footer {
	/*background-color: #555;
			color: white;*/
	padding: 15px;
	text-indent: 5px;
	letter-spacing: 2px;
}
.label-title{
	color: #1f2b3d;
	font-size: 15px;
}
.content-text{
	word-spacing: 3px;
}
.bg-white {
	background: #fff;
}
.padding-top-5
{
	padding-top: 5px;
}
.padding-top-10
{
	padding-top: 10px;
}
.padding-top-15
{
	padding-top: 15px;
}
.padding-bottom-15
{
	padding-bottom: 15px;
}
.padding-left-5
{
	padding-left: 5px;
}
.margin-top-5
{
	margin-top: 5px;
}
.margin-top-10
{
	margin-top: 10px;
}
.margin-top-15
{
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-bottom-5
{
	margin-bottom: 5px;
}
.margin-bottom-10
{
	margin-bottom: 10px;
}
.margin-bottom-15
{
	margin-bottom: 15px;
}
.margin-left-15
{
	margin-left: 15px;
}
.center-block{
	display: table;		
}
.btn{
	border-radius: 3 !important;
	padding: 8px 16px !important;	
}
.btn.register{
	background: #fff000 !important;
	color: #d23030 !important;	
	letter-spacing: 1.2px;
}
.btn.view-info {
	margin-left: 8px;
	background: #daffa0 !important;
	color: #449e13 !important;	
	letter-spacing: 1.1px;
}
.d-center{
	display: flex;
	justify-content: center;
}

.box-title{
  padding:15px 15px 0px;  
  color: #337ab7;
	font-weight: 700;
}
.box-content{
  padding:8px 15px 5px;  
}
.box-item{
  margin-bottom:7px;
}
/*End timeline*/


@media (max-width: 768px) {
	.div-info .row-span {
		margin-top: 6px;
	}
}
@media (max-width: 480px) {
	.div-info {		
		right: unset;
		left: 5px;
		min-width: calc(100vw - 10px);
		width: unset;
		overflow: auto;
		max-height: calc(100vh - 150px);
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
.btn.view-info {
	margin-left: 0;
	margin-top: 0;
}
}
@media (max-width: 400px) {
	.btn.view-info {
			margin-left: 0;
			margin-top: 8px;
		}
}
/*start error div*/
.err-div {
	position: sticky;
	width: 280px;
	height: 155px;
	border: 2px solid #26344B;
	background: #fff;
	padding: 10px;
	margin: 30px auto;
	/*
	-webkit-box-shadow: 0px 35px 44px -22px rgba(0,0,0,0.72);
	-moz-box-shadow: 0px 35px 44px -22px rgba(0,0,0,0.72);
	box-shadow: 0px 35px 44px -22px #1f181b;*/
	z-index: 10;
}
.div-hidden {
	display: none;
}		
/*end error*/
.text-bold{
	font-size: 700;
}
.text-blue {
  color: #3598dc;
}
.text-blue:hover{
	color:#217ebd;
}
.text-danger{
	color: #e35b5a; 
}
.text-danger:hover{
	color: #d05454; 
}
.text-warning{
	color:#ec971f;
}
.text-warning:hover{
	color:#F7CA18;
}
.text-white{
	color: #fff;
}
.select2-container--default .select2-selection--single {
	height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px !important;
}