/* Popover rechte Maustaste */
/*
.popover {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 10000;
}

.popover:after,
.popover:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
}

.popover:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
    z-index: 100000000;
}

.popover:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
    z-index: 10000;
}
*/

/* Datatables */

div.dt-buttons {
    float: right;
}

div.dt-info {
    float: right;
}

.dt-head-center {text-align: left;}
table.dataTable thead th {
    text-align: left;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}


/* Popover auf Event */

.popover_events {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 10000;
}

.popover_events:after,
.popover_event:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
}

.popover_events:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
    z-index: 10000;
}

.popover_events:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
    z-index: 10000;
}


/* Popover planung */

.popover_planung {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 10000;
}

.popover_planung:after,
.popover:before {
    right: 0%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
}

.popover_planung:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
    z-index: 10000;
}

.popover_planung:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
    z-index: 10000;
}

/* Popover Planung Schichtmodelle */

.popover_planung_schichtmodelle {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 5px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    z-index: 10000;
}

.popover_planung_schichtmodelle:after,
.popover:before {
    right: 0%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10000;
}

.popover_planung_schichtmodelle:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    top: 100%;
    margin-top: -5px;
    z-index: 10000;
}

.popover_planung_schichtmodelle:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 5px;
    top: 100%;
    margin-top: -5px;
    z-index: 10000;
}


/* Popover Verf�gbarkeit */

.popover_verfuegbarkeit {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.popover_verfugebarkeit:after,
.popover:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popover_verfuegbarkeit:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}

.popover_verfuegbarkeit:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
}


/* Popover User */

.popover_user {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    width: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.popover_user:after,
.popover:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popover_user:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    top: 50%;
    margin-top: -10px;
}

.popover_user:before {
    border-color: rgba(201, 201, 201, 0);
    border-right-color: #c9c9c9;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
}


/* Diverse andere Elemente */

.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0;
    transition: background-color .4s ease;
}

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight: bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

#calendar {
    width: auto;
    height: auto;
    margin: 1px auto;
    font-size: 13px;
    font-weight: bold;
}

#the_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.parent {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.parent .banner {
    background: #f00;
    width: 100%;
    height: 100%;
}

.parent iframe {
    background: #000;
    border: none;
    flex-grow: 1;
}

.input {
    margin-left: 40px;
    margin-top: 40px;
}

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}


/* Dieser Klasse wird im eigentlichen Planer genutzt, 
um die H�he der Zeilen zu korrigieren */

.fc-resized-row {
    height: 20px !important;
}

/* Prevent background scrolling jQuery UI */
.stop-scrolling {
    overflow:hidden;    
    left: 0;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    width: 100%;
}

/* Für Pricing Tables */

section.pricing {
    background: #007bff;
    background: linear-gradient(to right, #0062E6, #33AEFF);
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
}

.pricing .card-price {
    font-size: 3rem;
    margin: 0;
}

.pricing .card-price .period {
    font-size: 0.8rem;
}

.pricing ul li {
    margin-bottom: 1rem;
}

.pricing .text-muted {
    opacity: 0.7;
}

.pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
}


/* Hover Effects on Card */

@media (min-width: 992px) {
    .pricing .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }
    .pricing .card:hover .btn {
        opacity: 1;
    }
}


/* Background aktueller Tag disablen */

.fc-today {
    background-color: inherit !important;
}

.fc-nonbusiness {
    background-color: yellow;
}


/* DataTables Buttons rechts */

.dataTables_wrapper .dt-buttons {
    float: right;
    padding-bottom: 0px;
}

.bolded {
    font-weight: bold;
}

.bolded_red {
    font-weight: bold;
    color: darkred;
}

.bolded_blue {
    font-weight: bold;
    color: #0b7ad1;
}

.bolded_orange {
    font-weight: bold;
    color: darkorange;
}

.bolded_green {
    font-weight: bold;
    color: darkgreen;
}

.icon-centered-big {
    font-size: 12px;
    font-weight: bold;
}



.bolded-nowrap {
    font-weight: bold;
    white-space: nowrap;
}

.small_bolded_blue {
    font-weight: bold;
    color: #0a6fc0;
}

.modal.modal-fullscreen .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none;
}

.modal.modal-fullscreen .modal-content {
    height: auto;
    height: 100vh;
    border-radius: 0;
    border: none;
}

.modal.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.back-to-top {
    background: red;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 1em;
    z-index: 100;
}


.ui-dialog-shadow { box-shadow: 0 0 0 7px rgba(0,0,0,0.1); }

/* Eigene Alertify Boxen */

.alertify_success{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
 }

.alertify_warning{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


#menu_userlogout {
  -webkit-transform: translate3d(0, 0, 0);
}

.bottombar_planer {

}

.topbar_planer {
    position:fixed;
    top: 5px;
    width:100%;
}

/* Scheduler Slots Format */
.fc-agenda-slots td div {
    height: 20px !important;
}

.fc-time-grid .fc-slats td {
    height: 0.7em;  }

.fc-resized-row { height: 24px !important; }

.fc-datagrid-cell-cushion .fc-scrollgrid-sync-inner {
    padding: 6px;
}

/* Horizontales Scrolling aktivieren */


/* 

.fc-view-container {
  width: auto;
}

.fc-view-container .fc-view {
  overflow-x: scroll;
}

.fc-view-container .fc-view > table {
  width: 2500px;
}

th.fc-resource-cell {
    font-size: 11px;
}

*/

.table_main_bar_schichtmodelle {
    padding-left: 10px;    
    width: fit-content;
    font-size: small;
    border: 1px solid;    
    border-color: gray;

}

.table_header_bar_schichtmodelle {
    width: fit-content;
    font-size: 11px; 
    border: 1px solid;  
    border-color: gray;
    background-color: beige;
    color: darkred;
    
}

.table_th_bar_schichtmodelle {
    width: fit-content;
    font-size: 11px; 
    padding-left: 5px;  
    padding-right: 5px;
    border: 1px solid;    
    border-color: gray;
    font-weight: bold;    
}

.table_tr_bar_schichtmodelle {
    width: fit-content;
    font-size: smaller; 
    border: 1px solid;    
    border-color: gray;
    font-weight: bold;    
}

.table_td_bar_schichtmodelle {
    width: fit-content;
    font-size: smaller; 
    border: 1px solid; 
    padding-left: 3px;  
    padding-right: 3px;   
    border-color: gray;
    font-weight: bold;   
    text-align: center;    
}