/* basic */
iframe,html,body,div,span,table,tbody,tr,td,ul,li,img
{margin:0px;outline:none;border:none;padding:0px;font-family:arial,sans-serif;font-size:14px;color:black;}
html,body {background-color:rgb(224,224,224);} table {border-collapse:collapse;table-layout:fixed;}
a:link,a:hover,a:active,a:visited {text-decoration:none;color:rgb(40,120,240);}
.help {cursor:help;font-size:10px;border:1px solid black;}
/* wait */
.wait{z-index:9999;position:absolute;top:calc(50% - 20px);height:40px;left:calc(50% - 20px);width:40px;
background-color:rgb(20,60,90);text-align:center;}
.wbar {background-color:white;height:100%;width:6px;margin-right:3px;display:inline-block;animation:waitbar 1s infinite;}
.w1 {animation-delay:-1.2s;} .w2 {animation-delay:-1.0s;} .w3 {animation-delay:-0.8s;}
@keyframes waitbar { 0%,40%,100% {transform:scaleY(0.4);} 20% { transform: scaleY(1.0); } }
/* modal */
.modal {box-shadow:0px 1px 2px 1px rgba(0,0,0,0.4);background-color:rgb(240,240,240);overflow:hidden;}
.tab {cursor:pointer;border-right:1px solid black;width:96px;text-align:center;
	background-color:rgb(192,192,192);border-top:1px solid black;}
.stab {background-color:rgb(224,224,224);border-top:1px solid rgb(224,224,224);}
/* title */
div.tit{display:table;height:24px;width:100%;background-color:rgb(128,128,128);}
span.tit{display:table-cell;vertical-align:middle;cursor:default;color:white;padding-left:2px;}
span.tib{display:table-cell;width:18px;}
img.tibl{cursor:pointer;padding:4px 0px 0px 2px;} img.tibr{cursor:pointer;padding:4px 2px 0px 0px;}
tr.tit{height:24px;background-color:rgb(192,192,192);font-weight:bold;}
/* table */
.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;}
td.al,td.ac,td.ar {padding:2px 1px 2px 1px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
td.al:first-child,td.ac:first-child,td.ar:first-child {padding:2px 1px 2px 0px;}
td.al:last-child,td.ac:last-child,td.ar:last-child {padding:2px 0px 2px 1px;}
tr.oew:nth-child(even) {background-color:rgb(240,240,240);} tr.oew:nth-child(odd) {background-color:rgb(224,224,224);}
tr.oeb:nth-child(even) {background-color:rgb(224,224,224);} tr.oeb:nth-child(odd) {background-color:rgb(212,212,212);}
/* element selection */
.sr {background:url(i/bsyes.png) center no-repeat;cursor:pointer;}
.ur{background:url(i/bsno.png) center no-repeat;cursor:pointer;}
.xr{background:url(i/bsyn.png) center no-repeat;cursor:pointer;}
/* form */
.form {margin:12px auto;display:table;} .butbar {display:flex;justify-content:space-around;margin:12px 0px;}
.label {display:inline-block;text-align:right;margin-right:4px;color:rgb(64,64,64);} .cmb {margin-bottom:5px;}
input,select,textarea {box-sizing:border-box;outline:none;border:1px solid rgb(128,128,128);border-radius:3px;}
input,select,textarea {background-color:white;font-family:inherit;color:inherit;font-size:inherit;}
textarea {resize:vertical;overflow-y:scroll;overflow-x:hidden;}
input:focus,select:focus,textarea:focus {outline:none;border:1px solid rgb(0,0,0);}
input:disabled,select:disabled,textarea:disabled {color:rgb(92,92,92);}
input[readonly],textarea[readonly] {color:rgb(92,92,92);}
.textbox {padding:2px;} .listbox {padding:1px 0px 1px 0px;}
.checkbox {margin:2px 4px 10px 3px;transform:scale(1.5);position:relative;top:2px;}
.radio {margin:3px 3px 10px 4px;transform:scale(1.5);position:relative;top:2px;}
.button,.butdef {cursor:pointer;background-color:rgb(220,230,240);height:30px;width:125px;
	border:0px;box-shadow:0px 1px 2px 0px rgba(0,0,0,1);} .butdef {text-decoration:underline;}
.butimg {cursor:pointer;background-color:rgb(255,255,255);height:32px;width:32px;
	border:1px solid rgb(128,128,128);border-radius:3px;display:inline-block;background-color:rgb(255,255,255);}
.arrow {border-radius:3px;margin:8px;text-align:center;padding:5px 6px 2px 6px;}
/* events */
.eb {cursor:pointer;width:360px;height:100px;margin:12px 6px 0px 6px;overflow:hidden;box-shadow:0px 1px 2px 1px rgba(0,0,0,0.4);}
.sf {font-size:11px;} .ip {margin-left:2px;vertical-align:bottom;}
/* paginator */
.lstdiv {height:24px;margin:12px 6px;position:absolute;top:0px;left:0px;right:0px;}
.lstpage {position:absolute;top:0px;right:0px; }
.lstpage li {display:inline-block;border:1px solid rgb(128,128,128);border-radius:3px;text-align:center;
	margin-left:2px;padding:2px 6px; }
.lstitem {margin-bottom:16px;overflow:hidden;box-shadow:0px 1px 2px 1px rgba(0,0,0,0.4);
	background-color:rgb(240,240,240);cursor:pointer;}
/* context menu */
.ctxmenu {position:absolute;padding:2px 0px;background-color:#fff;border-radius:4px;box-shadow:1px 2px 30px #ddd;}
.ctxmenu ul {margin:0px;padding:0px;} .ctxmenu li {list-style:none;}
.ctxmenu-line {margin:3px 0px;height:1px;padding:0px;width:100%;background-color:#ddd;}
.ctxmenu-item {margin:0px;height:28px;line-height:28px;padding:0px 20px;font-size:12px;color:#666;white-space:nowrap;}
.ctxmenu-item:hover {cursor:default;background-color:#007bff;color:#fff;}
/* multiselect */
.ms { display:inline-block;background:rgb(255,255,255) url(i/bms.png) right center no-repeat;
	outline:none;border:1px solid rgb(128,128,128);border-radius:3px; }
a.ms { color:rgb(0,0,0); } a.ms:focus { border:1px solid rgb(0,0,0); }
.mso { z-index:99999;position:absolute;margin-top:-1px;border:1px solid rgb(128,128,128);
	background:rgb(255,255,255);overflow-y:scroll;overflow-x:hidden; }
.mso label { display:block;white-space:nowrap;padding:0px 2px; }
.mso label.hover { color:rgb(255,255,255);background-color:rgb(32,144,255); }
.mso label.msall { border-bottom:1px dotted rgb(0,0,0); }
.mso label.msgroup { font-weight:bold; }
.mso .msgroupdiv label { padding-left:18px; }
.mso input { vertical-align:middle; }
/* date & time pickers */
.dpinput { position:relative;cursor:pointer; }
.tpinput { position:relative;width:58px;padding-left:2px;cursor:pointer; }
.dp { z-index:99999;position:absolute;margin-top:-1px;border:1px solid rgb(128,128,128);background:rgb(255,255,255); }
.dpmove { cursor:pointer;color:rgb(0,0,0);font-weight:bold; }
.dph { color:rgb(0,0,0);background-color:rgb(192,192,192);font-weight:bold; }
.dp td { text-align:center;cursor:pointer; } .dpl td { padding:2px 3px 2px 2px; } .dps td { padding:1px 2px 1px 1px; }
.dpday { cursor:pointer;color:rgb(0,0,0); } .dpday:hover { color:rgb(255,255,255);background-color:rgb(32,144,255); }
.dpmonth { background-color:rgb(224,224,224); }
.sdpday { color:rgb(255,0,0);font-weight:bold;text-decoration:underline; }
.sdphour { color:rgb(255,0,0);font-weight:bold;text-decoration:underline; }
.sdpmin { color:rgb(255,0,0);font-weight:bold;text-decoration:underline; }
/* color picker */
.cp { z-index:99999;position:absolute;border-top:1px solid black;border-left:1px solid black;height:48px;width:64px; }
.cpc { display:inline-block;position:absolute;height:15px;width:15px;cursor:pointer;
	border-bottom:1px solid black;border-right:1px solid black; }