/*@import "icons.css";
@import "fupl.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);*/
@import url(morris.css);
@import url(pace.css);
@import url(font.css);

*,.ui.button.text .icon  { font-family: "Lato", "Arial", "Tahoma"; }
body {background: #fafafa url(../../subtle.cover); margin: 0; /*-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;*/ overflow-x:hidden;}
body, table, textarea, input, select, button { font-size: 14px; }
l {font-weight:300}
h0 {display:block;font-size:36px;padding:.5em;}

form,.ui.form {margin:0px !important}
!form .begin, .list .begin {zoom:1.25;text-align:left}
#main {padding:2em;padding-top:0;!background:rgba(255,255,255,0.5);!box-shadow:0 0 10px #fff;width:515px;top:0}
#menu,#notification {display:none;position:fixed;top:0;bottom:auto;right:10%;left:10%;background:#fff;z-index:9999;box-shadow:0px 0px 5px #555;overflow:auto;}
#notification .menu {box-shadow:none;}

[switch=menu] {position:fixed;top:0;right:0;font-size:200%;margin:.5em;margin-right:.3em;color:#333;text-shadow:0px 0px 1px #555;}
[switch=menu] div {margin:0px;margin-bottom:.5em;}
[switch=menu] .i {margin:0px;}
#quick-link {position:fixed;top:0;left:0;font-size:200%;margin:.5em;color:#333;text-shadow:0px 0px 1px #555;width:32px;}
#quick-link div {margin:0px;margin-bottom:.5em;}
#quick-link .i {margin:0px;}

#menu .is {box-shadow:none;margin:0px;}
#menu .is:not(.menu) {padding:1em;text-align:center;}
#menu .is:not(.menu) .item {position:relative;cursor:pointer;color:#666;display:inline-block;width:20%;padding:1em;text-align:center;border:1px solid #eee;margin:.5em;border-radius:5px}
#menu .is:not(.menu) .item .icon {font-size:300%;margin:0px}
#menu .is:not(.menu) .item span {display:block;margin-top:1em;font-size:120%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa}
#menu .is:not(.menu) .item label {position:absolute;right:0;top:.5em}
#menu .is:not(.menu) .item:hover {background:#fafafa}

#ui-datepicker-div {border-radius:0;background:#eee;z-index:10001 !important ; }
[timepick],[datepick],[autofind] {position:relative !important}
.timepick,.datepick {white-space:nowrap;margin:.25em 0;display:none;box-shadow:1px 1px 2px #ddd;border-radius:3px;text-align:center;position:absolute;top:0;margin-top:1em;left:0;right:0;background:#fff;padding:.45em;z-index:7999;border:1px solid #ddd;}
.datepick {margin:0;}
.timepick.adjustRight,.datepick.adjustRight {left:auto;right:0}
.timepick.adjustBottom,.datepick.adjustBottom {!top:110%;!bottom:auto}
.timepick.adjustFull,.datepick.adjustFull {top:auto;bottom:110%}
.timepick .icon.remove,.datepick .icon.remove {margin-top:17px !important;opacity:1;text-shadow:0 0 2px #999; color:#fff;background:#ddd;position:absolute;top:-50%;left:-1.25em}
.timepick select,.datepick select {margin:0px;width:30%;color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.15);border-right-width:0px;outline:none;background:#fff}
.timepick select:nth-child(2),.datepick select:nth-child(2) {border-top-left-radius:3px;border-bottom-left-radius:3px}
.timepick select:last-child,.datepick select:last-child {border-right-width:1px;border-top-right-radius:3px;border-bottom-right-radius:3px}
.errortip {display:none;font-size:70% !important;position:absolute !important;z-index:8000;}
.errortip.below {bottom:100%;left:-.25em;}
.errortip.above {top:100%;left:-.25em;}

.timepick select, .datepick select {text-align:center}
.timepick *,.datepick * {zoom:1.25}

.autofind {display:none;z-index:9999;overflow:hidden;overflow-y:auto;max-height:120px;padding:.25em;text-align:left;position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5em;box-shadow:1px 1px 2px #ddd;border-radius:3px;background:#fff;border:1px solid #ddd}
.autofind .item {border-radius:3px;outline:none;padding:.5em 1em;background:#fafafa;margin-bottom:2px}
.autofind .item .close.icon {opacity:0.1;float:right;margin-left:0;margin-right:-.5em;display:none;}
.autofind .item .close.icon:hover {opacity:1}
[autofind][autofind-setup*=inline] .autofind .item {display:inline-block;margin:1px}
[autofind][autofind-setup*=inline] .autofind .item .close.icon {float:none;margin-left:-.5em;margin-right:.5em}
[autofind][autofind-setup*=removeable] .autofind .item .close.icon {display:inline;}

.autofind .item:hover {background:#eee;cursor:pointer}
.autofind .item.readonly {background:none;color:#aaa;cursor:auto}

.pushed {!overflow:hidden !important}
.contents {min-width:320px}
.contents .view {padding:1em}
.minimalX.pushed .contents, .minimalX.pushed .headmenu {white-space:nowrap;}

#responseText > .message {margin-top:1em}
.floated.right {float:right;}
.floated.right.adjust {margin-top:-1em;}
.for.low.resolution {display:none !important;}
body.fullscreen #main { min-width: 640px;}
body.fullscreen[resolution=HD] #main { min-width: 720px;}
.minimalX #main {min-width:240px !important; background: none; box-shadow:none; width:auto !important; left:35px !important; right:40px !important; margin-left:0 !important}
.minimalX #menu {left:0 !important; right:60px !important; bottom: 0 !important;}
.minimalX #menu .item {zoom: 1.1}
.minimalX #notification {left:58px !important; right:0 !important; bottom: 0 !important;}
.cpanel.minimalX #notification {left:0 !important; right:58px !important; bottom: 0 !important;}
.minimalX #ui-datepicker-div {top:0 !important; bottom: 0 !important; right:0 !important; left: 0 !important; position:fixed !important; width:auto !important; zoom:1.5; }
.minimalX .for.high.resolution {display:none !important;height:0px !important;visibility:hidden !important}
.minimalX .for.low.resolution {display:block !important;}
.minimalX .ui.table .negative {background:#F9F4F4 !important}
.minimalX .responsive.stackable.items .item{width:98% !important; margin-bottom:2em !important}

.minimalY #main {margin-top:0 !important; top: 0 !important}

.no-margin {margin:0px}

#header {font-size:600%;margin:0em;margin-top:0;margin-bottom:.25em;background:#333 url(../../greywash.cover);text-align:left;!box-shadow:0 0 10px #fff;overflow:hidden;border-radius: 0 0 10px 10px }
#header span {color:#fff;text-shadow:0px 0px 7px #999;display:block;min-height:100px}
#header #header-slogan {font-size:25%;font-weight:bold;display:block;padding:.5em 1em;margin:0;color:#fff;text-shadow:0px 0px 5px #aaa;background:rgba(255,255,255,0.25)}

.cpanel #header {font-size:500%;background:none !important;border-radius: 0 }
.cpanel #header span {display:none}
.cpanel #header #header-slogan {color:#333;background:none;text-shadow:none}

!.cpanel .ui.segment .ui.segment {box-shadow:none !important;border:none}
.cpanel .ui.segment .ui.segment .label.ribbon {left:-1.7em;}
.cpanel .ui.segment .ui.segment .label.ribbon:after {display:none}


.field {position:relative !important}
.field .title {color:#aaa;padding:.7em 0;font-weight:bold;position:absolute;right:2.5em;bottom:2px;top:1px;z-index:1}
.field .input input[type=file] {padding:.7em 1em}
.input.center input {text-align:center}
.ui.fields .field:first-child .title {right:3em}
.minimalX .ui.fields .field:first-child .title {right:2.5em !important}
select.ui.select {color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.15);outline:none;background:#fff;padding:.8em 1em .7em 1em;border-radius:4px}
select.ui.select.fluid {width:100%}
select.ui.select.br {margin-bottom:1em;}
select.ui.select.small {font-size:90%}
select.ui.select.tiny {padding:.4em .7em}
*.hidden {display:none}
.event.hidden {display:none !important}
.ui.segment.asinput {font-size:.875em;color:rgba(0,0,0,.7) !important;padding:.85em 1.2em !important;border-radius:3px !important;outline:none}
.ui.segment.asinput.shadow {border:1px solid #ddd;box-shadow:2px 2px 3px #ddd}
.ui.segment .sticker {font-size:80%;padding:.25em .5em;float:right}

.ui.checkbox input[always-off] {display:none !important}

.nowrap {white-space:nowrap !important}
.whitespace.off {white-space:normal !important}
.ellipsis { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.pointer { cursor:pointer !important; }

.liquid {width:100%}

.ui.table.clean tr ,.ui.table.clean tr > td {box-shadow:none !important;background:none !important}
.tables {border-width:0px;border-color:#eeeeee;width:100%}
.tables.borderless {border-color:none;}
.tables.borderless tr, .tables.borderless tr td {border:none !important;}
.tables.clean tr td {padding:0 !important}

.tables tr.header {font-weight:bold;text-align:center}
.tables tr.list td {width:50px;position:relative;height:32px}
.tables tr td {border:1px solid;border-color:#f9f9f9;border-right-width:0 !important;padding:.5em}
.tables.hover tr:hover {background:rgba(200,200,200,0.5);}
.tables.hover:not(.y) tr:hover,.tables.hover tr:not(.ignore) td.hvr {background:rgba(200,200,200,0.1);}
.tables tr td:first-child {border-left-width:0px !important}
.tables tr td:last-child {border-right-width:0px !important}
.tables tr:nth-child(n+1) td {border-top-width:0 !important}
.tables tr:first-child td {border-top-width:0px !important;}
.tables tr:last-child td {border-bottom-width:0px !important;}

.tables tr td.has {background:#f2e2c4 !important;cursor:pointer}
.tables tr td.active {background:#c4f2c6 !important; font-weight:bold;cursor:pointer}
.tables tr td.disabled {background:none; color: #ddd}
.tables tr.no.selection, .tables tr.ignore, .tables tr.ignore td, .tables tr.no.selection td {background:none !important;}

.tables.horizontal tr td {border-left-width:0;}
.tables.tiny tr td {font-size:60%;padding:.1em}
.tables.tiny tr.list td {height:8px}
.tables.small tr td {font-size:80%;}
.tables.small tr.list td {height:16px}

.lined.paper {padding:.25em 1em;padding-left:7em;padding-bottom:0;line-height:2;background-color: #fff; 
background-image: 
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 82px, transparent 82px),
linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 2em;

}
.lined.paper.blur {position:relative;}
.lined.paper.blur:after {display:block;height:24px;content:' ';box-shadow:inset 0 -40px 20px -20px #fff;position:absolute;bottom:0;left:0;right:0}

.items .item .meta.magic {display:none;position:absolute;z-index:1;right:.5em}
.items .item:hover .meta.magic {display:block}

.inherit {font-size:inherit;border:none;background:none;padding:0;margin:0;color:inherit;font-weight:inherit}

.filter.box {padding-top:1.2em !important;margin-top:.5em;}
.filter.box .button {margin:2px 0px;vertical-align:baseline !important;clear:both}
.filter.box .button.img {vertical-align:top !important;}
.filter.box .action {margin:0}

.inventory {text-align:center;position:absolute !important;bottom:100%;left:0;width:320px;margin-bottom:.5em !important;text-transform:none !important;}

.button.problem .icon.texts {background-color:#ffb3b3 !important; color: #cd5f5f !important}
.ui.button {text-shadow:none}
.ui.label.ribbon.gap {margin-bottom:.5em}
.label.corner.basic {border-color:transparent !important;font-size:150% !important}

.inventory {z-index:10}
div.disabled .inventory {display:none !important}

[facility]:not(.active) .inventory {display:none}

.ui.feed.selection > .event, .ui.feed > .event.selection {padding-left:1em;padding-right:1em}
.ui.feed.selection > .event:hover, .ui.feed > .event.selection:hover {cursor:pointer;background:rgba(0,0,0,0.025);border-radius:5px}

.ui.segment.small {font-size:90%;border-radius:3px}
.ui.segment.small .ui.label.ribbon {font-size:90%;left:-2.3em}

.ui.segment.tiny {font-size:80%;padding:.7em;border-radius:3px}
.ui.segment.tiny .ui.label.ribbon {font-size:80%;left:-2.2em}

#slider{min-height:50px}
#slider #slider-source {}
#slider #slider-source div:not(:first-child) {display:none}
#slider:not(:hover) #slider-ctrl {display:none}

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/* fontelico */
[class*="fontelico-"]:before {
  font-family: 'fontelico', sans-serif;
}

/* maki */
[class*="maki-"]:before {
  font-family: 'maki', sans-serif;
}

/* typicons */
[class*="typicons-"]:before {
  font-family: 'Typicons', sans-serif;
}

.heading {margin:0 !important;border-radius:0 !important;font-size:24px;}
.heading.adjust {padding:.5em 1em !important}
.heading > .grid > .column {padding:0;margin:0;font-size:24px !important;}

.heading.h1, .heading.h1 > .grid > .column {font-size:36px !important;}
.board {text-align: left}
.board > .iconed {position:absolute;right:0em;opacity:.5;font-size:52px}
.board > .text {font-size:42px}
.ui.segment.squared {border-radius:0 !important}
.ui.menu.basic {box-shadow:none !important;}
.fit {margin:0 !important}
.squeeze {padding: 0 !important}
.transparent {background:transparent !important}
.ui.segment.raised.inverted {-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}

.charts {position:relative}
.charts.loading:after {content:'';position:absolute;background:rgba(255,255,255,0.8) url(../../image/loader-mini.gif) center no-repeat;top:0;left:0;bottom:0;right:0;}
.charts.error:after {content:'';position:absolute;background:rgba(255,255,255,0.8) url(../../image/chartError.png) center no-repeat;top:0;left:0;bottom:0;right:0;}
.charts > svg {width:100% !important}

.aligned.center {text-align:center !important}
.aligned.left {text-align:left !important}
.aligned.right {text-align:right !important}

.item .image.clean {max-height:150px;overflow:hidden;background:url() center no-repeat;background-size:cover}
.inverted.white {background:#fff !important;color:#333 !important}

.turquoise {background:#1abc9c !important;}
.greensea {background:#16a08 !important;}

.emerald {background:#2ecc71 !important;}
.nephritis {background:#27ae60 !important;}

.peterriver {background:#3498db !important;}
.belizehole {background:#2980b9 !important;}

.amethyst {background:#9b59b6 !important;}
.wisteria {background:#8e44ad !important;}

.asphalt {background:#34495e !important;}
.midnight {background:#2c3e50 !important;}

.sunflower {background:#f1c40f !important;}
.orange {background:#f39c12 !important;}

.carrot {background:#e67e22 !important;}
.pumpkin {background:#d35400 !important;}

.alizarin {background:#e74c3c !important;}
.pomegranate {background:#c0392b !important;}

.gray {background:#ecf0f1 !important; color: #aaaaaa}
.silver {background:#bdc3c7 !important;}

.concrete {background:#95a5a6 !important;}
.asbestos {background:#7f8c8d !important;}

.beam {background:#ffffff !important; }

.light,.inverted {color:#ffffff !important;}
.dark {color:#333333 !important;}