/*************************************/
/*                                   */
/*   Style for CTMS Chargemotion     */
/*                                   */
/*************************************/

:root {
    --main-color: #4682B4;
    --btn-border-color: #000080;
    --breadcrumb-color: #f0f8ff;
}

#sidebar-wrapper .sidebar-profile {
    background-image: url(../logo/menu_banner/Chargemotion_banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.login-header {
    color: var(--main-color);
    /*opacity: 0.9;*/
}

    .login-header .logo-inner {
        /*text-shadow: 5px 5px 5px rgb(0 0 0);*/
    }


    .login-header .logo-text {
        --bs-text-opacity: 1;
        color: rgba(var(--main-color), var(--bs-text-opacity)) !important;
        margin-top: 20px;
    }

a {
    text-decoration: none !important;
    color: var(--main-color);
}

.is-charging-icon {
    color: var(--main-color);
}

.btn-primary {
    background-color: var(--main-color);
    border-color: var(--btn-border-color);
}

    .btn-primary:hover {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

    .btn-primary:active {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

    .btn-primary:focus {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

    .btn-primary:disabled, .btn-primary.disabled {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
    }

.btn-outline-primary {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .btn-outline-primary:hover {
        background-color: var(--main-color);
        border-color: var(--btn-border-color);
        color: #fff;
    }

.text-primary {
    color: var(--main-color) !important;
}

.custom-map-control-button {
    color: var(--main-color);
}

    .custom-map-control-button .map-control-my-location {
        fill: var(--main-color);
    }

.page-link {
    color: var(--main-color);
}

#sidebar-wrapper .list-group-item.active,
#sidebar-wrapper .list-group-item,
#sidebar-wrapper .list-group-item:hover {
    color: var(--main-color) !important;
}

.breadcrumb {
    background-color: var(--breadcrumb-color);
}

.page-item-dt-arrow:first-child .page-link {
    color: var(--main-color);
}

.page-item-dt-arrow:last-child .page-link {
    color: var(--main-color);
}

.page-item-dt.disabled.active .page-link {
    color: var(--main-color);
}

.cookies_inner_wrapper {
    background-color: var(--main-color);
}

.history-active-menu {
    background-color: var(--breadcrumb-color);
}