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

:root {
    --mainUser: #add7c4;
    --managedUser: #ffd14a;
}

.main-user-background {
    background: var(--mainUser);
}
.managed-user-background {
    background: var(--managedUser);
}

.content {
    padding-top: 1.1rem;
}

html, body {
    color: #333;
    height: 100%;
    background-color: #f6f8f8;
}

.rz-tabview a {
    text-decoration: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazored-toast-heading
{
    color: white !important;
    text-transform: none !important;
}

.blazored-toast-info {
    background-color: var(--bs-info) !important;
}
.blazored-toast-success {
    background-color: var(--bs-success) !important;
}
.blazored-toast-warning {
    color: #000 !important;
    background-color: var(--bs-warning) !important;
}
.blazored-toast-error {
    background-color: var(--bs-danger) !important;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: calc(100% - 2.5rem);
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

a.dropdown-item:hover {
    text-decoration: none;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

/* Stuff from Adam */
.screener-card-expired {
    box-shadow: 0 .2rem .8rem rgba(193, 18, 28, .25) !important;
    border-left: solid 8px var(--bs-danger) !important;
}
.screener-card-incomplete {
    box-shadow: 0 .2rem .8rem rgba(255, 193, 7, .25) !important;
    border-left: solid 8px #ffc107 !important;
}
.screener-card-sent {
    box-shadow: 0 .2rem .8rem rgba(49, 123, 175, .25) !important;
    border-left: solid 8px var(--bs-info) !important;
}

/* Radzen chart changes */
.rz-chart .rz-chart-tooltip {
    z-index: 500 !important;
}

.rz-series-data-label {
    fill: black !important;
}

/* Radzen table fixes */
.rz-grid-table-fixed {
    table-layout: auto;
}
.rz-datatable-loading-content {
    z-index: 2;
}

.tr-main-user {
    background-color: #F5F5F5;
}

.rz-grid-table thead th .rz-column-title {
    text-transform: none !important;
    font-size: 14px !important;
}

.grid-button-width {
    width: 45px;
}

.rz-multiselect-trigger {
    display: none;
}

.pointer {
    cursor: pointer
}

.form-check-input:checked {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.form-check-input {
    transform: scale(1.4);
}

.form-switch {
    margin-left: .6rem !important;
}

/* Nav styles */
.nav-link {
    color: white !important;
}

.nav-link:hover {
    text-decoration: none !important;
    color: rgb(229 231 235) !important;
}

.nav-link.active {
    text-decoration: underline;
}

.nav-link.active:hover {
    text-decoration: underline !important;
}

.navbar-brand {
    color: white !important;
}

.navbar-brand:hover {
    color: rgb(229 231 235) !important;
}

.user-group {
    color: rgb(209 213 219) !important;
}

.underline-none {
    text-decoration: none !important;
}

.home-banner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
}

.btn-secondary {
    color: #fff;
    background-color: #385f71;
    border-color: #385f71;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #305160;
    border-color: #2d4c5a;
}

.footer-background {
    background-color: #385f71;
}

.remove-padding {
    margin-top: -1.1rem !important;
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

.sticky-sub-nav {
    position: sticky;
    top: -20px;
    z-index: 5;
}

.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: var(--bs-primary) !important;
}