:root {
    --bs-blue: #0175FF;
    --bs-indigo: #7894DB;
    --bs-purple: #B389C9;
    /*--bs-pink: #d63384;*/
    --bs-red: #DF3F41;
    --bs-orange: #DF953F;
    --bs-yellow: #FDD000;
    --bs-green: #91C546;
    /*--bs-teal: #20c997;*/
    --bs-cyan: #4DC4CC;
    --bs-white: #ffffff;
    --bs-gray: #9E9E9E;
    --bs-gray-dark: #424242;
    --bs-gray-100: #F5F5F5;
    --bs-gray-200: #EEEEEE;
    --bs-gray-300: #E0E0E0;
    --bs-gray-400: #BDBDBD;
    --bs-gray-500: #9E9E9E;
    --bs-gray-600: #757575;
    --bs-gray-700: #616161;
    --bs-gray-800: #424242;
    --bs-gray-900: #212121;
    --bs-primary: #0175FF;
    --bs-secondary: #757575;
    --bs-success: #91C546;
    --bs-info: #7894DB;
    --bs-warning: #DF953F;
    --bs-danger: #DF3F41;
    --bs-light: #FAFAFA;
    --bs-dark: #212121;
    --bs-primary-rgb: 1, 117, 255;
    --bs-secondary-rgb: 117, 117, 117;
    --bs-success-rgb: 145, 197, 70;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 223, 149, 63;
    --bs-danger-rgb: 223, 63, 65;
    --bs-light-rgb: 255, 255, 255;
    --bs-dark-rgb: 33, 33, 33;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 33, 33;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: 'Gilroy', 'Arial', 'Sans-Serif';
    /*--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
    --bs-gradient: linear-gradient(90deg, rgb(1, 117, 255) -5%, rgb(0, 50, 147) 100%);
    --bs-body-font-family: var(--bs-font-sans-serif);
    /*--bs-body-font-size: 1rem;*/
    /*--bs-body-font-weight: 400;*/
    /*--bs-body-line-height: 1.5;*/
    --bs-body-color: #212121;
    --bs-body-bg: #ffffff;
    --bs-bcnight: #003293;
}

::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track
{
  background:var(--bs-gray-200);
}

::-webkit-scrollbar-thumb
{
  background:var(--bs-secondary);
}


/*********
* LAYOUT *
**********/
html {
    scroll-behavior: smooth;
}

body {  
	/*padding-top: 70px;*/
	background-size: 100% 100%;
    background-color: #F3F4F8;
    background-image: linear-gradient(162.85deg, #F3F4F8 4.43%, #FFFFFF 77.2%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Navbar */

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: var(--bs-gray-600);
    --bs-navbar-hover-color:var(--bs-black);
    --bs-navbar-disabled-color: var(--bs-gray-400);
    --bs-navbar-active-color: var(--bs-black);
    --bs-navbar-toggler-border-color: var(--bs-gray-300);
    --bs-navbar-toggler-border-radius: 4px;
    --bs-navbar-toggler-focus-width: 0;
}

.navbar-nav {
    margin-right: 1rem;
}

.nav-link {
    --bs-nav-link-font-weight: 500;
}

.dropdown-menu {
    --bs-dropdown-color: var(--bs-gray-600);
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: 0 4px 14px rgb(0 0 0 / 25%);
    --bs-dropdown-link-color: var(--bs-gray-600);
    --bs-dropdown-link-hover-color: var(--bs-black);
    --bs-dropdown-link-hover-bg: var(--bs-gray-100);
    --bs-dropdown-link-active-color: var(--bs-black);
    --bs-dropdown-link-active-bg: var(--bs-gray-100);;
    --bs-dropdown-link-disabled-color: var(--bs-gray-400);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    padding: 0;
    box-shadow: var(--bs-dropdown-box-shadow);
    z-index: 100000;
}

.dropdown-item {
    font-weight: 500;	
}

.dropdown-item:focus {
    outline: none;
}

.dropdown-item-multilevel-secondary {
    font-size: 12px;
}

.search-form {
    position: relative;
}

.search-dropdown {
    --bs-dropdown-link-color: var(--bs-gray-600);
    --bs-dropdown-link-hover-color: var(--bs-black);
    --bs-dropdown-link-hover-bg: var(--bs-gray-100);
    --bs-dropdown-link-active-color: var(--bs-black);
    --bs-dropdown-link-active-bg: var(--bs-gray-100);;
    --bs-dropdown-link-disabled-color: var(--bs-gray-400);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    display: none;
    list-style: none;
    padding-left: 0;
    position: absolute;
    top: 38px;
    right: 0;
    background-color: var(--bs-white);
    box-shadow: 0 4px 14px rgb(0 0 0 / 25%);
    z-index: 100000;
}

.search-dropdown.show {
    display: block;
}

@media (min-width: 992px) {
    .search-form {
        margin-left: 1rem;
    }
}

.profile-logo {
    color: var(--bs-primary);
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    background: var(--bs-gray-100);
    align-items: center;
    font-weight: 600;
    margin-top: 1rem;
    border-radius: 50%;
    text-transform: uppercase;
    justify-content: center;
}

@media (min-width: 992px) {
    .profile-logo {
        margin-top: 0;
        margin-left: 1rem;
        margin-right: 0.5rem;
    }
}

.vr {
    background-color: var(--bs-gray);
}

/* Sidebar */
.sidebar {
    min-width: 200px;
}
.sidebar a { 
    font-weight: 500;     
    /*margin-left: 16px;*/
}
.sidebar a:not(:hover) {
    color: var(--bs-gray-900); 
}




/*Sidebar - Accordion*/

.accordion {
	--bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--bs-primary);
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-color: none;
    --bs-accordion-body-padding-x: 49px;
    --bs-accordion-body-padding-y: 0px;
    --bs-accordion-btn-icon-width: 16px;
    --bs-accordion-btn-icon: url("/assets/icons/chevron-right.svg");
    --bs-accordion-btn-icon-transform: rotate(-180deg);
}
.accordion-static {
	--bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--bs-primary);
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-color: none;
    --bs-accordion-body-padding-x: 49px;
    --bs-accordion-body-padding-y: 0px;
    --bs-accordion-btn-icon-width: 16px;
    --bs-accordion-btn-icon: url("/assets/icons/chevron-right.svg");
    --bs-accordion-btn-icon-transform: rotate(-180deg);
}
.accordion-static .bi {
    margin-left:-12px;
    position:absolute;
}

.accordion-static-border {
    border-top: 1px solid rgb(224, 224, 224);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(224, 224, 224);
}

.accordion-static-button {
    padding:16px 20px; 
    margin:0px;     
}

.accordion-container {
    padding: 0px 0px 0px 0px;
    /*padding: 0px 16px 0px 16px;*/
}

.accordion-body {
    display: grid;
	background-color: transparent;
}

.accordion-menu-item {
    text-decoration: none;
    color: var(--bs-dark);
    padding: 0px 0px 8px 0px;
	background-color: transparent;
}

.accordion-menu-item:hover {
    color: var(--bs-primary);
}

.accordion-button {
	background-color: transparent;
    font-weight: 500;
}

.accordion-button:after {
    order: -1;
    margin-left: 0;
    margin-right:0.5em;
}


.maincontent {
	min-height: calc(100vh-70px);
	
}

/* Footer */

.footer {
	background-color: var(--bs-gray-100);	
}

.footer-help {
    width: 32px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-white);
    background-color: var(--bs-gray);
    border-radius: 50%;
    border: none;
}


/*************
* COMPONENTS *
**************/

/* Mark */
mark {        
    background-color: var(--bs-primary);
    color: #ffffff;
}

/* Modals */

.modal-content {
    --bs-modal-border-radius: 0;
    --bs-modal-border-color: transparent;    
}

/* Forms */

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus, .form-control:focus, .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: none;
}

.form-control, .form-select {
    border-radius: 4px;
}

.form-select:disabled, .form-control:disabled, .form-control[readonly] {
    background-color: var(--bs-gray-200);
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    color: var(--bs-gray);
    opacity: 1;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: var(--bs-primary);
    opacity: 1;
}

/* Buttons */
.btn {
    text-transform: uppercase;
    --bs-btn-border-radius: none;
    --bs-btn-border-width: 0px;
    --bs-btn-disabled-color: var(--bs-gray-500);
    --bs-btn-disabled-bg: var(--bs-gray-100);
    --bs-btn-focus-box-shadow: none;
}

.btn:disabled {
    background: var(--bs-gray-100);
}

.btn-primary:hover {
    background: var(--bs-btn-hover-bg);
}

.btn-primary {
    background-image: var(--bs-gradient);
    --bs-btn-hover-bg: var(--bs-bcnight);
    --bs-btn-border-color: none;
    --bs-btn-hover-border-color: none;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-bcnight);
    --bs-btn-active-bg: white;
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-color: var(--bs-blue);
    --bs-btn-border-width: 1px;
    --bs-btn-hover-border-color: var(--bs-bcnight);
    background-image: var(--bs-gradient);
}

.text-btn {
    --bs-btn-color: var(--bs-blue);
    --bs-btn-hover-color: var(--bs-blue);
    --bs-btn-disabled-color: var(--bs-gray-500);
}

.text-btn:disabled {
    background-color: var(--bs-white);
}

.btn-icon {
    display: flex;
    align-items: center;
}

.icon-btn-left {
    font-size: 16px !important;
    margin-right: 8px;
}

.icon-btn-right {
    font-size: 16px !important;
    margin-left: 8px;
}


/*Icons*/

.bi {
    font-size: 16px;
}

@media (max-width: 992px) {
    .dropdown-menu {
        width: 100%;
    }
}

/*
.mainPage {
    transition: 0.3s linear;
    padding-left: 250px;
    margin-left: 24px;
}

.mainPage_fullWidth {
    padding-left: 0;
}


*/

/*
.sidebar {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 5000;
    //top: 70px;
    left: 0;
    background-color: var(--bs-white);
    overflow-x: hidden;
    transition: 0.3s linear;
    //padding-top: 60px;
}
*/

.closebtn {
    position: absolute;
    top: 16px;
    right: 16px;
    text-decoration: none;
    color: var(--bs-gray-600);
}

@media (max-width: 992px) {
    /*.sidebar {
        width: 100%;
        transition: 0.3s linear;
        padding-top: 60px;
    }

    .sidebar_closed {
        width: 100%;
        height: 0;
        transform: translate(0, 120vh);
    }

    .mainPage {
        padding-left: 0;
    }*/

    .closebtn i::before {
        content: "\f659";
    }
}

/* Datalist */

.datalist-container {
    width: 400px;
}

/* Dropdown */

.dropdown-toggle::after {
    display: none;
}

.dropdown-text {
    margin-right: 8px;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-color: var(--bs-gray-700);
    --bs-btn-hover-color: var(--bs-gray-700);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-color: var(--bs-gray-700);
}

.dropdown-toggle i {
    font-size: 16px;
}

.dropdown-item {
    --bs-dropdown-item-padding-x: 32px;
    --bs-dropdown-item-padding-y: 24px;
    --bs-dropdown-item-color: var(--bs-gray-600);
    border-bottom: 1px solid #ECECEC;
    text-transform: uppercase;
    font-weight: 400;
}

/* Headline */

nav li.active, .inlinemenu > div.active {
    background: linear-gradient(135.8deg, #0175FF 0%, #003293 98.64%);    
    margin-bottom: 0;
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: bottom 0 left 0,bottom 5px left 0;
}

.inlinemenu {
    border-bottom: 1px solid rgb(224, 224, 224);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(224, 224, 224);   
    margin-bottom: 10px; 
}
.inlinemenu > div {
    margin-right:10px;    
    padding-bottom: 5px;  
}
.inlinemenu a:not(:hover) {
    color: var(--bs-gray-900);       
}

.display-6 {
    font-size: calc(1.0rem + 1.0vw);    
}
/*
.headline-container {
    width: 100%;
    display: flex;
    align-items: center;
}*/

/*.fleet-container {
    display: flex;
    align-items: baseline;
    margin-right: 32px;
}*/

.summary-container {
    font-size: 14px;
    color: var(--bs-gray-800);
    display: flex;
    align-items: center;
}

.summary-container i {
    font-size: 14px;
    margin-right: 4px;
}

.status-container {
    margin-right: 20px;
}

.bi-exclamation-circle-fill {
    color: var(--bs-danger);
}

.bi-exclamation-triangle-fill {
    color: var(--bs-warning);
}

.bi-tools {
    color: var(--bs-gray-400);
}

.bi-circle-fill {
    color: var(--bs-success);
}

/* Tooltip */

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-gray-700);
    --bs-tooltip-border-radius: 3px;
    --bs-tooltip-font-size: 14px;
    font-weight: 500;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0px;
}

table {
	/*font-size: 12px;*/
	/*text-transform: uppercase;*/
}

h1 {
	color: rgb(1, 117, 255);
    display: inline-block;
    font-size: 32px;
    font-weight: 400;
    background: linear-gradient(90deg, rgb(1, 117, 255) -5%, rgb(0, 50, 147) 100%) text;
	
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
	color: var(--bs-gray-400);	
    font-size: 0.75em;
}




.breadcrumb, .breadcrumb > a  {
	color: #757575;
	font-weight: 500;
	text-decoration: none;
}



a {
	text-decoration: none;	
}


#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;  
    z-index: 9999;
  }

.bg-secondary-light {
    background-color:#eeeeee;
}
.bg-danger-light {
    background-color:#FEF7F7;
}
.bg-warning-light {
    background-color:#FFFBF5;
}
.bg-default {
    background-color: #F3F4F8;
}
.table ~ a {
    font-weight: 600;
}

div.text-white a > i {
    color:#ffffff;    
}