.loadingScreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .loadingScreen.active {
        opacity: 1;
        pointer-events: initial;
    }

    .loadingScreen > div {
        width: 300px;
        position: relative;
        margin: 1% auto;
        padding: 5px 15px 10px 15px;
        background: #fff;
    }

input.state-error, select.state-error, textarea.state-error {
    background-color: #fddfdf !important;
    color: #c00;
}
input.state-warning, select.state-warning, textarea.state-warning{
    background-color: #fddfdf !important;
    color: #c00;
}

select + .error-icon {
    right: 15px !important;
}
.GeckoNumeric + .error-icon{
    float:left!important;
    right:initial!important;
    left:0px!important;
}
.state-error, .state-warning {
    display: inline-block !important;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.error-icon.state-error{
    color:#c00;
}
.error-icon.state-warning{
    color:#ec971f;
}
/* Rating */
.rating {
    border: none;
    float: left;
}
    .rating > input {
        display: none;
    }
    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }
    .rating > label {
        color: #ddd;
        float: right;
    }
    /***** CSS Magic to Highlight Stars on Hover *****/
    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */
        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }