/*====
  EMPTY STYLESHEET FOR QUICK SUPPORT FIXES (this is called after the main /styles.css file, so rules here can over-write the main ones.
  These rules should be validated and re-incorporated as part of routine maintenance.
====*/

/*==== CSS (TEMP) ====*/

/* JQUery File Upload styles */
/*@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');*/
@import url('/base-install/css/jquery-file-upload/jquery.fileupload.css');
@import url('/base-install/css/jquery-file-upload/jquery.fileupload-ui.css');

.pw-strength{margin:.5em 0;display:block;width:20%;border-top:solid 5px transparent;-webkit-transition:width .75s ease-in-out,border-color .75s ease-in-out,color .75s ease-in-out;transition:width .75s ease-in-out,border-color .75s ease-in-out,color .75s ease-in-out}.pw-strength:before{font-weight:700;font-size:110%;line-height:1.2;display:block;margin-top:.3em;content:"\00a0"}.pw-strength.pw-very-weak{border-color:#81261d}.pw-strength.pw-very-weak:before{content:"Very weak";color:#81261d}.pw-strength.pw-weak{width:40%;border-color:#c0392b}.pw-strength.pw-weak:before{content:"Weak";color:#c0392b}.pw-strength.pw-mediocre{width:60%;border-color:#e67e22}.pw-strength.pw-mediocre:before{content:"Medium";color:#e67e22}.pw-strength.pw-strong{width:80%;border-color:#2ecc71}.pw-strength.pw-strong:before{content:"Strong";color:#2ecc71}.pw-strength.pw-very-strong{width:100%;border-color:#27ae60}.pw-strength.pw-very-strong:before{content:"Very strong";color:#27ae60}

.staff-list {
 display: -ms-grid;
 display: grid;
 grid: auto-flow/repeat(auto-fit, minmax(20rem, 1fr));
 margin: 2em -.4rem;
 padding: 0;
 list-style-type: none
}
.staff-tile {
 box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
 margin: .4em .4rem;
 padding: .8em 1.2em
}
.staff-tile .profile-wrapper {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap
}
.staff-tile .profile-photo {
 -webkit-flex: 0 0 100px;
 flex: 0 0 100px;
 margin: auto 20px auto 0;
 border-radius: 50%;
 overflow: hidden;
 height: 100px;
 width: 100px
}
.staff-tile .profile-photo img {
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center center;
 object-position: center center;
 height: 100%;
 width: 100%
}
.staff-tile .profile-details-wrap {
 margin: auto 0;
 -webkit-flex: 1 1 10em;
 flex: 1 1 10em
}
.staff-tile .profile-details-wrap .info {
 display: block;
 font-size: .9em;
 line-height: 1.2;
 margin: .4em 0
}
.staff-tile .profile-details-wrap .info.staff-jobtitle,
.staff-tile .profile-details-wrap .info.staff-email {
 font-weight: 700
}
.staff-tile .profile-details-wrap .info.staff-displayname {
 font-size: 1.2em
}
.wsl-staff-directory .web-service-placement h2 {
 color: #999;
 font-size: .8rem;
 text-transform: uppercase;
 letter-spacing: 1px
}
.wsl-request-failure-feedback,
.feedback.wsl-no-data {
 background: rgba(227, 129, 129, .2);
 border: 1px solid rgba(227, 129, 129, .6);
 padding: 0 1.2em;
 font-size: .7em;
 font-weight: 700;
 border-radius: 4px
}