@import '_content/DNI.Blazor.Controls/DNI.Blazor.Controls.bundle.scp.css';

/* /Pages/Components/DropdownListComponent.razor.rz.scp.css */
.form-control:disabled[b-rjhfrl4y4q], .form-control[readonly][b-rjhfrl4y4q] {
    background-color: white !important;
    color: black !important;
}
/* /Pages/Index.razor.rz.scp.css */
/* General Stylings */

.text-feide[b-jwl47g5lo6] { color: #1F4698; }

.text-primary-dni[b-jwl47g5lo6] { color: #FF7600; }

.border-width-2[b-jwl47g5lo6] { border-width: 2px; }

.cstm-lh[b-jwl47g5lo6] { line-height: 1.3; }

.fs-icon[b-jwl47g5lo6] { font-size: x-large; }

/********** Left Side Panel **************/

/* Horizontal line with logo */

.w-91[b-jwl47g5lo6] { width: 91%; }

/* Instructions */

.fs-instructions[b-jwl47g5lo6] { font-size: medium; }

.fs-arrow[b-jwl47g5lo6] { font-size: large; }

.cstm-icon-align[b-jwl47g5lo6] {
    position: relative;
    top: 1px;
}

/* Footer */

.dni-link:hover[b-jwl47g5lo6] { color: #1F4698; }

/********** Right Side Panel **************/

/* QR code section */

.qr-code-img[b-jwl47g5lo6] { width: 230px; }

.cstm-primary-100[b-jwl47g5lo6] {
    background-color: #FAEEE3;
    color: #FF7600;
}

.cstm-regenerate-btn:hover[b-jwl47g5lo6] {
    background-color: #FF7600;
    color: white;
}

.pe-none[b-jwl47g5lo6] { cursor: default !important; }

/* Copy code section */

.cstm-copy-btn[b-jwl47g5lo6] {
    background-color: #EAEDF3 !important;
    color: #1F4698 !important;
}

.cstm-copy-btn:hover[b-jwl47g5lo6] {
    background-color: #1F4698 !important;
    color: white !important;
}

.cstm-copy-code[b-jwl47g5lo6] { border: 2px solid #1F4698 !important; }

.fs-label[b-jwl47g5lo6] { font-size: large; }

.pt-cstm[b-jwl47g5lo6] { padding-top: 0.2rem; }

.cstm-pos-invalid[b-jwl47g5lo6] {
    position: relative;
    top: 4px;
}

/* Information Section */

.fs-info[b-jwl47g5lo6] { font-size: x-large; }

.fs-20[b-jwl47g5lo6] { font-size: 20px; }

/* Not authenticated user box */

.qr-code-not-authenticated-box[b-jwl47g5lo6] {
    background-color: #EDEDED;
    border-radius: 5px;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}

/* Loading qr code skeleton box */

.qr-code-loader-box[b-jwl47g5lo6] {
    background-color: #FAEEE3;
    border-radius: 5px;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}

.qr-code-loader-box[b-jwl47g5lo6]::before {
    animation: loading-b-jwl47g5lo6 1.5s infinite linear;
    background: linear-gradient(to right, transparent 0%, #fae8d7 50%, transparent 100%);
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 200%;
}

@keyframes loading-b-jwl47g5lo6 {
    0% { transform: translateX(-100%); }

    50% { transform: translateX(0); }

    100% { transform: translateX(100%); }
}


/* Media query for responsiveness */

@media (max-width: 1659px) {
    .administrator-badge[b-jwl47g5lo6] { margin-top: 15px; }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7izgy49xjl] { background-color: rgba(255, 255, 255, 0.1); }

.top-row[b-7izgy49xjl] {
    background-color: rgba(0, 0, 0, 0.4);
    height: 3.5rem;
}

.navbar-brand[b-7izgy49xjl] { font-size: 1.1rem; }

.oi[b-7izgy49xjl] {
    font-size: 1.1rem;
    top: -2px;
    vertical-align: text-top;
    width: 2rem;
}

.nav-item[b-7izgy49xjl] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-7izgy49xjl] { padding-top: 1rem; }

.nav-item:last-of-type[b-7izgy49xjl] { padding-bottom: 1rem; }

.nav-item[b-7izgy49xjl]  a {
    align-items: center;
    border-radius: 4px;
    color: #d7d7d7;
    display: flex;
    height: 3rem;
    line-height: 3rem;
}

.nav-item[b-7izgy49xjl]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item[b-7izgy49xjl]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-7izgy49xjl] { display: none; }

    .collapse[b-7izgy49xjl] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-7izgy49xjl] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}


.h-brand[b-7izgy49xjl] { height: 1.65rem !important; }

.dropdown-custom[b-7izgy49xjl] {
    box-shadow: 0 0.15rem 0.5rem rgba(0, 0, 0, .1);
    min-width: 10.2rem;
}

.icon-switch-pos-top[b-7izgy49xjl] { top: -1px; }