@charset "UTF-8";
/*!
 * Copyright Daniel Hasler 
 */

.kzBody {
    height: 100%;
    background-image: url("bg_home.png") !important;
    background-position: center top; !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background: #fff;
}

.kzBodyTrainer {
    height: 100%;
    background-image: url("bg_out.png") !important;
    background-position: center top; !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background: #000000;
}

.kzMain {
    min-height: 100vh;
}

.kzContainer {
    min-height: 100vh;
    background: #f8f9fa;
    padding-top: 60px;
    padding-bottom: 60px;
    border-right: #dfe0e1 solid 1px;
    border-left: #dfe0e1 solid 1px;
}

.kzContainerN {
    min-height: 100vh;
    background: #f8f9fa;
    padding-top: 60px;
    padding-bottom: 60px;
}

.kzLabel {
    color: #6c757d !important;
    margin-left: 0px !important;
}

.kzTableHTxt {
    color: #6c757d !important;
    text-decoration: none !important;
    font-weight: normal;
}

.kzTableHIco {
    font-size: 12px;
}

.kzTableHBtnCell {
    text-align: right;
    padding: 0 !important;
}

.kzTableHBtn {
    font-size: 24px;
}

.kzDiv {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    padding: 5px 1px;
}

.kzRowFirst {
    background-color: #ffd700 !important;
    --bs-table-accent-bg: #ffd700 !important;
}

.kzRowSec {
    background-color: #C0C0C0 !important;
    --bs-table-accent-bg: #C0C0C0 !important;
}

.kzRowThird {
    background-color: #ff7f50 !important;
    --bs-table-accent-bg: #ff7f50 !important;
}

.dropdown-toggle::after {
    border: none;
    margin-left: 0px;
}

@media print {
    .noprint {
        visibility: hidden;
    }
}

/* Then style the iframe to fit in the container div with full height and width */
.kzFrame {
    max-height: 200vh;
    height: 200px;
}

.kzHR {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #dfe0e1;
    height: 2px;
    border: none;
    opacity: 1 !important;
}

.kzCHK {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.kzSWI {
    display: flex;
    justify-content: right;
    padding-right: 5px;
}

.form-control:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 0.2rem rgba(254, 0, 0, 0.55) !important;
}

.custom-control-input:checked {
    background-color: #ff0000;
    border-color: #ff0000;
}

#kzOverlay {
    background: #6c757d;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.kzSpinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid black;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}