/* compiled '/css/style.cssx', compilation time: 28.783082962036 msec, php css preprocessor by j.svozil */

body {margin:0px;padding:0px;font-family:'Open Sans', helvetica, sans-serif;font-size:14px;background:#555;color:#FFF;}
a,.clickable {cursor:pointer;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.toleft {float:left;}
.toright {float:right;}
#workspace {position:absolute;width:100%;bottom:32px;top:32px;}
#workspace .snipet {position:relative;width:100%;}
#workspace .snipet.full {height:100%;}
#workspace .snipet.half {height:50%;}
#workspace .snipet.none {display:none;}
.ieditor {height:100%;background:#FFF;color:#000;}
.ieditor .header {background:#222;color:#FFF;height:40px;}
.ieditor .header h2 {line-height:40px;font-size:24px;padding:0 40px;font-weight:bold;float:left;display:inline;}
.ieditor .header h2 .ctab {color:#AAA;}
.ieditor .header a {padding:8px;height:24px;display:block;float:right;}
.ieditor .header a.closeEditor:hover {background:#f00;}
.ieditor .header a.closeEditor:before {content:'\f00d';line-height:24px;font-size:32px;font-weight:300;font-family:'Font Awesome 5 Pro';}
.ieditor .header a.upEditor:hover {background:#f80;}
.ieditor .header a.upEditor:before {content:'\f2d0';line-height:24px;font-size:32px;font-weight:300;font-family:'Font Awesome 5 Pro';}
.ieditor .header a.dnEditor:hover {background:#f80;}
.ieditor .header a.dnEditor:before {content:'\f2d1';line-height:24px;font-size:32px;font-weight:300;font-family:'Font Awesome 5 Pro';}
.ieditor .content {top:40px;bottom:0;position:absolute;padding:0px 8px;overflow:hidden;overflow-y:scroll;left:32px;right:0;}
.ieditor .content h3 {padding:16px 8px 8px 8px;margin:0px 8px;border-bottom:1px solid #AAA;}
.ieditor .content .part {padding:8px;}
.ieditor textarea.full {width:100%;height:150px;}
.ieditor textarea.autogrow {width:100%;height:80px;overflow:hidden;}
.ieditor textarea.low {width:100%;height:100px;}
.ieditor ul {padding:0;margin:0;list-style-type:none;overflow:hidden;}
.ieditor li {width:20%;float:left;}
.ieditor input:checked ~ span {font-weight:bold;}
.ieditor .tabs,#ContractEditor .tabs {width:40px;top:40px;bottom:0;position:absolute;background:#222;}
.ieditor .tabs .tbbt:before,#ContractEditor .tabs .tbbt:before {line-height:24px;font-size:24px;font-weight:300;font-family:'Font Awesome 5 Pro';}
.ieditor .tabs .tbbt,#ContractEditor .tabs .tbbt {width:32px;height:24px;padding:4px;position:relative;display:block;color:#fff;text-align:center;}
.ieditor .tabs .tbbt span,#ContractEditor .tabs .tbbt span {display:none;}
.ieditor .tabs .tbbt.active,#ContractEditor .tabs .tbbt.active {background-color:#FFF;color:#000;}
.ieditor .tabs .tbbt:hover,#ContractEditor .tabs .tbbt:hover {color:#F80;}
.ieditor .tabs .tbbt .number,#ContractEditor .tabs .tbbt .number {position:absolute;font-size:10px;line-height:14px;width:14px;text-align:center;color:#fff;background:#F00;top:2px;right:2px;border-radius:3px;}
.ieditor .tab,#ContractEditor .tab {display:none;}
.ieditor .tab.active,#ContractEditor .tab.active {display:block;}
.ieditor .tab a,#ContractEditor .tab a {color:#000;}
table {border-collapse:collapse;table-layout:fixed;width:100%;}
td {padding:0px;border:1px solid #eee;vertical-align:top;}
.dn {width:48px;text-align:center;background:#555;color:#FFF;}
.wk {background:#fb0;color:#000;font-weight:bold;text-align:center;}
tr:nth-of-type(odd) {background:#D6D6D6;}
tr:nth-of-type(even) {background:#DEDEDE;}
tr.sv:nth-of-type(odd) {background:#FFB6B6;}
tr.sv:nth-of-type(even) {background:#FFBEBE;}
tr.sv .dn {color:#F66;}
tr.out:nth-of-type(odd) {background:#E6E6E6;}
tr.out:nth-of-type(even) {background:#EEE;}
tr.out .dn {background:#AAA;}
tr.wk:nth-of-type(odd) {background:#FFFFB6;}
tr.wk:nth-of-type(even) {background:#FFFFBE;}
tr.current {background:#AFA;}
tr.current .dn {color:#6F6;}
#monthGrid {height:100%;}
#monthGrid .head {height:32px;line-height:32px;font-family:'Open Sans Condensed';font-size:20px;font-weight:bold;text-align:left;background:#555;}
#monthGrid .head div {padding:0px 2px;color:#fff;}
#monthGrid .head div.sv {color:#F66;}
#monthGrid .wk {background:#555;font-weight:bold;width:32px;color:#fff;vertical-align:middle;}
#monthGrid .wk div {transform-origin:50% 50%;transform:rotate(-90deg);}
#monthGrid td {color:#000;position:relative;}
#monthGrid td .dc {top:0;left:0;height:100%;width:100%;position:absolute;overflow:hidden;}
#monthGrid .day {font-weight:bold;padding:0px 6px;position:absolute;bottom:0;right:0;font-family:'Open Sans Condensed';font-size:30px;font-weight:bold;}
#monthGrid .out {color:#888;}
#monthGrid .sv {color:#F44;}
#monthGrid .current {background:#AFA;}
.i {padding:0px 2px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.i.ev {text-decoration:underline;}
.i.bl {background-image:url(/static/img/redline.png) !important;}
.i i {float:right;margin:3px 2px 0 0;}
.tm {display:inline;}
.TBContent {overflow-y:scroll;overflow-x:hidden;position:absolute;bottom:0px;top:33px;}
.TBContent.bottom {bottom:33px;}
.TBHeader {position:absolute;height:33px;top:0px;}
.TBHeaderBottom {position:absolute;height:33px;bottom:0px;}
.TBHeaderBottom table tr,.TBHeader table tr,.advtab thead tr {background:#555;color:#FFF;height:32px;line-height:32px;font-family:'Open Sans Condensed';font-size:20px;font-weight:bold;}
.TBHeaderBottom table div,.TBHeader table div,.advtab thead div {margin:0px 4px;}
.TBSpacer {background:#EEE;}
#opBar {background:rgba(0, 0, 0, .80);position:fixed;bottom:0px;width:100%;height:32px;z-index:10;transition:height ease-in .25s;border-top:1px solid #FFF;}
#opBar:hover {height:50%;transition:height ease-out .25s;}
#opBar ul.tabs {list-style-type:none;margin:0px;padding:0px;}
#opBar ul.tabs li {line-height:32px;padding:0px 4px;font-weight:bold;color:#FFF;display:inline;}
.dc {padding:0;}
.dl {position:relative;}
.litm,.citm {position:absolute;top:0px;display:block;overflow:hidden;color:#000;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;}
.litm div,.citm div {padding:0 4px;overflow:hidden;text-overflow:ellipsis;}
.litm input[type=checkbox],.citm input[type=checkbox] {position:absolute;bottom:0;right:0;margin:4px;}
.litm {border-left:1px solid #FFF;border-right:1px solid #FFF;}
.citm {border:1px solid #FFF;}
ul#mainToolBar,ul#mainItemBar {background:#333;height:32px;color:#FFF;margin:0;padding:0;list-style-type:none;}
ul#mainToolBar li,ul#mainItemBar li {line-height:32px;font-family:'Open Sans Condensed';font-size:20px;font-weight:bold;width:220px;position:relative;}
ul#mainToolBar li.left,ul#mainItemBar li.left {float:left;border-right:1px solid #222;}
ul#mainToolBar li.right,ul#mainItemBar li.right {float:right;border-left:1px solid #222;text-align:left;}
ul#mainToolBar li.short,ul#mainItemBar li.short {width:140px;}
ul#mainToolBar li.progress,ul#mainItemBar li.progress {float:right;}
ul#mainToolBar li ul,ul#mainItemBar li ul {display:none;position:absolute;z-index:500;margin:0;padding:0;list-style-type:none;background:#333;background:rgba(51, 51, 51, .9);}
ul#mainToolBar li ul#searchResultHint,ul#mainItemBar li ul#searchResultHint {display:block;}
ul#mainToolBar li:hover ul,ul#mainItemBar li:hover ul {display:block;z-index:5000;}
ul#mainToolBar li a,ul#mainItemBar li a {text-decoration:none;color:#FFF;display:block;transition:background .5s;}
ul#mainToolBar a:hover,ul#mainItemBar a:hover {background:#202020;transition:background .1s;}
ul#mainToolBar div.dropDown,ul#mainToolBar div.search {padding:0px 8px;cursor:default;}
ul#mainToolBar div.search input {border:0;border-bottom:1px dotted #FFF;background:transparent;color:#FFF;font-family:'Open Sans', helvetica, sans-serif;font-size:14px;width:calc(100% - 32px);}
ul#mainToolBar div:before {font-size:20px;font-weight:300;font-family:'Font Awesome 5 Pro';width:32px;text-align:center;display:inline-block;}
ul#mainToolBar #selView:before {content:'\f06e';}
ul#mainToolBar #selTerm:before {content:'\f073';}
ul#mainToolBar #selUser:before {content:'\f007';}
ul#mainToolBar #search:before {content:'\f002';}
ul#mainToolBar #selConfig:before {content:'\f085';}
ul#mainToolBar #selOutput:before {content:'\f02f';}
ul#mainToolBar li ul li {border-top:1px solid #222;font-weight:400;}
ul#mainToolBar li a {padding:0px 8px 0px 40px;}
ul#mainToolBar ul#searchResultHint {width:250%;}
ul#mainToolBar ul#searchResultHint li {width:100%;}
ul#mainToolBar #yearSelect {text-align:center;font-weight:bold;}
ul#mainToolBar #yearSelect a {display:block;padding:0;width:25%;}
ul#mainToolBar #yearSelect a span {display:none;}
ul#mainToolBar #yearSelect a.prev {float:left;border-right:1px solid #222;}
ul#mainToolBar #yearSelect a.next {float:right;border-left:1px solid #222;}
ul#mainItemBar {bottom:0px;position:absolute;display:block;right:0;left:0;}
ul#mainItemBar div.dropDown {padding-left:8px;}
ul#mainItemBar .DDNum {float:right;background:#FF5C00;width:24px;font-size:16px;line-height:24px;height:24px;margin:4px;border-radius:100%;text-align:center;display:none;}
ul#mainItemBar li ul {bottom:32px;width:250%;}
ul#mainItemBar li ul li {border-bottom:1px solid #222;font-weight:normal;width:100%;}
ul#mainItemBar li a {padding:0px 8px;}
.hide {display:none;}
.event {border:1px solid #FFF;}
.event h2 {margin:0;padding:0 16px 0 48px;background:#404040;color:#FFF;font-weight:bold;font-size:32px;line-height:48px;}
h1,h2,h3 {font-family:'Open Sans Condensed';}
h1 {font-size:32px;line-height:32px;padding:8px 40px;margin:0;background:#FFF;color:#000;border-bottom:1px solid #AAA;}
h2 {font-size:24px;line-height:24px;padding:8px;margin:0;}
h3 {font-size:20px;line-height:20px;padding:8px;margin:0;}
#workspace.setup,.WorkspaceWhite {background:#FFF;color:#000;position:absolute;width:100%;overflow:hidden;overflow-y:scroll;}
#workspace.setup .section,.WorkspaceWhite .section {padding:0 40px 40px 40px;}
#workspace.setup .info,.WorkspaceWhite .info {color:#888;padding:0 40px;}
#workspace.setup .hint,.WorkspaceWhite .hint {color:#888;}
#workspace.setup li .operations,.WorkspaceWhite li .operations {float:right;padding-right:16px;font-weight:normal;display:none;}
#workspace.setup li.active .operations,.WorkspaceWhite li.active .operations {display:block;}
#workspace.setup .wide li,.WorkspaceWhite .wide li {padding:8px;}
#workspace.setup .modal,.WorkspaceWhite .modal {background:#FFF;border:1px solid #CCC;}
#workspace.setup h2.underline,.WorkspaceWhite h2.underline {border-bottom:1px solid #AAA;}
#workspace.setup textarea.full,.WorkspaceWhite textarea.full {width:100%;height:400px;}
#workspace.setup {top:32px;bottom:0;}
.WorkspaceWhite {top:0;bottom:0;}
table.light tr.other {color:#A33;}
table.light thead tr,table.light tfoot tr {background:#ddd;}
table.light thead td,table.light thead th {font-weight:bold;text-align:left;padding:4px;}
table.light thead td.center,table.light thead th.center {text-align:center;}
table.light tbody tr:nth-of-type(even) {background:#EEE;}
table.light tbody tr:nth-of-type(odd) {background:#FFF;}
table.light tbody tr.hidden {display:none;}
table.light td {border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-left:0px;border-right:0px;padding:4px;margin:0;vertical-align:middle;}
table.light td input,table.light td select,table.light td textarea {width:100%;margin:0;padding:2px;font-family:'Open Sans', helvetica, sans-serif;font-size:14px;}
table.light td input.hasside,table.light td select.hasside,table.light td textarea.hasside {width:60%;}
table.light td select {padding:1px;}
table.light td input[type="checkbox"] {width:unset;}
table.light td input.short {width:40%;}
table.light tr.vtop td {vertical-align:top;}
table.light .clickable:hover {background:#FDC;}
table.light label {display:inline-block;}
table.celltop td {vertical-align:top;}
table.filter {margin-bottom:16px;}
table.filter td {margin:0px;padding:4px;vertical-align:middle;border:0;background:#F60;color:#FFF;font-weight:bold;}
table.filter td input,table.filter td select {width:100%;margin:0;padding:1;font-family:'Open Sans', helvetica, sans-serif;font-size:14px;}
table.filter td input.hasside,table.filter td select.hasside {width:60%;}
table.filter td input[type="checkbox"] {width:unset;}
div.filter {margin:8px 0 16px 0;padding:4px;background:#F60;color:#FFF;}
div.filter label {font-weight:bold;}
div.filter .box {display:inline-block;padding:0 1em;}
.wcont {overflow:hidden;width:100%;}
.w20 {width:20%;float:left;display:block;}
.w25 {width:25%;float:left;display:block;}
.w33 {width:33.33%;float:left;display:block;}
.w50 {width:50%;float:left;display:block;}
.w49 {width:49%;padding-right:1%;float:left;display:block;}
.w75 {width:75%;float:left;display:block;}
li.active i {width:16px;height:20px;display:inline-block;background-repeat:no-repeat;}
li.active i.pencil {background-image:url(/static/img/pencil_icon&16.png);}
li.active i.delete {background-image:url(/static/img/delete_icon&16.png);}
.missing {border:1px solid #F00 !important;}
.modal {z-index:4000;position:fixed;display:none;box-shadow:8px 8px 8px 4px rgba(0,0,0,.5);background:#FFF;}
.modal.error {border:1px solid #FAA;}
.modal.error .header {background:#800;}
.modal.error:inactive.header {color:#A88;}
.modal .header {background:#222;color:#FFF;height:40px;}
.modal .header h2 {margin:0;padding:0px 16px;line-height:40px;float:left;}
.modal .header h2 .ctab {color:#AAA;}
.modal .header a.closeModal {float:right;text-align:center;color:#fff;display:block;width:24px;height:24px;padding:8px;}
.modal .header a.closeModal:hover {background:#f00;}
.modal .header a.closeModal:before {content:'\f00d';line-height:24px;font-size:32px;font-weight:300;font-family:'Font Awesome 5 Pro';}
.modal.inactive {opacity:.8;}
.modal.inactive .header {color:#aaa;}
.modal .content {position:absolute;overflow:hidden;overflow-y:auto;bottom:0;top:40px;width:100%;color:#000;}
.modal .content .wrap {padding:16px;}
.modal .content-tabbed {position:absolute;overflow:hidden;overflow-y:auto;bottom:0;top:40px;left:40px;right:0;color:#000;}
.modal .content-tabbed .wrap {padding:16px;}
.modal h3 {padding:24px 16px 8px 16px;border-bottom:1px solid #AAA;margin:0 -16px;}
.ah100 {height:100px;}
.picker {width:18px;height:18px;border-radius:20px;margin:6px;display:inline-block;}
.colorpick {display:inline-block;width:20px;height:20px;border-radius:20px;border:1px solid rgba(0, 0, 0, .3);}
.colorpick.etwh {background:#FFF;}
.colorpick.etrd {background:#F00;}
.colorpick.inpick {margin-top:3px;}
.colorpick.inhpick {margin:3px 6px 3px 0px;}
.wrap {padding:0 8px;}
.vw16 {padding:16px 0px;}
.reset {clear:both;}
#ColorPicker {border:1px solid #ccc;padding:4px;background:#fff;width:204px;height:136px;overflow:hidden;position:absolute;display:none;border-radius:2px;box-shadow:2px 2px 2px 0px rgba(0,0,0,.5);}
#ColorPicker .pick {display:block;float:left;width:24px;height:24px;margin:4px;border:1px solid rgba(0, 0, 0, .3);border-radius:20px;}
#ColorPicker .pick.sel:before {font-weight:900;font-family:'Font Awesome 5 Pro';content:'\f00c';color:rgba(0, 0, 0, .5);display:block;line-height:24px;text-align:center;}
.c0 {background:#666 !important;color:#fff;}
.c1 {background:#77F !important;color:#fff;}
.c2 {background:#F6F !important;}
.c3 {background:#F88 !important;}
.c4 {background:#0B6 !important;color:#fff;}
.c5 {background:#8FF !important;}
.c6 {background:#FF8 !important;}
.c7 {background:#FFF !important;}
.c8 {background:#CCC !important;}
.c9 {background:#6AF !important;color:#fff;}
.cA {background:#A6F !important;color:#fff;}
.cB {background:#F86 !important;}
.cC {background:#8F8 !important;}
.cD {background:#FC8 !important;}
.cE {background:#FA8 !important;}
.cF {background:#7FC !important;}
.cG {background:#48F !important;color:#fff;}
.cH {background:#F4C !important;color:#fff;}
.cI {background:#F40 !important;color:#fff;}
.cJ {background:#FA4 !important;}
.cK {background:#FF4 !important;}
.cL {background:#8F4 !important;}
.cM {background:#4C4 !important;}
.cN {background:#4CF !important;}
#noticearea {position:fixed;right:0px;bottom:34px;z-index:9999;width:20%;}
#noticearea .notice {margin:0 16px 16px 0;padding:12px;background:#000;color:#fff;display:inline block;text-align:left;border-radius:4px;overflow:hidden;box-shadow:4px 4px 4px rgba(0, 0, 0, .33);}
#noticearea .notice span {float:left;width:32px;height:32px;display:block;line-height:32px;font-size:32px;font-weight:300;font-family:'Font Awesome 5 Pro';}
#noticearea .notice div {margin-left:40px;}
#noticearea .info {background:#090;}
#noticearea .info span:before {content:'\f05a';}
#noticearea .alert {background:#A00;}
#noticearea .alert span:before {content:'\f071';}
#noticearea .message {background:#FC0;color:#000;}
#noticearea .message span:before {content:'\f27a';}
.redline {background:url(/static/img/redline.png);}
ul.RoomSelect,ul.Collision {list-style-type:none;margin:0;padding:0;}
ul.RoomSelect li,ul.Collision li {padding:0px 8px;}
ul.RoomSelect li a,ul.Collision li a {font-weight:bold;}
ul.RoomSelect li ul,ul.Collision li ul {list-style-type:none;display:none;margin:0;padding:0;}
ul.RoomSelect li ul li,ul.Collision li ul li {padding-left:20px;margin:0;}
ul.RoomSelect li.open ul,ul.Collision li.open ul {display:block;}
.boxed {overflow:hidden;overflow-y:scroll;border:1px solid #AAA;background:#fff;}
.h200 {height:200px;}
.tabed {overflow:hidden;display:block;}
.tabed h3 {float:left;padding:4px 8px;border-bottom:0;background:#aaa;margin:0 4px 0 0;}
.tabed .disabled {color:#ccc;}
.hvcenter {position:relative;width:100vw;height:100vh;}
.hvcenter > div {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#loginbox {width:400px;background:#FFF;overflow:hidden;box-shadow:4px 4px 4px 0px rgba(50, 50, 50, 0.75);}
#loginbox .licence {background:#804;padding:8px 16px;line-height:16px;}
#loginbox form {padding:8px 16px;}
#loginbox label {color:#000;width:100%;}
#loginbox p {color:#000;padding:8px;margin:0;}
#loginbox .error {color:#a00;font-weight:bold;padding:8px;text-align:center;}
.bigtext {font-size:4em;font-weight:bold;}
.relative {position:relative;width:100%;height:100%;}
#ContractEditor h2 {padding:0 40px;}
#ContractEditor h3 {padding:16px 8px 8px 8px;margin:0px 8px;border-bottom:1px solid #AAA;}
#ContractEditor .part {padding:8px;}
table.light tr.notinbook {color:#A00;}
.totals {font-size:1.2em;font-weight:bold;background:#ddd !important;border:0px;}
.negative {color:#A00;}
.positive {color:#0A0;}
.mobile {display:none;}
a.colorSel {display:inline-block;background:#fff;border:2px solid #aaa;padding:1px;overflow:hidden;}
a.colorSel.active {border-color:#000;}
.square {width:30px;height:20px;display:inline-block;}
.modules {padding:1em;}
.modules > div {float:left;width:24%;padding:.5%;text-align:center;}
.modules > div a {padding:5% 0;background:#eee;display:block;font-size:16px;font-weight:bold;transition:background .75s;}
.modules > div a:hover {background:#fc8;transition:background .1s;}
#FestivalDaySelector {background:#222;line-height:33px;font-family:'Open Sans Condensed';font-size:20px;color:#000;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}
#FestivalDaySelector a {flex:1 1 auto;margin:1px 1px 0px 1px;width:auto;text-align:center;background:#333;text-decoration:none;color:#fff;}
#FestivalDaySelector a.active {background:#fff;color:#000;}
.TBHeader.shift {top:34px;}
.TBContent.shift {top:67px;}
.nb {border-top:0;border-bottom:0;position:relative;}
.vgrid {background:url(/static/img/vgrid.png);}
.hc {border-top:1px solid #fff;line-height:30px;font-size:18px;font-weight:bold;font-family:'Open Sans Condensed';font-weight:bold;}
.hc .half {color:#888;}
.hc:nth-of-type(even) {background:#555;}
.fitm {position:absolute;width:100%;overflow:hidden;}
.fitm .i {height:calc(100% - 2px);border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #888;border-bottom:1px solid #888;}
.fitm .rem {color:rgba(0,0,0,.5);font-size:12px;}
.columns {overflow:hidden;clear:both;}
.columns > div {padding:0 .5%;float:left;display:block;}
.columns > div:first-child {padding-left:0;}
.columns > div:last-child {padding-right:0;}
.columns .col2 {width:49.5%;}
.columns .col3 {width:32.33%;}
.columns .col4 {width:24%;}
ul.unitabs {overflow:hidden;border-bottom:1px solid #222;padding:0px 0px 0px 8px;}
ul.unitabs li {display:block;float:left;padding:4px 8px !important;margin-right:2px;font-weight:bold;background:#ccc;border-radius:3px 3px 0px 0px;}
ul.unitabs li.grn {background:#0a0;color:#fff;}
ul.unitabs li.active {background:#222;color:#fff;}
.textcontent a {color:#a00;}
#progress {float:right;margin:6px;display:none;}
#upload {float:right;margin:6px;display:none;}
#ContextContainer {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2000;}
.ContextMenu {position:absolute;width:auto;height:auto;top:50%;left:50%;padding:8px;background:#fff;box-shadow:8px 8px 8px rgba(0,0,0,.5);color:#000;}
.ContextMenu .line {line-height:24px;}
.ContextMenu .fal {margin-right:4px;}
.ContextMenu.Itemic {padding:0;border:1px solid #fff;}
.ContextMenu.Itemic a {display:block;padding:4px 8px;}
.ContextMenu.Itemic a:hover {background:#222;color:#fff;}
.ContextMenu.Itemic a.disabled {color:#aaa;}
.ContextMenu.Itemic a.disabled:hover {background:#aaa;color:#fff;}
.ContextMenu.Itemic .separator {border-top:1px solid #888;margin:2px 4px;display:block;}
#Legend ul {margin:0;padding:0;list-style:none;}
#Legend li {margin:0;padding:1px 0px;}
#Legend span {padding:0 4px;border-radius:3px;}
#Legend .colors span {border:1px solid #ddd;display:block;text-align:center;}
#Legend .shortcuts span {background:#666;color:#fff;}
#TaskEdit textarea.full {width:100%;height:150px;}
#DTPickerCanvas {position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:1500;}
#DTPicker {position:absolute;top:50%;left:50%;background:#fff;color:#000;border:1px solid #ccc;line-height:24px;}
#pDate {width:196px;}
#pHours {width:168px;}
#DTPicker ul {display:block;list-style:none;text-align:center;margin:0;padding:0;}
#DTPicker li {width:28px;float:left;}
#DTPicker #pDays li:hover {background:#eee;}
.pOutside {color:#aaa;}
.pNow {color:#0a0;}
.pSv {color:#a00;}
.pHdr {font-weight:bold;}
.pHeader {text-align:center;}
.pCurrent {font-weight:bold;}
#pCaption {font-weight:bold;}
.pTimeCap {width:168px !important;}
#pNext {float:right;}
#pPrev {float:left;}
.pBtn {width:28px;}
.pBtn:hover {background:#F00;color:#fff;}
.pInRange {background:#DEF;}
#TaskViewList {display:flex;flex-wrap:wrap;}
#TaskViewList .taskCard {border-radius:4px;background:#FFA;padding:8px;width:calc(25% - 24px);margin:4px;display:flex;flex-direction:column;justify-content:space-between;}
#TaskViewList .taskCard h3 {padding:0;}
#TaskViewList .taskCard.own {background:#FDA;}
#TaskViewList .taskCard.expired {background:#A00;color:#fff;}
#TaskViewList .taskCard.done {background:#AFA;}
.daypanel {margin:0;padding:4px;display:flex;justify-content:space-between;}
.daypanel li {background:#222;border-radius:3px;text-align:center;margin:4px;width:100%;list-style:none;}
.daypanel li a {display:block;}
.daypanel li.current {color:#6F6;}
.daypanel li.sv {color:#F66;}
.daypanel li.unasgn {background:#c80;}
.daypanel li.sel {background:#fff;color:#000;}
.daypanel li.sel.current {color:#0C0;}
.daypanel li.sel.sv {color:#C00;}
.area {width:3072px;position:relative;}
.gridcontainer {overflow:hidden;position:relative;overflow-y:scroll;}
.gridtimeline {overflow:hidden;position:relative;}
.grid {margin-left:200px;background-size:128px 48px;background-image:linear-gradient(0deg, #fff 0%, #fff 2%, transparent 2%, transparent 50%, #fff 50%, #fff 52%, rgba(160, 160, 160, .25) 52%),
		linear-gradient(90deg, #fff 0%, #fff 1%, transparent 1%, transparent 25%, #888 25%, #888 26%, transparent 26%, transparent 50%, #aaa 50%, #aaa 51%, transparent 51%, transparent 75%, #888 75%, #888 76%, transparent 76%, transparent 100%);}
.timeline {height:24px;line-height:24px;display:flex;position:relative;}
.timeline div {padding:0 .5em;font-weight:bold;}
.item {height:22px;border:1px solid #888;background:#fff;position:absolute;display:block;border-radius:2px;overflow:hidden;text-overflow:ellipsis;line-height:22px;color:#000;cursor:default;}
.item.ev {text-decoration:underline;}
.item.bl {background-image:url(/static/img/redline.png) !important;}
.item.sel {background:#222 !important;color:#fff;}
.drag {width:8px;height:100%;cursor:w-resize;}
.dl {float:left;}
.dl:hover:before {font-family:'Font Awesome 5 Pro';content:'\f104';}
.dr {float:right;}
.dr:hover:before {font-family:'Font Awesome 5 Pro';content:'\f105';}
.rowinfo {position:absolute;top:0;left:0;width:200px;line-height:23px;background:rgba(.33, .33, .33, .66);color:#fff;text-align:right;list-style:none;margin:0;padding:0;}
.rowinfo li {margin:0;height:23px;padding-right:10px;border-bottom:1px solid #fff;text-overflow:ellipsis;overflow:hidden;}
.rowinfo li:hover {background:#666;}
#gridstatus {display:block;height:40px;background:#fff;color:#000;line-height:40px;padding:0 16px;}
#WaitDialogContainer {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:5000;}
#WaitDialogContainer .dialog {position:relative;text-align:center;background:#fff;border-radius:4px;color:#000;padding:16px;width:33.33%;left:33.33%;top:50%;}
#WaitDialogContainer .dialog #WaitMessage {text-align:left;font-weight:bold;}
#WaitDialogContainer .waitbuttons {margin-top:16px;}
#WaitDialogContainer .waitbuttons button {margin:0 4px;width:80px;}
.whrs {color:#0c0;}
.whrs.over {color:#f00;}
.whrs.none {color:#fc0;}
.solid {width:9px;height:9px;border-radius:10px;display:inline-block;border:1px solid rgba(0, 0, 0, .33);}
table .fg .sideb {width:75%;}
.justify-flex {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.comment {padding:1em;border:0;background:#eee;border-radius:4px;margin:0 0 1em 0;}
.comment.private {background:#888;color:#fff;}
.comment p {margin-bottom:0;}
.bignum {font-size:20px;}
.smallinfo {font-size:11px;}
.framed {background:#eee;border-radius:4px;border:0;text-align:center;padding:.25em;margin:0 0 1em 0;}
#taskpanel {position:fixed;right:0px;bottom:34px;top:34px;z-index:9995;width:20%;overflow:hidden;overflow-y:scroll;background:rgba(0, 0, 0, .3);}
#taskpanel .taskitem {margin:0 8px 8px 8px;padding:12px;background:#000;color:#fff;display:inline block;text-align:left;border-radius:4px;}
#taskpanel .sticky {padding:8px;position:sticky;top:0px;width:100%;}
#taskpanel::-webkit-scrollbar {width:8px;}
#taskpanel::-webkit-scrollbar-button {display:none;}
#taskpanel::-webkit-scrollbar-track {background:transparent;}
#taskpanel::-webkit-scrollbar-track-piece {background:transparent;}
#taskpanel::-webkit-scrollbar-thumb {background:#000;border-radius:2px;}

/* mediaquery mobile */
@media (max-width: 849px){
#loginbox {width:90%;text-align:center;}
#loginbox form button {width:100%;}
.mobile {display:block;}
}

/* mediaquery small */
@media(max-height: 799px){
.ieditor .tabs .tbbt:before,#ContractEditor .tabs .tbbt:before {line-height:16px;font-size:16px;}
.ieditor .tabs .tbbt,#ContractEditor .tabs .tbbt {height:16px;}
}

/* mediaquery w1700 */
@media(max-width: 1700px){
#noticearea {width:33%;}
#taskpanel {width:33%;}
}

/* mediaquery w1200 */
@media(max-width: 1280px){
#noticearea {width:40%;}
#taskpanel {width:40%;}
}