/* 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
*/
.ui-widget.ui-datepicker {
    z-index: 9999 !important;
}

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer;
}

/* 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;
    }

.tooltip .tooltip-inner {
    max-width: 300px;
}

/* 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 */

.nav-tabs .nav-link {
    color: #212529;
}

    .nav-tabs .nav-link.dropdown-toggle {
        background-color: transparent !important;
    }

.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-delta-container {
    position: relative;
}

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

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

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

.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 */

.dropdown-menu {
    z-index:1021;
}

.navbar-delta {
    background-color: #a1d5da;
    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: #5d9599
    }

@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
    }
}

/* Container */
.container-delta {
    margin-top: 20px;
    word-break: break-word;
}

/* Sidebar */
.sidebar {
    background: #f0f0f0;
    border-right: solid 1px #a0a0a0;
    margin-right: 10px;
    width: 200px;
    min-height: calc(100vh - 61px);
}

.sidebar-inner {
    margin: 1rem;
}

.sidebar-title {
    font-weight: 500;
    font-size: small;
    padding-top: 8px;
}

.sidebar-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: small;
    margin: 8px 0px 8px 15px;
    line-height: 1.1em;
}

.sidebar-menu-selected a, .sidebar-menu-selected a:hover {
    text-decoration: none;
    color: #007885;
}

.sidebar-menu-caret {
    font-size: 1rem;
    color: #a0a0a0;
    text-align: right;
    margin-right: -1rem;
    margin-top: -0.9rem;
    margin-bottom: -1rem;
}

/* 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);
}

/* 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;
}

/* Toast customization */
.toast.fade {
    transition: opacity 0.5s linear !important;
}

/* 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: #7cc5cc;
}

/* Dropdown customization */

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

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

/* Filter popovers */

.popover.delta-filter-popover {
    background-color: #fbfbfb;
    max-width: 330px;
    z-index: 1020;
}

    .popover.delta-filter-popover .arrow:after {
        border-bottom-color: #f0f0f0;
    }

    .popover.delta-filter-popover .popover-header {
        background-color: #f0f0f0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .popover.delta-filter-popover .popover-body {
        padding: 10px;
    }

/* 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;
}

/* Mozilla only : disable default browser table cell style */
td {
    -moz-user-select: none;
}

    td * {
        -moz-user-select: auto;
    }