@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;
	    overflow-x: hidden;
	}
	
	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: #f3f5f8 !important;
	}
	
	.container {
	    padding-left: 9%;
	    padding-right: 9%;
	}
	
	.navbar {
	    border-radius: 0 !important;
	    background: rgb(33, 45, 65) !important;
	    margin: 0 0 15px;
	}
	
	.navbar-toggle {
	    border-radius: 0 !important;
	}
	
	.navbar-nav a,
	.navbar-nav>li>a {
	    line-height: 35px;
	    color: #fff !important;
	}
	
	.nav>li>a:focus,
	.nav>li>a:hover {
	    background: 0 0;
	    color: #03d8dc !important;
	}
	
	.navbar-header img {
	    height: 65px;
	    margin-left: 10px
	}
	
	.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%;
	}
	
	.header-col {
	    min-width: 120px;
	}
	
	.hr-line {
	    margin: 15px -15px;
	    height: 1px;
	    background: #3598dc;
	}
	
	.cursor {
	    cursor: pointer;
	}
	
	.label-title {
	    color: #1f2b3d;
	    font-size: 15px;
	}
	
	.content-text {
	    word-spacing: 3px;
	}
	
	.bg-white {
	    background: #fff;
	}
	
	.text-success {
	    color: #28a745 !important;
	}
	
	.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;
	}
	
	.no-pl {
	    padding-left: 0 !important;
	}
	
	.margin-top-5 {
	    margin-top: 5px;
	}
	
	.margin-top-10 {
	    margin-top: 10px;
	}
	
	.margin-top-15 {
	    margin-top: 15px;
	}
	
	.margin-bottom-5 {
	    margin-bottom: 5px;
	}
	
	.margin-bottom-10 {
	    margin-bottom: 10px;
	}
	
	.margin-bottom-15 {
	    margin-bottom: 15px;
	}
	
	.margin-bottom-20 {
	    margin-bottom: 20px;
	}
	
	.margin-left-15 {
	    margin-left: 15px;
	}
	
	.margin-right-15 {
	    margin-right: 15px;
	}
	
	.center-block {
	    display: table;
	}
	
	.btn {
	    border-radius: 0 !important;
	    padding: 10px 25px !important;
	}
	
	.d-center {
	    display: flex;
	    justify-content: center;
	}
	
	.relative {
	    position: relative;
	}
	
	.img-access {
	    position: absolute;
	    z-index: 1;
	    top: 40%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 70%;
	}
	
	.table>thead>tr>th {
	    border-bottom: 1px !important;
	}
	
	.table-responsive>.table>tbody>tr>td {
	    white-space: normal !important;
	}
	
	.table-responsive,
	.table>thead>tr>th,
	.table>tbody>tr>td {
	    border-color: #3598dc !important;
	}
	
	.table-responsive>.table>thead>tr {
	    background: #3598dc !important;
	    color: #fff !important;
	}
	
	.font-22 {
	    font-size: 22px !important;
	}
	
	@media (max-width: 967px) {
	    .app-logo {
	        padding-top: 15px;
	    }
	    .container {
	        padding-left: 7px;
	        padding-right: 7px;
	    }
	    .container-fluid {
	        padding-left: 3px;
	        padding-right: 3px;
	    }
	}
	
	@media (max-width: 767px) {
	    .err-div img {
	        width: 80px;
	    }
	    .app-logo {
	        padding-top: 15px;
	    }
	    .navbar-nav>li>a {
	        line-height: 25px;
	    }
	    .navbar-header img {
	        height: 50px;
	    }
	    .header-col {
	        min-width: 80px;
	    }
	    .btn {
	        padding: 7px 14px !important;
	    }
	}
	
	@media (max-width: 390px) {
	    .err-div {
	        font-size: 16px !important;
	    }
	    .err-div img {
	        width: 70px !important;
	    }
	}
	
	.err-div {
	    position: sticky;
	    width: calc(100% - 60px);
	    height: 150px;
	    border: 1px solid #777;
	    background: #fff;
	    padding: 10px;
	    margin: 20px auto;
	    z-index: 10;
	    display: flex;
	    font-size: 18px;
	    align-items: center;
	    justify-content: center;
	}
	
	.text-bold {
	    font-weight: 700 !important;
	}
	
	.text-blue {
	    color: #3598dc;
	}
	
	.text-blue:hover {
	    color: #217ebd;
	}
	
	.text-danger {
	    color: #dc3545!important
	}
	
	.text-danger:hover {
	    color: #d05454;
	}
	
	.text-warning {
	    color: #ffc107!important
	}
	
	.text-warning:hover {
	    color: #F7CA18;
	}
	
	.text-white {
	    color: #fff;
	}