/*#region Defaults */
html {
    font-size: 14px;
    background-color: #E6E8ED;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #E6E8ED;
}
/*#endregion*/

/*#region Header/Footer CSS */
.navbar {
    background-color: #1E376C;
}

.navbar-brand {
    color: white;
}

    .navbar-brand:hover,
    .navbar-brand:active {
        color: white;
        opacity: 100%;
    }

.navbar-text {
    color: white;
}


a.nav-link {
    color: white;
    opacity: 80%;
}

    a.nav-link:hover,
    a.nav-link:active {
        color: white;
        opacity: 100%;
    }

.nav-link.currentNav {
    font-weight: 500;
    color: white;
    opacity: 100%;
}


.footer {
    background-color: #1E376C;
    color: white;
}
/*#endregion*/

/*#region Kendo Grid CSS */

/* used for dropdown in grid toolbar */
/*.k-grid-toolbar, .k-toolbar {
    overflow-x: visible !important;
    overflow-y: visible !important;
}*/

.kendo-primary {
    color: #1E676B;
}

    .kendo-primary:hover {
        color: #76BCC0;
    }

    .kendo-primary:active {
        color: #1D3F41;
    }

.kendo-danger {
    color: #B3171F;
}

button .kendo-danger:hover {
    color: #EF1F29;
}

button .kendo-danger:active {
    color: #670D12;
}

.k-command-cell button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
/*#endregion*/

/*#region File Zone CSS*/
.file-zone {
    height: 200px;
    background-color: whitesmoke;
    outline: 2px dashed gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .file-zone.is-dragover {
        background-color: white;
    }

    .file-zone > label:hover {
        cursor: pointer;
    }

.file-card {
    height: 200px;
    background-color: whitesmoke;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*#endregion*/



.btn-bcc-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #1E676B;
    --bs-btn-border-color: #1E676B;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #1D3F41;
    --bs-btn-hover-border-color: #1D3F41;
    --bs-btn-focus-shadow-rgb: #1E676B;
    --bs-btn-active-color: #1D3F41;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #1D3F41;
}

.nostyle-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: none;
}