:root {
    --main-color: #005abb;
    --second-color: #0074F0;

    --blue-color: #5DBEFF;
    --yellow-color: #FFDB4D;
    --red-color: #E76E6E;
    --green-color: #77C6B9;
    --violet-color: #a56bc1;
}

.bg-slate {
    background-color: var(--main-color);
    background-image: url("../images/meteor/meteor-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.img-logo {
    background-image: url("../images/meteor/meteor-logo.svg");
}

.navbar-brand .title {
    display: none;
}

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

.login-form .card .card-header {
    background-color: var(--main-color);
    color: white;}

.login-form .card .btn {
    background-color: var(--main-color);
    color: white;}

.btn-primary {
    background-color: var(--main-color);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
    border-color: transparent;
    background-color: var(--main-color);}

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

.sidebar-user {
    background-color: var(--second-color);}

.sidebar .sidebar-control {
    background-color: var(--second-color);}