HTML, BODY {height: 100%; margin: 0px;}
BODY {font-family: 'Arial'; font-size: 14px; margin: 0px; padding: 0px; color: #474749;}
A {color: inherit; text-decoration: none;}
UL {list-style: none; margin: 0px; padding: 0px;}
INPUT {font-family: 'Arial';}
/*INPUT:FOCUS {border-color: #000 !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}*/
INPUT:FOCUS {border-color: #aaa !important;}
INPUT:REQUIRED:FOCUS {border-color: #e95847 !important;}
H1, H2, H3, H4, H5, H6 {margin: 0px;}

.box {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex.space-around {justify-content: space-around;}
.flex.space-between {justify-content: space-between;}
.flex.flex-start {align-items: flex-start;}
.flex.vert-center {align-items: center;}
.flex.hor-center {justify-content: center;}
.flex.wrap {flex-wrap: wrap;}
.flex.direction-row {flex-direction: row;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.hidden {display: none;}
.half {width: 50%; float: left; padding: 0px 10px 0px 0px;}
.half.right {padding: 0px 0px 0px 10px;}
.devMode {position: fixed; right: 0px; bottom: 0px; background-color: #d9001a; color: #FFF; font-size: 11px; padding: 3px 6px;}
.printOnly {display: none;}

#loaderOverlay {width: 100%; height: 100%; float: left; background-color: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0px; display: none; z-index: 1000;}
#loaderOverlay .inner {width: 100%; height: 100%; float: left; display: flex; justify-content: space-around; align-items: center;}
#loaderOverlay P {color: #FFF; font-size: 18px !important; font-weight: 500;}

/* LOADER */
#mainpage-loader {}
#mainpage-loader .overlay {width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: fixed; z-index: 9998;}
#mainpage-loader .content {width: 100%; height: 100%; position: fixed; z-index: 9999; display: flex; justify-content: space-around; align-items: center; color: #FFF;}
#mainpage-loader .content I {margin: 0px 0px 10px 0px; }

/* LOADER ONPAGE */
#loaderOnpage {width: 100%; float: left; padding: 30px 0px; display: flex; justify-content: space-around; align-items: center; color: #E0E0E0;}

/* login */
#loginCont {width: 100%; height: 100%; float: left; position: relative;}
#loginCont .loginFrame {width: 400px; height: auto; padding: 0px 0px 0px 0px; float: left; position: absolute; left: calc(50% - 200px); top: calc(20%); z-index: 100; box-shadow: 0px 0px 20px 5px #555; overflow: hidden;}
#loginCont .loginFrame H1 {width: 100%; float: left; margin: 0px 0px 0px 0px; font-weight: 600; text-align: center; color: #515151;}
#loginCont .loginFrame .appName {width: 100%; float: left; font-size: 14px; margin: 0px; padding: 15px 20px 15px 20px; line-height: 12px; border-bottom: 1px #ac131b solid; background-color: #c5242c; color: #FFF;}
#loginCont .loginFrame .appName .version {font-weight: 200; font-size: 11px;}
#loginCont .loginFrame IMG {width: 100%; float: left;}
#loginCont .loginFrame .inner {width: 100%; float: left; padding: 10px 20px 20px 20px; background-color: #FFF;}
#loginCont .loginFrame .inner INPUT[type=text], #loginCont .loginFrame .inner INPUT[type=password] {width: 100%; float: left; padding: 8px 10px; margin: 5px 0px; border: 1px #ddd solid;}
#loginCont .loginFrame .inner INPUT[type=submit] {width: 100%; float: left; padding: 8px 10px; margin: 5px 0px; border: 1px #ac131b solid; background-color: #c5242c; color: #FFF; cursor: pointer; }
#loginCont .loginFrame .inner INPUT[type=submit]:HOVER {background-color: #c5242c;}
#loginCont .loginFrame .inner SELECT {width: 100%; float: left; padding: 8px 10px; margin: 5px 0px; border: 1px #ddd solid;}

/* main left panel */
#mainLeftFrame {width: 260px; height: 100%; float: left; padding: 0px 0px 0px 0px;}
#mainLeftFrame .menuFrame I {margin-left: 5px;}

/* main right panel */                                                                         
#mainRightFrame {width: auto; height: 100%; margin: 0px 0px 0px 280px;}
#mainRightFrame .inner {width: 100%; float: left; padding: 5px 20px;} 
#mainRightFrame .inner.noPadding {padding: 0;}

/* main right panel */                                                                         
#mainFullFrame {width: 100%; height: 100%; margin: 0px 0px 0px 0px;} 

/* hlavní rámeček */
.frame1 {width: 100%; float: left; border: 1px #ececec solid; margin: 0px 0px 20px 0px;}
.frame1.noMarginBottom {margin-bottom: 0;}
.frame1 .header {width: 100%; min-height: 35px; float: left; margin: 0px; font-size: 16px; color: #c5242c; font-weight: normal; background-image: url('../images/top-menu-bg.jpg'); background-size: 100% 100%; background-repeat: repeat-x;}
.frame1 .header.flex {display: flex; justify-content: space-between; align-items: center;}
.frame1 .header.flexCenterLeft {display: flex; justify-content: flex-start; align-items: center;}
.frame1 .header.flexSpaceBetween {display: flex; justify-content: space-between; align-items: center; padding: 0px 15px;}
.frame1 .header.flexSpaceBetween H2 {margin: 0px;}
.frame1 .header.flex.left {justify-content: flex-start;}
.frame1 .header .linkItem {padding: 4px 10px; margin: 0; border-right: 1px solid #ececec; color: #919191; cursor: pointer;}
.frame1 .header .linkItem:last-child {border: 0;}
.frame1 .header .linkItem.active {color: #c5242c;}
.frame1 .header SELECT {float: right; background-color: #FFF; border: 1px #ccc solid; margin: 8px 10px 0px 0px; padding-right: 10px; color: #474749; font-size: 14px; text-align: left;}
.frame1 .header .inputSearch {width: 200px; height: auto; float: right; padding: 4px 10px; margin: 5px 5px 0px 0px; border: 1px #ddd dashed; font-size: 12px; text-align: left;}
.frame1 .header .options {width: auto; float: right; color: #474749; font-size: 14px; margin: 8px 10px 0px 0px;}
.frame1 .header .options .item {}
.frame1 .header .options .item.separator {width: 30px;}
.frame1 .header .options .item.separator:after {content:"■"; line-height: 100%; display: flex; justify-content: center; color: #c5242c;}
.frame1 .header .options A:HOVER {text-decoration: underline;}
.frame1 .header .centered {display: flex; align-items: center; justify-content: center; color: #383738; font-weight: bold;}
.frame1 .header .lastEdit {margin-right: auto; color: #b4b4b4; font-size: 14px;}
.frame1 H2 {width: auto; float: left; margin: 0px; font-size: 16px; color: #c5242c; font-weight: normal; margin: 8px 15px 0px 15px;}
.frame1 .link {width: 100%; min-height: 35px; float: left; display: block; margin: 0px; font-size: 14px; font-weight: bold; padding: 8px 10px 0px 15px; border-bottom: 1px #ececec solid;}
.frame1 .link:HOVER {color: #c5242c;}
.frame1 .link:last-child {border-bottom: 0px;}
.frame1 .link I {float: right; font-size: 20px;}
.frame1 .red {color: #c5242c;}
.frame1 .sort {float: right; color: #474749; font-weight: normal; font-size: 14px; margin: 1px 0px 0px 0px;}
.frame1 .sort I {margin: 0px 0px 0px 3px; float: right;}
.frame1 .link I.green {color: #7bcb25;}
.frame1 .link I.red {color: #c5242c;}

.frame1 .header.flex H2 {margin-top: 0px;}
.frame1 .header.flex .options {margin-top: 0px;}
.frame1 .header.flex SELECT {margin-top: 0px;}
.frame1 .header .arrow-gray {color: #c9c8c9; transition: all 200ms;}
.frame1 .header .arrow-gray:HOVER {color: #a3a2a3;}

/*.frame1 .selector {width: auto; float: right; position: relative; border: 1px transparent solid; padding: 1px 4px 2px 4px; margin: 5px 5px 0px 0px;}
.frame1 .selector:HOVER {border: 1px #dbdbdb solid; background-color: #FFF;}
.frame1 .selector:HOVER .submenu {display: block;}
.frame1 .selector .submenu {width: 100%; float: left; font-size: 14px; position: absolute; top: 20px; right: 0px; border: 1px #dbdbdb solid; display: none;}
.frame1 .selector .submenu A {width: 100%; float: left; display: block; color: #474749; padding: 2px 5px; background-color: #FFF;}*/

.frame1 .infoFrame {width: 100%; float: left; padding: 15px 20px; border-top: 1px #aaa solid; background-color: #f7f7f7;}
.frame1 .infoFrame A {text-decoration: underline;}

/* avatar */
.avatarFrame {width: 100%; padding: 15px; float: left; background-color: #313438;}
.avatarFrame IMG {width: 100%; float: left; border-radius: 50%; border: 3px #444444 solid;}
.avatarFrameLogin {width: 100%; padding: 15px; float: left; background-color: #eee; border-bottom: 1px #ccc solid;}
.avatarFrameLogin IMG {width: 100%; float: left; border: 3px #ccc solid;}
.avatarFrameLogin .centerer {width: 100%; float: left; padding: 20px 20%;}

/* main top panel */
#mainTopFrame {width: 100%; height: 50px; padding: 10px; float: left; position: relative; position: fixed; z-index: 80; background-image: url('../images/top-menu-bg.jpg');}
#mainTopFrame .mainLogo {height: 30px; float: left; padding: 0px 20px 0px 0px; border-right: 1px #cecece solid;}
#mainTopFrame .leftSide {width: calc(60% - 0px); float: left;}
#mainTopFrame .rightSide {width: calc(40% - 350px); float: left;}
#mainTopFrame .menuFrame {width: auto; float: left; font-size: 20px; margin: 2px 0px 0px 10px; padding-right: 10px; border-right: 1px #cecece solid;}
#mainTopFrame .menuFrame A {width: auto; float: left; margin: 0px 10px; position: relative;}
#mainTopFrame .menuFrame A:HOVER {color: #aa1b22;}
#mainTopFrame .menuFrame I.fa-home {font-size: 24px;}
#mainTopFrame .menuFrame I.fa-clock-o {font-size: 22px;}
#mainTopFrame .menuFrame A .circle {position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: space-around; float: left; background-color: #d9001a; color: #FFF; font-size: 10px; border-radius: 50%; }
#mainTopFrame .menuFrameText {width: auto; float: left; margin: 1px 0px 0px 20px; padding: 6px 0px;}
#mainTopFrame .menuFrameText A:HOVER {text-decoration: underline;}
#mainTopFrame .buttonsFrame {width: 350px; float: left; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 0px;}
#mainTopFrame .userFrame {width: auto; float: right; margin: 0px 0px 0px 0px; padding: 6px 0px;}
#mainTopFrame .userFrame A {float: left;}
#mainTopFrame .userFrame A:HOVER {text-decoration: underline;}
#mainTopFrame .userFrame .text {margin: 1px 0px 0px 0px; float: left;}
#mainTopFrame .userFrame I {font-size: 20px; margin: 0px 0px 0px 10px; float: right;}
#mainTopFrame .userFrame .gray {color: #b4b4b4; font-size: 11px;}
#mainTopFrame .userFrame .password {padding: 0px 0px 0px 20px; border-left: 1px #ccc dotted; margin: 0px 0px 0px 20px;}
#mainTopFrame .userFrame .password .text {padding: 1px 0px 0px 0px;}

/* home ikony */
.homeIcons {width: 100%; float: left;}
.homeIcons .homeIcon {width: calc(25% - 50px); float: left; text-align: center; text-decoration: none; color: #c5242c; padding: 45px 50px 25px 50px; margin: 30px 60px 30px 0px; border-radius: 10px; border: 1px #ddd solid; background-color: #f7f7f7; background-image: url('../images/top-menu-bg.jpg'); background-size: 100%;}
.homeIcons .homeIcon:nth-child(4n+4) {margin-right: 0px;}
.homeIcons .homeIcon:HOVER {background-color: #c5242c; color: #FFF; background-image: none; border: 1px #b3121a solid;}
.homeIcons .homeIcon I {font-size: 90px;}

/* main content frame */
#mainContentFrame {width: 100%; float: left; padding: 20px 20px 10px 20px; margin: 50px 0px 0px 0px;}

/* zobrazení VZ - základní info - fixní */
#orderInfoFrame {width: 100%; height: 70px; padding: 10px 20px 0px 20px; float: left; position: fixed; background-color: #FFF; z-index: 120; left: 0px; border-bottom: 1px solid #f6f6f6;}
#orderInfoFrame H2 {width: atuo; float: left;}
#orderInfoFrame .ordersFrame {width: 210px; margin: 10px 0px 0px 0px; float: right; position: relative;}
#orderInfoFrame .replanButton {float: right; margin: 10px 0px 0px 10px;}
#orderInfoFrame .planDateFrame .button-2 {margin-top: 10px;}
#orderInfoFrame .planDateFrame .sepr {margin-top: 10px;}

/* plánování */
.planContainer. {}
.planContainer.withFixedHeading {margin-top: 70px;}
.planContainer.withFixedHeading .container {margin-top: 62px;}
.planContainer .dayColumn {margin-right: 20px; flex: 1; float: left; position: relative;}
.planContainer .dayColumn .container {width: auto; float: left; position: relative; overflow: hidden;}
.planContainer .dayColumn .container.overflowVisible {overflow-x: visible;}
.planContainer .dayColumn:last-child {margin-right: 0px;}
.planContainer .dayColumn .hour {width: 100%; float: left; border-bottom: 1px #a3a3a4 solid; position: relative;}
.planContainer .dayColumn .hour .label {width: 40px; float: left; font-size: 18px; color: #b2b2b3; text-align: center;}
.planContainer .dayColumn .hour .date {width: 40px; height: 14px; float: left; position: absolute; top: -6px; left: 0px; font-size: 10px; color: #FFF; background-color: #d9001a; text-align: center; z-index: 12;}
.planContainer .dayColumn .hour .dateLine {width: 100%; height: 0px; top: -2px; left: 0px; float: left; position: absolute; font-size: 10px; color: #FFF; border: 2px #d9001a dashed; text-align: center; z-index: 11;}
.planContainer .dayColumn .hour .quarter {width: calc(100% - 40px); height: 25%; float: left; border-bottom: 1px #dddddd solid;}
.planContainer .dayColumn .hour .quarter:last-child {border-bottom: 0px;}
.planContainer .dayColumn .event {/*width: 82%;*/ width: calc(100% - 40px); padding: 0px 0px; float: left; top: 200px; left: 0px; opacity: 0.8; position: absolute; color: #FFF; z-index: 10;}
.planContainer .dayColumn .event.inProcess {background-image: url('../images/bg-in-process.png'); background-position: 0px 0px; 
  animation: slideBackground 8s linear infinite;
  -ms-animation: slideBackground 8s linear infinite;
  -moz-animation: slideBackground 8s linear infinite;
  -webkit-animation: slideBackground 8s linear infinite;}
.planContainer .dayColumn .event .inner {width: 100%; max-height: 100%; height: 100%; float: left; padding: 0px 0px; position: relative;}
.planContainer .dayColumn .event .inner .text {width: 100%; max-height: 100%; float: left; padding: 0px 15px; overflow: hidden;}
.planContainer .dayColumn .event P {margin: 0px 0px 10px 0px; font-size: 12px;}
.planContainer .dayColumn .event P.name {font-size: 18px; font-weight: bold;}
.planContainer .dayColumn .event P.cust {margin-bottom: 20px;}
.planContainer .dayColumn .event P.time {}
.planContainer .dayColumn .event.highlighter {border-top: 2px dashed rgba(0,0,0,0.7);}
.planContainer .dayColumn .event.highlight {opacity: 1; /*-webkit-transition: 0.5s; transition: 0.5s;*/ cursor: pointer;}
.planContainer .dayColumn .event.shaded {opacity: 0.2; /*webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.2s; transition: 0.2s;*/}
.planContainer .dayColumn .event.priorityZero {border: 3px #d9001a dashed;}
/*.planContainer .dayColumn .event .inner .infoFrame {min-width: 150px; width: auto; float: left; padding: 5px 10px; background-color: #ffff80; border: 1px #e8e865 solid; position: absolute; left: 0px; top: -50%; color: #474749; display: none; opacity: 1; z-index: 100;}
.planContainer .dayColumn .event .inner .infoFrame P {margin: 3px 0px;}*/
.planContainer .dayColumn .event:HOVER .infoFrame {display: block;}
.planContainer .heading {height: 35px; font-size: 22px; text-align: center; line-height: 16px; border-bottom: 1px #a3a3a4 solid; padding: 10px 0px; background-color: #FFF; z-index: 100;}
.planContainer .heading.colHeadingFixed {width: inherit; position: fixed; z-index: 100;}
.planContainer .heading .small {font-size: 12px; color: #aaaaaa;}
.planContainer .ajax-tickets-frame {width: calc(100% - 40px); float: right; position: relative;}

.eventInfoFrame {min-width: 150px; width: auto; float: left; padding: 5px 10px; background-color: #ffff80; border: 1px #e8e865 solid; position: absolute; left: 0px; top: -50%; color: #474749; display: none; opacity: 1; z-index: 100;}
.eventInfoFrame P {margin: 3px 0px;}

.planDateFrame {width: 100%; margin: 0px 0px 20px 0px; float: left; font-size: 24px; text-align: center; line-height: 20px; justify-content: space-between;}
.planDateFrame .sepr {float: right; height: 30px; width: 0px; border-right: 1px #ccc dotted; margin: 6px 15px;}
.planDateFrame .red {font-size: 14px; color: #c5242c;}
.planDateFrame .arrow-left {font-size: 50px; float: left; color: #c9c8c9; margin: 0px 30px 0px 0px; line-height: 42px;}
.planDateFrame .arrow-right {font-size: 50px; float: left; color: #c9c8c9; margin: 0px 0px 0px 30px; line-height: 42px;}
.planDateFrame .date {width: auto; float: left;}
.planDateFrame .stationFrame {width: 330px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative;}
.planDateFrame .stationFrame .stationActive {width: 100%; padding: 7px 15px; float: left; font-size: 30px; background-color: transparent; border: 1px transparent solid; text-align: left;}
.planDateFrame .stationFrame .stationActive:HOVER { background-color: #f7f7f7; border: 1px #dddddd solid; background-image: url('../images/top-menu-bg.jpg');}
.planDateFrame .stationFrame .stationActive:HOVER .stationMenu {display: block;}
.planDateFrame .stationFrame .stationMenu {width: 100%; float: left; position: absolute; font-size: 14px; background-color: #f7f7f7; z-index: 11; top: 35px; left: 0px; border: 1px #dddddd solid; display: none;}
.planDateFrame .stationFrame .stationMenu A {width: 100%; padding: 5px 10px; float: left; border-bottom: 1px #dddddd solid; text-align: left;}
.planDateFrame .stationFrame .stationMenu A:HOVER {color: #c5242c; background-image: url('../images/top-menu-bg.jpg');}
.planDateFrame .ordersFrame {width: 210px; height: auto; float: right; position: relative; margin: 6px 0px 0px 0px;}
.planDateFrame .replanButton {float: right; margin: 6px 0px 0px 0px;}
.ordersFrame .inputSearch {width: 100%; height: 30px; float: left; padding: 3px 10px; border: 1px #ddd dashed; font-size: 12px; text-align: left;}
.ordersFrame .selector {width: 100%; float: left; font-size: 12px; position: absolute; top: 30px; left: 0px; z-index: 120;}
.ordersFrame .selector .order {width: 100%; float: left; padding: 3px 10px; text-align: left; border: 1px #ddd dashed; border-top: 0px; background-color: #f7f7f7;}
.ordersFrame .selector .order I {margin: 0px 5px 0px 0px;}
.ordersFrame .selector .order I.alert {float: right; margin: 3px 0px 0px 0px;}
.ordersFrame .selector .order:HOVER {background-color: #FFF;}
.ordersFrame .selector .tip {width: 100%; float: left; padding: 3px 10px; text-align: left; border: 1px #ddd dashed; border-top: 0px; background-color: #ededed; font-size: 11px; font-style: italic; color: #a6a6a6;}
.ordersFrame .selector .tip I {float: left; margin: 4px 3px 0px 0px;}
.ordersFrame .selector .tip P {float: left; margin: 0px;}
.ordersFrame .selector .tip P.separ {margin: 0px 8px;}

.ajax-plan-vz {width: 100%; height: 0px; float: left; position: relative;}

/* nastavení směn */
.shiftsSetting {width: 100%; float: left; margin: 10px 0px; display: flex;}
.shiftsSetting .dateColumn {margin-right: 20px; flex: 1; float: left;}
.shiftsSetting .dateColumn:last-child {margin-right: 0px;}
.shiftsSetting .hourFrame {width: 100%; padding: 5px calc(100% - 20px) 5px 0px; float: left; font-size: 16px; color: #b2b2b3; text-align: center; border-bottom: 1px #ddd solid;}
.shiftsSetting .dateColumn .container {width: auto; float: left; position: relative;}
.shiftsSetting .dateColumn .container .shift {width: calc(100% - 25px); float: left; position: absolute; background-color: #8bc6d6; font-size: 11px; text-align: center; right: 0px; cursor: pointer; border: 2px transparent dashed;}
.shiftsSetting .dateColumn .container .shift:HOVER {border: 2px #000 dashed;}
.shiftsSetting .dateColumn .container .shift.l1 {background-color: #8bc6d6; color: #FFF;}
.shiftsSetting .dateColumn .container .shift.l2 {background-color: #6ab7cb; color: #FFF;}
.shiftsSetting .dateColumn .container .shift.l3 {background-color: #54acc4; color: #FFF;}
.shiftsSetting .dateColumn .container .shift.l4 {background-color: #3ca2bd; color: #FFF;}
.shiftsSetting .dateColumn .container .shift.l5 {background-color: #2391ae; color: #FFF;}
.shiftsSetting .dateColumn .container .shift P {margin: 0px 0px 10px 0px;}
.shiftsSetting .dateHeader {height: auto; padding: 5px 0px; text-align: center; border-bottom: 1px #a3a3a4 solid;}
.shiftsSetting .dateHeader .gray {color: #aaaaaa;}

/* legenda */
.legendaFrame {width: 100%; float: left; margin: 0px 0px 10px 0px;}
.legendaFrame .legendaItem {width: auto; float: left; margin: 0px 20px 0px 0px; display: flex; align-items: center;}
.legendaFrame .legendaItem .circle {width: 14px; height: 14px; border-radius: 50%; display: block; float: left; margin: 0px 5px 0px 0px;}

.leftVzList .orderRowFrame {width: 100%; min-height: 35px; float: left; padding: 0px 15px; font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #ececec solid; }
.leftVzList .orderRowFrame .arrowRight {margin: 3px 0px 0px 0px;}
.leftVzList .orderRowFrame .fa-sort {cursor: ns-resize;}
.leftVzList .orderRowFrame:last-child {border: 0px;}
.leftVzList .ui-state-highlight {width: 100%; height: 30px; float: left; border-color: #dad55e; background-color: #fffa90;}

/* Plánování výroby */
.yearFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; position: relative;}
.yearFrame .monthFrame {width: calc(50% - 15px); margin: 15px 30px 15px 0px; float: left;}
.yearFrame .monthFrame:nth-child(2n+2) {margin-right: 0px;}
.yearFrame .monthFrame .monthName {width: 100%; float: left; display: flex; align-items: center; font-size: 14px; font-weight: 600; margin: 0px 0px 3px 0px;}

/* Kalendář */
.calendar-1 {width: 100%; float: left;}
.calendar-1 .calendarWeek {width: 100%; float: left; display: flex;}
.calendar-1 .calendarWeek .calendarDay {width: 14.28%; padding: 5px; float: left; display: flex; justify-content: center; flex-direction: column; align-items: center; border: 1px #ddd solid; border-right: 0; border-bottom: 0px;}
.calendar-1 .calendarWeek:last-child .calendarDay {border-bottom: 1px #ddd solid;}
.calendar-1 .calendarWeek .calendarDay:last-child {border-right: 1px #ddd solid;}
.calendar-1 .calendarWeek .calendarDay.heading {background-color: #eaeaea;}
.calendar-1 .calendarWeek .calendarDay.weekend {background-color: #efefef;}
.calendar-1 .calendarWeek .calendarDay.svatek {background-color: #efefef;}
.calendar-1 .calendarWeek .calendarDay.outOfMonth {/*background-color: #f7f7f7;*/ background-color: #efefef;}
.calendar-1 .calendarWeek .calendarDay .dateLine {display: flex; align-items: center;}
.calendar-1 .calendarWeek .calendarDay .date {font-size: 10px; color: #a4a4a4; text-align: center; display: flex; align-items: center;}
.calendar-1 .calendarWeek .calendarDay .icon {width: 13px; height: 12px; margin: 0px 2px 1px 0px; display: flex; align-items: center; justify-content: center; background-color: #000; color: #FFF; font-size: 10px; border-radius: 50%;}
.calendar-1 .calendarWeek .calendarDay .icon.svatek {background-color: #006cff;}

.filesFrame {width: 100%; float: left;}
.filesFrame P:first-child {margin-top: 0px;}

.scrollerSortManually {width: 100%; height: 77vh; float: left; overflow-y: scroll; }

#ajax-content-capacity {width: 100%; float: left;}

.mr-0 {margin-right: 0px !important;}

.textFormatFrame P {line-height: 1.5;}

/* grafy */
.graphCont-1 {width: 100%; float: left; margin: 20px 0px;}

/* Colorpicker */
.evo-cp-wrap {width: 100% !important; display: flex; align-items: center; justify-content: space-between;}
.evo-cp-wrap INPUT {width: calc(100% - 30px);}

/* animace */
@keyframes slideBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes slideBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-ms-keyframes slideBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes slideBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

/* tisk */
@media print{
  H3 {width: 100%; text-align: center; font-size: 24px; color: #c5242c; margin: 0px; padding: 30px 0px 10px 0px;}

  #mainTopFrame {display: none;}
  #mainContentFrame {padding: 0px; margin: 0px;}

  .graphCont {margin: 0px 5px 20px 5px;}
  .printOnly {display: block;}
}