/* USTEventStyles */
.waiting-overlay { text-align:center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(255, 255, 255, 0.5) url(//static.stthomas.edu/undergraduate-admissions/rfi/images/spinner.gif) no-repeat center center; }
.ui-datepicker { width: 100%!important; }
.ui-datepicker td span, .ui-datepicker td a { padding: .7em;}
.validationError {color:red;}
label.required {font-weight:bold;}
.yearError {color:red; display:block; margin: -15px 0px -5px 0px; font-style: italic;}
.eventClosed,.eventClosed * {color:gray!important;}
/*Chooser*/
.appointment { border: solid 1px #999999; position:relative; float:left; clear:both; width:100%; margin:5px 10px 10px 0px;}
.apptmentDetail {position:relative; float:left; width:100%;padding:10px 15px; display:none;}
#chooser .appointmentTitle a {background:#8546B1; position:relative; float:left; width:100%; color:#fff;padding:10px 15px;}
#chooser .appointmentTitle {margin:0px!important; }
#chooser .appointmentTitle i {position:absolute;right:14px; top:14px;}
/*Choosen*/
#choosen .appointmentTitle {font-weight:bold; margin:4px 40px 3px 0px}
.appointmentChoosen { border : solid 1px #e1e1e1; position:relative; float:left; clear:both; width:100%; margin:8px 0px 8px 0px; padding:5px 10px;}
.appointmentRemove {position:absolute; right:0px; top:0px; background:gray; color:#fff; text-align:center; padding-top:8px; width:40px; height:41px; }
.appointmentRemove:hover {background:#000; color:#fff; text-decoration:none;}
.appointmentRemove span {display:none;}
.appointmentChoosen:nth-child(even) {background:#eeeeef;}
.appointmentDesc {margin:15px 0px 5px 0px!important;}
/*Floating Add box*/
.appointmentAdd {position:relative; float:left; text-align:center; background:#c8c8c9; padding:2% 3%; margin:0px 0px 0px 0px; color:#000; font-weight:bold; width:100%;}
.appointmentAdd:hover {background:#8546B1; color:#fff; text-decoration:none;}
.movingBox {background-color:#976dad; position:absolute; z-index:100; color:#fff; display:table;opacity: 0.7; filter: alpha(opacity=70);}
.movingBox p {display:table-cell;vertical-align:middle; text-align:center;font-family: truenosemibold,Arial,sans-serif; font-size:20px;}

.aptError {border: solid 1px red;color: #a70000;}
.previous {background-color:#dededf; color:#807e7e; margin-left:15px;}
.button.confirmContinue {padding-left:50px; padding-right:50px;}

#reviewWrapper {background-color:#fdfdfd; padding: 3px 20px; margin: 15px 0px 15px 0px; border: solid 1px #dededf;}
.warning {color:#510C76;font-style:italic;font-weight:bold;}

/*Hid the section nav on the page because we aren't using it right now */
#sectionNav {display:none;}

/*Loading image*/
#backpage {
    display: none;
    background-color: #fff;
    opacity: 0.60;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1098;
    position: fixed;
    cursor: wait;
}

#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 5px;
}

#loading .background {
    width: 105px;
    height: 125px;
    background-image: url(../img/loading-shield.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-animation: loadspin 2s ease-in-out infinite; /* Safari 4+ */
    -moz-animation:    loadspin 2s ease-in-out infinite; /* Fx 5+ */
    -o-animation:      loadspin 2s ease-in-out infinite; /* Opera 12+ */
    animation:         loadspin 2s ease-in-out infinite; /* IE 10+, Fx 29+ */
}

#loading span {
    font-size: 1em;
}

@-webkit-keyframes loadspin {
    75% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@-moz-keyframes loadspin {
    75% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@-o-keyframes loadspin {
    75% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@keyframes loadspin {
    75% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}