.pc {
    margin-left: 265px;
    min-height: 93vh;
    max-width : 173vh;
}

.pc-header {
    margin: 2px;
    margin-top : 0px !important;
    min-height: 8vh;
    position:sticky;
    top:15px;
    border: 2px solid #eee;
    background-color: #fff;
    z-index:1000;
}
.pc-titlebar {
    margin:5px !important;
    min-height:7vh !important;
}
.pc-toolbar {
    background:#ffffff;
    position:sticky !important;
    top:94px;
    padding-top: 10px !important;
    /*margin-top: 10px !important;*/
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-bottom: 5px !important;  
    min-height: 7vh;
    z-index:1000;
}

.pc-title {
    font-size: 1.3rem;
}

.pc-body {
    margin : 4px;
    min-height: 81vh;
}
/*.table>:not(caption)>*>* {
    padding:0;
}
*/

.first-th {
    z-index: 999;
    text-align:left;
    width: 15%;
    min-height:25px;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.second-th {
    z-index: 999;
    text-align:center;
    width: 10.625%;
    min-height:25px;
    border: 2px solid #ddd;
}

.first-td {
    padding: 0;
    margin:0;
    display:block;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    width:15.05% !important;
    float:left;
}
.cal-tr {
    height:3rem !important;
}
.second-td {
    /*display:block;*/
    margin: 0;
    position:relative !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width:84.90% !important;
    float:left;
}
.highlightgood {
    min-width:10px;
    max-width:10px;
    min-height:50px;
    background: rgb(15, 207, 25);
}
.highlighterror {
    min-width:10px;
    max-width:10px;
    min-height:50px;
    background: rgb(226, 39, 6);
}
.highlightwarning {
    min-width:10px;
    max-width:10px;
    min-height:50px;
    background: rgb(255, 175, 1);
}
.staffname {
    width:100%;
    padding-left:5px;
    text-align: left;
}

.five-minutes {
    width: 8.3334%;
    border-right: 1px solid #ddd;
    min-height: 48px;
}
.fivteen-minutes{
    width: 25%;
    border-right: 1px solid #ddd;
    min-height: 48px;
}
.one-hour {
    width: 4.166%;
    border-right: 1px solid #ddd;
    min-height: 48px;
}

.one-day {
    width: 8.3334%;
    border-right: 1px solid #ddd;
    min-height: 48px;
}

.hour {
    border-right: 1px solid #707070 !important;
    width:12.5% !important;
    float:left;
}
.shift-hour{
    border-right: 1px solid #707070 !important;
    width:5.263% !important;
    float:left;
}
.month {
    width:100% !important;
    float:left;
}
.free-day-su {
    background:#ffe0e0 !important;
}
.free-day-sa {
    background:#fdf2f2 !important;
}
.negativ-time{
    background:#f79f9f !important;
}
.yellow-time{
    background:#f7e79f !important;
}
.positiv-time{
    background:#acf3bd !important;
}
.one-day-28 {
    border-right: 1px solid #707070 !important;
    width:3,57% !important;
    min-height: 48px;
}
.one-day-30 {
    border-right: 1px solid #707070 !important;
    width:3.33% !important;
    min-height: 48px;
}
.one-day-31 {
    border-right: 1px solid #707070 !important;
    width:3.23% !important;
    min-height: 48px;
}
.now {
    border: 2px solid #f08484 !important;
    background-color: #fff;
    position:sticky;
    top:142px;
}

.minutes {
    border: 1px solid #f08484 !important;
    position:absolute !important;
    max-width: 1px;
    min-height:48px;
}

.i-header {
    width: 30px;
    height:30px;
}

.thead {
    position:sticky !important;
    top:142px;
}
.tbody {
    z-index: auto;
}
.tdbutton {
    font-size: 14px !important;
}
.tdnow-button{
    font-size: 14px !important;
    width: 100px !important;
}
.forward-btn {
    position :absolute;
    left:172px;
}
.backward-btn {
    
    position :absolute;
    left:20px;
}
.date-time {
    font-size: 14px !important;
    position:absolute;
    left:222px;
}
.now-btn {
    position :absolute;
    left:65px;
}
.shift-viewSwitch{
    position:absolute;
    right:208px;
}
.hour-viewSwitch{
    position:absolute;
    right:128px;
}
.day-viewSwitch {
    position:absolute;
    right:70px;
}
.month-viewSwitch {
    position:absolute;
    right:0px;
}
.searchfield {
    margin-bottom: 9px !important;
    position: absolute !important;
    right: 400px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 25% !important;
    float:right !important;
}
.hidden-field {
    visibility: hidden;
}

.first-td:hover {
    background: #ccc;
    cursor: pointer;
}
.second-td:hover {
    background: #ccc;
    cursor: pointer;
}
.second-th:hover {
    background:#ccc;
    cursor: pointer;
}
.times-row{
    position:sticky;
    top: 155px;
    display:block;
    width:100% !important;
    flex-shrink: 0;
    z-index:1000;
}
.first-col{
    display:block;
    float:left;
    text-align: center;
    width: 15% !important;
    border:1px solid #ccc !important;
    height: 3rem;
    background: #fff;
}
.times-col{
    display:block;
    float:left;
    padding-top: 11px;
    text-align: center;
    width: 10.625% !important;
    border:1px solid #ccc;
    height: 3rem;
    background: #fff;
}
.times-col:hover {
    background:  #ccc !important;
    cursor:pointer !important;
}
.shift-col{
    display:block;
    float:left;
    padding-top: 11px;
    text-align: center;
    width: 4.469% !important;
    border:1px solid #ccc;
    height: 3rem;
    background: #fff;
}
.shift-col:hover {
    background:  #ccc !important;
    cursor:pointer !important;
}
.days-col{
    display:block;
    float:left;
    font-size:small;
    padding-top: 2px;
    text-align: center;
    width: 10.625% !important;
    border:1px solid #ccc;
    height: 3rem;
    background: #fff;
}
.days-col:hover {
    background:  #ccc !important;
    cursor:pointer !important;
}
.month-col{
    display:block;
    float:left;
    padding-top: 11px;
    text-align: center;
    width: 85% !important;
    border:1px solid #ccc;
    height: 3rem; 
    background: #fff;
}
.month-col:hover {
    background:  #ccc !important;
    cursor:pointer !important;
}
.event {
    z-index: 999;
    background:#9ccaa7;
    font-size:x-small;
    border: 1px solid #adadad !important;
    position:absolute !important;
    min-width: 3px;
    min-height:25px;
    margin-top:10px;
}
.event:hover {
    background:#b9ebfa !important;
    cursor:pointer !important;
}
.arrow-left {
    position:absolute;
    margin-top:3px;
    margin-right:5px;
    margin-left:5px;
    float:left;
}
.arrow-right {
    position:absolute;
    margin-top:3px;
    margin-right:5px;
    margin-left:5px;
    right:0.0%;
}
.event-text {
    position:absolute;
    max-height:12px;
    margin-left:20px;
    margin-top:4px;

}
.dateonly {
    visibility:collapse;
}
.datetime {
    visibility:visible;
}
.periodisch {
    width:80%;
    margin:auto;
    visibility:hidden;
}
.day-select {
    width:20%;
}
.zyklus-select {
    width:30%;
}
.question-text {
    font-weight:bold;
    margin-top:5px;
    width:45%;
}
.day-check {
    width: 7%;
} 
.option-check {
    width: 7%;
} 
.day-chooser {
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
.end-datum {
    width:80%;
    margin-top:15px;
}
.ende-text {
    font-weight:bold;
}
.zeichen {
    margin-top:5px;
    width:15%;
    font-weight:bold;
}
.options {
    margin-top:15px;
    width:100%
}