#msgbox {z-index:30000;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 .opt0 > .button {margin-right:20px;cursor:pointer;}
#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, .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, .pp-dlg-title {border-collapse:collapse;border-spacing:0;background-color:#6699FF;color:#fff;width:100%;line-height:80px;font-size:22pt;cursor:pointer;padding-left:10px;box-sizing:border-box;}
.pp_close_btn, .pp-close-btn {cursor:pointer;margin-right:5px;margin-top:-4px;}
.spinner {background-image:url('images/spinner.gif');background-size:30px 30px;background-repeat:no-repeat;width:30px;height:30px;}
.tips {color:#2e7d32;}
.compulsory {background-color:#ff5d00;}
.compulsory-mark {}
.compulsory-mark:after {content:'*';color:red;margin-left:5px;}
.compulsory-mark2 {}
.compulsory-mark2:after {content:'**';color:red;margin-left:5px;}
.btn-checkbox0 {font-size:22pt;cursor:pointer;}
.btn-checkbox0:after {content:'check_box_outline_blank';color:#09af00;}
.btn-checkbox {font-size:22pt;cursor:pointer;}
.btn-checkbox:after {content:'check_box';color:#09af00;}
.chk-lbl {line-height:30px;cursor:pointer;}
#blk, .blk {position:absolute;top:0;left:0;width:100%;background-color:#aba7a7;opacity:.6;z-index:100;}
.btn-back {font-size:26pt;cursor:pointer;}
.btn-back:after {content:'chevron_left';}
.btn-back0 {cursor:pointer;}