.wt-report-section {
    width: 100%;
    box-shadow: 1px 1px 1px 1px #858585;
    margin-top: 10px;
    border-radius: 4px;
    padding: 15px;
}

.wt-report-row {
    display: flex;
}

.wt-report-column-half {
    flex: 50%;
}

.wt-align-right {
    text-align: right;
}

.wt-title {
    font-weight: bold;
}

.wt-department {
    color: #639FFE;
    font-weight: bold;
}

.wt-button {
    padding: 5px 10px;
    margin-left: 5px;
    font-weight: bold;
}

.wt-date-filter,
.wt-date-department-filter {
    background-color: #E4EEFF;
    color: #639FFE;
}

.wt-department-filter-select,
.wt-department-filter-select:focus {
    background-color: #ffdddd;
    color: #c53a3a;
    max-width: 250px;
}

.wt-department-filter-select option {
    background-color: #ffffff;
    color: #000000;
}

.wt-loading-button {
    opacity: 0.5;
}

.canvasjs-chart-credit {
    display: none !important;
}

.wt-report-column {
    flex: 1;
    text-align: center;
}

.wt-margin-bottom-10 {
    margin-bottom: 10px;
}

@media only screen and (max-width: 429px) {
    body {
        background-color: lightblue;
    }

    .wt-department-filter-select,
    .wt-date-filter,
    .wt-date-department-filter{
        font-size: 11px;
        padding: 5px;
        height: 32px;
    }

}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    float: left;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    padding: 0;
}

.daterangepicker .calendar-table th {
    border: none !important;
}

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

.wt-disable {
    opacity: 0.5;
}