/* 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;}
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;}
H2 I.noMargin {margin-left: 0px; margin-right: 0px;}
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;}

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

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

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

/* font color */
.c-red, .c-remove {color: #d9001a !important;}
.c-red-dark{color: #780006 !important;}
.tpv-c-red {color: #c5242c;}
.c-blue {color: #00AAFF !important;}
.c-green, .c-check {color: #5db85c !important;}
.c-gray {color: #cccccc !important;}
.c-gray-dark {color: #555 !important;}
.c-gray-dark2 {color: #999 !important;}
.c-white {color: #fff !important;}
.c-91 {color: #919191;}


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

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

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

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

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

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

/* sloupce */
.cols-cont {width: 100%; float: left; display: flex; justify-content: space-between;}
.cols-cont .col {flex: 1; margin-right: 20px;}
.cols-cont .col:last-child {margin-right: 0px;}

.disp-b {display: block !important;}
.disp-n {display: none !important;}
.disp-ib {display: inline-block !important;}

/* font size */
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-21 {font-size: 21px !important;}
.fs-22 {font-size: 22px !important;}

.bold {font-weight: bold;}

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

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

/* tables */
TABLE .circle {width: 12px; height: 12px; display: block; float: left; border-radius: 50%; margin: 0px 5px 0px 0px; opacity: 0.5;}

.table-1 {width: 100%; float: left; border-collapse: collapse; text-align: left;}
.table-1 TR {border-bottom: 1px #ececec solid;}
.table-1 TR.sumary {border-bottom: 1px #FFF solid;}
.table-1 TR.borderColorFFF {border-color: #FFF;}
.table-1 TH {padding: 13px 15px 12px 15px;}
.table-1 TH .button-1 {font-weight: 500;}
/*.table-1 TH I {color: #c5242c; font-size: 10px;}*/
.table-1 TH A:HOVER {text-decoration: underline;}
.table-1 TD {padding: 10px 15px 10px 15px;}
.table-1 TD.updateTime {line-height: 24px; padding-top: 14px;}
.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 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.sumary_total {font-weight: 600;}
.table-1 TR.info {background-color: #ececec; }
.table-1 TR:last-child {border-bottom: 0px;}
.table-1 .fa-style-1 {margin: 4px 0px 0px 0px; color: #70be1d; cursor: help;}
.table-1 TD .small {font-size: 11px; color: #aaa;}
.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.evenRows TR:nth-child(odd) TD {background-color: #eaeaea;}
.table-1 .redLine TD {background-color: #e9b8b8;}

.table-1-minimalized INPUT {font-size: 11px;}
.table-1-minimalized {width: 100%; float: left; border-collapse: collapse; text-align: left; font-size: 11px;}
.table-1-minimalized TR {border-bottom: 1px #ececec solid;}
.table-1-minimalized TR TD {padding: 1px; margin: 1px;}
.table-1-minimalized.evenRows TR:nth-child(odd) TD {background-color: #eaeaea;}
.table-1-minimalized TR.errorFormat TD {background-color: #e95847 !important;}

.table-1 .tdTaskDate {font-size: 18px; width: 125px; border-right: 1px #ececec solid;}
.table-1 .tdTaskCat {font-size: 14px; font-weight: bold; width: 100px; vertical-align: top; text-align: right; position: relative;}
.table-1 .tdTaskCat .iconAbs {position: absolute; bottom: 10px; right: 15px;}
.table-1 .tdNameDesc {width: auto;}
.table-1 .tdNameDesc .taskName {width: 100%; float: left; font-size: 16px; font-weight: bold;}
.table-1 .tdNameDesc .taskDesc {width: 100%; float: left; font-size: 12px;}
.table-1.trBgColor TR:nth-child(even) {background-color: #ebebeb;}
.table-1.trBgColor TR:nth-child(even) .tdTaskDate {border-color: #FFF;}
.table-1 TR:last-child {border-bottom: 1px #ebebeb solid;}
.table-1 TR.delay, .table-1 TR.delay:nth-child(even) {background-image: linear-gradient(#c3252c, #ae191f); color: #FFF;}
.table-1 TR.delay .tiny, .table-1 TR.delay:nth-child(even) .tiny {color: #FFF;}
.table-1 TR.delay .c-red, .table-1 TR.delay:nth-child(even) .c-red {color: #FFF !important;}
.table-1 TR.done, .table-1 TR.done:nth-child(even) {background-image: linear-gradient(#78c624, #579218); color: #FFF;}
.table-1 TR.done .tiny, .table-1 TR.done:nth-child(even) .tiny {color: #FFF;}
.table-1 TR.done .c-red, .table-1 TR.done:nth-child(even) .c-red {color: #FFF !important;}
.table-1 TR.blue, .table-1 TR.blue:nth-child(even) {background-image: linear-gradient(#B0E0E6, #87CEEB); color: #FFF;}
.table-1 TR.blue .c-red, .table-1 TR.blue:nth-child(even) .c-red {color: #FFF !important;}
.table-1 TR .tiny {opacity: 0.6;}
.table-1 .alertFrame {display: flex;}
.table-1 .alertFrame I {margin: 0px 5px 0px 0px;}

.table-2 {width: 100%; float: left; border-collapse: collapse; text-align: left;}
.table-2 TR {border-bottom: 1px solid #eaeaea;}
.table-2 TR:last-child {border: 0;}
.table-2 TH {padding: 2px 3px; border-bottom: 1px solid #474749}
.table-2 TD {padding: 2px 2px;}
.table-2 TD.padd-2 {padding: 3px 6px;}
.table-2 .link {color: #008080; text-decoration: underline;}
.table-2 TR.toDeleted {background-color: #f0f0f0; color: gray;}
.table-2 TR.toDeleted .link {color: gray;}
.table-2 TR:HOVER {background-color: #f7f7f7;}

.table-3 {width: 100%; float: left; border-collapse: collapse; text-align: left;}
.table-3 TR {border-bottom: 1px solid #aaa;}
.table-3 TR:last-child {border: 0;}
.table-3 TH {padding: 2px 3px; background-color: #f7f7f7; border-right: 1px #eaeaea solid; text-align: left; font-weight: bold; font-size: 12px;}
.table-3 TH .small {font-weight: 300; font-size: 12px;}
.table-3 TH.date {font-size: 11px; font-weight: 300; text-align: center;}
.table-3 TH B {font-weight: 700;}
.table-3 TD {padding: 2px 2px; border-right: 1px #aaa solid; text-align: center;}
.table-3 TD.bg-green-light {background-color: #e6a200; color: #FFF;}
.table-3 TD.bg-green {background-color: #74d600; color: #FFF;}
.table-3 TD.bg-orange {background-color: #e65700; color: #FFF;}
.table-3 TD.bg-red {background-color: red; color: #FFF;}
.table-3.opacity TD {/*opacity: 0.5;*/}
.table-3 .nameFrame {width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.table-3 .nameFrame .text {width: calc(100% - 17px); height: 100%; display: flex; flex-wrap: wrap;}
.table-3 .nameFrame .text .odberatel {width: 100%; font-weight: 300; font-size: 11px;}
.table-3 .nameFrame .text .ticket {width: 100%;}
.table-3 .nameFrame .text .ticket .typMontaze {font-size: 11px; font-weight: 100; font-style: italic;}
.table-3 TH.weekend {background-color: #e9e9e9; border-right: 1px #aaa solid;}
.table-3 TD.weekend {background-color: #ccc; border-right: 1px #aaa solid; /*opacity: 0.6;*/}
.table-3 TD.bold {font-weight: bold;}
.table-3 .newMonth {border-left: 2px #545454 solid;}
.table-3 TH.heading-1 {padding: 10px 10px; font-size: 16px; background-color: #888; color: #FFF;}
/*.table-3 .weeklySales {height: 40vh; position: relative; overflow: hidden;}
.table-3 .weeklySales .weeklySale {position: absolute; width: 100%; height: 100%; background-color: green; border-top: 1px #002700 solid; bottom: 0px; left: 0px; color: #FFF; font-size: 14px; font-weight: 700; padding: 10px;}
.table-3 .weeklySales .weeklySale.red {background-color: red; border-top: 1px #d9001a solid;}*/

.table-3 .weeklySales {height: 38vh; overflow: hidden; padding: 0px; }
.table-3 .weeklySales.legend {height: auto;}
.table-3 .weeklySales .inner {width: 100%; height: 100%; float: left; display: flex; align-content: flex-end; flex-wrap: wrap; position: relative;}
.table-3 .weeklySales .inner .halfLine {position: absolute; top: 50%; left: 0px; width: 100vw; height: 1px; background-color: #000; z-index: 100; overflow: visible; opacity: 0.5;}
.table-3 .weeklySales .inner .limit {position: absolute; top: 50%; right: 0px; float: left; padding: 2px; font-size: 9px; width: auto; height: auto; display: block; background-color: #000; z-index: 100; color: #FFF; opacity: 0.5;}
.table-3 .weeklySales .weeklySale {width: 100%; height: 0px; float: left; display: flex; justify-content: space-around; background-color: green; border-top: 1px #002700 solid; color: #FFF; font-size: 14px; font-weight: 700; padding: 0px 10px;}
.table-3 .weeklySales .weeklySale.red {background-color: red; border-top: 1px #d9001a solid;}
.table-3 .weeklySales .weeklySale.blue {background-color: #0099ff; border-top: 1px #006699 solid;}
.table-3 .weeklySales .weeklySale.tooltipster {border-bottom: 0px;}
.table-3 .weeklySales .weeklySale .text {width: auto; float: left; padding: 5px 0px 0px 0px; display: flex; flex-direction: column;}
.table-3 .weeklySales .weeklySale .over {font-size: 12px; font-weight: 300; font-style: italic;}
.table-3 .weeklySales .weeklySale .yellowBox {display: block; padding: 2px 4px; margin: 3px 0px 0px 0px; width: auto; background-color: yellow; color: #474749; font-weight: bold;}
.table-3 .weeklySales .inner .daySales {width: calc(20% - 1px); height: 100%; float: left; display: block; border-right: 1px #f7f7f7 solid; display: flex; align-content: flex-end; flex-wrap: wrap;}
.table-3 .legendDay {height:auto; font-size: 9px; color: #000;}
.table-3 .weeklySales.legendDay .inner .daySales {text-align: center; display: block;}
.table-3 .weeklySales.legendDay .inner .daySales .date {font-size: 8px;}
.table-3 .daysRow {position: relative;}
.table-3 .clickable {cursor: pointer;}


/* tooltip */
.tooltip {border-bottom: 1px dotted #ccc; cursor: help; position: relative; overflow: visible;}
.tooltip:HOVER {border-color: #780006;}
.tooltipFrame {width: auto; float: left; padding: 8px 15px; display: none; position: absolute; font-size: 12px; z-index: 99999; font-weight: normal;}
.tooltipFrame.red {background-color: #c5242c; color: #FFF;}
.tooltipFrame.green {background-color: #5db85c; color: #FFF;}
.tooltipFrame.gray {background-color: #e5e5e5; color: #888;}
.tooltipFrame.blue {background-color: #00AAFF ; color: #FFF;}
.tooltipFrame.size-s {width: 200px;}
.tooltipFrame.size-m {width: 300px;}
.tooltipFrame P {margin: 0px !important;}
.tooltipFrame HR {width: 100%; float: left; margin: 10px 0px; background-color: #ccc;}
.tooltipster {cursor: help;}
.tooltipster.underline {border-bottom: 1px dotted #ccc;}
.tooltipster.cursor-pointer {cursor: pointer;}

.full-height-scroll {width: 100%; height: calc(100vh - 150px); overflow-y: scroll;}
.top-border {border-top: 1px #ebebeb solid;} 

/* icons */
.icon-circle-s {width: 17px; height: 17px; float: left; display: block; border-radius: 50%; border: 1px #ccc solid; margin: 0px 5px 0px 0px;}

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

.button-1 {width: auto; color: #555; float: right; font-size: 14px; margin: 2px 0px 0px 0px; padding: 4px 5px 3px 5px; background-image: url('../images/top-menu-bg.jpg'); background-size: 100% 100%; border: 1px solid #ddd; border-radius: 3px; text-decoration: none !important;}
.button-1:HOVER {box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.05) inset;}
.button-1.disabled {background-image: none; background-color: #ccc; cursor: not-allowed;}
.button-1.left {float: left;}
.button-2 {width: auto; color: #555; float: right; font-size: 16px; margin: 6px 0px 0px 3px; padding: 4px 6px 4px 6px; background-image: url('../images/top-menu-bg.jpg'); background-size: 100% 100%; border: 1px solid #ddd; border-radius: 3px;}
.button-2.zoomButton {float: right;}
.button-noborder-1 {width: auto; color: #555; float: left; font-size: 14px; margin: 2px 0px 0px 0px; text-decoration: none !important;}
.button-noborder-1:HOVER {}

/* specials */
.dragable {cursor: n-resize;}

/* loading */
.loading-1 {width: 100%; padding: 30px 0px; 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;}
.loading-3 {float: left; text-align: left; margin-left: 10px;}
.loading-3 I {font-size: 20px; margin: 0;}

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

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

/* sizes */
.w-100-proc {width: 100%;}
.w-auto {width: auto;}
.w-30 {width: 30px !important;}
.w-40 {width: 40px !important;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-70 {width: 70px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px !important;}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}

/* margins */
.m-15 {margin: 15px !important;}
.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-0 {margin-left: 0px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.mr-auto {margin-right: auto !important;}

/* paddings */
.pt-0 {padding-top: 0px !important;}
.pt-2 {padding-top: 2px !important;}
.pt-4 {padding-top: 4px !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-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}

.p20 {padding: 20px !important;}

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

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

.tt-upper {text-transform: uppercase;}

.no-wrap {white-space: nowrap;}