/*Global Variables*/
:root {
    --global-menu-color: #E44E25;
}
/*Template overwrite*/
.content-wrapper {
    min-height: 100vh;
}

/*sidebar-submenu highlight selected a*/
.sidebar-menu .sidebar-submenu > li > a.active, .sidebar-menu .sidebar-submenu > li > a:hover {
    color: #ffffff;
}

/*Left menu over color from logo*/
.sidebar-menu li:hover > a i {
    color: var(--global-menu-color);
    transition: 0.6s;
}

.topbar-nav .nav-item .nav-link.dropdown-toggle.dropdown-toggle-nocaret:hover > .user-profile i,
.toggle-menu:hover > .menu-icon {
    color: var(--global-menu-color);
    transition: 0.6s;
}

.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
    border-left-color: var(--global-menu-color);
    transition:0.6s;
}

.sidebar-menu .sidebar-submenu > li > span > .fa {
    width: 20px;
    font-size: 13px;
    margin-right: 7px;
    margin-left: 15px;
}

/*Datepicker*/
.vdp-datepicker {
    color: black !important;
}
/*Sidebar menu*/
.drive-image {
    max-height: 30px;
    max-width: 30px;
}

/*Validation Test*/
.validation-message {
    color: #e02020;
}

fieldset {
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/*Modal*/
.modal, dialog {
    transition: transform .3s ease-out;
}
dialog {
    border-radius: 0.25rem;
    color: white;
}

.modal-xl {
    max-width: 1140px;
}

/*Left menu scrollbar color*/
.simplebar-scrollbar {
    background-color: rgba(255,255,255,0.2);
}

/*Right menu*/
.right-sidebar {
    overflow: hidden !important;
}