.dash-bg-baby-blue {
    background-color: #6495ed !important;
    color: #fff;
}

.dash-bg-baby-pink {
    background-color: #ff1493 !important;
    color: #fff;
}

.dash-bg-blue {
    background-color: #0066cc !important;
    color: #fff;
}

.dash-bg-green {
    background-color: #065535 !important;
    color: #fff;
}

.dash-bg-purple {
    background-color: #2d0043 !important;
    color: #fff;
}

.dash-bg-red {
    background-color: #ff5b57 !important;
    color: #fff;
}

.dash-bg-pink {
    background-color: #b94f74 !important;
    color: #fff;
}

.dash-bg-turquoise {
    background-color: #008080 !important;
    color: #fff;
}

.dash-bg-yellow {
    background-color: #ffd700 !important;
    color: #8d6708;
}

.dash-bg-orange {
    background-color: #ff6f61 !important;
    color: #fff;
}

.nav-tabs-left > .nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: unset !important;
}

    .nav-tabs-left > .nav-tabs .nav-link {
        border-right: 1px solid #ddd !important;
    }

        .nav-tabs-left > .nav-tabs .nav-link.active, .nav-tabs-left > .nav-tabs .nav-item.show .nav-link {
            border-color: #dee2e6 #fff #dee2e6 #dee2e6 !important;
        }

        .nav-tabs-left > .nav-tabs .nav-link:hover, .nav-tabs-left > .nav-tabs .nav-link:focus {
            border-color: rgba(0, 0, 0, 0.07) transparent rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) !important;
            /*background-color: #868e96;
            color: #fff !important;*/
        }

.reports-grid {
    border-style: dashed;
    border-width: 2px;
    border-color: black;
}

.scroll-panel-body > div.panel-container {
    overflow: auto;
}

.scroll-table {
    overflow: auto;
}

table td.numerical, th.numerical {
    text-align: right;
}

.thick-border-left {
    border-left: 2px solid black;
}

.totals-cell {
    border-top: solid thin;
    border-bottom: double;
}

.two-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.value-red {
    background-color: #FFC7CE
}

.value-yellow {
    background-color: #FFEB9C
}

.value-green {
    background-color: #C6EFCE
}

.wizard .content {
    min-height: 100px;
}

    .wizard .content > .body {
        width: 100%;
        height: auto;
        padding: 15px;
        position: absolute;
    }

    .wizard .content .body.current {
        position: relative;
    }

.wizard > .content > .body ul.dropdown-menu > li {
    display: inherit !important;
}

/* jQuery UI DatePicker */
/* Based on: https://gist.github.com/miwahall/7028640 */

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

    .ui-datepicker a,
    .ui-datepicker a:hover {
        text-decoration: none;
    }

        .ui-datepicker a:hover,
        .ui-datepicker td:hover a {
            color: #2A6496;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

    .ui-datepicker .ui-datepicker-header {
        margin-bottom: 4px;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        cursor: pointer;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
    }

    .ui-datepicker .ui-datepicker-prev {
        float: left;
        text-align: left;
    }

    .ui-datepicker .ui-datepicker-next {
        float: right;
        text-align: right;
    }

    .ui-datepicker .ui-icon {
        display: none;
    }

    .ui-datepicker .ui-datepicker-calendar {
        table-layout: fixed;
        width: 100%;
    }

        .ui-datepicker .ui-datepicker-calendar th,
        .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
            padding: 4px 0;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            border-radius: 4px;
            -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        }

            .ui-datepicker .ui-datepicker-calendar td:hover {
                background-color: #eee;
                cursor: pointer;
            }

            .ui-datepicker .ui-datepicker-calendar td a {
                text-decoration: none;
            }

    .ui-datepicker .ui-datepicker-current-day {
        background-color: #4289cc;
    }

        .ui-datepicker .ui-datepicker-current-day a {
            color: #fff
        }


    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable {
        background-color: #eff0f1;
        cursor: default;
    }

        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
            background-color: #eff0f1;
            cursor: default;
        }

.ui-datepicker-prev span {
    display: none;
}

.ui-datepicker-prev:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: '\f060';
}

.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-next:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: '\f061';
}

/* Fix stacked icons for menu */
.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > [class="fa-stack"] {
    font-size: 1em;
}
/* END: Fix stacked icons for menu */

.visible-icon-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    .visible-icon-checkbox + label:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-size: 1.2em;
        content: "\f06e";
        color: green;
        letter-spacing: 10px;
        cursor: pointer;
    }

    .visible-icon-checkbox:checked + label:before {
        content: "\f070";
        color: red;
        letter-spacing: 10px;
    }