/* Styles for validation helpers
-----------------------------------------------------------*/
.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.CheckedHighlight {
    background-color: lightyellow;
}

.table-striped > tbody > tr:nth-child(odd).CheckedHighlight > td {
    background-color: lightyellow;
}

.groupBackground > td {
    background-color: #f1f8e9 !important;
}

.clientBackground > td {
    background-color: #f9fbe7 !important;
}

input.error, input.input-validation-error, textarea.error, textarea.input-validation-error {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

    input.error:focus, input.input-validation-error:focus, textarea.error:focus, textarea.input-validation-error:focus {
        border: 1px solid #77ab13 !important;
        background-color: #fff;
    }

input.valid:focus, input.input-validation-valid:focus, textarea.valid:focus, textarea.input-validation-valid:focus {
    border: 1px solid #77ab13 !important;
    background-color: #fff;
}

label {
    display: inline-block;
}

    label.error {
        color: #8a1f11;
        margin-left: 1em;
    }

    label.valid {
        color: #77ab13;
        margin-left: 1em;
    }

.field-validation-error {
    color: #8a1f11;
    margin-left: 1em;
    font-weight: bold;
}

.dtbuttonsright {
    position: relative;
    float: right;
    margin: 8px 0 0 4px;
}

.daterangepicker .ranges .range_inputs > div {
    float: left;
    width: 100%;
}

.daterangepicker .ranges input {
    font-size: 11px;
    margin: 0 0 4px 4px;
}

.uptime .progress {
    height: 14px;
}

    .uptime .progress .bar {
        height: 14px;
        line-height: 12px;
        font-size: 10px;
    }

.iti-flag {
    background-image: url("~/img/flags.png");
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
    height:28px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("~/img/flags@2x.png");
    }
}

svg > g:last-child > g:last-child :not("ngx-charts-bar-vertical") { pointer-events: none }