/*
 * (C) Copyright Modern Campus Inc. 2019 - All rights reserved
 * This software is the confidential and proprietary information of Modern Campus, Inc. ("Confidential Information").
 * You shall not disclose such confidential information and shall use it only in accordance with the terms of the license agreement you entered into with Modern Campus.
 *
 * Overrides bootstrap-float-label with:
 *  - changes to make labels appear at the top of the input (with its height enlarged)
 *  - reductions to size of placeholder text
 *  - other changes to fonts.
 */
@import url("/restricted/3rdPartyTools/bootstrap-float-label/bootstrap-float-label.css");
.has-float-label {
    display: flex;
}

.has-float-label > input,
.has-float-label > .input-group > input,
.has-float-label > select.form-control:not([size]):not([multiple]),
.has-float-label > .input-group > select.form-control:not([size]):not([multiple]) {
    height: 2.95rem;
    padding-top: 1.25rem;
    padding-left: 0.725rem;
}

.has-float-label > select.form-control:not([size]):not([multiple]),
.has-float-label > .input-group > select.form-control:not([size]):not([multiple]) {
    padding-left: 0.45rem;
}

.has-float-label .form-control:focus {
    padding-top: 1.25rem;
}

.has-float-label .form-control:placeholder-shown:not(:focus)+*,
.has-float-label > select.has-placeholder.form-control:not([size]):not([multiple])+*,
.has-float-label > .input-group > select.has-placeholder.form-control:not([size]):not([multiple])+*
{
    opacity: .8;
    font-weight: normal;
    font-size: .875rem;
    top: 1.2rem;
}

.has-float-label > select.has-placeholder.form-control:not([size]):not([multiple])+.requiredFieldLabel:after,
.has-float-label > .input-group > select.has-placeholder.form-control:not([size]):not([multiple])+.requiredFieldLabel:after {
    font-size: 0.5rem;
    opacity: 0.8;
}

.has-float-label label, .has-float-label>span {
    top: .6em;
    font-size: 80%;
    font-weight: normal;
    color: #767676;
}

.has-float-label label::after, .has-float-label > span::after {
    background: transparent;
}

.has-float-label .float-info-container {
    width: 0px;
    z-index: 1000;
    font-size: 100% !important;
}

.has-float-label select~.float-info-container .float-info-right,
.has-float-label .float-info-container .float-info-right {
    position: relative;
    top: 1em;
    right: 1.4em;
}

.has-float-label select~.float-info-container .float-info-right {
    right: 3.4em;
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    /*
      Define here the CSS styles applied only to Safari browsers
      (any version and any device)
     */
    .has-float-label > select.form-control:not([size]):not([multiple]),
    .has-float-label > .input-group > select.form-control:not([size]):not([multiple]) {
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23000000' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        /* arrow icon position (1em from the right, 50% vertical) */
        background-position: right .7em top 50%;
        /* icon size */
        background-size: .65em auto;
        /* as padding-left won't work */
        text-indent: 0.3rem;
    }

}}
