@font-face {font-family:MavenPro;src:url('fonts/MavenPro-Regular.ttf');}
@font-face {font-family:Roboto-Light;src:url('fonts/Roboto-Light.ttf');}
@font-face {font-family:Roboto-Regular;src:url('fonts/Roboto-Regular.ttf');}
@font-face {font-family:Roboto-Thin;src:url('fonts/Roboto-Thin.ttf');}
body {font-family:MavenPro;font-size:10pt;color:#757575;margin:0;}
table {border-collapse:collapse;border:0;border-spacing:0;}
select {padding-top:4px;}
a {color:#2196f3;}
input[type=text], input[type=password], input[type=file], select, textarea {border:0;border-bottom:3px solid #82c0ff;color:#0066cc;font-family:MavenPro;font-size:10pt;height:30px;background-color:transparent;}
.integer_input, .integer_input_positive, .money_input, .money_input_positive, .four_decimal_input, .four_decimal_input_positive, .six_decimal_input, .six_decimal_input_positive {}
.txt_input {width:200px;padding-left:5px;padding-right:5px;}
.txt_input:-ms-input-placeholder {color:#999;}
.txt_input:focus {box-shadow:2px 2px 2px rgba(0,0,0,0.2);outline:none;}
.border_line {border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#f5f5f5;}
.title {color:#4caf50;line-height:30px;font-size:14pt;}
.app_title_div {color:#474747;background-color:#fff;text-align:left;height:40px;}
.app_title_div .app_title_col0 {float:left;margin-top:10px;margin-left:10px;font-size:14pt;}
.app_title_div .app_title_col1 {float:right;margin-right:10px;margin-top:10px;display:flex;flex-direction:row;}
.app_title_div .uid {cursor:pointer;margin-right:5px;}
.app_title_div .logout {cursor:pointer;}
.app_content_div {background-color:#f3f3f3;padding-bottom:10px;}
.app_footer_div {line-height:40px;}
.app_footer_div .copy_right {margin-left:10px;}
.title_cell {line-height:60px;color:#fff;background-color:#4a4640;padding-left:40px;font-family:Roboto-Thin;font-size:24pt;}
@media screen and (max-width:500px) {.title_cell {padding-left:20px;font-size:20pt;}
}
.title_cell1 {line-height:30px;color:#000;font-size:11pt;}
.cell_text {line-height:28px;}
.cell_text2 {font-size:12pt;color:#00b0ff;line-height:30px;}
.cell_text3 {color:#666666;}
.button {border:1px solid #82c0ff;background-color:#eff8fe;color:#0066cc;border-radius:4px;font-size:9pt;cursor:pointer;padding:4px 20px;}
.button2 {border:1px solid #fdd835;background-color:#fff59d;color:#e65100;border-radius:3px;cursor:pointer;padding:4px 20px;}
.button3 {background-color:#fff;color:#66bb6a;border:0;cursor:pointer;}
.button3:focus {outline:none;}
.sel_button {color:#fff;background:#0091ea none repeat scroll 0% 0%;border-radius:5px;border:0;}
.nontextdeco {text-decoration:none;color:#666666;}
.thick_border {height:20px;line-height:20px;padding:4px 10px;text-decoration:none;}
.hyperlink {color:#474747;text-decoration:none;}
.tips {color:#2e7d32;}
.compulsory {background-color:yellow;}
.compulsory_mark {}
.compulsory_mark:after {content:'*';color:red;}
.compulsory_mark2 {}
.compulsory_mark2:after {content:'**';color:red;}
#blk, .blk {position:absolute;top:0;left:0;width:100%;background-color:#aba7a7;opacity:.6;z-index:100;}
#msgbox {z-index:3000;position:fixed;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;border-radius:2px;top:10px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
#msgbox > div {display:flex;flex-direction:row;}
#msgbox .col1 {max-width:500px;}
#msgbox .col2 {width:15px;margin-left:5px;}
#msgbox .col3 {width:15px;}
#msgbox .msgbox-msg {color:#fff;}
#msgbox .remarks0 {margin-top:10px;}
#msgbox .remarks {display:none;}
#msgbox .remarks2 {}
#msgbox .remarks2 > input {width:90%;}
#msgbox .opt0 {margin-right:30px;}
#msgbox .opt {display:none;}
#msgbox .opt2 {display:flex;flex-direction:row-reverse;margin-top:20px;}
#msgbox .msgbox-pin {line-height:15px;vertical-align:middle;cursor:pointer;width:16px;height:16px;background-image:url('images/ui-icons_ffffff_256x240.png');}
#msgbox .msgbox-pinit {background-position:-128px -144px;}
#msgbox .msgbox-unpinit {background-position:-144px -144px;}
#msgbox .msgbox-cls {line-height:15px;vertical-align:middle;cursor:pointer;width:16px;height:16px;background-image:url('images/ui-icons_ffffff_256x240.png');background-position:-96px -128px;}
.msgbox-info {background-color:#82c0ff;color:#fff;}
.msgbox-err {background-color:#f6481c;color:#fff;}
.msgbox-warn {background-color:#ce8406;color:#fff;}
.pp_dlg {position:absolute;background-color:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);border-radius:5px;z-index:2000;}
.pp_dlg_title {border-collapse:collapse;border-spacing:0;background-color:#6699FF;width:100%;line-height:80px;font-size:22pt;cursor:pointer;}
.pp_close_btn {cursor:pointer;margin-right:5px;margin-top:-4px;}
.cbo_input {}
.cbo_popup {position:absolute;background-color:#fff;border:1px solid #82c0ff;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:2000;margin-top:-10px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.cbo_popup ul {margin-left:-30px;}
.cbo_popup li {list-style-type:none;line-height:25px;cursor:pointer;border-bottom:1px solid #eff8fe;}
.cbo_popup li > div {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;}
.cbo_exp {vertical-align:middle;cursor:pointer;width:18px;height:18px;background-image:url('images/ui-icons_4eb305_256x240.png');background-position:-64px -16px;transform:scale(1.2);margin-left:-2px;margin-right:5px;}
.cbo_collapse {vertical-align:middle;cursor:pointer;width:18px;height:18px;background-image:url('images/ui-icons_4eb305_256x240.png');background-position:-64px -16px;transform:scale(1.5);margin-left:-2px;margin-right:5px;}
.chk {vertical-align:middle;margin:2px;width:18px;height:18px;}
.pager {line-height:30px;}
.pager .pager_prev, .pager_prev0 {width:30px;text-align:center;}
.pager .pager_prev:hover {background-color:#82c0ff;color:#fff;border-radius:5px;}
.pager .pager_info {padding-left:10px;padding-right:10px;}
.pager .pager_next, .pager_next0 {width:30px;text-align:center;}
.pager .pager_next:hover {background-color:#82c0ff;color:#fff;border-radius:5px;}
.pager .pager_size {}
.pager .pager_goto_lbl {padding-left:20px;}
.pager .pager_pg {width:50px;}
.flx-nw {display:flex;flex-direction:row;flex-wrap:nowrap;}
.flx-w {display:flex;flex-direction:row;flex-wrap:wrap;}
@media screen and (max-width:500px) {.flx-w {flex-direction:column;}
}
.chk {display:inline-block;}
.spinner {background-image:url('images/spinner.gif');background-size:30px 30px;width:30px;height:30px;}
.add_btn {font-size:30pt;padding-left:5px;cursor:pointer;width:40px;height:40px;}
.add_btn:after {content:'+';}
.ok_btn {font-size:22pt;padding-left:10px;cursor:pointer;width:40px;height:40px;}
.ok_btn:after {content:'✔';}
.cancel_btn {font-size:22pt;padding-left:10px;cursor:pointer;width:40px;height:40px;}
.cancel_btn:after {content:'✗';}
.edit_btn {font-size:22pt;padding-left:10px;cursor:pointer;width:40px;height:40px;}
.edit_btn:after {content:'✎';}
.delete_btn {font-size:22pt;padding-left:10px;cursor:pointer;width:40px;height:40px;}
.delete_btn:after {content:'✗';}
.more_dtl_btn {font-size:22pt;padding-left:10px;cursor:pointer;}
.more_dtl_btn:after {content:'┅';}
.drag_pad {font-size:20pt;color:#A359C1;padding-left:5px;cursor:pointer;}
.drag_pad:after {content:'☰';}
.paperclip {padding-left:5px;transform:rotate(45deg);}
.paperclip:after {content:'\1f4ce';font-size:16pt;cursor:pointer;}
.search_btn {width:30px;font-size:22pt;cursor:pointer;}
.search_btn:after {content:'\1F50D';}
.back_div {cursor:pointer;}
.back_btn {background-size:40px;height:40px;width:40px;margin-top:17px;margin-right:10px;color:#fff;cursor:pointer;}
.back_btn:after {content:'\276e';font-size:19pt;padding-left:15px;}
.tick_btn {position:absolute;cursor:pointer;background-color:#0ac20a;color:#fff;font-size:10pt;width:20px;height:20px;border-radius:10px;text-align:center;vertical-align:middle;top:5px;left:5px;}
.tick_btn:after {content:'✔';}
.btn-more-opt {cursor:pointer;}
.btn-more-opt:after {content:'more_vert';}