@charset "utf-8";
/* CSS Document */

form .Form__MainBody input {
border-radius:unset;
}

form .Form__MainBody input, form .Form__MainBody textarea, form .Form__MainBody .FormSelection select, form .Form__MainBody .custom-file label {
    border: 1.5px solid;
    border-color: var(--royal-blue);
    border-radius: 4px;
    padding: 15px;
    font-size: 1.7rem;
    font-family: "Roboto",sans-serif;
}

form .Form__MainBody input.FormFileUpload__Input, form .Form__MainBody .FormSelection select, form .Form__MainBody .custom-file label {
        border: none;
    }

form .Form__MainBody .FormSelection select, form .Form__MainBody .custom-file label {
    padding: 20px;
    vertical-align: initial !important;
}

form .Form__MainBody input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
}

form .Form__MainBody input[type="radio"], form .Form__MainBody input[type="checkbox"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 0.2rem;
    height: 0.2rem;
    border: 1.5px solid var(--royal-blue);
    border-radius: 50%;
    display: grid;
    place-content: center;
    padding: 10px;
    cursor: pointer;
}

input[type="radio"]::before, input[type="checkbox"]::before {
    content: "•";
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 2em 2em var(--form-control-color);
    display: inline-block;
    position: relative;
    top: -1.8px;
    left: 0.2px;
    
}

input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {
    transform: scale(3);
    color: var(--royal-blue);
}

form .Form__MainBody label.chkBoxLabel  {
display:inline;
position:relative;
top:-26px;
left:20px
}

    /* form .Form__MainBody label.chkBoxLabel:focus, form .Form__MainBody input[type="radio"]:focus{
        outline: 0;
    }*/ 


    form .Form__MainBody label.chkBoxLabel .chkTxt {
    font-weight: 500;
    position:relative;
    top:13px;
}

form .Form__MainBody label.chkLabel {
    margin-bottom:15px;
}

form .Form__MainBody .chkSeparate {
display:flex;
}

form .Form__MainBody input[type="file"]::file-selector-button, form .Form__MainBody button[type="submit"] {
    color: #fff !important;
    font-family: "Roboto",sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: .05em;
    line-height: 1;
    background: #003594;
    padding: 1em 1.5em;
    border-radius: 0;
    border: none;
    display: inline-block;
    margin-right: 20px;
}

    form .Form__MainBody input[type="file"]::file-selector-button:hover, form .Form__MainBody button[type="submit"]:hover {
        background-color: var(--hover);
    }


    form .Form__MainBody .custom-file label {
            padding: 8px 15px;
            font-size: 1.7rem;
            min-height: 44px;
        }


form .Form__MainBody .custom-file {
    margin: 30px 0px 20px;
    height: 100%;
}

form .Form__MainBody .custom-file-label::after {
    background-color: var(--royal-blue);
    color: white;
    height: 100%;
    padding-top: 8px;
}


form .Form__MainBody .custom-file:hover {
    cursor: pointer !important;
}

form .Form__MainBody .FormSelection select {
    padding: 10px 15px;
    min-height:44px;
}

    form .Form__MainBody .FormSelection select option {
        padding: 5px 15px;
        margin-left: -15px;
        margin-right: 20px;
    }

    form .Form__MainBody .FormSelection select option:hover {
        background-color: var(--university-gold);
        cursor: pointer;
        font-weight: 700;
    }


form .Form__MainBody label {
    animation: none;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 10px 0px;
}
    form .Form__MainBody label.activeLabel {
        transform: none;
        
    }

form .Form__Element__ValidationError {
    padding: 10px;
    font-size: 1.3rem;
    color: #DC582A !important;
}

.EPiServerForms .Form__Element .Form__Element__ValidationError {
    color: #DC582A !important;
}

form.EPiServerForms button[type="submit"] {
    margin-top: 20px !important;
}

/* QA removing padding for submit buttons from filter area*/
/* form.ssoe-faculty-search-form button[type="submit"], form.ssoe-staff-search-form button[type="submit"] {
    margin-top: 0px !important;
}*/

form .FormChoice {
    padding: 15px 0px;
}

    form .FormChoice .chkTxt {
    font-weight:300;
    padding:10px;
    font-size:1.6rem;
    }

        form .FormChoice .chkTxt:hover {
        cursor:pointer;
        font-weight:700;
        }

form .FormSelection select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;


    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat ;
    background-position:right center;
    background-size:40px 45px;
}

    form .FormSelection select.ddButton {
        border: 1.5px solid;
        border-color: var(--royal-blue);
        border-radius: 4px;
        padding: 15px;
        font-size: 1.7rem;
        font-family: "Roboto",sans-serif;
    }

form .Form__MainBody .FormFileUpload .custom-file-input {
    cursor: pointer;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    background-color: #00de49 !important;
    text-align: center;
    border-radius: 10px;
    padding-top: 20px;
}

    .EPiServerForms .Form__Status .Form__Success__Message p {
        font-weight: 700;
        font-size: 2.2rem;
        margin-bottom: 7px;
        text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
    }

        .EPiServerForms .Form__Status .Form__Success__Message p:before {
            content: "☑";
            color: white;
            padding-right: 20px;
            font-size: 3rem;
            margin-top: 10px;
            position: relative;
            top: 3px;
        }