/* Define global CSS custom properties
   Override CoreUI defaults across themes by targeting :root and theme data attributes.
   Note: !important is not applicable on custom property definitions. */
:root,
[data-coreui-theme="light"],
[data-coreui-theme="dark"] {
    /*--cui-link-color: #232323;*/
    /*--cui-link-hover-color: #181818;*/
    /*--cui-success-color: #1cbb54;*/
    /*--cui-secondary-color: #9765ff;*/
    /*--cui-primary-color: #188aff;*/
    /*--cui-info-color: #0ebeff;*/
    /*--cui-warning-color: #ffac67;*/
    /*--cui-danger-color: #ff5c60;*/
}


body {
    font-family: "Raleway", sans-serif;
    font-weight: 450;
    background-color: #fafafa;
    /*background-color: #ffffff;*/
}

.bg-body {
    /*background: linear-gradient(*/
    /*    135deg,*/
    /*    rgba(var(--cui-success-rgb), 0.2),*/
    /*    rgba(var(--cui-primary-rgb), 0.2)*/
    /*);*/
    background: linear-gradient(135deg, #E4FFED, #E2F7FF, #DEEEFF);
}

label.form-label {
    font-weight: 550;
}

.text-sm {
    font-size: 0.875rem;
}
.text-xs {
    font-size: 0.75rem;
}

.btn {
    /*border-radius: 1rem;*/

    /*padding-left: 0.9rem;*/
    /*padding-right: 1rem;*/
}
a, a.nav-link {
    color: #232323;
    text-decoration: none;
}
a.nav-link:hover {
    color: #232323;
    text-decoration: none;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled,
.btn-secondary, .btn-secondary:hover,  .btn-secondary:focus, .btn-secondary:disabled,
.btn-info, .btn-info:hover,  .btn-info:focus, .btn-info:disabled,
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:disabled,
.btn-danger, .btn-danger:hover,  .btn-danger:focus, .btn-danger:disabled,
.btn-warning, .btn-warning:hover,  .btn-warning:focus, .btn-warning:disabled {
    color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.card, .accordion {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.accordion {
    border-radius: 8px;
}
.accordion-button:not(.collapsed) {
    background-color: var(--cui-info);
    color: #fff;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger
{
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-outline-primary:hover, .btn-outline-secondary:hover, .btn-outline-success:hover, .btn-outline-info:hover,
.btn-outline-warning:hover, .btn-outline-danger:hover {
    color: #fff;
}


/* Header rendering style for /:slug/home related views */
.navbar.navbar-home {
    background-color: transparent;
    border-bottom: 0;
    /*box-shadow: none;*/
    margin-bottom: 0.25rem;
}
.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar .nav-link {
    padding-top: 1em;
    padding-bottom: 1em;
}
.navbar .navbar-toggler {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.navbar.navbar-home .nav-link.active {
    /*background-color: #eef2f6;*/
}
#sidebar {
    margin-left: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
#sidebar .nav-link {
    /*border-radius: 1em;*/
    color: #414141;
}
#sidebar .nav-link:not(.active){
    padding-left: calc(var(--cui-nav-link-padding-x) + 5px);
}
#sidebar .nav-link.active {
    border-left: solid var(--cui-success) 5px;
    background: #f9f9f9;
}
#sidebar .nav-link.active i.bi {
    color: var(--cui-success);
}
#sidebar .nav-link:hover {
    background: #f9f9f9;
}

.navbar-light .nav-link {
    padding-left: 1em !important;
    padding-right: 1em !important;
    /*border-radius: 0.5em;*/
    margin-right: 0.1em;
    margin-left: 0.1em;
    color: #414141;
}

.navbar-light .nav-link.active {
    /*background-color: #f0f0f0;*/
    border-bottom: var(--cui-success);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    padding-bottom: calc(1em - 3px);
}
.navbar-light .nav-link.active i.bi {
    color: var(--cui-success);
}
.navbar-light .nav-link:hover {
    background-color: #f9f9f9;
    /*color: #757575;*/
}

/* Show red asterisk for required form labels */
.form-label.required::after {
    content: " *";
    color: #dc3545; /* Bootstrap danger color */
}
.form-control, .form-select {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}


.bg-brand {
    background: linear-gradient(to bottom right, var(--cui-success), var(--cui-primary));
    border: none;
}

.alert {
    /*background-color: #fff;*/
    border: none;
    border-radius: 0;
}
.alert-success {
    border-left: solid var(--cui-success) 5px;
    color: var(--cui-success);
}
.alert-info {
    border-left: solid var(--cui-info) 5px;
    color: var(--cui-info);
}
.alert-danger {
    border-left: solid var(--cui-danger) 5px;
    color: var(--cui-danger);
}
.alert-warning {
    border-left: solid var(--cui-warning) 5px;
    color: var(--cui-warning);
}
.alert-secondary {
    border-left: solid var(--cui-secondary) 5px;
    color: var(--cui-secondary);
}

.stepper-step-button.active .stepper-step-indicator  {
    background-color: var(--cui-success);
    color: #fff;
    border-color: var(--cui-success);
}

.stepper-step-button:not(.active) .stepper-step-indicator {
    border-color: var(--cui-success);
    color: var(--cui-success);
}
.stepper-step-connector {
    background: var(--cui-success);
}