*[class="output-uploading-state"][data-dash-is-loading="true"]{
    visibility: hidden;
}
*[class="output-uploading-state"][data-dash-is-loading="true"]::before{
    content: "Loading...";
    display: inline-block;
    color: DarkGreen;
    visibility: visible;
}

*[class="output-validate-state"][data-dash-is-loading="true"]{
    visibility: hidden;
}
*[class="output-validate-state"][data-dash-is-loading="true"]::before{
    content: "Validating...";
    display: inline-block;
    color: RoyalBlue;
    visibility: visible;
}

.DateRangePickerInput__withBorder {
    border: 0;
}

.DateInput_input, .DateInput_input_1 {
    color: inherit !important;
    text-align: center;
    font-size: inherit ! important;
    Height: 25px !important;
    Width: 100% !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    cursor: pointer;
}

.card {
    text-align: center;
}

.card .card-title {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
}

.card .card-value {
    font-size: 2rem;
    color: DarkBlue;
}

.card .card-target {
    font-size: 1rem;
    font-weight: lighter;
}

.card .down {
    color: red
}

.card .up {
    color: green
}

table#val-table td:nth-of-type(2) {
  width: 150px;
}

table#val-table td:nth-of-type(3) {
  width: 150px;
}

table#val-table td:nth-of-type(4) {
  width: 150px;
}