/* 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: #7cc5cc (124, 197, 204)
        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
*/

html {
    font-size: 15px;
}

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

.text-light-gray {
    color: #bbb;
}

.bg-default {
    background-color: #fbfbfb;
}

.text-default {
    color: #212529;
}

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

.text-primary-light {
    color: #7cc5cc !important;
}

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

.accent-color {
    color: #8caf2a;
}

.border-accent {
    border-color: #8caf2a !important;
}

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

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

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

.font-weight-semibold {
    font-weight: 500 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

/* Badge tooltip info */

i[data-toggle="tooltip"]:not([data-original-title=""]) {
    cursor: help;
}

.help-badge {
    color: #bbb;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    /*margin-left: 5px;*/
}

    .help-badge::before {
        content: "\f05a";
    }

    .help-badge[data-toggle="tooltip"][data-original-title=""], .help-badge[data-toggle="tooltip"]:not([data-original-title]) {
        display: none;
    }

.error-badge {
    color: #dc3545;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    /*margin-left: 5px;*/
}

    .error-badge::before {
        content: "\f071";
    }

    .error-badge[data-toggle="tooltip"][data-original-title=""], .error-badge[data-toggle="tooltip"]:not([data-original-title]) {
        display: none;
    }

/* modal customization */

.modal-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #f0f0f0;
}

    .modal-header .close {
        margin-top: -.5rem;
        margin-bottom: -.5rem;
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

.modal-body.modal-body-max-vh {
    overflow-y: auto;
    max-height: calc(100vh - (2.5rem + 2px + (4.25rem + 1px) + (4.25rem + 3px)));
    min-height: 120px;
}

.modal-body.modal-body-vh {
    overflow-y: scroll;
    height: calc(100vh - (3.5rem + 2px + (4.25rem + 1px) + (4.25rem + 3px)));
    min-height: 120px;
}

.modal-content .modal-loading-overlay {
    position: absolute;
    top: calc(3.25rem + 1px);
    bottom: calc(4.25rem + 3px);
    left: 0;
    right: 0;
    background-color: rgba(250, 250, 250, 0.6);
    z-index: 1030;
}

/* Tabs customization */

.modal-body .nav-tabs {
    padding-top: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1009;
}

    .modal-body .nav-tabs .nav-link.active {
        background-color: #fbfbfb;
        border-bottom: solid 1px #fbfbfb;
        font-weight: 500;
    }

/* table customization */

.table-fixed {
    table-layout: fixed;
}

.table-delta-container {
    position: relative;
}

.table-delta {
    width: 100%;
    margin-bottom: 1rem;
    background-color: #fff;
    border: 0.5px solid #dee2e6;
}

    .table-delta th,
    .table-delta td {
        padding: 0.75rem;
        vertical-align: top;
    }

    .table-delta th {
        background-color: #fff;
        color: #8caf2a;
    }

    .table-delta th {
        border-top: 0 !important;
        border-bottom: 2px solid #dee2e6 !important;
    }

    .table-delta tr:not(:last-child) td {
        border-top: 0 !important;
        border-bottom: 0.5px solid #dee2e6 !important;
    }

    .table-delta-empty-row:only-child {
        display: table-row !important;
    }

.table-borderless {
    border: 0;
    border-collapse: collapse !important;
    margin: 0;
}

.table-delta-sm {
    border: 0;
    border-collapse: collapse !important;
    margin: 0;
}

    .table-delta-sm th {
        padding: 0.5rem;
    }

    .table-delta-sm td {
        padding: 0.5rem;
        height: 37.5px; /*td height works like min-height*/
    }

.clickable-row {
    cursor: pointer;
}

/* main header */

.main-header-delta {
    background-color: #f0f0f0;
    border-bottom: solid 1px #d0d0d0;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 30px;
}

/* nav-bar customization */

.navbar-delta {
    background-color: #f0f0f0;
    border-bottom: solid 1px #d0d0d0;
    padding: 0px;
    min-height: 60px;
    font-size: 16px;
}

    .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,.8);
    }

        .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: #5d9599
    }

@media (min-width: 768px) {
    .navbar-delta .nav-item {
        padding-top: calc((36px - 1rem) / 2);
        padding-bottom: calc((36px - 1rem) / 2);
    }

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

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

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

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

/* Form control sm (keep 16px font to avoid zooming on ios) */

.form-control-sm {
    height: calc(1em + .5rem + 2px);
    font-size: 1rem;
}

/* Control focus shadow customizations */

.custom-file-input:focus, .form-control:focus {
    border-color: #7cc5cc;
    box-shadow: 0 0 0 0.2rem rgba(124, 197, 204, .25);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(124, 197, 204, .5);
}

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

.custom-file-input:focus ~ .custom-file-label {
    border-color: #7cc5cc;
    box-shadow: 0 0 0 0.2rem rgba(124, 197, 204, 0.25);
}

.custom-select:focus {
    border-color: #7cc5cc;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(124, 197, 204, 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: #7cc5cc;
}

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

/* Tooltip customization */

.tooltip.show {
    opacity: 1;
}

.tooltip-header {
    color: #ddd;
    font-size: 80%;
}

.tooltip .tooltip-inner {
    background-color: #8caf2a;
    color: #fff;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #8caf2a !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #8caf2a !important;
}


.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #8caf2a !important;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #8caf2a !important;
}

.tooltip-header {
    color: #ddd;
    font-size: 80%;
}

/* 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(124, 197, 204, 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(124, 197, 204, 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-outline-primary,
.btn-primary,
.btn-outline-secondary,
.btn-secondary,
.btn-outline-success,
.btn-success,
.btn-outline-info,
.btn-info,
.btn-outline-warning,
.btn-warning,
.btn-outline-danger,
.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, .label {
    font-weight: 400 !important;
    color: #8caf2a;
}

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

/* Dropdown customization */

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

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

/* BUG bootstrap? (custom radio appearing weird if the size if not divible by 4!) */
.custom-control-label::before,
.custom-control-label::after {
    width: 16px;
    height: 16px;
}