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

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

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

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    50%{
        opacity: 1
    }

    100% {
        opacity: 0;
    }
}

.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #0655a5;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 2s linear infinite;
}

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

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

.redbutton {
    background-color: rgba(255,200,200,0.5) !important;
}

    .redbutton:focus {
        background-color: rgba(255, 60, 60, 0.5);
        border: 3px solid rgba(255, 60, 60,1);
    }

    .redbutton:active {
        background-color: rgba(255, 60, 60, 0.5);
        border: 3px solid rgba(185, 60, 60,1);
    }

    .redbutton:hover {
        background-color: rgba(255, 60, 60, 0.5);
    }

.greenbutton {
    background-color: rgba(200,255,200,0.5) !important;
}

    .greenbutton:focus {
        background-color: rgba(60,255,60,0.5);
        border: 3px solid rgba(60,185,60,1);
    }

    .greenbutton:active {
        background-color: rgba(60,255,60,0.5);
        border: 3px solid rgba(60,185,60,1);
    }

    .greenbutton:hover {
        background-color: rgba(60,255,60,0.5);
    }

.yellowbutton {
    background-color: rgba(255,255,200,0.5) !important;
}

    .yellowbutton:focus {
        background-color: rgba(255,255,60,0.5);
        border: 3px solid rgba(185,185,60,1);
    }

    .yellowbutton:active {
        background-color: rgba(255,255,60,0.5);
        border: 3px solid rgba(185,185,60,1);
    }

    .yellowbutton:hover {
        background-color: rgba(255,255,60,0.5);
    }

#haynesville {
    background-color: #356f94;
}

#permian {
    background-color: #677c8a;
}

#eagleford {
    background-color: #0078d4;
}

#roc {
    background-color: #31855a;
}

#timeoff {
    background-color: indianred;
}

.haynesville {
    background-color: #356f94;
    border: 1px solid black;
    border-radius: 5px;
    font-size:14px;
}

.permian {
    background-color: #677c8a;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14px;
}

.eagleford {
    background-color: #0078d4;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14px;
}

.roc {
    background-color: #31855a;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14px;
}

.timeoff {
    background-color: indianred;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 14px;
}

.appointment-night {
    border: 2px solid black;
    border-right: 12px solid black;
    border-radius: 5px;

}

.appointment-day {
    border: 2px solid #f1c24f;
    border-right: 12px solid #f1c24f;
    border-radius: 5px;
}
.rz-scheduler .rz-event-list-btn {
    /*    font-size: 1rem;
*/
}

@media print {
    @page {
        size: landscape;
    }

    .noprint {
        display: none;
    }
}

.anchorText {
    color: #27292d;
}

.anchorText-active {
    color: #0655a5;
}

.wrapText {
    white-space: normal !important;
}

.image-selected {
    border: 2px solid #5dbf74;
}

.image-not-selected {
    border: none;
}


.sidePanelMenu span:only-of-type {
    margin-left: 12px;
}

.menu-text-wrapper {
    width: 64px;
    height: 18px;
    padding: 0px;
    box-shadow: none;
}

.bottomPanelMenu div:only-of-type {
    background-color: rgba(255,255,255,0) !important;
}

.bottomPanelMenu .rz-navigation-item-wrapper-active:before {
    background-color: rgba(0,0,0,0) !important;
}

.bottomPanelMenu i.rzi.rz-navigation-item-icon:active, .bottomPanelMenu i.rzi.rz-navigation-item-icon:hover {
    color: #0655a5 !important;
}

.bottomPanelMenu .rz-navigation-item-link-active i:only-of-type {
    color: #0655a5;
}

.sidePanelMenu .rz-navigation-item-link-active i:only-of-type {
    color: #0655a5;
}

.sidePanelMenu .rz-navigation-item-link-active span:only-of-type {
    color: #0655a5;
}

.nsight-chart .rz-tick-text {
    fill: rgba(0,0,0,100);
}
.rz-sidebar {
    transition: all 0.3s;
}

.rz-navigation-item-icon-children{
    color:black !important;
    transition:all 0.2s;
}

.mobilemenu .rz-navigation-item {
    border-bottom: none !important;
}

.mobilemenu .rz-navigation-item-icon{
    margin: 0px !important;
}

.rz-event .rz-label{
    color:white !important;
}
.panel-menu-toggle-button .align-items-center{
    font-size: large !important;
}

.overview-table .rz-column-title-content{
    color: black;
}

.timesheet-accordion .rz-accordion-header a[role='tab'] {
    font-size: 16px;
    font-weight: 400;
}

.initloader{
    border: 16px solid #f3f3f3;
    border-top: 12px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height:120px;
    animation: spin 2s linear infinite;
}

.imageloading {
    animation: fadeIn 2s infinite;
    width: 120px;
    height: 120px;
}
.order-status-0 .rz-cell-data, .order-status-0 .rz-text-body1 {
    color: white !important;
    white-space: pre-wrap;
    font-size: 10pt;
    font-weight: 500;
}
.order-status-1 .rz-cell-data, .order-status-1 .rz-text-body1 {
    color: white !important;
    white-space: pre-wrap;
    font-size: 10pt;
    font-weight: 500;
}
.order-status-2 .rz-cell-data, .order-status-2 .rz-text-body1 {
    color: white !important;
    white-space: pre-wrap;
    font-size: 10pt;
    font-weight: 500;
}
.order-status-3 .rz-cell-data, .order-status-3 .rz-text-body1 {
    color: white !important;
    white-space: pre-wrap;
    font-size: 10pt;
    font-weight: 500;
}

.order-status-0, .order-status-0 td {
    background-color: lightslategray !important;
}

.order-status-1, .order-status-1 td {
    background-color: steelblue !important;
}

.order-status-2, .order-status-2 td {
    background-color: #e6724c !important;
}

.order-status-3, .order-status-3 td {
    background-color: #32b86e !important;
}

.order-auto {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 1%,
        rgba(0,0,0,0.15) 1%,
        rgba(0,0,0,0.15) 2%,
        transparent 2%
    );
}

.customScheduler .k-button-solid-base.k-selected {
    background-color: #0078d4;
    border:none;
    margin-top: 0.25rem;
}

.orderbutton {
    float: right;
    margin-right: 0.25rem;
    margin-top: 0.25rem;
}

.customScheduler .k-event .k-eventTemplateCustom {
    background-image: linear-gradient( 0deg, transparent, transparent 49.9%, rgba(50,50,50,0.25) 50%, transparent 50.9% )
}

.map-asset-marker {
    background-color: #4285f4;
    border-radius: 8px;
    color: #ffff;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

.rz-tabview-selected {
    background-color: rgba(0,0,0,0.1) !important;
}

div.op-scheduler > div.rz-stack > :nth-child(odd) {
    background-color: #e0e0e0;
}

div.op-scheduler > div.rz-stack > :first-child {
    background-color: #005b96;
    align-content: center;
    justify-content: center;
    text-align: center;
    border: 1px solid black;
    border-radius: 1rem;
}

.k-treeview-leaf.k-selected {
    background-color: #0078d4 !important;
    color: #ffffff !important;
}

.k-pdf-viewer, .k-pdf-viewer .k-canvas {
    background-color: rgba(50,50,50,0.2) !important;
}

.k-list-item.k-selected {
    background-color: #0078d4 !important;
    color: white !important;
}

.k-page.k-blank-page::before {
    content: "Please select a file to view";
    font-size: 1.25rem;
    font-weight: 500;
}

.k-page.k-blank-page > .telerik-blazor.k-icon-xxxl.k-icon.k-svg-icon.k-svg-i-folder-open, .k-page.k-blank-page > .k-upload.k-header.telerik-blazor {
    display: none !important;
}

.docviewer .k-animation-container-shown, .docviewer .k-animation-container {
    margin-top: 0rem;
}
.k-animation-container-shown, .k-animation-container {
    margin-top: 3rem;
}

.dropZoneColumn{
    margin: 0px;
    border: 0px;
    padding: 0.15rem;
    align-self: center;
}

.form-cell {
    border: 1px solid black;
    padding: 0.25rem;
}

.form-cell-text {
    font-size: 9pt;
    white-space: pre-wrap;
}

.form-input-cell {
    background-color: #cee5ff;
}

.form-header-row {
    background-color: #cee5ff;
}

.form-cell-step-number-xs{
    font-size: 7pt !important;
}

.form-cell-text-xs {
    font-size: 8pt !important;
}

.form-cell-img {
    width:2rem;
    height:2rem;
}

.form-cell-img-xs {
    width: 1rem;
    height: 1rem;
}