/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

/*
    Used colors
        Primary color dark: #00545b
        Primary color: #007885
        Primary color light: #a1d5da (161, 213, 218)
        Anchor color: #009ead
        Disabled menus color on the primary color light background: #5d9599
        Background color of the collapsed menu: #eee
        Disabled menus color on the collapsed menu: #bbb
*/

.modal-content,
body {
    background-color: #fcfcfc;
    min-width: 320px;
}

.primary-color {
    color: #007885;
}

.border-primary {
    border-color: #007885 !important;
}

.anchor-color {
    color: #009ead;
}

a {
    color: #009ead;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #007885;
        text-decoration: underline;
    }

    a.anchor {
        display: block;
        position: relative;
        top: -75px;
        visibility: hidden;
    }

/* modal-full-screen */

.modal-full-screen .modal-dialog {
    width: 100vw;
    height: 100vh;
    max-width: none;
    margin: 0;
    padding: 0;
}

.modal-full-screen .modal-content {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
}

    .modal-full-screen .modal-content .modal-header {
        padding: 0;
    }

    .modal-full-screen .modal-content .modal-body {
        padding: 0;
    }

    .modal-full-screen .modal-content .modal-footer {
        justify-content: center;
    }

/* table customization */

.table-delta {
    background-color: white;
    border: 1px solid #dee2e6;
}

    .table-delta th {
        color: #007885;
    }

.table-light-delta {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
    background-color: white;
}

    .table-light-delta th {
        color: #007885;
    }

    .table-light-delta th,
    .table-light-delta td {
        padding: 0.4rem;
        border: 0px;
    }

    .table-light-delta tbody tr:last-child {
        border-bottom: 0px !important;
    }

    .table-light-delta thead tr,
    .table-light-delta tbody tr:not(:last-child) {
        border-bottom: 1px solid #dee2e6 !important;
    }

.clickable-row {
    cursor: pointer;
}

/* nav-bar customization */

.navbar-delta {
    background-color: #fff;
    border-bottom: 1px solid #007885;
    padding: 0px;
    min-height: 60px;
}

    .navbar-delta .logo {
        width: 45px;
    }

        .navbar-delta .logo img {
            width: 40px;
            height: 40px;
        }

    .navbar-delta .nav-item.active .nav-link:hover,
    .navbar-delta .nav-item.active .nav-link {
        color: #fff;
    }

    .navbar-delta .nav-item .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.7);
    }

        .navbar-delta .nav-item .nav-link:hover {
            color: rgba(0,0,0,1);
        }

    .navbar-delta .nav-item.disabled .nav-link,
    .navbar-delta .nav-item.disabled .nav-link:hover {
        cursor: not-allowed;
        color: #999
    }

@media (min-width: 768px) {
    .navbar-delta .nav-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .navbar-delta .nav-item.active {
            background: #007885;
        }
}

@media (max-width: 767px) {
    .navbar-delta .navbar-collapse.show,
    .navbar-delta .navbar-collapse.collapsing {
        border-top: 1px solid #007885;
        background: #eee
    }

    .navbar-delta .nav-item.active .nav-link:hover,
    .navbar-delta .nav-item.active .nav-link {
        font-weight: bold;
        color: #007885;
    }

    .navbar-delta .nav-item.disabled .nav-link,
    .navbar-delta .nav-item.disabled .nav-link:hover {
        cursor: not-allowed;
        color: #bbb
    }
}

/* Control focus shadow customizations */

.custom-file-input:focus,
.form-control:focus {
    border-color: #a1d5da;
    box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, .25);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, .5);
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto #007885;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #a1d5da;
    box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, 0.25);
}

.custom-select:focus {
    border-color: #a1d5da;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, 0.25);
}

/* Checkbox customization */

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007885;
    background-color: #007885;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 120, 133, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 120, 133, 0.5);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007885;
    background-color: #007885;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 120, 133, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #a1d5da;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #a1d5da;
    border-color: #a1d5da;
}

/* Progress customization */

.progress-bar {
    background-color: #007885;
}

/* Buttons customization */

.btn-primary {
    color: #fff;
    background-color: #007885;
    border-color: #007885;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #00545b;
        border-color: #00545b;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007885;
        border-color: #007885;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #00545b;
        border-color: #007885;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(161, 213, 218, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #aaa;
        border-color: #aaa;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #bbb;
        border-color: #bbb;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #aaa;
        border-color: #aaa;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5);
        }

.btn-outline-primary {
    color: #007885;
    border-color: #007885;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007885;
        border-color: #007885;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 120, 133, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007885;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007885;
        border-color: #007885;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 120, 133, 0.5);
        }

.btn-link {
    font-weight: 400;
    color: #009ead;
    text-decoration: none;
}

    .btn-link:hover {
        color: #007885;
        text-decoration: underline;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        box-shadow: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn {
    white-space: normal;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    min-width: 100px;
}

/* Alert customization */
.alert-light {
    color: #818182;
    background-color: rgba(0, 0, 0, 0.03);
    border-color: #fdfdfe;
}

/* Label customization */

.label {
    font-weight: 400 !important;
    color: #888;
}

/* Pills customization */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #212529;
    background-color: #a1d5da;
}

/* Dropdown customization */

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007885;
}

.dropdown-header {
    display: block;
    padding: 0.3rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.8rem;
    font-style: italic;
    white-space: nowrap;
}

/* File input customization */
.custom-file-input {
    cursor: pointer;
}

.custom-file-label {
    overflow: hidden;
}

/* Small placeholders */

.small-placeholder::-webkit-input-placeholder {
    font-size: 0.875rem;
    font-style: italic;
    color: #6c757d;
    opacity: 1;
}

.small-placeholder::-moz-placeholder {
    font-size: 0.875rem;
    font-style: italic;
    color: #6c757d;
    opacity: 1;
}

.small-placeholder:-ms-input-placeholder {
    font-size: 0.875rem;
    font-style: italic;
    color: #6c757d;
    opacity: 1;
}

.small-placeholder::-ms-input-placeholder {
    font-size: 0.875rem;
    font-style: italic;
    color: #6c757d;
    opacity: 1;
}

.small-placeholder::placeholder {
    font-size: 0.875rem;
    font-style: italic;
    color: #6c757d;
    opacity: 1;
}

/* BUG bootstrap? (-> Seems to be corrected in bootstrap 4.5) */

.list-group-flush > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}