.inner-1 {width: 100%; padding: 15px; float: left;}

.absoluteAlertFrame {position: fixed; z-index: 20; width: 300px; padding: 5px 0px; bottom: 10px; right: 10px; background-color: red; color: #FFF; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.15);}
.absoluteAlertFrame P {margin: 5px 0px;}

.planVzListFrame {width: 500px; float: left; overflow-x: hidden;}
.planVzListFrame .dateSelectFrame {width: 100%; height: 50px; float: left; display: flex; align-items: center; justify-content: space-between;}
.planVzListFrame .dateSelectFrame .left {display: flex; align-items: center;}
.planVzListFrame .dateSelectFrame .right {display: flex; align-items: center;}
.planVzListFrame .buttonsFrame {color: #c5242c; font-size: 20px;}
.planVzListFrame .buttonsFrame I {margin-right: 5px; cursor: pointer; transition: all 200ms;}
.planVzListFrame .buttonsFrame I:HOVER {color: #000;}
.planVzListFrame .buttonsFrame I.disabled {color: #ccc; cursor: not-allowed;}
.planVzListFrame .dates {margin-left: 10px; font-weight: 600;}
.planVzListFrame .searchFrame {width: 145px; height: 22px; display: flex; justify-content: flex-end; align-items: center; margin: 0px 15px 0px 0px;}
.planVzListFrame .searchFrame INPUT[type="submit"] {width: 22px; height: 22px; background-image: url('/images/icon-lupa.png'); background-position: center center; background-repeat: no-repeat; background-color: transparent; border: 0px; cursor: pointer;}
.planVzListFrame .searchFrame INPUT[type="text"] {width: 110px; height: 22px; padding: 1px 3px 0px 3px; border: 0px; border: 1px #ccc solid;}
.planVzListFrame .searchFrame INPUT[type="text"]::placeholder {font-style: italic;}
.planVzListFrame .searchFrame .canceller {color: #c5242c; margin: 0px 0px 0px 5px; cursor: pointer;}
.planVzListFrame .searchFrame .canceller.disabled {color: #ccc; cursor: not-allowed;}

.planVzListFrame .tableVzCont {width: calc(100% + 17px); height: calc(100vh - 231px); float: left; overflow-y: scroll;}
.planVzListFrame .table-vz {width: 100%;  float: left; border-collapse: collapse; table-layout: fixed; margin: 0px 0px 15px 0px;}
.planVzListFrame .table-vz.heading {margin: 0px;}
.planVzListFrame .table-vz TH {height: 25px; font-size: 12px; color: #474749; solid; padding: 0px 0px; text-align: center; border-bottom: 1px #474749 solid;}
.planVzListFrame .table-vz TH.small {font-weight: 300; font-size: 12px;}
.planVzListFrame .table-vz .vz-name {width: 134px;}
.planVzListFrame .table-vz .vzFrame {display: flex; min-height: 45px;}
.planVzListFrame .table-vz .vzFrame .colorFrame {width: 5px; display: flex; flex-shrink: 0; background-color: #ccc; left: -1px; position: relative;}
.planVzListFrame .table-vz .vzFrame .colorFrame.green {background: linear-gradient(#7acb26, #66af18);}
.planVzListFrame .table-vz .vzFrame .colorFrame.yellow {background: linear-gradient(#ffe400, #d8a700);}
.planVzListFrame .table-vz .vzFrame .colorFrame.blue {background: linear-gradient(#0042ff, #002885);}
.planVzListFrame .table-vz .vzFrame .colorFrame.red {background: linear-gradient(#c5242c, #90030a);}
.planVzListFrame .table-vz .vzFrame .textFrame {padding: 2px;}
.planVzListFrame .table-vz .vzFrame .textFrame P {margin: 0px; font-size: 10px;}
.planVzListFrame .table-vz .vzFrame .textFrame P.vz {font-size: 12px; color: #474749;}
.planVzListFrame .table-vz .vzFrame .textFrame P.vz:HOVER {text-decoration: underline; cursor: pointer;}
.planVzListFrame .table-vz .vzFrame .textFrame P.odberatel {color: #aaaaaa; font-weight: 300;}
.planVzListFrame .table-vz .vzFrame .textFrame P.date {color: #474749; font-weight: 400;}
.planVzListFrame .table-vz TD {height: auto; padding: 0px; border: 1px #dddddd solid; font-size: 9px; color: #474749; font-weight: bold; position: relative;}
.planVzListFrame .table-vz TD .text {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; z-index: 2;}
.planVzListFrame .table-vz TD .text .termin {font-weight: 300;}
.planVzListFrame .table-vz TD .iconFrame {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; z-index: 2; font-size: 16px;}
.planVzListFrame .table-vz TD .bg {position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; z-index: 1;}

.planVzListFrame .table-vz TD .cell.click {cursor: pointer;}
.planVzListFrame .table-vz TD:hover .cell.click .bg {box-shadow: inset 0 0 5px rgba(0,0,0,0.15);}
.planVzListFrame .table-vz TD.selected:before {content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 2px orange dashed; z-index: 2;}  

.planVzKalendar {width: calc(100% - 500px); float: left;}
.planVzKalendar .overlayTable {}

.planVzKalendar .kapacitaFrame {width: 100%; height: 17px; float: left; position: relative; font-size: 10px; color: #474749; border-bottom: 1px #ddd solid;}
.planVzKalendar .kapacitaFrame .text {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 2;}
.planVzKalendar .kapacitaFrame .bg {position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; z-index: 1;}
.planVzKalendar .kapacitaFrame .bg.green {background-color: #e6ffc8;}
.planVzKalendar .kapacitaFrame .bg.red {background-color: #c5242c;} )