:root {
    --main-bg-color : #1F3148;
    --secondary-bg-color : #EFD41F;
    --btn-primary-bg-color : #1F3148;
}

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

a.text-primary:hover, a.text-primary:focus {
    color: var(--main-bg-color) !important;
    font-weight: bold;
}

.btn-primary {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-bg-color) !important;
}

.badge-primary {
    background-color: var(--btn-primary-bg-color) !important;
}

.bg-primary {
    background-color: var(--secondary-bg-color) !important;
}

.card-dashboard-indicator {
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 40%;
    padding: 1em 2em;
}

.bg-rgba-primary {
    background: var(--secondary-bg-color) !important;
}

.dt-buttons button {
    background-color: var(--btn-primary-bg-color) !important;
}


.pagination .page-item.active .page-link {
    background-color: var(--btn-primary-bg-color) !important;
}

.fc-button-primary {
    background-color: var(--btn-primary-bg-color) !important;
}

.fc .fc-view-container .fc-body .fc-day-top.fc-today a {
    background-color: var(--btn-primary-bg-color) !important;
}

.custom-select {
    border: 1px solid var(--btn-primary-bg-color) !important;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: var(--btn-primary-bg-color) !important;
}

.main-menu .navbar-header .navbar-brand .brand-logo {
    background-repeat: no-repeat !important;
    height: 2em;
    width: 2em;
}

.card-attribut {
    background-color: var(--secondary-bg-color) !important;
}

/** Wizard (Multi-form) **/

.app-content .wizard > .steps > ul > li.current .step {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-bg-color) !important;
}


.app-content .wizard > .steps > ul > li.current > a {
    color: var(--btn-primary-bg-color) !important;
}

.app-content .wizard > .steps > ul > li.current .step {
    border-color : var(--btn-primary-bg-color);
    background-color : var(--btn-primary-bg-color);
    color : #FFFFFF;
}

.app-content .wizard > .steps > ul > li.done .step {
    border-color : var(--btn-primary-bg-color);
    background-color : var(--btn-primary-bg-color);
    color : #FFFFFF;
}

.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
    top : 43px;
    width : 50%;
    height : 3px;
    background-color : var(--btn-primary-bg-color);
}

.app-content .wizard > .steps > ul > li.done:last-child .step {
    background-color : var(--btn-primary-bg-color);
    border-color : var(--btn-primary-bg-color);
    color : #FFFFFF;
}

body.semi-dark-layout .main-menu .shadow-bottom {
    background : var(--main-bg-color);
}

.btn-primary:hover {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-bg-color) !important;
    box-shadow: 0 8px 25px -8px var(--btn-primary-bg-color);
}

.dropdown-notification .dropdown-menu-header {
    background-color: var(--btn-primary-bg-color) !important;
}

/*body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
    background-color : #133C25;
}*/


.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-bg-color) !important;
}

.table-responsive .avatar {
    /* make a square container */
    width: 60px;
    height: 60px;

    /* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;

    /* center the image vertically and horizontally */
    background-position: center center;

    /* round the edges to a circle with border radius 1/2 container size */
    border-radius: 50%;
}

.nav-item .avatar {
    /* make a square container */
    width: 40px;
    height: 40px;

    /* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;

    /* center the image vertically and horizontally */
    background-position: center center;

    /* round the edges to a circle with border radius 1/2 container size */
    border-radius: 50%;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--btn-primary-bg-color) !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: var(--btn-primary-bg-color) !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: var(--btn-primary-bg-color) !important;
}

.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
    background: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-bg-color) !important;
}

.breadcrumb a {
    color: var(--btn-primary-bg-color) !important;
}

.header-navbar .navbar-container ul.nav li i.ficon:hover {
    color: var(--btn-primary-bg-color) !important;
}

.main-menu.menu-dark .navigation > li.active > a {
    background: var(--btn-primary-bg-color) !important;
    box-shadow: 0 8px 25px -8px var(--btn-primary-bg-color);
}

.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
    background-color: var(--btn-primary-bg-color) !important;
}

.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover, .btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover, .btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
    color: var(--btn-primary-bg-color) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--btn-primary-bg-color) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #FFFFFF;
    border-color: var(--btn-primary-bg-color) !important;
    background-color: var(--btn-primary-bg-color) !important;
}

div.col-1.module_col, div.col-2.module_col, div.col-3.module_col, div.col-4.module_col, div.col-5.module_col, div.col-6.module_col,
div.col-7.module_col, div.col-8.module_col, div.col-9.module_col, div.col-10.module_col, div.col-11.module_col, div.col-12.module_col,
div.col-lg-1.module_col, div.col-lg-2.module_col, div.col-md-2.module_col, div.col-sm-2.module_col, div.col-lg-3.module_col,
div.col-md-3.module_col, div.col-sm-3.module_col, div.col-lg-4.module_col, div.col-md-4.module_col, div.col-sm-4.module_col,
div.col-lg-5.module_col, div.col-md-5.module_col, div.col-sm-5.module_col, div.col-lg-6.module_col, div.col-md-6.module_col,
div.col-sm-6.module_col, div.col-lg-7.module_col, div.col-md-7.module_col, div.col-sm-7.module_col, div.col-lg-8.module_col,
div.col-md-8.module_col, div.col-sm-8.module_col, div.col-lg-9.module_col, div.col-md-9.module_col, div.col-sm-9.module_col,
div.col-lg-10.module_col, div.col-md-10.module_col, div.col-sm-10.module_col, div.col-lg-11.module_col, div.col-md-11.module_col,
div.col-sm-11.module_col, div.col-lg-12.module_col, div.col-md-12.module_col, div.col-sm-12.module_col {
    margin-bottom: 2.2rem;
!important;
}

.card {
    height: 100%;
!important;
}

.fc-unthemed td.fc-today {
    background: #fcf8e3 !important;
}