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


:root {
    --mdc-theme-primary: #eee;
    --mdc-theme-secondary: green;
    --mdc-theme-background: #080708;
    --mdc-theme-surface: #2C2B33;
    --mdc-theme-error: teal;
    --mdc-theme-on-primary: #000;
    --mdc-theme-on-secondary: pink;
    --mdc-theme-on-surface: #69696b;
    --mdc-theme-on-error: gray;
    --mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.8);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"]) ~ .mdc-checkbox__background {
    background-color: #47403d;
    border-color: #837672;
    border-width:1px;
}

.mdc-tab .mdc-tab__text-label {
    color: var(--mdc-theme-text-secondary-on-dark);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0,0,0,.8);
}

.mdc-text-field .mdc-text-field__input {
    caret-color: rgba(0,0,0,.8);
}

.mdc-table th {
    color: var(--mdc-theme-text-secondary-on-dark);
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: var(--mdc-theme-text-secondary-on-dark);
}

.mdc-dialog .mdc-dialog__title {
    color: var(--mdc-theme-text-secondary-on-dark);
}

.mdc-dialog .mdc-dialog__content {
    color: var(--mdc-theme-text-secondary-on-dark);
}

#blazor-error-ui {
    color: #4a0707;
    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;
    }

#startButton, #resetButton, #closeButton {
    display: none;
}

.mat-toast-container > div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.mdc-dialog--open .mdc-dialog__scrim{
    backdrop-filter:blur(2px);
}
.mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(0, 0, 0, 0.8);
}
#zxingResultContainer{
    display:none;
}

.updatePrompt {
    text-align: center;
    border-top: .0625rem solid #44415a;
    border-bottom: .0625rem solid #44415a;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #e3e03b;
    cursor: pointer;
    transition:all 0.2s ease;
}
.updatePrompt:hover {
    background-color: rgba(227,224,59,.10);
}

.pulse {
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes pulsate {
    0% {
        /*background-color: rgb(160 1 161);*/
        outline:5px #e4e03b solid;
        
    }
    50% {
        /*background-color: #2a2931;*/
        outline: 5px transparent solid;

    }
    100% {
        /*background-color: rgb(160 1 161);*/
        outline: 5px #e4e03b solid;
    }
}

.no-connection {
    background-color: #8e1212;
    padding: 50px;
    border-radius: 4px;
    position: fixed;
    top: 10px;
    width: calc(100vw - 220px);
    left: 210px;
    z-index: 9999;
}