@charset "UTF-8";
* { margin: 0; }
html, body { background: #F5F9FC; color: #4C4D4D; } html { height: 100%; } body { min-height: 100%; }
*:not(.fa) { font-size: 13.2px; font-family: "Arial" !important; }
*:not(button) { line-height: 1.4 !important; }

a:link { color: #757575; }
a:active { color: #757575; }
a:visited { color: #757575; }
a:hover { color: #757575; text-decoration: none; opacity: 0.6; }
.nounder{ text-decoration: none; cursor: pointer; }
#div_menu_expand_wrapper a{ color: #FFFFFF; text-decoration: none; }

.variable{ font-weight: bold; color: #427EEC; }

.txt_orange{ color: #EB8A21; }
.txt_red{ color: #D31818; }
.txt_blue{ color: #1665CD; }
.txt_grey{ color: #BFC6CC; }

.txt_12{ }

.menu, .menu_focus{ float: left; padding: 10px; margin-right: 12px; padding-top: 15px; padding-bottom: 15px; }
.menu{ background: transparent; color: #FFFFFF; border: 1px solid transparent; cursor: pointer; }
.menu_focus, .menu:hover{ background: #31BBEF; border: 1px solid transparent; color: #FFFFFF; }

#div_menu_expand a { text-decoration: none; }

.edit_focus{ white-space: nowrap; text-align: center; padding: 8px; padding-top: 10px; padding-bottom: 10px; background: url( ../pics/bg_add.gif?1 ) repeat-x; border: 1px solid #F09500; color: #FFFFFF; text-shadow: 1px 1px #F09500; cursor: pointer; }

.home_box{ padding: 10px; margin-left: 50px; }
.home_box_li_blank{ margin-top: 10px; padding: 8px; border: 1px solid transparent; }

.menu_nav{ float: left; margin-right: 5px; padding: 8px; background: #FFFFFF; border: 1px solid #C1C6CE; cursor: pointer; }
.menu_nav:hover{ opacity: 0.6; }

.op_submenu, .op_submenu_focus{ float: left; padding: 8px; margin-right: 12px; padding-top: 10px; padding-bottom: 10px; }
.op_submenu{ background: #EAF2F8; border: 1px solid #CBDAE8; color: #5F728C; cursor: pointer; }
.op_submenu_focus, .op_submenu:hover{ background: #31BBEF; border: 1px solid #1FA4E8; color: #FFFFFF; }

.menu_info{ background: #EFF0F1; padding: 10px; border: 1px solid #E3E3E3; color: #4C4C4C; cursor: pointer; }
.menu_info_focus{ background: transparent; border: 1px solid transparent; padding: 10px; }

.menu_dept, .menu_dept_focus{ padding: 3px; text-align: center; margin-right: 3px; }
.menu_dept{ background: #EAF2F8; border: 1px solid #CBDAE8; color: #5F728C; cursor: pointer; }
.menu_dept_focus, .menu_dept:hover{ background: #31BBEF; border: 1px solid #1FA4E8; color: #FFFFFF; }

.report_numbox{ padding: 2px; text-align: center; background: #E0E6EC; border: 1px solid #C8D2DD; color: #4C4D4D; }

.td_dept_header{ padding: 10px; margin-bottom: 10px; color: #A8A8A8; }
.td_dept_td, .td_dept_td_blank{ padding: 10px; }
.td_dept_td_td{ padding: 2px; }
.tab_form_title{ width: 150px; text-align: center; padding: 10px; background: #FDFDFF; border: 1px solid #E5EAEE; color: #4C4C4C; }

.title{ font-weight: bold; }
.edit_title{ font-size: 18px !important; font-weight: bold; }

/* page related *****/
.page, .page_focus{ float: left; padding: 2px; padding-left: 5px; padding-right: 5px; margin-right: 10px; }
.page{ background: #D6E2ED; border: 1px solid #CBDAE8; color: #4C4C4C; cursor: pointer; }
.page_focus{ font-weight: bold; border: 1px solid transparent; }
.page_report{ float: left; padding: 2px; padding-left: 5px; padding-right: 5px; margin-right: 10px; background: #45B7AF; border: 1px solid #3DA29B; color: #FFFFFF; cursor: pointer; }
/* end page related */

.op_theme_cell{ position: relative; float: left; padding-right: 10px; font-weight: bold; }

.info{ opacity: 0.3; }
.info:hover{ opacity: 1; }

.info_box{ background: #FFF3CD; border: 1px solid #FFE7A7; color: #4D4632; padding: 8px; text-shadow: none; }
.info_box a:link { color: #4D4632; }
.info_box a:visited { color: #4D4632; }
.info_box a:hover { color: #4D4632; }
.info_box a:active { color: #4D4632; }

.info_version{ background: #D4F2DC; border: 1px solid #B5E8C3; color: #454B47; padding: 8px; }
.info_action{ background: #E7F1F6; border: 1px solid #DAE3E8; color: #46494A; padding: 8px; }

.info_error{ background: #F44336; border: 1px solid #EF2C22; color: #FFFFFF; padding: 8px; text-shadow: none; }
.info_error a:link { color: #FFFFFF; }
.info_error a:visited { color: #FFFFFF; }
.info_error a:hover { color: #FFFFFF; }
.info_error a:active { color: #FFFFFF; }

.info_good{ background: #4EC6A3; border: 1px solid #35B188; color: #FFFFFF; padding: 8px; }
.info_good a:link { color: #FFFFFF; }
.info_good a:visited { color: #FFFFFF; }
.info_good a:hover { color: #FFFFFF; }
.info_good a:active { color: #FFFFFF; }

.info_blue{ background: #0B85E5; border: 1px solid #096DBC; color: #FFFFFF; padding: 8px; }
.info_blue a:link { color: #FFFFFF; }
.info_blue a:visited { color: #FFFFFF; }
.info_blue a:hover { color: #FFFFFF; }
.info_blue a:active { color: #FFFFFF; }

.info_blue_dark{ background: #337AB7; border: 1px solid #2E6DA4; color: #FFFFFF; padding: 8px; }
.info_blue_dark a:link { color: #FFFFFF; }
.info_blue_dark a:visited { color: #FFFFFF; }
.info_blue_dark a:hover { color: #FFFFFF; }
.info_blue_dark a:active { color: #FFFFFF; }

.info_dept{ background: #A7D4DE; border: 1px solid #90B7C0; color: #0A5E58; padding: 8px; }
.info_dept a:link { color: #0A5E58; }
.info_dept a:visited { color: #0A5E58; }
.info_dept a:hover { color: #0A5E58; }
.info_dept a:active { color: #0A5E58; }

.info_view{ background: #A2E0D4; border: 1px solid #86D3C3; color: #314440; padding: 6px; }
.info_view a:link { color: #314440; text-decoration: none; }
.info_view a:visited { color: #314440; text-decoration: none; }
.info_view a:hover { color: #314440; text-decoration: none; }
.info_view a:active { color: #314440; text-decoration: none; }

.info_green{ background: #8BCF92; border: 1px solid #7FBD85; color: #FFFFFF; padding: 8px; }
.info_neutral{ background: #D6E2ED; border: 1px solid #CBDAE8; color: #4C4C4C; padding: 8px; }
.info_light{ background: #F3F8FB; border: 1px solid #E7F1F7; color: #4C4C4C; padding: 8px; }
.info_info{ background: #D6E2ED; border: 1px solid #CBDAE8; color: #4C4C4C; padding: 20px; }
.info_white{ background: #FFFFFF; border: 1px solid #E7F1F6; color: #4C4D4D; padding: 8px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }

.info_warning{ background: #FCC09B; border: 1px solid #F9AF88; padding: 8px; color: #4D4B49; }
.info_warning a:link { color: #111111; }
.info_warning a:visited { color: #111111; }
.info_warning a:hover { color: #111111; }
.info_warning a:active { color: #111111; }

.info_clear{ background: transparent; border: 1px solid transparent; padding: 8px; }
.info_online{ background: #AFFF9F; border: 1px solid #9BE28D; padding: 8px; text-shadow: none; }

.info_black{ background: #111111; border: 1px solid #111111; padding: 8px; color: #FFFFFF; }
.info_black a:link { color: #FFFFFF; }
.info_black a:visited { color: #FFFFFF; }
.info_black a:hover { color: #FFFFFF; }
.info_black a:active { color: #FFFFFF; }

.info_misc{ background: #B7C5DA; border: 1px solid #A3B5CF; color: #373B42; padding: 8px; }
.info_misc a:link { color: #373B42; }
.info_misc a:visited { color: #373B42; }
.info_misc a:hover { color: #373B42; }
.info_misc a:active { color: #373B42; }

.info_tooltip{ background: #FDFDFF; border: 1px solid #E0E6EC; color: #A5AFB6; padding: 1px; font-size: 12px; }
.info_blank{ background: transparent; border: 1px solid transparent; padding: 8px; }

.info_val1{ background: #A495E6; border: 1px solid #988AD5; padding: 8px; color: #FFFFFF; text-shadow: none; }
.info_val0{ background: #A0CDC6; border: 1px solid #92BBB5; padding: 8px; color: #FFFFFF; text-shadow: none; }

.info_time{ background: #697BAE; border: 1px solid #3B4B84; padding: 8px; color: #FFFFFF; }

.li_op{ float: left; padding: 5px; margin-right: 10px; background: #D6E2ED; border: 1px solid #CBDAE8; color: #4C4C4C; }

.menu_login{ background: #31BBEF; border: 1px solid #1FA4E8; color: #FFFFFF; padding: 10px; }
.menu_login a:link { color: #FFFFFF; }
.menu_login a:visited { color: #FFFFFF; }
.menu_login a:hover { color: #FFFFFF; }
.menu_login a:active { color: #FFFFFF; }

.info_report{ padding: 5px; background: #FFFFFF; border: 1px solid #C8D2DD; color: #4C4D4D; font-size: 12px; border-bottom-left-radius: 3px 3px; border-bottom-right-radius: 3px 3px; cursor: pointer; }

input[type=password], .input{ background: url( ../pics/bg_form.gif ) no-repeat #EDEDED; background-position: bottom left; color: #757575; border: 1px solid #C5C5C5; padding: 8px; outline: none; }
select{ background: #CCDAE8; border: 1px solid #BCCFE0; color: #393F44; padding: 8px; outline: none; }
select:disabled {
	background: #ECF1F5;
	color: #abbecf;
	border: 1px solid #ECF1F5;
}
textarea{ background: url( ../pics/bg_form.gif ) no-repeat #EDEDED; background-position: bottom left; color: #757575; border: 1px solid #C5C5C5; padding: 8px; outline: none; }
button{ padding: 4px; padding-left: 8px; padding-right: 8px; outline: none; }
.btn{
	height: 40px;
	border: 1px solid #BFBFC1;
	border-radius: 5px;
	background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(205,205,205,1) 100%);
	font-size: 16px;
	outline: 0;
	color: #2E2E2E;
	cursor: pointer;
	outline: none;
}
.btn:hover{
	border: 1px solid #BFBFC1;
	background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(181,184,189,1) 100%);
}
.btn:disabled{
	opacity: 0.5;
}
.input_focus{ border: 1px solid #F55054; -webkit-appearance: none; }

.noshadow{ text-shadow: none; }

.menu_focus, .page, .page_focus, .report_numbox, .tab_form_title, .edit_focus, .info_box, .info_version, .info_menu, .info_info, .info_white, .info_good, .info_error, .info_neutral, .info_blue, .info_blue_dark, .info_dept, .info_green, .info_warning, .info_misc, .info_clear, .info_view, .info_online, .info_black, .info_time, .info_blank, .input, input[type=text], input[type=password], select, textarea, .round, .menu_info, .menu_info_focus, .info_val1, .info_val0, .menu_nav, .menu, .home_box, .info_tooltip, .info_action, .menu_login, .menu_dept, .menu_dept:hover, .menu_dept_focus, .info_light{ border-radius: 3px; }

.op_submenu, .op_submenu:hover, .op_submenu_focus, .round_top{ border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; }

.page_report, .round_bottom{ }
.placeholder{ }

table tr:first-child td:first-child { }
table tr:first-child td:last-child { }
table tr:last-child td:first-child { }
table tr:last-child td:last-child { }

::-webkit-scrollbar-track{ background-color: #F2F3F5; }
::-webkit-scrollbar{ width: 12px; }
::-webkit-scrollbar-thumb{ background-color: #111111; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D1D1D1;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D1D1D1;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #D1D1D1;
}

.img_message_board_icon_pulse{
	/*
	box-shadow: 0 0 0 0 #2D3B4A;
	background-color: #2D3B4A;
	animation: pulse 1.00s 1;
	*/
}
@keyframes pulse {to {box-shadow: 0 0 0 75px rgba(232, 76, 61, 0);}}