/*
 * Copyright (C) 2016 Jisc Services Limited
 *
 * Project: Central Database Facility
 *          Tessella/NPD/4791
 *
 * Developed by:
 *   Tessella Ltd.
 *   26 The Quadrant
 *   Abingdon Science Park
 *   Abingdon, OX14 3YS
 *   United Kingdom
 *   email: info@tessella.com
 *   web:   www.tessella.com
 *
 * Jisc pattern library themes.
 */

small {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
}
.masthead__main {
    background-color: #0097ce;
    background-image: url("../images/masthead-image.png");
    background-repeat: repeat-x;
}
.masthead--focussed .masthead__top {
    border-color: #0097ce;
}
.form__fieldset--no-legend {
    padding-top: 30px;
}
.form__fieldset--table-only {
    padding-top: 15px;
}
.s-required-field__indicator {
    color: #c00;
}
.wizard-step::before, .wizard-step::after {
    content: "";
    display: table;
}
.wizard-step::after {
    clear: both;
}
.wizard-step {
    font-family: "Stag Sans Web Book","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
    font-size: 1.3rem;
    margin-bottom: 2.7rem;
}
.wizard-step--has-six {
}
.wizard-step--has-seven {
}
.wizard-step--has-eight {
}
@media screen and (min-width: 757px) {
    .wizard-step {
        font-size: 1.5rem;
    }
}
.wizard-step__item {
    border: 1px solid #e4eaec;
    box-sizing: border-box;
    padding: 0.5em 2px;
    text-align: center;
}
@media screen and (min-width: 465px) {
    .wizard-step__item {
        float: left;
        text-align: center;
    }
    .wizard-step--has-six .wizard-step__item {
        width: 16.6667%;
    }
    .wizard-step--has-seven .wizard-step__item {
        width: 14.2857%;
    }
    .wizard-step--has-eight .wizard-step__item {
        width: 12.5%;
    }
    .wizard-step--has-nine .wizard-step__item {
        width: 11.1111%;
    }
}
.wizard-step__completed {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.wizard-step__completed a {
    color: #3c763d;
}
.wizard-step__current {
    background-color: #e4eaec;
    border-color: #d5dee3;
}
.wizard-btn-wrap::before, .wizard-btn-wrap::after {
    content: " ";
    display: table;
}
.wizard-btn-wrap::after {
    clear: both;
}
.wizard-btn-wrap {
    margin: 3rem 0 2rem;
    text-align: center;
}
.wizard-btn-wrap__left {
    float: left;
}
.wizard-btn-wrap__left > a, .wizard-btn-wrap__left > .btn {
    margin-right: 15px;
}
.wizard-btn-wrap__right {
    float: right;
}
.wizard-btn-wrap__right > a, .wizard-btn-wrap__right > .btn {
    margin-left: 15px;
}
.wizard-btn-wrap__right > a:first-child, .wizard-btn-wrap__right > .btn:first-child {
    margin-left: 0;
}
.box--info-secondary {
    background: #e4eaec none repeat scroll 0 0;
    border: 2px solid #d5dee3;
    font-family: "Stag Sans Web Book","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
    font-size: 1.3rem;
}
@media screen and (min-width: 757px) {
    .box--info-secondary {
        font-size: 1.5rem;
    }
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.u-no-text-wrap {
    white-space: nowrap;
}
table.editable {
    margin-bottom: 0;
}
td {
    vertical-align: middle;
    text-align: center;
}
td.example {
    font-style: italic;
}
td.total-count {
    font-weight: bold;
}
td.delete-button {
    vertical-align: middle;
    width: 50px
}
a.help-popup {
    vertical-align: top;
}
th.jcur {
    text-align: center;
    vertical-align: bottom;
    white-space: normal;
}
.s-error div.selector {
    border-color: #c00;
    border-width: 2px;
}
@media screen and (min-width: 630px) {
    .error-message {
        background-color: inherit;
        width: inherit;
        display: inherit;
        float: none;
        padding-right: 0;
    }
    .form-fields__item--textarea .error-message,
    .form-fields__item-checkbox .error-message {
        float: right;
    }
}
.table-error-message {
    color: #c00;
    display: block;
}
a.incomplete-page {
    text-decoration: underline;
}
.s-error .form-fields-free-text {
    color: #c00;
}
sup {
    vertical-align: super;
}
.form-fields__item--textarea textarea {
    width: 700px;
    height: 200px
}

/* Override style for full-width labels.  We override the
   width: 20% and text-align: right for labels with a lot of text. */
.form-fields__label-text.full-width {
    width: auto;
    text-align: left;
}