/*
  You can add custom CSS rules or import files here.
*/

@import '../fonts/Montserrat-Light.ttf';
/* Import the Radzen CSS files */
/*@import './styles-generated.css';*/

.rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    background-color: #ec0000 !important;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    background-color: #252525 !important;
}

.rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: #252525 !important;
}

.rz-panel-menu {
    background-color: #252525 !important;
}

.rz-navigation-item-link {
    text-decoration: none;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
    background-color: #252525 !important;
}

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
        background-color: #ec0000 !important;
        color: #ffffff !important;
    }

.rz-sidebar-toggle {
    background: none;
    border: none;
}

.rz-datepicker-title > .rz-dropdown {
    width: 120px !important;
}

.rz-column-title-content {
    white-space: break-spaces !important;
}

.header {
    box-shadow: none;
}

.rz-dropdown {
    width: 100% !important;
}

#loginPageMain {
    height: 100vh;
}

@media only screen and (max-width:480px) {
    #loginPageMain {
        height: auto !important;
    }

    #loginFormDiv {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .carousel-caption {
        background: #504e4ec9;
        right: 0 !important;
        left: 0 !important;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .carousel-sub-heading {
        display: none;
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex !important;
}

.rz-paginator .rz-dropdown {
    width: 80px !important;
}