/* Minification failed. Returning unminified contents.
(120,49): run-time error CSS1030: Expected identifier, found ':'
(120,73): run-time error CSS1031: Expected selector, found ')'
(120,73): run-time error CSS1025: Expected comma or open brace, found ')'
(130,49): run-time error CSS1030: Expected identifier, found ':'
(130,73): run-time error CSS1031: Expected selector, found ')'
(130,73): run-time error CSS1025: Expected comma or open brace, found ')'
(135,120): run-time error CSS1030: Expected identifier, found ':'
(135,121): run-time error CSS1030: Expected identifier, found 'checked'
(135,144): run-time error CSS1031: Expected selector, found ')'
(135,144): run-time error CSS1025: Expected comma or open brace, found ')'
(147,124): run-time error CSS1030: Expected identifier, found ':'
(147,125): run-time error CSS1030: Expected identifier, found 'checked'
(147,148): run-time error CSS1031: Expected selector, found ')'
(147,148): run-time error CSS1025: Expected comma or open brace, found ')'
(154,78): run-time error CSS1030: Expected identifier, found ':'
(154,87): run-time error CSS1031: Expected selector, found ')'
(154,87): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.floating-labels .field-show-floating-label .field-label {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    z-index: 3;
}

    .floating-labels .field-show-floating-label .field-label.required {
        background: transparent url(../../images/icons/required.png) no-repeat right;
        color: #b94a48;
        padding-right: 13px;
    }

.floating-labels .field-show-floating-label .field-input {
    padding-top: 1.5em;
    padding-bottom: 0.35714em;
}

.floating-labels .field-label,
.floating-labels .field-input {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.floating-labels .field {
    width: 100%;
    float: left;
    padding: 0.42857em 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-labels .field-input-wrapper {
    position: relative;
}

    .floating-labels .field-input-wrapper.field-border {
        border-color: #d9d9d9;
        border-width: 1px;
        border-style: solid;
        border-radius: 5px;
    }

    .floating-labels .field-input-wrapper.readonly {
        background-color: #eeeeee;
    }

.floating-labels .field-label {
    font-size: 0.88em;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: auto;
    margin-top: 0.42857em;
    margin-left: 1px;
    padding: 0 0.91667em;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    color: #737373;
    display: block;
    text-align: left;
    margin: 0.5em 0;
    overflow: hidden;
    max-width: calc(100% - 7px);
}

.floating-labels .field-input {
    background-color: white;
    color: #333333;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    background-clip: padding-box;
    border-radius: 5px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.92857em 0.78571em;
    word-break: normal;
    line-height: inherit;
}

    .floating-labels .field-input[disabled],
    .floating-labels .field-input[readonly],
    .floating-labels .field-input.readonly,
    .floating-labels .field-time.readonly,
    .floating-labels .field-date.readonly {
        background-color: #eee;
    }

    .floating-labels .field-input.required::placeholder {
        color: #b94a48;
    }

/* ===== Dropdown placeholder->float (label-as-placeholder) =====
   A <select> has no native placeholder, so an empty .field-select shows its own
   label in the placeholder position and floats it up on selection (core.ui.js
   initFloatingLabels toggles field-show-floating-label). The required.png marker
   sits right after the label text, same as the floated state.

   Both states also test the selection directly via :has(option:checked), not just
   the JS class. A dropdown populated by AJAX after initFloatingLabels has run gets
   its value through jQuery .val(), which fires no change event, so the class never
   lands and the label would otherwise sit on top of the selected text. Placeholder
   options are always value="", so option:checked:not([value=""]) means "a real
   selection". */
.floating-labels .field-select:has(select option:checked:not([value=""])) .field-label {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    top: 0;
    margin: 0.5em 0;
    font-size: 0.88em;
    z-index: 3;
}

.floating-labels .field-select:has(select option:checked:not([value=""])) .field-input {
    padding-top: 1.5em;
    padding-bottom: 0.35714em;
}

.floating-labels .field-select:not(.field-show-floating-label):not(.field-static-floating-label):not(:has(select option:checked:not([value=""]))) .field-label {
    opacity: 1;
    top: 50%;
    margin: 0;
    width: auto;
    max-width: calc(100% - 2.4em);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1em;
    color: #737373;
}

    .floating-labels .field-select:not(.field-show-floating-label):not(.field-static-floating-label):not(:has(select option:checked:not([value=""]))) .field-label.required {
        background: transparent url(../../images/icons/required.png) no-repeat right;
        color: #b94a48;
        padding-right: 13px;
    }

    /* A disabled dropdown shouldn't advertise as required. */
    .floating-labels .field-select:not(.field-show-floating-label):has(select:disabled) .field-label.required {
        background: none;
        color: #737373;
        padding-right: 0;
    }

    .floating-labels .field-input:focus {
        outline: none;
        border-color: #64b0f2;
        -webkit-box-shadow: 0 0 0 1px #64b0f2;
        box-shadow: 0 0 0 1px #64b0f2;
    }


    .floating-labels .field-input.datePickerInput {
        display: inline-block;
        width: 100% !important;
        padding-right: 30px;
    }

.floating-labels .field-input-wrapper .ui-datepicker-trigger {
    position: absolute;
    top: 17px;
    right: 7px;
}

.floating-labels .field-input-select {
    padding-right: 2.07143em;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: inherit;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .floating-labels .field-input-select[disabled] {
        cursor: default;
    }

.floating-labels .field-caret {
    border-left: 1px rgba(179,179,179,0.5) solid;
    display: block;
    width: 2.14286em;
    height: 43%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    text-align: center;
    color: #919191;
    cursor: pointer;
    z-index: 3;
}

.field-time-picker > .field-input-wrapper {
    border-color: #d9d9d9;
    background-clip: padding-box;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    white-space: nowrap;
    overflow: hidden;
}

    .field-time-picker > .field-input-wrapper > .field-time {
        padding-top: 1.5em;
        padding-bottom: .35714em;
        width: 65px !important;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        padding-right: 0;
        border-bottom: 0;
        padding-left: 0.78571em;
        display: inline-block;
    }

    .field-time-picker > .field-input-wrapper > .field-date {
        padding-top: 1.5em;
        padding-bottom: .35714em;
        width: calc(100% - 65px) !important;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        padding-left: 0;
        display: inline-block;
    }


    .field-time-picker > .field-input-wrapper > .field-time.input-validation-error {
        border-right: none !important;
    }

    .field-time-picker > .field-input-wrapper > .field-date.input-validation-error {
        border-left: none !important;
    }


.floating-labels .list-horizontal > .list-item {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

    .floating-labels .list-horizontal > .list-item > label,
    .floating-labels .list-vertical > .list-item > label {
        font-weight: normal;
    }

        .floating-labels .list-vertical > .list-item > input[type="radio"] + label,
        .floating-labels .list-vertical > .list-item > label + input[type="radio"],
        .floating-labels .list-horizontal > .list-item > input[type="radio"] + label,
        .floating-labels .list-horizontal > .list-item > label + input[type="radio"] {
            margin-left: 3px;
        }

.floating-labels .list-vertical > .list-item {
    display: block;
    margin-top: 3px;
}

    .floating-labels .list-vertical > .list-item:first-child {
        display: block;
        margin-top: 5px;
    }

