@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('theme-colors.css');
@import url('app.css');

body.dark-mode {
    background-color: var(--darkThemeDefaultBackgroundColor);
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .color-lightgray {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .color-accent {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .color-dark {
    color: var(--darkTextColor);
}

body.dark-mode a,
body.dark-mode .btn-link {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .page .card {
    background-color: var(--darkThemeDefaultBackgroundColor);
    border-color: var(--darkThemeDefaultBorderColor);
}

body.dark-mode .res-container .card-title {
    color: var(--darkThemeDefaultTextColor);
}
body.dark-mode .card-title {
    color: var(--darkThemeDefaultTextColor);
}
body.dark-mode .card-footer p {
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .res-container .card p.fw-bold {
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: var(--darkThemeDefaultBorderColor);
}

body.dark-mode .page .content h6:first-child {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .profile-page-logged-in-user-text {
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .btn-underline {
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .btn-outline-danger {
    box-shadow: 0 1px 1px var(--darkThemeDefaultTextColor);
    border-color: var(--darkThemeDefaultTextColor);
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .btn-outline-danger.disabled,
body.dark-mode .btn-outline-danger:disabled {
    color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .btn-outline-danger:hover {
    color: var(--darkThemeDefaultBackgroundColor) !important;
    background-color: var(--darkThemeDefaultTextColor);
    border-color: var(--darkThemeDefaultTextColor);
}

body.dark-mode .text-success {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .card .text-danger {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .input-field input {
    border-bottom: 1.5px solid gray;
}

body.dark-mode .input-field input.valid {
    border-bottom: 1.5px solid #26b050;
}

body.dark-mode .input-field input.invalid {
    border-bottom: 1.5px solid red;
}

body.dark-mode .input-field label {
    color: #898989;
}

body.dark-mode .input-field input:focus + label,
body.dark-mode .input-field input:not(:placeholder-shown) + label {
    color: #898989;
}

body.dark-mode .navbar-before-login a {
    background-image: url(/assets/brand/header-logo-small-dark-theme.svg);
}

body.dark-mode a.navbar-brand {
    background-image: url(/assets/brand/header-logo-small-dark-theme.svg);
}

@media (max-width: 640.98px) {
    body.dark-mode .bottom-row {
        background-color: var(--darkThemeDefaultBackgroundColor);
    }
}

@media (min-width: 641px) {
    body.dark-mode .menu {
        background-image: none;
    }
}
body.dark-mode .top-row {
    background-image: none;
}

body.dark-mode .res-container button.btn {
    border-color: var(--darkThemeDefaultBorderColor);
}

body.dark-mode .res-container button.btn span {
    color: var(--darkThemeDefaultTextColor) !important;
}

body.dark-mode .btn-outline-success:hover {
    background-color: var(--darkThemeDefaultTextColor);
    color: var(--darkThemeDefaultBackgroundColor) !important;
}

body.dark-mode .res-container .btn-outline-success:hover span {
    color: var(--darkThemeDefaultBackgroundColor) !important;
}

body.dark-mode .btn.icon-checkmark {
    background-image: url(/assets/icons/icon_checkmark_white.svg);
}

body.dark-mode .btn.icon-pencil {
    background-image: url(/assets/icons/icon_pencil_white.svg);
}

body.dark-mode .btn.icon-share {
    background-image: url(/assets/icons/icon-share-white.svg);
}

body.dark-mode .btn.icon-arrow-large-left {
    background-image: url(/assets/icons/arrow_large_left_white.svg);
    color: var(--darkThemeDefaultTextColor);
}

.dark-mode input[type="date"] {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #000000;
}

.dark-mode input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(/assets/icons/icon_agenda_1_white.svg) no-repeat;
}

.dark-mode input[type="date"]::-webkit-date-and-time-value {
    background: url(/assets/icons/icon_agenda_1_white.svg) no-repeat;
    background-position: right;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0px;
    text-align: center;
    width: 100%;
    margin-right: 4px;
}