/* variables */

:root {
    --main-brand-color: #FCC200;
    --text-color: #1B1B1B;
    --secondary-text-color: #515357;
    --fa-primary-color: #000;
    --fa-secondary-color: #7C7B78;
}

[data-css="login-wrapper"] [data-css="box"] h5 {
    color: var(--secondary-text-color);
}

[data-css="login-wrapper"] [data-css="box"] a {
    color: var(--text-color);
}

[data-css="login-wrapper"] .select2.select2-container {
    width: unset !important;
}

.input-group-text {
    background-color: transparent;
}

.identifier-login-input {
    border-right: none;
}

[data-css="box"] .fa {
    color: #9DA9BB;
}

    /* Internal styles */
body, .navbar-glass, .navbar-vertical .navbar-collapse {
    background-color: #f2f3f3;
}

a,
.breadcrumb-item.active,
.btn-link {
    color: var(--text-color);
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--text-color);
}

.breadcrumb-item a {
    color: var(--secondary-text-color);
}

.navbar-light .navbar-nav .nav-link {
    color: #76787C;
}

.navbar-light:not(.navbar-vertical) .navbar-nav .active > .nav-link,
.navbar-light:not(.navbar-vertical) .navbar-nav .nav-link.active {
    color: var(--fa-primary-color);
    background-color: var(--main-brand-color);
    border-radius: 4px;
}

.navbar-light.navbar-vertical .navbar-nav .active > .nav-link,
.navbar-light.navbar-vertical .navbar-nav .nav-link.active {
    color: var(--fa-primary-color);
}

.navbar-toggler-humburger-icon .toggle-line,
.navbar-toggler-humburger-icon .navbar-toggle-icon:after,
.navbar-toggler-humburger-icon .navbar-toggle-icon:before,
.navbar-toggler-humburger-icon:hover .toggle-line,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon:after,
.navbar-toggler-humburger-icon:hover .navbar-toggle-icon:before,
.navbar-toggler-humburger-icon:focus .toggle-line,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon:after,
.navbar-toggler-humburger-icon:focus .navbar-toggle-icon:before {
    background-color: #848588;
}

.navbar-toggler-humburger-icon:hover,
.navbar-toggler-humburger-icon:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: var(--main-brand-color);
    color: var(--text-color) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--main-brand-color);
    color: var(--text-color);
}

/* BUTTONS */

.btn-falcon-primary,
.btn-falcon-primary:hover:not(.disabled):not(:disabled),
.btn-falcon-primary:focus:not(.disabled):not(:disabled) {
    color: var(--fa-primary-color) !important;
}

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

.avatar-name.bg-primary {
    background-color: #FDEABE !important;
    color: var(--fa-primary-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--text-color);
    background-color: var(--main-brand-color);
}

.fancy-tab .nav-bar .nav-bar-item.active {
    color: var(--fa-primary-color);
}

.fancy-tab .nav-bar .tab-indicator {
    background-color: var(--fa-primary-color);
}

.badge-info,
.badge-soft-primary {
    color: #0B1727;
    background-color: #F9FAFD;
}

.nav-link.active .badge-info {
    color: #0B1727;
    background-color: #F9FAFD;
}

.btn-sm .fa {
    color: var(--text-color);
}

.btn-sm.btn-primary .fa {
    color: var(--text-color);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--text-color);
    border-color: var(--main-brand-color);
    background-color: var(--main-brand-color);
}

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

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: var(--text-color);
    background-color: var(--main-brand-color);
}

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

/*registerForm*/
.theme-wizard .nav-link.active .nav-item-circle {
    background-color: var(--main-brand-color) !important;
    color: var(--text-color);
    border-color: var(--main-brand-color);
}

.theme-wizard .nav-link.done .nav-item-circle {
    background-color: var(--main-brand-color) !important;
    color: var(--text-color);
    border-color: var(--main-brand-color);
}

.theme-wizard .nav-link.done .nav-item-circle-parent::before {
    background-color: var(--main-brand-color);
}

.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent::after {
    background-color: var(--main-brand-color);
}

#registerForm .label-name {
    font-weight: bold !important;
}

#registerForm .radio-button-list, #step1-content .check-box-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3fr;
}

#registerForm #step1-content .check-box-list span .checkbox {
    width: 100%;
}

#step1-content label.radio, #step1-content label.checkbox {
    display: grid;
    grid-template-columns: 14px auto;
    gap: 4px;
}

.theme-wizard .nav-item-circle-parent {
    padding: 0;
}

.theme-wizard #step1 .nav-item-circle {
    margin: 0 auto 0 0;
}

.theme-wizard #step2 .nav-item-circle {
    margin: 0 0 0 auto;
}

.theme-wizard .nav-item:first-child .nav-item-circle-parent::before {
    width: 100%;
    left: 0;
}

.theme-wizard .nav-item:last-child .nav-item-circle-parent::before {
    width: 100%;
}

.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent::after {
    width: 100%;
}

.login-wrapper .send .btn.btn-primary.btn-block {
    color: #ffffff;
}