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

/*@font-face {
    font-family: 'gotham_roundedlight';
    src: url('gothamrounded-light-webfont.woff2') format('woff2'), 
        url('gothamrounded-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueltstd';
    src: url('helveticaneueltstd-ex.otf') format('opentype');Arial,sans-serif,
}*/

/*html, body {
    font-family:   Helvetica;
}*/
/*
a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/
.codeInput {
    padding: 0px 3px !important;
    font-size: xx-small; 
}
.bg-normal-presence {
    background-color: #13662B !important;
}
.bg-normal-presence-other-overide {
    background-color: #ddd !important;
}
.bg-active-codes {
    background-color: dodgerblue !important;
}
.bg-wrong-code{
    background-color:red!important
}
.switch-wrapper {
    display: inline-block;
    position: relative;
    top: 3px;
}

#sidebar-nav.active {
    width: 61px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.content {
    padding-top: 1.1rem;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}


.bg- {
    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;
}

.nav-item a.active::after {
    content: "*";
    margin-left: 0.1em;
}

#components-reconnect-modal {
    display: flex !important;
    opacity: 1 !important;
    background-color: rgb(255 255 255 / 80%) !important;
}

    #components-reconnect-modal::before {
        content: '';
        width: 320px;
        height: 65px;
        background: #BDCBFF;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }

    #components-reconnect-modal h5 {
        margin-top: 50px !important;
        padding: .75rem 1.25rem;
        width: 320px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1050;
        color: #003494;
        background-color: #BDCBFF;
        box-shadow: 0px 10px 10px 0px hsl(0deg 0% 0% / 20%);
    }

    #components-reconnect-modal div {
        border-color: rgb(0 52 148) rgb(89 127 222) rgb(161 180 235) !important;
        margin: auto;
        z-index: 1050;
    }

    #components-reconnect-modal h5 a {
        color: #092464 !important;
    }

    #components-reconnect-modal button {
        color: #515151;
        padding: 4px 8px;
        font-size: .875rem;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
        font-weight: 500;
        line-height: 1;
        letter-spacing: .02857em;
        text-transform: uppercase;
        margin: auto !important;
        background: rgb(46 121 232 / 78%);
        z-index: 1500;
        border: 0;
        border-radius:5px;
        color:white
    }