/*theme: db theme*/

* {padding:0; margin:0;}
body {overflow:hidden;}
body, select, th, td {font:12px arial,sans-serif;}
pre {display:inline;}
a, input, label, select {cursor:pointer;}
textarea {resize:vertical;}
input[type='text'], input[type='password'], textarea {font-family:inherit; font-size:1.0em; padding:0 2px; color:#2B3856; background:#FFFFFF; border-radius:2px; border:1px solid #666; cursor:text;}
input[type='text'], input[type='password'] {height:16px; margin-right:3px;}
button {font-size:0.9em; height:18px; padding:0px 2px; color:#2B3856; background:#FFFFFF; border-radius:2px; border:1px solid #666; cursor:pointer;}
input[type='radio'], input[type='checkbox'] {vertical-align:middle; margin-right:3px;}
input[type='file'] {font-size:0.9em; border-color:#666; color:#2B3856; background:#FFFFFF;}
input[type='file']:hover, button:hover {border-color:#0080FE;}
select {padding:0 2px; font-size:1.0em; height:18px; color:#2B3856; background:#FFFFFF; border-radius:2px; border:1px solid #666;}
select option {padding:0 2px;}
body {background:#E0E0E0; color:#2B3856;}
th {height:18px; color:#2B3856; background:#96B4FF; cursor:default;}
td {vertical-align:top;}
a {color:#2B3856; text-decoration:none;}
a:hover {text-shadow:0.2em 0.3em 0.2em #F88;}
a.urlembed {font-weight:bold; text-decoration:underline;}
hr {margin:10px 0px; border:1px solid #96B4FF;}
p {text-align:justify;}
img {border-style:none;}
mark {color:#FF2222; font-weight:bold; text-decoration:underline;}

h1 {font:bold 13px arial,sans-serif; padding:4px 0px; text-shadow:0.2em 0.3em 0.2em #888; text-align:center;}
h2 {font:bold 14px arial,sans-serif;}
h3 {font:bold 13px arial,sans-serif;}
h4 {font:bold 1.0em arial,sans-serif;}
h5 {font:bold 1.0em arial,sans-serif;}
h6 {font:bold 1.0em arial,sans-serif;}

ul, ol {margin:0 25px;}
li {margin:4px 0;}

.fontS {font-size:0.8em;}
.bold {font-weight:bold;}

.floatR {float:right;}
.floatL {float:left;}
.floatC {text-align:center;}
.center {display:block; margin:auto;}
.inline {display:inline;}
.clear {clear:both;}
.optBut {font-weight:bold; margin-right:10px;}

.navLink {cursor:pointer;}
.link {text-decoration:underline; color:#C02020; background:#FFFFFF;}
.butLink {border:none; color:#C02020; background:none; cursor:pointer; text-decoration:underline;}
.navLink:hover, .butLink:hover {text-shadow:0.2em 0.3em 0.2em #F88;}
.point {cursor:pointer;}
.arrow {cursor:default;}
.move {cursor:move;}
.hyper:hover {cursor:pointer; background:#F2F2F2; overflow:hidden;}
.select:hover {cursor:pointer; background:red;}
.pageTitle {margin:0 0 20px 5%;}
.confirm {margin:auto; width:70%; text-align:center; color:#2B3856; background:#A0D070;}
.warning {margin:auto; width:70%; text-align:center; color:#2B3856; background:#FFF0A0;}
.error {margin:auto; width:70%; text-align:center; color:#2B3856; background:#F0A070;}
.inputWarning {background:#FFF0A0 !important;}
.inputError {background:#F0A070 !important;}
.hired {color:#FF0000; font-weight:bold;}
.hide, .hpot {display:none;}
.hidden {visibility:hidden;}
.noWrap {white-space:nowrap;}
.alert {position:relative; top:15%; text-align:center;}
.alert span {display:inline-block; padding:30px 60px; font-size:1.2em; background:white; border:1px solid red; border-radius:5px; box-shadow:5px 5px 5px #888;}
.bar {padding:0 20px;}

img.logo {position:absolute; left:8px; top:5px; max-width:70px; max-height:70px; z-index:10;}
div.xPadXL {padding:0 80px;}
div.xPadXS {padding:0 10px;}
div.lPadXL {padding:0 10px 0 80px;}
div.topBar {position:relative; line-height:20px; color:#2B3856; background:#FDFDFD;}
span.barLS {position:absolute; top:4px; left:10px;}
span.barLL {position:absolute; top:4px; left:80px;}
span.barRS {position:absolute; top:4px; right:10px;}
span.barRL {position:absolute; top:4px; right:80px;}
div.navBar {line-height:20px; color:#2B3856; background:#96B4FF; border:1px solid #808080; border-style:solid none;}
div.content {position:absolute; left:0; top:49px; right:0; bottom:30px;}
div.contentN {position:absolute; left:0; top:0; right:0; bottom:30px;}
div.contentE {padding:0 4px; font-size:1.1em;}
div.contentH {position:absolute; left:0; top:30px; right:0; bottom:5px; padding:3px 10px; font-size:1.1em; color:#2B3856; background:#FFFFEE;}
footer {position:absolute; left:0; right:0; bottom:10px; padding:0px 10px; font-size:0.8em; color:#2B3856; background:#96B4FF; border:1px solid #808080; border-style:solid none; text-align:center;}
footer a {font:1.1em arial,sans-serif; color:#2B3856; float:right;}
.footLS {font-style:italic; font-weight:bold}
.hitCnt {margin-right:12px;}
div#toapBar, div#todoBar, div#upcoBar {position:absolute; height:60%; width:200px; padding:4px; border:2px solid #808080; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:1.0em; color:#2B3856; background:#FEFEFE; overflow:hidden; display:none;}
div.toapBar {top:87px; right:60px; z-index:22;}
div.todoBar {top:67px; right:40px; z-index:21;}
div.upcoBar {top:47px; right:20px; z-index:20;}
div.barTop {margin-bottom:8px; padding:0 10px; line-height:20px; font-weight:bold; user-select:none; color:#2B3856; background:#96B4FF;}
div.barBody {position:absolute; top:60px; bottom:0px; width:96%; overflow:auto;}
div.menu {border-radius:5px; box-shadow:5px 5px 5px #888; font-size:1.0em; color:#2B3856; background:#FEFEFE; z-index:100; overflow:hidden; transition:0.5s;}
div.usrMenu {position:absolute; top:24px; right:80px; height:0; padding:0 4px;}
div.sideMenu {position:absolute; top:47px; right:4px; width:0; padding:4px 0;}
div.optMenu {position:absolute; top:47px; left:4px; height:0; padding:0 4px;}
div.option {float:left; margin:0 2px;}
div.optHead {margin:4px 0; color:#2B3856; background:#96B4FF;}
div.optList {max-height:206px; overflow-y:scroll;}
div.smGroup {margin:4px 0; border-top:1px solid #D0D0D0;}
div.smGroup p, div.umGroup p {padding:2px 4px; cursor:pointer; white-space:nowrap; transition:0.3s;}
div.smGroup p:hover, div.umGroup p:hover {background:#E0E0E0;}
.closeX {position:absolute; top:4px; right:4px; cursor:pointer;}

.dtPick {cursor:pointer; font-size:14px;}
div.scrollBoxHead {position:absolute; left:0; top:20px; right:0; overflow-y:scroll;}
div.scrollBox {position:absolute; left:0; right:0; bottom:0; overflow:auto;}
div.sBoxYe {top:20px;}
div.sBoxMo, div.sBoxWe, div.sBoxDa {top:42px;}
div.sBoxUp, div.sBoxCh {top:85px;}
div.sBoxMx {top:20px;}
div.sBoxAd {top:90px;}
div.sBoxTs {top:125px;}
div.sBoxSt {top:105px;}
div.sBoxTn {top:50px;}
div.calHeadMx {margin-left:185px; text-align:center;}
div.rowBoxMx {position:absolute; left:5px; top:0; width:180px;}
div.calBoxMx {position:absolute; left:185px; top:0; right:5px; overflow-x:scroll;}
div.rowBoxGt {position:absolute; left:5px; top:0; width:360px;}
div.calBoxGt {position:absolute; left:365px; top:0; right:5px; overflow-x:scroll;}

.dialogBox {display:table; margin:0 auto; font-size:1.0em; background:#FFFFE0; padding:18px 24px; border:1px solid #808080; border-radius:5px; box-shadow:5px 5px 5px #888;}
.centerBox {display:table; margin:0 auto;}

div.conField {margin-bottom:10px;}
div.conField input, textarea {margin-top:4px; width:100%;}

table.mgrid td.holder{vertical-align:top; width:16%; padding:2px;}

table.grid {width:100%; border-collapse:collapse; table-layout:fixed;}
table.grid .wkCol {width:25px;}
table.grid .tCol {width:50px;}
table.grid .dCol {}
table.grid .dCol7 {width:14%;}
table.grid .tColBg {background:#FFFFBB;}
table.grid tr.monthWeek {height:120px;}
table.grid tr.yearWeek {height:40px;}
table.grid th {border:1px solid #808080; overflow:hidden;}
table.grid th.smallHt {height:14px;}
table.grid td {border:1px solid #808080; overflow:hidden;}
table.grid td.wnr {border:none; vertical-align:middle; background:#FFFFBB; text-align:center;}

table td.we0 {color:#2B3856; background:#FFFFBB;}
table td.we1 {color:#2B3856; background:#FFFFCC;}
table td.wd0 {color:#2B3856; background:#FFFFDD;}
table td.wd1 {color:#2B3856; background:#FFFFEE;}
table td.out {color:#2B3856; background:#FEFEFE;}
table td.blank {border:none; background:rgba(0,0,0,0);}
table td.today {border:1px solid #0000FF; color:#2B3856; background:#EEEEFF;}
table td.slday {border:1px solid #FF0000; color:#2B3856; background:#FFEEEE;}

table.matrix {width:100%; border-collapse:collapse; table-layout:fixed;}
table.matrix col {width:56px;}
table.matrix th {height:20px;}
table.matrix th.month {padding-left:4px; text-align:left;}
table.matrix th.borderR {border-right:1px solid #808080;}
table.matrix td {height:38px; border:1px solid #808080; padding:2px; overflow:hidden;}
table.matrix td.rowLeft {overflow:hidden;}

table.ganttL {width:100%; border-collapse:collapse;}
table.ganttL th {height:20px;}
table.ganttL th.borderR {border-right:1px solid #808080;}
table.ganttL td {height:22px; padding:0 5px; vertical-align:middle; border:1px solid #808080; overflow:hidden; white-space:nowrap;}
table.ganttL td:first-child {max-width:210px; overflow:hidden;}

table.gantt {width:100%; border-collapse:collapse; table-layout:fixed;}
table.gantt col {width:56px;}
table.gantt th {height:20px;}
table.gantt th.month {padding-left:4px; text-align:left;}
table.gantt td {height:22px; vertical-align:middle; border:1px solid #808080; white-space:nowrap;}
table.gantt td.msg {height:100px; vertical-align:middle; border:none; white-space:nowrap;}

table.contact {border-collapse:collapse;}
table.contact td {padding:4px 10px; vertical-align:top;}

fieldset {width:auto; margin-bottom:10px; padding:16px; border:1px solid #888888; background:#FFFFEE; border-radius:5px;}
fieldset.upc {width:50%; margin:10px auto 20px auto;}
fieldset.upc-m {width:90%; margin:10px auto 20px auto;}
legend {font-weight:bold; padding:0 5px; background:#FFFFEE;}

.viewHdr {display:inline-block; min-width:230px;}
.arrowLink {font:2.0em/0.6em sans-serif; padding:0 10px;}
.chkBox {color:#FF0000; background:#FFFFDD; padding-right:2px;}
.chkBox:hover {background:#F2F2F2;}
div.container {position:absolute; left:0; top:0; right:300px; bottom:0;}
div.sPanel {position:absolute; width:292px; top:0; right:4px; bottom:0; display:flex; flex-flow:column;}
div.spCal { flex:0 1 auto;}
div.spImg { flex:0 1 auto;}
div.spMsg { flex:1 1 auto; padding:8px; overflow-y:auto; background:#FFFFEE; border:1px solid #808080;}
img.spImage {width:292px; border-bottom:14px solid #96B4FF;}

.square {float:left; width:8px; height:8px; border:1px solid #808080;}
.symbol {float:left; position:relative; font-size:10px; line-height:9px;}
.event {margin-top:2px;}
.evtTitle {font-size:1.0em;}
.dom1 {padding:0 2px; color:#2B3856; background:#96B4FF;}
.dom {padding:0 2px; color:#2B3856;}
.firstDom {padding:0 2px; color:#2B3856; background:#96B4FF;}
.wnr {color:#666666;}
.thNail {max-width:100%;}

var {display:block; border:1px solid #808080; border-style:none none solid none;}
.day ul {margin:5px; padding:0px 15px;}
.timeFrame {position:relative;}
.times {border:1px solid #808080; border-style:none none solid none; text-align:center; color:#666666;}
.dates {position:absolute; left:0px; top:0px; width:100%;}
.evtBox {position:absolute; border:1px solid #808080; z-index:1; overflow:hidden; border-radius:5px; box-shadow:10px 10px 25px grey;}
.dwEvent {padding:2px 0 0 3px;}
.dwEventNw {padding:2px 0 0 3px; white-space:nowrap;}

div.subHead {width:80%; margin:20px 40px 0px 5%}
td.widthCol1 {width:120px;}
td.eBox {padding-left:5px;}
.toAppr {border-left:2px solid #ff0000;}

.ganttLine {font-weight:bold;}
.ganttBar {display:inline-block; margin:2px 6px 0 0; height:10px; border:1px solid #808080;}
.diamant {overflow:visible; white-space:nowrap; font-size:16px; line-height:16px; margin-right:6px;}

div.evtCanvas {padding:2px; color:#2B3856; background:#FFFFEE; cursor:default;}
table.evtForm {width:100%; margin:0; border-spacing:2px;}
table.evtForm td:nth-child(1) {width:100px;}
div.apdBar {text-align:center; margin:4px 0; font-weight:bold;}
div.evtExt {margin:4px 0; border-bottom:2px solid #96B4FF; cursor:pointer;}
div.evtExt span {font-size:0.7em; background:red; border:1px solid red;}
div.repBox {position:absolute; left:40px; top:30px; padding:6px; border:1px solid #808080; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:1.0em; color:#2B3856; background:#FEFEFE; z-index:20; display:none;}
div.ewButtons {margin:6px 0;}

div.tnForm {width:30%; float:left; margin:0 0 6px 5%; padding:12px; border:1px solid #888888; background:#FFFFEE; border-radius:5px;}
table.tnForm tr {height:20px;}
div.tnHelp {width:40%; float:right; margin:0 5% 6px 0; padding:12px; border:1px solid #888888; background:#FFFFEE; border-radius:5px;}
div.tnBox {position:relative; float:left; width:100px; height:120px; margin:6px; background:#FFFFEE;}
div.tnBox div {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
div.tnBox input {width:1px; opacity:0; pointer-events:none;}
div.tnBox span {position:absolute; top:0; left:0; font-size:0.8em;}
div.tnBox span:hover {cursor:pointer; background:red;}
div.tnBox img {position:absolute; top:0; left:15px; max-width:80px; max-height:80px;}
div.tnBox p {position:absolute; left:0px; bottom:0px; width:95%; font-size:0.8em; text-align:center;}

table.list {border-spacing:4px; white-space:nowrap}
.pTitleAdm {margin-left:40px; font-weight:bold; font-size:14px;}
.takeRest {width:100%;}
.stylesL {display:inline-block; float:left; cursor:default; vertical-align:top;}
.stylesR {display:inline-block; float:right; cursor:default; vertical-align:top;}
.style {margin:6px 12px;}
.setting {cursor:default; margin-bottom:2px;}
.sLabel {display:inline-block; width:320px; text-align:right; margin-right:6px;}
.label {cursor:default; text-align:right; padding:0 6px 0 0;}
.aside {width:45%; margin:0 10px 10px 0; padding:5px; border:1px solid #808080; border-radius:5px; box-shadow:5px 5px 5px #888; font-size:1.0em; color:#2B3856; background:#FEFEFE; float:right;}
.butHead {margin:20px auto 10px auto;}

div#pdfPop {position:absolute; top:20%; left:0; right:0; display:none; z-index:10;}
div#htmlPop {position:absolute; font-size:1.0em ; padding:4px; border-radius:5px; box-shadow:5px 5px 5px #888; visibility:hidden; z-index:10;}
div#htmlPop img {max-width:200px; max-height:200px;}
.normal, .private, .repeat {overflow:auto; cursor:default;}
.normal {border:1px solid #808080; color:#2B3856; background:#FFFFE0;}
.private {border:1px solid #808080; color:#2B3856; background:#CCFFCC;}
.repeat {border:1px solid #E00060; color:#2B3856; background:#FFFFE0;}

.dpTable {width:150px; text-align:center; color:#505050; background:#FFFFEE; border:2px outset #D0D0D0;}
.dpTable th {font-size:11px; font-weight:bold; background:#96B4FF; color:#2B3856;}
.dpTable td {font-size:11px;}
.dpTD {border:1px solid #FFFFEE;}
.dpTDHover {border:1px solid #888888; cursor:pointer; color:red;}
.dpHilight {border:1px solid #888888; color:red; font-weight:bold;}
.dpTitle {font:bold 12px arial,sans-serif; color:#2B3856;}
.dpArrow {padding:0 6px; cursor:pointer;}
.dpButton {font:bold 10px arial,sans-serif; color:#2B3856; background:#FFFFFF; cursor:pointer;}

.tpFrame {max-height:180px; width:165px; overflow:auto; font:10px/11px courier,monospace; text-align:center; color:#505050; border:1px solid #AAAAAA;}
.tpAM {background:#EEFFFF;}
.tpPM {background:#FFCCEE;}
.tpEM {background:#DDFFDD;}
.tpPick:hover {background:#A0A0A0; color:red; cursor:pointer;}