@font-face {
    font-family:Prompt;
    src: url('../fonts/Prompt-Regular.ttf');
}

@font-face {
    font-family:Sarabun;
    src: url('../fonts/Sarabun-Regular.ttf');
}

* {
    font-family:Prompt;
}

div#DivIdToPrintCOP *:not(i),
div#DivIdToPrint * {
	font-family:Sarabun !important;
}

div#footer_part{
	font-size:18px;
}

html {
	
	background-color: #007ea7;
	background-image: linear-gradient(315deg, #007ea7 0%, #f5f7f7 74%);
	background-position: top left;
	background-size:100% 100%;
	min-height:100%;

}

.logout-link {
	font-size:23px;
	text-decoration:underline;
}

.fa {
	margin-right:10px;
}

div#example_filter, div#example_length {
	margin-bottom:20px;
}

.footer_stick {
	position: fixed;
	bottom: 10px;
	max-width: 540px;
	width: 110%;
	background-color: #f5f5f5;
	margin-left: 0;
}

p.title {
	margin-bottom:0 !important;
}

.sing-img {width:100px; height:100px;display: block;margin:0px auto;}

/* =============================================================== */

.bob_com {
	background-color:#E8E8E8;
	padding:20px;
	border-radius:20px;
	width:100%;
	max-width:765px;
}

.bob_com table {
	background-color: transparent;
}

.bob_com table td {
	vertical-align:middle;
}

.form_titles {
	font-size: 25px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.file_up_load {
	width: 20px;height: 20px;margin-top: 8px;display: block;margin-right: 7px; margin-left:10px;
}

.ok_com_btn {
	text-align: right;max-width: 770px;margin-top: 20px;
}

.menu_link ul.menu-list li a {
	font-size: 20px;
	margin-left: 25px;
	color: #2a5c73;
	border-radius:20px 0 0 20px;
}

.menu_link ul.menu-list li a.is-active {
	color: #fff;
	background-color:#2291c8;
	border-radius:20px 0 0 20px;
}

div.file label.file-label span.file-name {
	max-width:120px;
}

.content-wrapper {
	margin-top: 10px;
	box-shadow: 0px -10px 30px #adf4fb;
	background-color: #fff;
	border-radius: 20px 0 0 0;
	padding: 20px 40px 40px 40px !important;
	margin-bottom: 0px;
}

td {
	/*vertical-align: middle !important;*/
}

nav a.navbar-item.is-active {
	color: #3e8ed0 !important;
}

/*================== fix Calendar ===============*/

.Zebra_DatePicker_Icon_Wrapper {
	width: 100% !important;
}