/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
 
/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
 
/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
 
/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
 
/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
/* Overwrites of ui-elements.css */


.sidebar-wrapper, .sidebar-offcanvas {
    background-color: #A00020 !important
}

.sidebar .nav-link.active, .sidebar .nav-link.active:hover, .sidebar .nav-link.active:focus, .sidebar .btn-toggle.active, .sidebar .btn-toggle.active:hover, .sidebar .btn-toggle.active:focus, .sidebar .btn-toggle.active a, .sidebar .btn-toggle.active a:hover, .sidebar .btn-toggle.active a:focus {
    background-color: #7A0119;
}

.bottom-logo-border-custom, .logo-span-custom {
    display: none;
}

.header-wrapper.fullwidth.d-flex.flex-column.fixed-top header .container {
    background-color: #A1A1A1;
}

.dashboard-filter-container-custom div h4 {
    color: #A00020 !important;
}

.filter-button-container-custom {
    ul > button:first-child {
        background-color: #A00020;
    }
    ul > button:first-child:hover {
        background-color: #7A0119;
    }
}

#DriverLicenseExpiryViewReport, #TodaysPreopCheckReport, #TodaysImpactViewReport, #LoggedHoursVersusSeatHoursViewReport, #ImpactFrequencyPerTimeSlotViewReport, #ImpactFrequencyPerWeekDayViewReport, #ImpactFrequencyPerWeekMonthViewReport, #IncompletedChecklistViewReport, #ChecklistStatusView, #CurrentVehicleStatusChartViewReport, .tabbed-form-container-custom div:nth-child(2) {
    h2 {
        color: #A00020 !important;
    }
}

.uiContainer div div:nth-child(2) div h4, #ModelCreateNewFormControl-ModelCreateNewFormControl div:nth-child(2) h4{
    color: #A00020 !important;
}

#VehicleUtilizationLastTwelveHoursViewReport {
    a > h2 {
        color: #A00020 !important;
    }
}

.filter-container-custom {
    div > div > div span {
        color: #A00020 !important;
    }
}

.command-button, .btn-primary {
    background-color: #A00020;
    border-color: #A00020;
}

.command-button:focus, .command-button:active:focus, .btn-primary:focus, .btn-primary:active:focus {
    background-color: #A00020;
    border-color: #A00020;
}

.command-button:hover, .btn-primary:hover {
    background-color: #7A0119 !important;
    border-color: #7A0119 !important;
}

.tabwrapper .tabs > li.active > a, .tabwrapper .tabs > li.active > a, .tabwrapper .tabs > li.active > a:hover {
    color: #A00020;
}

.tabwrapper .tabs > li.active .circle, .nav-tabs > li.active .circle {
    background: #A00020;
}

.person-information-header-custom {
    background: #A00020;
}

.control-command .command-button:nth-child(2), .control-command .btn:nth-child(2), .btn-secondary, .badge.bg-info  {
    background-color: #A00020 !important;
    border-color: #A00020 !important;
}

.control-command .command-button:nth-child(2):hover, .control-command .btn:nth-child(2):hover, .btn-secondary:hover {
    background-color: #7A0119 !important;
    border-color: #7A0119 !important;
}

.filterContentContainer.person-filter-container-custom .d-flex.align-items-center .row .col-12.col-lg-2 span, .create-new-form-h4-custom, .vehicle-information-label-custom label.form-field-label, .checklist-settings-h4-custom, .form-field-label.sensor-calibration-label-custom, #GOUserForm2Control-GOUserForm2Control div h4 {
    color: #A00020 !important;
}

.data-grid tbody tr.currenttr, .data-grid tbody tr.currenttr > *, .data-grid tbody tr.currenttr a, .data-grid tbody tr:hover, .data-grid tbody tr:hover > *, .grid-pagination .currentPage, .page-numbers:hover {
    background-color: #A1A1A1;
}

.popupContainer #Commands .nav .last, .popupContainer #Commands .nav .horizontalList:last-child .command-button, .popupContainer #Commands .nav .command-button:last-child, .popupContainer #Commands .nav .btn:last-child {
    background-color: #A1A1A1;
    border-color: #A1A1A1;
}

.formViewFieldControl.multilineTextBox {
    > button {
        background-color: #A00020;

    }
}

ul.subform-tab-custom > li {
    &.active {
        background: #A00020;
    }
}

.logo-alignment-custom {
    border: 18.898px solid white;
    padding: 5px;
}

/**LOGIN**/

.login-page-rectangle-custom, .login-page-yellow-rectangle-custom, .login-header-span-custom, .loginRightColumn.col.align-self-center h1{
    display: none;
}

.login-background-color-custom {
    background-color: #A00020;
}

#LoginUser_LoginButton, #LoginUser_getMembershipProviderTypeButton {
    background-color: #7A0119 !important;
    border: none;
    color: white;
    padding: 12px 30px;
    border-radius: 50px; /* Rounded edges */
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2); /* Soft shadow */
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
}

#LoginUser_LoginButton:hover, #LoginUser_getMembershipProviderTypeButton:hover {
    background-color: #fff !important;
    color: #000;
}

.linde-logo-custom {
    position: absolute;
    right: 0;
    border: 10px solid white;
}

.main-wrapper.sidebar-minimize .sidebar-wrapper:hover .nav-link.active {
    svg.bi.menu-icon {
        fill: #000 !important;
    }
    background-color: #fff !important;
    color: #000 !important;
}

.footer-logo-custom {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 1rem;
    span {
        margin: 0 0 1rem 5px;
    }
}
.login-header-logo-custom {
    object {
        width: 300;
        height: 150;
    }
}

@media screen and (max-width: 480px) {
    .footer-logo-custom {
        span {
            display: none;
        }
    }
    .linde-logo-custom {
        display: none;
    }
    .login-header-logo-custom {
        object {
            width: 300 !important;
            height: 60 !important;
        }
    }
}

 .btn.edit.command-button,
 .btn.apply.command-button {
     background-color: #A00020 !important;
     border-color: #A00020 !important;
 }

 .btn.edit.command-button:hover,
 .btn.apply.command-button:hover {
     background-color: #7A0119 !important;
     border-color: #7A0119 !important;
 }

 #EmailGroupsForm1Control div h4 {
     color: #A00020 !important;
 }