#ajax-content {float: none;}
#dialog-overlay {width: 100%; height: 100%; background-color: #000; z-index: 200; position: fixed; opacity: 0.7;}
#dialog-container {width: 100%; height: 100vh; position: fixed; display: flex; justify-content: space-around; align-items: center; z-index: 1000;}
#dialog-container.top {align-items: flex-start; padding-top: 10vh;}
#dialog-frame {width: 550px; height: auto; max-height: 90%; padding: 0px; margin: 0; float: left; background-color: #FFF; position: absolute; position: fixed; z-index: 201; border: 1px #d6d6d6 solid; border-radius: 3px;}
#dialog-frame .header {width: 100%; height: 40px; padding: 10px 10px 0px 10px; float: left; background-color: #f5f5f5; z-index: 10; position: relative; border-bottom: 1px #ccc solid; font-size: 16px; font-weight: 600;}
#dialog-frame .header .small {font-size: 12px; color: #b1b1b1; font-weight: 300;}
#dialog-frame .header I {color: #bfc2ca;}
#dialog-frame .header I:HOVER {color: #a5a8ae;}
#dialog-frame .header .closer {float: right;}
#dialog-frame .inner {width: 100%; float: left; height: auto; max-height: calc(80vh); padding: 10px 20px 10px 20px; margin: 0px 0px 0px 0px; float: left; overflow-y: scroll; overflow-x: hidden; z-index: 9;}
#dialog-frame .inner.nizsi {height: calc(80vh - 100px);}
#dialog-frame .footer {width: 100%; height: 40px; padding: 5px 10px 0px 10px; float: left; background-color: #f5f5f5; color: #FFF; border-top: 1px #ddd solid;}
#dialog-frame .footer A {float: right; color: #474749;}
#dialog-frame .heading-2 {margin: 10px 0px 0px 0px; font-weight: bold; width: 100%; float: left; border-bottom: 1px #f7f7f7 solid; padding: 0px 0px 10px 0px;}
#dialog-frame .repeatFrame {width: 100%; float: left;}
#dialog-frame.size-2 {width: 650px;}
#dialog-frame.size-3 {width: 1200px;}
#dialog-frame.size-4 {width: 800px;}
#dialog-frame.size-5 {width: 1350px;}
#dialog-frame.w-800 {width: 800px;}
#dialog-frame.w-1000 {width: 1000px;}
#dialog-frame.w-1200 {width: 1200px;}

.loading-xxl {font-size: 40px; text-align: center; margin-bottom: 25px; margin-top: 15px;}

/* sizes */
#dialog-container.size2 {}
#dialog-container.size2 #dialog-frame {width: 90vw;}
#dialog-container.size2 #dialog-frame.smaller {width: 50vw;}
#dialog-container.size2 #dialog-frame.small {width: 30vw;}

.ulSort LI {width: 100%; float: left; border-radius: 2px; padding: 5px 10px; margin: 1px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #c5c5c5; color: #555; background-color: #f6f6f6;}
.ulSort.sortable LI {cursor: pointer;}
.ulSort LI I {margin: 4px 0px 0px 0px; color: #ccc; float: right;}
.ulSort LI:HOVER I {color: #000;}
.ulSort .ui-state-highlight {height: 30px; border-color: #dad55e; background-color: #fffa90;}

/* nastavení VZ */
.vzSetting {width: 100%; float: left; border-bottom: 1px solid #f2f2f2; padding: 10px 0px 10px 0px;}
.vzSetting.flex {display: flex; align-items: center;}
.vzSetting.borderTop {border-top: 1px solid #f2f2f2; padding-top: 10px;}
.vzSetting .inputDesc {width: auto; margin: 3px 10px 0px 0px; float: left; font-weight: 600;}
.vzSetting .inputDescLight {width: auto; margin: 3px 10px 0px 0px; float: left; font-weight: 300;}
.vzSetting .inputDescSmall {width: auto; margin: 6px 0px 0px 0px; float: left; font-weight: 300; font-size: 10px;}
.vzSetting .priority {width: 50px; height: 24px; border: 1px solid #ccc; padding: 0px; float: left; margin: 0px 5px 0px 0px;}
.vzSetting .datetimepicker2 {width: 120px; height: 24px; border: 1px solid #ccc; padding: 0px; float: left; margin: 0px 5px 0px 0px;}
.vzSetting .buttonSave {width: auto; height: 24px; float: left; background-color: #c5242c; border: 0 none; color: #fff; display: block; line-height: 24px; padding: 0 10px;}
.vzSetting .buttonSave .vz-loading {font-size: 14px; display: none;}
.vzSetting .settingLeftSide {width: 50%; float: left; display: flex; align-items: center;}
.vzSetting .settingRightSide {width: 50%; float: right; display: flex; align-items: center; justify-content: flex-end;}

/* plánování */
.sortable-vz {}
#dialog-frame .mlList {width: 48%; float: left; border: 1px solid #f2f2f2; margin: 15px 0px 15px 0px;}
#dialog-frame .mlList .heading {width: 100%; padding: 5px 0px; font-size: 12px; font-weight: 700; border-bottom: 1px solid #f2f2f2; background-color: #f2f2f2; text-align: center; color: #c5242c;}
#dialog-frame .mlList .newStationLine {width: 100%; height: auto; float: left; border-top: 3px #780006 dashed; position: relative;}
#dialog-frame .mlList .newStationLine .stationCode {width: auto; height: auto; float: left; padding: 3px 5px; position: absolute; top: -3px; right: -27px; background-color: #780006; color: #FFF; font-size: 11px;}
#dialog-frame .mlList .newStationLine .stationCode.cislo-115-116 {right: -47px;}
#dialog-frame .mlList .newStationLine .poznamkaFrame {width: 100%; height: auto; padding: 5px 5px 0px 5px; float: left; display: flex;}
#dialog-frame .mlList .newStationLine .poznamkaFrame TEXTAREA {width: calc(100% - 20px); height: 40px; float: left; font-size: 11px; border: 1px #f2f2f2 solid;}
#dialog-frame .mlList .newStationLine .poznamkaFrame .right {width: 20px; float: left; display: flex; justify-content: flex-end; align-items: center;}
#dialog-frame .mlList .newStationLine .poznamkaFrame .right .icon {color: #ccc;}
#dialog-frame .mlList .newStationLine .poznamkaFrame .right .icon.saveRequired {color: red;}
#dialog-frame .polozkyList .code {width: 70px;}
#dialog-frame .rightSide {width: 48%; float: right;}
#dialog-frame .ml {width: 100%; height: auto; min-height: 40px; float: left; padding: 10px 0px 10px 0px; border-bottom: 1px #f2f2f2 solid; display: flex; flex-wrap: wrap; align-items: center;}
#dialog-frame .ml.finished {/*background-color: #f2ffe6;*/ background-color: #def2cd;}
#dialog-frame .ml.inProcess {/*background-color: #f2ffe6;*/ background-color: #D9FFFF;}
#dialog-frame .ml .sort {width: 30px; height: 100%; float: left; padding: 0px 0px 0px 0px; margin-top: 3px; font-size: 18px; line-height: 12px; cursor: ns-resize; text-align: center; display: flex; align-items: center; justify-content: center;}
#dialog-frame .ml .mlInfoCont {width: calc(100% - 170px); float: right; padding: 0px 10px; }
#dialog-frame .ml .mlTimesCont {width: 170px; float: right; font-size: 12px; text-align: right; padding: 0px 0px 0px 0px; color: #474749; text-align: right;}
#dialog-frame .ml .mlTimesCont P {margin: 3px 0px 0px 0px;}
#dialog-frame .ml .mlInfo {width: 100%; float: right;}
#dialog-frame .ml .code {font-weight: 600; padding: 0px 0px 0px 0px; color: #c5242c;}
#dialog-frame .ml .small {font-size: 12px; font-weight: 300; color: #474749;}
#dialog-frame .ml .small B {font-weight: 700;}
#dialog-frame .ml .progressBar {width: 140px; height: 20px; line-height: 20px; font-size: 12px; padding: 0px; margin: 3px 0px 0px 0px; float: right; color: #FFF; background-image: url('../images/progress-bar.jpg'); background-repeat: repeat-x; position: relative;}
#dialog-frame .ml .progressBar .status {height: 20px; float: left; position: absolute; top: 0px; left: 0px; z-index: 1;}
#dialog-frame .ml .progressBar .status.green {background-image: url('../images/progress-bar-green.jpg');}
#dialog-frame .ml .progressBar .status.red {background-image: url('../images/progress-bar-red.jpg');}
#dialog-frame .ml .progressBar .text {width: 100%; height: 20px; float: left; position: absolute; top: 0px; left: 0px; padding: 0px 3px; z-index: 2; overflow: hidden; text-align: center;}

#dialog-frame .mlList .ml:last-child {border-bottom: 0px;}
#dialog-frame .mlList .ml:HOVER {background-color: #f7f7f7;}
#dialog-frame .mlList .ml.finished:HOVER {background-color: #cfe9b8;}
#dialog-frame .ml .inputFrame {font-size: 12px; width: 60px; float: left; padding: 0px 0px 0px 0px;}
#dialog-frame .ml .inputFrame.startType {width: 220px;}
#dialog-frame .ml .inputFrame.maxWorkers {width: 120px;}
#dialog-frame .ml .inputFrame.datetime {width: 90px;}
#dialog-frame .ml .inputFrame.datetime INPUT {width: 95%; font-size: 12px;}
#dialog-frame .ml .inputFrame INPUT {width: 40px; height: 24px; float: left; border: 1px #ccc solid;}
#dialog-frame .ml .inputFrame SELECT {width: 200px; height: 24px; float: left; border: 1px #ccc solid;}
#dialog-frame .ml .inputFrame.maxWorkers SELECT {width: 100px;}
#dialog-frame .ml .inputFrame .desc {width: 100%; float: left; font-size: 10px; color: #ccc; margin: 0px;}
#dialog-frame .ml .buttonFrame {font-size: 12px; width: auto; float: left; padding: 14px 0px 0px 0px;}
#dialog-frame .ml .buttonFrame A {height: 24px; background-color: #c5242c; color: #FFF; border: 0px; line-height: 24px; padding: 0px 10px; display: block;}
#dialog-frame .ml .fromTo {color: #ccc;}
#dialog-frame .sortable-vz .ui-state-highlight {height: 65px; float: left; width: 100%; border-color: #dad55e; background-color: #fffa90;}
#dialog-frame .inner .infoFrame {width: 100%; float: left; padding: 0px 0px 10px 0px; border-bottom: 1px solid #f2f2f2; margin: 0px 0px 10px 0px;}
#dialog-frame .inner .infoFrame P {margin: 7px 0px 0px 0px; float: left;}
#dialog-frame .inner .lateTerm {float: left; margin: 7px 0px 0px 0px;}

#dialog-frame .polozkyList {width: 100%; float: right;}
#dialog-frame .polozkyList TABLE {width: 100%; float: left; margin: 15px 0px; border-collapse: collapse; border: 1px solid #f2f2f2;}
#dialog-frame .polozkyList TABLE TH {padding: 5px 10px; font-size: 12px; font-weight: 700; border-bottom: 1px solid #f2f2f2; background-color: #f2f2f2; color: #c5242c;}
#dialog-frame .polozkyList TABLE TD {padding: 5px 10px; font-size: 12px; border-bottom: 1px solid #f2f2f2;}
#dialog-frame .polozkyList TABLE .alignR {text-align: right;}
#dialog-frame .polozkyList TABLE .bold {font-weight: bold;}

#dialog-frame .halfFrame {width: calc(50% - 20px); float: left;}
#dialog-frame .halfFrame.right {width: calc(50% - 20px); float: right;}

#dialog-frame .userStatus {width: auto; float: left; margin-right: 10px;}
#dialog-frame .userStatus .fa {margin: 0px 5px 0px 0px;}
#dialog-frame .userStatus .small {font-size: 11px; opacity: 0.6;}

#dialog-frame .submitLineFrame {width: 100%; float: left; display: flex; justify-content: flex-end; margin: 15px 0px;}
#dialog-frame .submitLineFrame P.date {margin: 5px 10px 5px 0px;}
#dialog-frame .submitLineFrame INPUT[type="text"] {padding: 5px 10px; border: 1px #ccc solid; margin: 0px 10px 0px 0px;}
#dialog-frame .submitLineFrame INPUT[type="submit"] {padding: 5px 10px; border: 1px #ccc solid; margin: 0px 10px 0px 0px; background-image: linear-gradient(#f7f7f7, #e1e1e1); color: #474749; cursor: pointer; border-radius: 2px;}
#dialog-frame .submitLineFrame INPUT[type="submit"]:HOVER {background-image: linear-gradient(#f7f7f7, #f1f1f1);}