@charset "UTF-8";
* { margin: 0; }
html, body { margin: 0px; background: #D6E4F2; color: #596369; } html { height: 100%; } body { min-height: 100%; }
*:not(.fa) { font-size: 13px; 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; }
.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: 18px; padding-top: 15px; padding-bottom: 15px; }
.menu{ background: transparent; color: #FFFFFF; border: 1px solid transparent; cursor: pointer; }
.menu_focus, .menu:hover{ background: url( ../pics/bg_shadow.png ) repeat-x #D6E4F2; border: 1px solid #1E252F; text-shadow: 1px 1px #D6E4F2; box-shadow: 0 3px 2px -2px #1E252F; color: #596369; }

#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 ) 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: #4B8DAD; border: 1px solid #4B8EAE; color: #FFFFFF; text-shadow: none; background-image: linear-gradient( #5CAED6, #4B8DAD ); cursor: pointer; }
.op_submenu_focus, .op_submenu:hover{ border: 1px solid #BCC2C8; border-bottom: 1px solid #D6E4F2; color: #596369; text-shadow: 1px 1px #FFFFFF; background-image: linear-gradient( #F8F8F8, #D6E4F2 ); }

.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: 6px; margin-right: 10px; }
.menu_dept{ ackground: #4B8DAD; border: 1px solid #4B8EAE; color: #FFFFFF; text-shadow: none; background-image: linear-gradient( #5CAED6, #4B8DAD ); cursor: pointer; }
.menu_dept_focus, .menu_dept:hover{ border: 1px solid #BCC2C8; border-bottom: 1px solid #D6E4F2; color: #596369; text-shadow: 1px 1px #FFFFFF; background-image: linear-gradient( #F8F8F8, #D6E4F2 ) }

.report_numbox{ padding: 2px; text-align: center; background: #D9DBE3; border: 1px solid #DADCE4; }

.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: #F0F1F6; border: 1px solid #D9DBE3; color: #596369; text-shadow: 1px 1px #FFFFFF; }

.title{ font-weight: bold; }
.edit_title, #overview_date_title{ font-size: 18px; font-weight: bold; }
#overview_date_title{ margin-top: 25px; margin-bottom: 10px; }
#overview_date_timeline{ font-weight: bold; margin-top: 25px; margin-bottom: 10px; }

/* page related *****/
.page, .page_focus{ float: left; padding: 2px; padding-left: 5px; padding-right: 5px; margin-right: 10px; }
.page{ background: #F0F1F6; border: 1px solid #D9DBE3; color: #596369; 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; }
.op_launch_btn{ background: url( ../pics/bg_btn.gif ) repeat-x; }
.op_launch_btn_focus{ background: url( ../pics/bg_btn_focus.gif ) repeat-x; }

.info_box{ background: #FFF3CD; border: 1px solid #DDD2B1; color: #856404; padding: 8px; text-shadow: none; }
.info_box a:link { color: #5E4703; }
.info_box a:visited { color: #5E4703; }
.info_box a:hover { color: #5E4703; }
.info_box a:active { color: #5E4703; }

.info_version{ background: #ECF6C6; border: 1px solid #CDD6AC; padding: 8px; color: #2B2D24; }
.info_action{ background: #ECF6C6; border: 1px solid #CDD6AC; padding: 8px; color: #2B2D24; }

.info_error{ background: #F44336; border: 1px solid #EF2C22; padding: 8px; color: #FFFFFF; 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; padding: 8px; color: #FFFFFF; }
.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; padding: 8px; color: #FFFFFF; }
.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; padding: 8px; color: #FFFFFF; }
.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; padding: 8px; color: #0A5E58; }
.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_login{ background: #D7DBDA; border: 1px solid #BEC4C2; color: #393B3B; padding: 8px; }

.info_menu_focus{ padding: 12px; background: #3AC0C3; border: 1px solid #30A1A3; color: #FFFFFF; }
.info_menu_focus a:link { color: #FFFFFF; }
.info_menu_focus a:visited { color: #FFFFFF; }
.info_menu_focus a:hover { color: #FFFFFF; }
.info_menu_focus a:active { color: #FFFFFF; }

.info_slate{ background: #D0E7F7; border: 1px solid #BFD4E3; padding: 8px; color: #4E575D; }
.info_green{ background: #8BCF92; border: 1px solid #7FBD85; padding: 8px; color: #FFFFFF; }
.info_neutral{ background: #F0F1F6; border: 1px solid #D9DBE3; color: #596369; padding: 8px; }
.info_info{ background: #F0F1F6; border: 1px solid #D9DBE3; color: #596369; padding: 20px; }
.info_white{ background: #FFFFFF; border: 1px solid #D8DEE7; color: #2B2B2B; padding: 8px; }

.info_warning{ background: #FCC09B; border: 1px solid #FBAA7F; padding: 8px; color: #4B2F21; }
.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_menu_blank{ background: transparent; border: 1px solid transparent; padding: 12px; }
.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; }

.border_top{ border-top: 1px solid #DADCE4; margin-top: 5px; padding-top: 5px; }

.info_misc{ background: #0B85E5; border: 1px solid #096DBC; padding: 8px; color: #FFFFFF; }
.info_misc a:link { color: #FFFFFF; }
.info_misc a:visited { color: #FFFFFF; }
.info_misc a:hover { color: #FFFFFF; }
.info_misc a:active { color: #FFFFFF; }

.info_tooltip{ background: #F6F6F6; border: 1px solid #E7E7E7; color: #A6A6A6; 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 #8C0559; padding: 8px; color: #FFFFFF; }

.li_op{ float: left; padding: 5px; margin-right: 10px; background: #F0F1F6; border: 1px solid #D9DBE3; color: #596369; }
.li_op_clear{ float: left; padding: 5px; margin-right: 10px; border: 1px solid transparent; }
.li_op_focus{ float: left; padding: 5px; margin-right: 10px; background: #FFFFFF; border: 1px solid #D9DBE3; color: #596369; }

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{ border: 1px solid #45B8DB; background: #5BC0DE; color: #FFFFFF; padding: 8px; outline: none; }
select:disabled {
	background: #B8E2EE;
	color: #4EA4BE;
	border: 1px solid #B8E2EE;
}
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 #C8C9D0;
	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_slate, .info_green, .info_warning, .info_misc, .info_clear, .info_login, .info_menu_focus, .info_online, .info_black, .info_data, .info_time, .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{ border-radius: 5px; }

.op_submenu, .op_submenu:hover, .op_submenu_focus, .menu_dept, .menu_dept:hover, .menu_dept_focus, .round_top{ border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; }

.page_report, .round_bottom{ }
.placeholder{ }

.round_top_none{ border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; }
.round_bottom_none{ border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; }

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 { }
[data-tooltip]{position:relative;z-index:2;}[data-tooltip]:after,[data-tooltip]:before{visibility:hidden;opacity:0;pointer-events:none}[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-340px;padding:7px;width:390px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background-color:#000;background-color:hsla(0,0%,0%,.9);color:#fff;content:attr(data-tooltip);text-align:center;line-height:1.2}[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,0%,.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;opacity:1}

::-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);}}