/* inputs */
INPUT, TEXTAREA, SELECT {font-family: inherit; padding: 8px 10px; font-size: 14px; /*-webkit-appearance: none; -webkit-border-radius: 0;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color: #FFFFE0;}
SELECT.form-small {padding: 3px 6px; font-size: 12px;}
select option:disabled {background-color: #f7f7f7; color: #ccc;}

.formFrame {width: 100%; float: left; margin: 0px 0px 10px 0px;}
.formFrame .formLine {width: 100%; float: left; margin: 0px 0px 7px 0px; position: relative;}
.formFrame .formLine .insideIcon {position: absolute; top: 35px; right: 11px; font-size: 14px; color: #9e9e9e;}
.formFrame .formLine .formSelectCont .insideIcon {right: 13px; top: 33px;}
.formFrame .formLine.formLineSubmit {padding: 10px 0px 0px 0px; margin: 3px 0px 0px 0px; border-top: 1px #f7f7f7 solid;}
.formFrame {width: 100%; float: left;}
.formFrame .formRow {width: 100%; float: left; padding: 5px 0px 0px 0px; margin: 0px; font-weight: 600;}
.formFrame .formRow .small {font-size: 13px; font-weight: 300; color: #959595;}
.formFrame .formRowValue {width: 100%; float: left; padding: 9px 10px 8px 10px; border: 1px #ccc solid; border-radius: 2px; background-color: #f7f7f7;}
.formFrame .formInput {width: 100%; float: left; padding: 9px 10px 9px 10px; border: 1px #ccc solid; border-radius: 2px;}
.formFrame .formInput:REQUIRED {border-left: 2px #d9001a solid;}
.formFrame .formInput.readonly {background-color: #f7f7f7;}
.formFrame .formInput[type=file] {padding: 5px 5px; background-color: #FFF;}
.formFrame .formInput.colorpick {width: 40px; border-radius: 10px; cursor: pointer;}
.formFrame .formTextareaCont {width: 100%; float: left;}
.formFrame .formTextarea {width: 100%; height: 400px; float: left; padding: 5px 10px;}
.formFrame .formSelectCont {width: 100%; float: left; overflow: hidden; background-color: #FFF; border: 1px solid #ccc; color: #555; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.formFrame .formSelectCont SELECT {width: calc(100% + 22px); padding: 8px 10px; border: 0px; cursor: pointer; -webkit-appearance:none;}
.formFrame .formLinePrefix {width: 100%; float: left; margin: 0px 0px 7px 0px; position: relative; display: flex; align-items: center;}
.formFrame .formLinePrefix .sepr {margin: 10px 10px 0px 10px; font-size: 24px;}
.formFrame .formLinePrefix .inputFramePrefix {width: 200px;}
.formFrame .formCheckboxCont {width: 100%; float: left; margin: 5px 0px;}
.formFrame .formCheckboxCont LABEL {display: flex; align-items: center; cursor: pointer;}
.formFrame .formCheckboxCont LABEL INPUT {margin: 0px 10px 2px 0px;}

.operaceLine {width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 7px 0px;}
.operaceLine.workerPause {justify-content: flex-start;}
.operaceLine .formRow {display: none;}
.operaceLine .formLine {margin: 0px;}
.operaceLine .formLine .formSelectCont .insideIcon {top: 13px;}
.operaceLine .operaceSelectFrame {width: calc(100% - 780px); float: left;}
.operaceLine .operaceSelectFrame.workerPause {width: 150px; margin: 0 10px;}
.operaceLine .operaceNormFrame {width: 210px; flex: 0 0 210px; float: left;}
.operaceLine .operaceFinishedFrame {width: 200px; float: left; display: flex; align-items: center;}
.operaceLine .operaceFinishedFrame .line {width: 100%; float: left; display: flex; align-items: center; font-size: 12px; cursor: pointer;}
.operaceLine .operaceFinishedFrame .line INPUT {margin-right: 5px;}
.operaceLine .operaceRemoveFrame {width: 20px; float: left; display: flex; align-items: center;}
.operaceLine .pocetKs {width: 100px; float: left; display: flex; align-items: center; font-size: 12px; cursor: pointer;}

.operaceLine .workerPauseColon {margin: 0; font-size: 24px; font-weight: 900;}
.operaceLine .workerPauseDash {margin: 0; font-size: 24px; font-weight: 900;}

.operaceLineWorker {width: 100%; float: left; display: flex; align-items: center; margin: 0px 0px 7px 0px; padding: 0px 0px 7px 0px; border-bottom: 1px #f7f7f7 solid;}
.operaceLineWorker .workerNames {margin: 0px 0px 0px 10px; font-size: 12px;}

/* half-frame */
.formFrame .halfFrame {width: 50%; float: left; padding: 0px 30px 0px 0px;}
.formFrame .halfFrame.right {width: 50%; float: left; padding: 0px 0px 0px 30px;}

/* submits */
.formFrame .formSubmit {width: auto; float: right; padding: 8px 20px; font-size: 14px; background-color: #2db3cc; border: 1px #1b9fb8 solid; color: #FFF; font-weight: 700; margin: 0px 0px 0px 10px; cursor: pointer; border-radius: 2px; text-align: center;}
.formFrame .formSubmit:HOVER {box-shadow: inset 0 0 4px rgba(0,0,0,0.25);}
.formFrame .formSubmit.red {background-color: #d9001a; border: 1px #c20003 solid;}
.formFrame .formBack {width: auto; float: right; padding: 8px 20px 7px 20px; font-size: 14px; border: 1px #ddd solid; font-weight: 500; background-image: url('../images/button-1-bg.jpg'); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0px 0px 0px 10px;}
.formFrame .formBack:HOVER {box-shadow: inset 0 0 3px rgba(0,0,0,0.1);}
.formFrame .formDelete {width: auto; float: left; padding: 8px 20px 7px 20px; font-size: 14px; border: 1px #ddd solid; font-weight: 500; background-image: url('../images/button-1-bg.jpg'); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin: 0px 0px 0px 0px;}
.formFrame .formDelete.iLeft {padding-left: 15px;}
.formFrame .formDelete I {margin: 0px 5px 0px 0px;}
.formFrame .formDelete:HOVER {box-shadow: inset 0 0 3px rgba(0,0,0,0.1);}
.formFrame .redirectOptionsFrame {width: auto; float: right; margin: 10px 20px 0px 20%;}
.formFrame .redirectOptions {float: left; margin: 0px 10px 0px 0px; color: #808080;}
.formFrame .redirectOptions INPUT {margin: 3px 10px 0px 0px; float: left;}
.formFrame .redirectOptions .desc {float: left;}
.formFrame .redirectOptions {cursor: pointer;}
.formFrame .redirectOptions INPUT:CHECKED+SPAN {color: #545454;}

/* checkbox */
.formCheckboxList {width: 100%; float: left;}
.formCheckboxList .checkboxLine {width: 100%; float: left; padding: 3px 0px;}
.formCheckboxList .checkboxLine LABEL {width: auto; cursor: pointer; display: flex;}
.formCheckboxList .checkboxLine LABEL INPUT {margin: 0px 10px 0px 0px;}
.formCheckboxList .checkboxLine LABEL:HOVER {text-decoration: underline;}
.formCheckboxList .checkboxLine INPUT[type="radio"]:DISABLED+LABEL {color: #ccc;}

/* FILTER */
.filtrFrame {width: 100%; float: left; padding: 10px 20px; background-color: #f7f7f7; border: 1px #ececec solid;}
.filtrFrame .filtrFrameLine {width: 100%; float: left; display: flex;}
.filtrFrame .filtrFrameLine .formLine {max-width: 200px; margin-right: 20px;}
.filtrFrame .filtrFrameLine .formLine.formLineSubmit {width: auto; padding: 0px; margin: 0px 0px 7px 0px; display: flex; align-items: flex-end;}

/* info panels */
.infoPanel {width: 100%; float: left; padding: 0px 10px; margin: 0px 0px 15px 0px; background-color: #f7f7f7; border: 1px #ddd solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.infoPanel I {width: auto; float: left; margin: 10px 10px 2px 0px; font-size: 16px;}
.infoPanel P {width: auto; float: left; margin: 9px 0px 8px 0px;}
.infoPanel .line-1 {margin: 0px 0px 5px 0px;} 
.infoPanel.error {border-color: #e95847; color: #fff; background-color: #e95847;}
.infoPanel.done {border-color: #27cd27; color: green; background-color: #ecffcf;}
.infoPanel.info {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.alert {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.warning {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.star {border-color: #d7d123; color: #d7d123; background-color: #fffdd2;}
.infoPanel.done I {color: #27cd27;}
.infoPanel A {text-decoration: underline; font-weight: bold;}
.infoPanel.big {font-size: 20px;}
.infoPanel.center {display: flex; justify-content: space-around;}
.infoPanel UL.noLi {width: 100%; float: left; margin: 4px 0px; list-style-type: none;}
.infoPanel UL LI {width: 100%; float: left; margin: 5px 0px; line-height: 17px;}