/* efekty */
.trans-3 {-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.trans-5 {-moz-transition:0.5s all;-webkit-transition:0.5s all;}

/* headings */
H2 {font-size: 24px; font-weight: 600; margin: 15px 0px 10px 0px;}
H2.size-1 {margin: 0px;}
H3 {font-size: 20px; font-weight: 600; margin: 15px 0px 10px 0px;}
H4 {font-size: 18px; font-weight: 600; margin: 15px 0px 10px 0px;}
H2 .small {font-size: 14px; color: #777; font-weight: 300; padding-left: 5px;}
H2.underline, H3.underline {border-bottom: 1px #ddd dotted;}
H2.headingMain {border-bottom: 1px #ddd dotted; margin-top: 15px; margin-bottom: 10px; padding-bottom: 10px;}
H2 .sepr {font-weight: 200; color: #ccc; font-size: 18px;}
H2 I {margin-right: 10px;}
H3 .small {font-size: 12px; font-weight: 300;}
H3 A {text-decoration: underline; color: #006fac;}

HR {width: 100%; height: 0px; float: left; margin: 15px 0px; border: 0px; border-bottom: 1px #ddd dotted;}

.textFrame {}
.textFrame A {text-decoration: underline; color: #c5242c;}
.textFrame A:HOVER {text-decoration: none;}

.headingLine {width: 100%; float: left; display: flex; justify-content: space-between;}
.headingLine .left {display: flex; align-items: center;}
.headingLine .right {display: flex; align-items: center;}

/* colors */
.color1 {background-color: #2db3cc; color: #ffffff;}

.c-green {color: #5db85c;}

/* background colors */
.bg-red {background-color: #d9001a !important;}
.bg-green {background-color: #5db85c !important;}

/* font color */
.c-red {color: #d9001a !important;}
.c-green {color: #5db85c !important;}
.c-gray {color: #cccccc !important;}
.c-gray-dark {color: #555 !important;}
.c-white {color: #fff !important;}
.c-91 {color: #919191;}

/* priority */
.priority {display: block; width: 20px; height: 20px; font-size: 11px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.priority.priority_1 {color: #fff;}
.priority.priority_5 {color: #fff;}

/* floats */
.flo-l {float: left !important;}
.flo-r {float: right !important;}

/* sizes */
.w-100-proc {width: 100%;}
.w-auto {width: auto;}
.w-90 {width: 90px !important;}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}

/* overflow */
.overflow-h {overflow: hidden;}

/* positions */
.pos-rel {position: relative;}

/* text align */
.ta-c {text-align: center;}

/* clear */
.clearBoth {clear: both;}

/* helper */
.line {width: 100%; float: left;}
.block {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.mt-0 {margin-top: 0px;}

.disp-b {display: block;}
.disp-n {display: none;}

/* font size */
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 18px !important;}

.bold {font-weight: bold;}

/* corners */
.corner-3 {border-radius: 3px;}

/* cursor */
.cursor-pointer {cursor: pointer;}
.cursor-not-allowed {cursor: not-allowed;}

/* tables */
.table-1 {width: 100%; border-collapse: collapse; text-align: left; z-index: 2; position: relative;}
.table-1 TR {border-bottom: 1px #ececec solid;}
.table-1 TR.sumary {border-bottom: 1px #FFF solid;}
.table-1 TH {padding: 13px 15px 12px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.table-1 TH .button-1 {font-weight: 500;}
.table-1 TH A:HOVER {text-decoration: underline;}
.table-1 TD {padding: 10px 15px 10px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.table-1 TR.sumary {background-color: #ececec;}
.table-1 TR.sumary TD {font-weight: 600;}
.table-1 .progressBar {width: 200px; height: 20px; line-height: 20px; font-size: 12px; padding: 0px; margin: 0px 5px 0px 0px; float: left; color: #FFF; background-image: url('../images/progress-bar.jpg'); background-repeat: repeat-x; position: relative;}
.table-1 .progressBar .status {height: 20px; float: left; position: absolute; top: 0px; left: 0px; z-index: 1;}
.table-1 .progressBar .status.green {background-image: url('../images/progress-bar-green.jpg');}
.table-1 .progressBar .status.red {background-image: url('../images/progress-bar-red.jpg');}
.table-1 .progressBar .text {width: 100%; height: 20px; float: left; position: absolute; top: 0px; left: 0px; padding: 0px 5px; z-index: 2;}
.table-1 .progressBar .text .col {width: calc(33.33% - 15px); float: left; text-align: right;}
.table-1 .progressBar .text .colSepr {width: 10px; float: left; text-align: center; margin-left: 5px;}
.table-1 TR.sumLine {display: nonex; background-color: #ececec;}
.table-1 TR.sumLineBorder {border-top: 2px #ececec solid;}
.table-1 TD A {text-decoration: underline;}
.table-1.rowClick TR:HOVER {cursor: pointer;}
.table-1 TR.rowClick:HOVER {cursor: pointer; background-color: #f7f7f7;}
.table-1 TR.rowClick TD:first-child {border-left: 2px transparent solid;}
.table-1 TR.rowClick:HOVER TD:first-child {border-left: 2px #c5242c solid;}
.table-1 TR.sumary_total {font-weight: 600; background-color: #f7f7f7;}
.table-1 TR:last-child {border-bottom: 0px;}
.table-1 .fa-style-1 {margin: 4px 0px 0px 0px; color: #70be1d; cursor: help;}
.table-1.no-side-paddings TR TD:first-child, .table-1.no-side-paddings TR TH:first-child {padding-left: 0px;}
.table-1.no-side-paddings TR TD:last-child, .table-1.no-side-paddings TR TH:last-child {padding-right: 0px;}
.table-1 .sort-no-active {color: #ccc;}
.table-1.planning TH {font-size: 12px; background-color: #f1f1f1; background-image: url('../images/top-menu-bg.jpg'); background-size: auto 100%;}
.table-1.planning TD, .table-1.planning TH {padding: 3px 5px; font-size: 12px;}
.table-1.planning .small {font-size: 10px; color: #888; font-weight: 100;}
.table-1.planning TD.gray {background-color: #f7f7f7; border-right: 1px #ececec solid;}
.table-1 TR.weekend {background-color: #f7f7f7;}
.table-1.planning TR.weekend TD.gray {background-color: #e5e5e5;}
.table-1 TR.holiday {background-color: #ffd0d8;}
.table-1.planning TR.holiday TD.gray {background-color: #f4c5cd;}
.table-1 TR.week-times {background-color: #e5fdcb; font-weight: bold;}
.table-1.planning TR.week-times TD.gray {background-color: #cef1a8;}
.table-1 TR.month-times {background-color: #ffff99; font-weight: bold; color: #ff6600;}
.table-1.planning TR.month-times TD.gray {background-color: #fafa8e;}
.table-1 .tr-separ {border-top: 2px #000 solid;}
.table-1.scrollable THEAD, .table-1.scrollable TBODY {}
.table-1 THEAD {background-color: #f1f1f1;}
.table-1.scrollable TBODY {}
.table-1.planning {}
.table-1.planning.scrollable TBODY {width: 100%; max-height: calc(100vh - 250px);}
.table-1.planning.scrollable TBODY TD, .table-1.scrollable.planning THEAD TH {border-right: 1px #ececec solid;}
.table-1.size-1 {font-size: 12px;}
.table-1 .td-date:HOVER {text-decoration: underline;}
.table-1 .td-vz:HOVER {text-decoration: underline;}
.table-1 TD .small {font-size: 11px; color: #aaa;}
.table-1 TD .stdFont {font-size: 12px; font-weight: normal;}
#clone.table-1 {z-index: 1;}
#clone.table-1 TBODY TR {border-color: transparent;}
#clone.table-1 TBODY TR .tr-separ {border-color: transparent;}
#clone.table-1 TD {border-color: transparent;}

.table-navig {width: 100%; float: left; background-color: #f7f7f7; padding: 8px 15px; border-bottom: 1px #ddd solid;}
.table-navig P {font-size: 11px; margin: 0px; font-style: italic;}
.table-navig P A:HOVER {text-decoration: underline;}

TABLE .bottomSeprBlack {border-bottom: 2px #555 solid;}

.table-1.planning.scrollable .progressBar {width: 220px; margin: 0px;}
.table-1.planning.scrollable TD, .table-1.planning.scrollable TH {}
.table-1.wrap TD, .table-1.wrap TH {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.table-1 TR.tpv-done {background-color: #f7f7f7;}
.table-1 TR.tpv-late {background-color: #fce0e0;}

.table-2 {width: 100%; border-collapse: collapse; text-align: left;}
.table-2 TR {border-bottom: 1px #ddd solid;}
.table-2 TR.sepr {border-top: 3px #c5242c solid;}
.table-2 TR:last-child {border-bottom: 0px;}
.table-2 TH {padding: 5px 5px 5px 5px; text-align: center; background-color: #f7f7f7; border-top: 1px #ddd solid; text-align: left;}
.table-2 TH A:HOVER {text-decoration: underline;}
.table-2 TD {padding: 5px 5px; border-right: 1px #ddd solid;}
.table-2 TD:last-child {border: 0px;}
.table-2 TD.weekend {background-color: #e5fdcb;}
.table-2 TD.weekend-heading {background-color: #cef1a8;}
.table-2 TD.holiday {background-color: #ffd0d8;}
.table-2 TD.cursorActive:HOVER {box-shadow: inset 0 0 5px rgba(0,0,0,0.15);}
.table-2 .small {font-size: 10px; color: #888; font-weight: 200;}

/* table scroll */
.tableScrollCont {width: 100%; max-height: calc(100vh - 220px); float: left; overflow: scroll;}

/* tooltip */
.tooltip {border-bottom: 1px dotted #ccc; cursor: help; position: relative; overflow: visible; font-weight: normal;}
.tooltip:HOVER {border-color: #780006;}
.tooltipFrame {width: auto; float: left; padding: 8px 15px; display: none; position: absolute; font-size: 12px; z-index: 1000; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 1px #414141;}
.tooltipFrame.red {background-color: #c5242c; color: #FFF;}
.tooltipFrame.green {background-color: #5db85c; color: #FFF;}
.tooltipFrame.gray {background-color: #f1f1f1; color: #5b5b5b;}
.tooltipFrame.green-light {background-color: #e5fdcb; color: #5b5b5b;}
.tooltipFrame.yellow-light {background-color: #ffff99;; color: #5b5b5b;}
.tooltipFrame.size-s {width: 200px;}
.tooltipFrame.size-m {width: 300px;}
.tooltipFrame.light-red {background-color: #ffd0d8;}
.tooltipFrame P {margin: 0px;}
.tooltipFrame HR {width: 100%; float: left; margin: 10px 0px; background-color: #000; opacity: 0.3;}

/* icons */

/* odkazy */
.link-1 {text-decoration: underline;}

/* buttons */
.button-1 {padding: 5px 10px 5px 10px; border: 1px #ddd solid; background-color: #f7f7f7; background-image: url('../images/top-menu-bg.jpg'); background-repeat: repeat-x; background-position: bottom; text-decoration: none !important; border-radius: 3px;}
.button-1.icon-left I {margin-right: 5px;}
.button-1:HOVER {background-position: bottom -10px center;}
.button-1.gray {color: #474749;}
.button-2 {padding: 2px 5px; border: 1px #ddd solid; background-color: #f7f7f7; background-image: url('../images/top-menu-bg.jpg'); background-repeat: repeat-x; background-position: bottom; text-decoration: none !important; border-radius: 3px;}
.button-2.icon-left I {margin-right: 5px;}
.button-2:HOVER {background-position: bottom -10px center;}

/* specials */
.dragable {cursor: n-resize;}
.legendaLetter {font-weight: bold; color: #c5242c;}

/* loading */
.loading-1 {width: 100%; float: left; font-size: 22px; text-align: center;}
.loading-1 I {font-size: 60px; margin: 10px 0px 10px 0px;}
.loading-2 {text-align: left;}
.loading-2 I {font-size: 20px; margin: 0;}

/* font-size */
.fs-10 {font-size: 10px;}
.fs-24 {font-size: 24px;}

/* font-weight */
.fw-300 {font-weight: 300;}

/* margins */
.mt-0 {margin-top: 0px !important;}
.mt-3 {margin-top: 3px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mr-0 {margin-right: 0px !important;}
.mr-10 {margin-right: 10px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}

/* paddings */
.pt-0 {padding-top: 0px !important;}
.pt-10 {padding-top: 10px !important;}
.pb-6 {padding-bottom: 6px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pr-4 {padding-right: 4px !important;}
.pr-6 {padding-right: 6px !important;}
.pr-0 {padding-right: 0px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-0 {padding-left: 0px !important;}

/* text-decorations */
.td-none {text-decoration: none !important;}

/* text-aligns */
.ta-r {text-align: right !important;}
.ta-c {text-align: center;}

/* font color */
.font-color-red {color: #d9001a;}

/* calendars */
.calendar-1 {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.calendar-1 .yearName {width: 100%; float: left; font-size: 23px; font-weight: bold; margin: 5px 0px; text-align: center;}
.calendar-1 .multiSettingFrame {width: 100%; float: left; display: flex; align-items: center; border-bottom: 1px #ddd dotted; margin: 0px 0px 10px 0px;}
.calendar-1 .multiSettingFrame .separRight {float: left; margin-right: 20px;}
.calendar-1 .multiSettingFrame INPUT {float: left; width: 22px; height: 22px; border: 1px #ddd solid; margin: 0px 0px 0px 5px; text-align: center;}
.calendar-1 .multiSettingFrame INPUT.inputCalendar {width: 80px;}
.calendar-1 .calendarFrame {width: calc(33.33% - 10px); padding: 0px; margin: 0px 15px 15px 0px; float: left;}
.calendar-1 .calendarFrame:nth-child(3n+3) {margin-right: 0px;}
.calendar-1 .calendarFrame .monthName {width: 100%; float: left; font-size: 14px; font-weight: bold; margin: 5px 0px;}
.calendar-1 .calendarFrame .calendarWeek {width: 100%; float: left; display: flex;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay {width: 14%; padding: 5px 5px; float: left; display: flex; justify-content: space-around; /*align-items: center;*/ flex-wrap: wrap; border: 1px #ddd solid; border-right: 0px; border-bottom: 1px;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay:last-child {border-right: 1px #ddd solid;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay I {float: left; margin: 2px 2px 0px 0px;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay .date {width: 100%; float: left; font-size: 10px; color: #a4a4a4; text-align: center;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay .date.tooltip {border: 0px; color: #4A4A4A; text-decoration: underline;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay .hoursCount {width: 100%; float: left; border: 1px #ddd solid; background-color: #FFF; font-size: 11px; text-align: center; -moz-appearance: textfield;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay .selectType {width: 100%; float: left; border: 1px #ddd solid; background-color: #FFF; font-size: 11px; text-align: center; padding: 1px 2px; margin: 3px 0px 0px 0px;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.weekend {background-color: #e5fdcb;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.holiday {background-color: #ffd0d8;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.outOfMonth {background-color: #f7f7f7;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.outOfMonth .date {color: #e2e2e2;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.calendarHeading {background-color: #eaeaea;}
.calendar-1 .calendarFrame .calendarWeek .calendarDay.weekend.calendarHeading {background-color: #cef1a8;}
.calendar-1 .calendarFrame .calendarWeek:last-child .calendarDay {border-bottom: 1px #ddd solid;}