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

:root {
    --brand-color-1: #0c9548;
    --brand-color-2: #223369;
    --brand-color-2-light: #223369DD;
    --brand-color-3: #f0f2fa;
    --brand-color-4: #0e6938;
    --brand-color-5: #3193c6;
    --primary: var(--brand-color-1);
    --secondary: var(--brand-color-2);
    --lock-color: var(--brand-color-1);
    --sidebar-width: 225px;
    --topbar-height: 56px;
    /*    --special-highlight: #fe9f0055;*/
    /*    --special-highlight-solid: #fe9f00;*/
    --special-highlight: #0c954855;
    --special-highlight-solid: #0c9548;
}

.btn-primary {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--brand-color-4);
}

    .btn-primary.disabled, .btn-primary:disabled {
        color: var(--light);
        background-color: var(--primary);
        border-color: var(--brand-color-4);
    }

.btn-secondary {
    color: var(--light);
    background-color: var(--secondary);
    border-color: #1861ac;
}

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: var(--light);
        background-color: var(--secondary);
        border-color: #1861ac;
    }

html, body {
        font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    }

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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;
    }

body {
    background-color: var(--light);
}

.alert-count-container {
    min-height: 50px;
    min-width: 50px;
    border-color: var(--primary);
    border-radius: 10%;
    border-style: solid;
    border-width: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

    .alert-count-container.warning {
        border-color: var(--warning);
    }

    .alert-count-container.danger {
        border-color: var(--danger);
    }

.alert-count {
    color: var(--primary);
}

.alert-count-container.warning .alert-count {
    color: var(--warning);
}

.alert-count-container.danger .alert-count {
    color: var(--danger);
}

.btn-xs {
    padding: 3px 6px;
}

.mp-locked-text-color {
    color: var(--lock-color);
}


@media (max-width: 798.98px) {

    h1 {
        font-size: 1.68rem;
    }
}