*, *:before, *:after {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
/*
	 -khtml-user-select: none;
	     -o-user-select: none;
*/
}
html, body {
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*
	font-family: Open Sans, Arial, "sans-serif";
	font-family: Gotham,    "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
*/
	font-size: 14px;
	text-align: left;
	color: #787C81;
}
body { /*display:none;*/ }

ul,ol {list-style:none;}
fieldset,img,hr {border:0px;}
caption,th {text-align:left;}
table {border-collapse:separate; border-spacing:0;}
td {padding:0px;}
a {outline:none; text-decoration:none;}
a:link, a:visited, a:hover, a:active, a:focus, input:focus  {outline:none;}
/*button::-moz-focus-inner {border:0; outline:none !important;}
button {
	padding:0;
	margin:0;
	border:0;
}*/
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:0; padding:0;}
button,input,optgroup,select,textarea{line-height:1;}

input[type="date"], input[type="time"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

img { /*vertical-align: middle; line-height:0;*/ display:block; }

h1 {
	margin: 6px 0 24px 0;
	font-size: 24px;
	font-weight: 500;
	text-align:center;
/*	color: #999C9D;*/
/*background-color: darkkhaki;*/
}
h2 {
	font-size:20px;
}

.overlay_load_inner { width: 48px; margin: 0 auto; }
@media only screen and (min-width: 240px) { .overlay_load_inner { width: 200px; } }
.overlay_loader {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-top: 24px;
	border: 16px solid rgba(0,84,255,0.1);
	-webkit-border-radius: 50%; border-radius: 50%;
	border-top-color: #4272D7;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}
@media only screen and (min-width: 240px) { .overlay_loader { width: 200px; height: 200px; margin-top: 48px; } }
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes         spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

#body_wrapper {
	width: 100%;
	min-height: 100vh;
/*background-color: aquamarine;*/
}
#body_header {
	z-index: 0;
/*background-color: wheat;*/
}
#body_tbar {
/*display: none;*/
	z-index: 9998;
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	padding: 8px 24px 8px 8px;
	color: white;
	background-color: #093B61;
	/* -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.5);  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.5); */
}
#body_page {
	background-color: #F5F5F5;
}
#page_content {
	z-index: 9982;
	padding: 8px;
/*background-color: lightcoral;*/
}
#body_footer {
	z-index: 9990;
	padding: 4px 6px 8px 6px;
	background-color: #093B61;
	color: #EBEBED;
	/* -webkit-box-shadow: 0px -2px 5px 2px rgba(0,0,0,0.5);  box-shadow: 0px -2px 5px 2px rgba(0,0,0,0.5); */
}

.user_info_fullname {
	display: none;
	padding: 0 8px;
	font-size:20px;
	font-weight:bold;
	text-align: center;
	color: beige;
	text-shadow: 1px 1px #000;
}
@media only screen and (min-width: 992px) { .user_info_fullname { display: block; } }

.box_100pc { width: 100%; background-color: lavender; }


.font_bold { font-weight:bold; }

.font_size_10 { font-size:10px; }
.font_size_11 { font-size:11px; }
.font_size_12 { font-size:12px; }
.font_size_13 { font-size:13px; }
.font_size_14 { font-size:14px; }
.font_size_16 { font-size:16px; }
.font_size_18 { font-size:18px; }
.font_size_20 { font-size:20px; }
.font_size_22 { font-size:22px; }
.font_size_24 { font-size:24px; }
.font_size_32 { font-size:32px; }

.txt_align_center { text-align:center; }
.txt_align_left   { text-align:left; }
.txt_align_right  { text-align:right; }

.text_shadow_1 { 	text-shadow: 1px 1px black; }

.vert_align_middle { vertical-align:middle; }

.disp_inline_block { display:inline-block; }

.float_right { float:right; }

.wb_ba { word-break: break-all; }
.elem_hide { display: none; }
.elem_invisible { visibility: hidden; }

.cursor_pointer {
	cursor: pointer;
}


.truncate_text,
.truncate_text_forced {
/*	min-width: 0;*/
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.truncate_text:hover{
	text-overflow:clip;
	width:auto;
	white-space: normal;
}

.user_select_text {
	-webkit-user-select: text;
		 -moz-user-select: text;
			-ms-user-select: text;
					user-select: text;
}

.color_white  { color: white; }
.color_mple_1 { color: #093B61; }
.color_mple_2 { color: #4272D7; }
.color_mple_3 { color: #2272B1; }
.color_mple_4 { color: #4E82AD; }
.color_mple_5 { color: #A7E5FF; }
.color_mple_6 { color: #00125A; }
.color_red_1  { color: #860002; }
.color_mpez_1 { color: #F5E0B5; }
.color_mpez_2 { color: #FAEFD9; }
.color_gkri_1 { color: #999C9D; }
.bg_color_1 { background-color: darksalmon; }

.btn_txt_home       { display: none; }
.btn_txt_log_status { display: none; }
.btn_img_home       { width: 90px; height: 48px; }
.btn_img_log_status { width: 32px; height: 32px; }
/*
@media only screen and (min-width:  992px) { .btn_txt_home       { display: none; } }
@media only screen and (min-width:  992px) { .btn_txt_log_status { display: none; } }
@media only screen and (min-width:  992px) { .btn_img_home       { display: none; } }
@media only screen and (min-width:  992px) { .btn_img_log_status { display: none; } }
*/

a.link_btn_1:link {
	display: block;
	font-size:18px;
	font-weight: bold;
	padding: 12px 16px;
	background-color: white;
	color: #002F06;
	border: 1px solid #002F06;
	/* -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.70);  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.70); */
}
a.link_btn_1:visited { color: #002F06; border-color: #002F06; }
a.link_btn_1:hover   { border-color: #37DF4D; }

a.link_btn_2:link {
	display: block;
	padding: 2px;
	background-color: white;
	border: 1px solid #002F06;
	/* -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.70);  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.70); */
}
a.link_btn_2:visited { border-color: #002F06; }
a.link_btn_2:hover   { border-color: #37DF4D; }

a.link_txt_1:link {
	display: inline-block;
/*padding: 10px 8px;*/
	color: #4272D7;
}
a.link_txt_1:visited { color: #4272D7; }
a.link_txt_1:hover   { text-decoration: underline; }

.link_txt_2 a:link {
	display: block;
	font-size: 18px;
	border: 3px solid red;
	background-color: #2272B1;
	color: #EBEBED;
}
.link_txt_2 a:visited { color: #EBEBED; }
.link_txt_2 a:hover   { text-decoration: underline; }

.img_resp { width: 100%; height: 100%; }

.svg { /*text-shadow:1px 1px 2px #E02B2E;*/ }
.svg_cont {
	background-color: crimson;
}
.svg_icon {
	display:block;
	fill: currentColor;
	background-color: transparent;
	/* The default vertical-align is `baseline`, which leaves a few pixels of space below the icon. Using `center` prevents this.
	For icons shown alongside text, you may want to use a more precise value, e.g. `vertical-align: -4px` or `vertical-align: -0.15em`. */
	vertical-align: middle;
	overflow: hidden;
}
.icon_0  { width:  0px; height:  0px; }
.icon_12 { width: 12px; height: 12px; }
.icon_16 { width: 16px; height: 16px; }
.icon_18 { width: 18px; height: 18px; }
.icon_24 { width: 24px; height: 24px; }
.icon_32 { width: 32px; height: 32px; }
.icon_36 { width: 36px; height: 36px; }
.icon_40 { width: 40px; height: 40px; }

.acc_arrow {
	-webkit-transition: -webkit-transform 0.1s linear;
	transition: -webkit-transform 0.1s linear;
	-o-transition: transform 0.1s linear;
	transition: transform 0.1s linear;
	transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.acc_arrow.is_active {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}


#vp_flg {display: none;}
#vp_chk {display: none; content: '1';}
@media only screen and (min-width:  288px) {#vp_chk {content:  '288';}}
@media only screen and (min-width:  360px) {#vp_chk {content:  '360';}}
@media only screen and (min-width:  480px) {#vp_chk {content:  '480';}}
@media only screen and (min-width:  576px) {#vp_chk {content:  '576';}}
@media only screen and (min-width:  640px) {#vp_chk {content:  '640';}} 
@media only screen and (min-width:  768px) {#vp_chk {content:  '768';}} 
@media only screen and (min-width:  880px) {#vp_chk {content:  '880';}} 
@media only screen and (min-width:  992px) {#vp_chk {content:  '992';}} 
@media only screen and (min-width: 1200px) {#vp_chk {content: '1200';}}
@media only screen and (min-width: 1320px) {#vp_chk {content: '1320';}}
@media only screen and (min-width: 1366px) {#vp_chk {content: '1366';}}
@media only screen and (min-width: 1440px) {#vp_chk {content: '1440';}}
@media only screen and (min-width: 1680px) {#vp_chk {content: '1680';}}