/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(https://static.otago.ac.nz/fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(https://static.otago.ac.nz/fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(https://static.otago.ac.nz/fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(https://static.otago.ac.nz/fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://static.otago.ac.nz/fonts/opensans/opensans-regular.woff2) format('woff2'), url(https://static.otago.ac.nz/fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(https://static.otago.ac.nz/fonts/opensans/opensans-bold.woff2) format('woff2'), url(https://static.otago.ac.nz/fonts/opensans/opensans-bold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://static.otago.ac.nz/fonts/opensans/opensans-light.woff2) format('woff2'), url(https://static.otago.ac.nz/fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

body {
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    line-height: 1.6;
}
h1, .h1 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.02;
    margin-bottom: 30px;
    margin-top: 40px;
    -moz-osx-font-smoothing: grayscale;
}
h2, .h2 {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.2;
}
h3, .h3 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.1;
    -moz-osx-font-smoothing: grayscale;
}

.btn {
    line-height: 1.2;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: none;
}
.btn .glyphicon {
    padding-left: 5px;
    top: 3px;
}

/* Abstract submission */

.brand-header .img-responsive {
    margin: 0;
    max-width: 1000px;
}
/* Fix for Interactive sites */

#main-form .brand-header .img-responsive {
    border-bottom: 20px solid #f9c000;
    max-width: 100%;
}
.welcome.brand-primary-foreground {
    color: #888888;
    font-style: normal;
}
.navbar-inverse .navbar-nav>li>a {
    color: #416ebf;
}
.navbar-inverse + input + h2 {
    font-size: 35px;
}
.step-page h3 {
    font-size: 27px;
}
#step-sidebar {
    margin-top: 30px;
}
.row.form-group.has-feedback {
    margin-right: 0;
}

/* Form styles */

input,
#searchform .form-group input.btn,
#searchform button.btn {
    border-radius: 16px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.btn-default:hover {
    background: #dfa000;
    border: 2px solid #dfa000;
}
.btn-default {
    background-image: none;
    border-radius: 18px;
    border-width: 2px;
    margin-bottom: 20px;
}
div.delayed-component-content {
    border: 1px solid #dddddd;
    border-top: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 50px 100px rgba(0,0,0,0.05);
    padding-bottom: 50px;
}
.form-group .col-sm-3 {
    width: 100%;
}

.form-group input, select, textarea, .file-preview, .input-group, .select2-container {
    border-radius: 2px;
    max-width: 100%;
}
#main-form form {
    margin: 0 auto;
    max-width: 58%;
}
#main-form .col-sm-9,
#main-form .select2-container {
    width: 100%;
}
#main-form .col-sm-3,
#main-form .col-sm-9,
#main-form .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
#main-form .text-left.h2 {
    color: #1f4a8c;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 35px;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-top: 40px;
}
#main-form .text-left.h3 {
    font-family: 'Amsi pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
}
#main-form label,
#main-form label strong {
    font-weight: 400;
    margin-bottom: 10px;
}
#main-form .radio.form-group,
#main-form .checkbox.form-group {
    padding-left: 5px;
}
#main-form .well {
    background: #f9f9f9;
}
#main-form .well label {
    margin-bottom: 7px;
} 
#main-form .well input[type=text] {
    border-radius: 3px;
    box-sizing: border-box;
    max-width: 100%;
    width: 97%;
}
#main-form .summary-content h3, .summary-content h4 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
}
#main-form .summary-content table.summary-table>tbody>tr>th,
#main-form .summary-content table.summary-table>tbody>tr>th+td {
    padding-bottom: 10px;
    padding-top: 10px;
}
#main-form .summary-content table.summary-table>tbody>tr>th {
    font-weight: normal;
}
#main-form .summary-heading .btn-default {
    font-size: 13px;
    padding-left: 7px;
    padding-right: 7px;
}
#main-form .summary-heading .btn-default.btn-xs.pull-right {
    background-color: #ffffff;
    border: 2px solid #cccccc;
    font-weight: 700;
    transition: all 0.2s ease-out;
}
#main-form .summary-heading .btn-default.btn-xs.pull-right:hover {
    background-color: #416ebf;
    color: #ffffff;
}
#main-form .summary-heading {
    border-top: 1px solid #dddddd;
}
#main-form .summary-heading h3 {
    border-bottom: 0;
    font-weight: 700;
}
#main-form .summary-heading h3 .btn-default {
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
}
#main-form .summary-heading h4 {
    border-bottom: 0;
    color: #1f4a8c;
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    margin-bottom: 0px;
    padding-top: 20px;
}
#main-form .h4 {
    color: #333333;
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.5;
}
#main-form .h4 + .has-feedback > .col-sm-9 > div.radio {
    margin-top: 5px;
}
#main-form .component form {
    margin-bottom: 10px;
}
#main-form .component form .row.no-theme {
    margin-left: 0;
    margin-right: 0;
}
#main-form .component form.dynamic-target .row.form-group.has-feedback:last-of-type .col-sm-9 .radio {
    margin-bottom: 10px;
}
.summary-content table.summary-table>tbody>tr:not(.summary-heading):nth-of-type(odd) {
    background: none;
}
#main-form .btn-default.form-submit {
    background: #86b239;
    border: 2px solid #6D842D;
    color: #ffffff;
    font-weight: 700;
    margin-left: 10px;
}
input[value=reviewers] + h2 {
    color: #1f4a8c;
    margin-bottom: 21px;
}
#sticky-panel-container .sticky-panel {
    border: 1px solid #dddddd;
    box-shadow: 0 5px 10px #e4e4e4;
}
#searchform.form-horizontal .form-group {
    margin-top: 20px;
}
.privacy-policy-form #privacy-policy-inner {
    visibility: hidden;
    max-height: 0;
    transition: all 0.3s ease-out;
}
.privacy-policy-form #privacy-policy-inner:target {
    visibility: visible;
    max-height: 3000px;
}
#main-form .theme-panel {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 20px;
    margin-top: 20px;
}
#main-form .navbar-inverse {
    background: #ffffff;
    margin-bottom: 0;
    overflow: hidden;
}
#main-form a {
    color: #416ebf;
}
#main-form .has-feedback a span[class*="select"] {
    color: #333333;
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 16px;
}
#main-form .form-horizontal ul {
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 20px;
}
#main-form .form-horizontal ul li {
    list-style-type: circle;
    margin-bottom: 5px;
}
#main-form .form-horizontal ul#signin-tabs {
    margin-top: 40px;
    padding-left: 0;
}
#forgot-password-link {
    margin-left: 15px;
}
#main-form .row.form-group.has-feedback .col-xs-5 strong input {
    margin-bottom: 3px;
}
#main-form .radio.form-group.row.has-feedback .col-xs-5 {
    width: auto;
}
#main-form .radio.form-group.row.has-feedback .col-xs-5 + .col-xs-3.text-right.col-xs-offset-4 {
    float: right;
}


/* Consent form */

#DataProcessingConsentInfo {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding-bottom: 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#DataProcessingConsentInfo h4 {
    color: #1f4a8c;
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.5;
    padding: 15px 15px 0 15px;
}
#DataProcessingConsentInfo h4 + div {
    font-size: 13px;
    padding-right: 15px;
}
#anchor_DataProcessingConsent.text-left.h3 + #DataProcessingConsentInfo {
    border: 1px solid #ffffff;
    line-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
}
#anchor_DataProcessingConsent.text-left.h3 + #DataProcessingConsentInfo:target {
    border: 1px solid #dddddd;
    line-height: 1.5;
    max-height: 3000px;
    margin-top: 70px !important;
}
.dynamic-target.form-horizontal #button {
    border: 2px solid #dddddd;
    border-radius: 20px;
    padding: 4px 14px;
}
.dynamic-target.form-horizontal a#button.privacy-button {
    display: inline-block;
    font-size: 15px;
    margin-left: 0;
    transform: translateY(115px);
}

/* Terms and conditions */

.consent-box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 20px;
}
h2.consent-heading {
    color: #1f4a8c;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
}
.consent-box a {
    display: block;
    margin-bottom: 10px;
}
#main-form .consent-box h2 {
    font-size: 26px;
    margin-top: 20px;
}
#main-form .consent-box h3 {
    font-family: 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
}
.consent-box p {
    font-size: 12px;
}
.consent-box a#button:active {
    color: #888888;
}
.consent-box .consent-inner-box {
    line-height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
}
.consent-box .consent-inner-box:target {
    line-height: 1.5;
    max-height: 3000px;
}


/* Payments */

.payment-panel.panel.panel-primary {
    border-color: #dddddd;
    box-shadow: 0 20px 20px #f5f5f5;
    margin-top: 40px;
}
.row.payment-method .col-sm-4 {
    width: 100%;
}
.row.payment-method .processor-target.col-sm-8 {
    margin-top: 30px;
    width: 100%;
}
.page-backward,
.page-summary {
    background: #ffffff;
    border: 2px solid #cccccc;
    color: #416ebf;
}
.btn {
    line-height: 1.2;
}
.row.payment-method  .panel.panel-primary {
    border-color: #dddddd;
}
.row.payment-method .panel-primary > .panel-heading {
    background: #f9f9f9;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    font-weight: bold;
}
.panel-body .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}


@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'],
    input[type='radio'],
    .step-page input[type='checkbox'],
    .step-page input[type='radio'] {
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0 15px 0 0;
        cursor: pointer;
        border: 1px solid #aaaaaa;
        background: #ffffff;
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;  
    }
    input[type='checkbox'] {
        width: 21px;
    }
    .step-page input[type='checkbox'],
    .step-page input[type='radio'] {
        border-radius: 7px;
        margin-right: 7px;
        margin-bottom: 10px;
        margin-top: 4px;
        width: 21px !important;
        vertical-align: top;
        cursor: pointer;
        display: inline-block;
        font-size: 17px;
        line-height: 1.3;
        vertical-align: top;    
    }
    input[type='radio'] {
        border-radius: 50%;
        margin-top: 3px;
        width: 21px;
    }
    input[type='checkbox']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    .has-feedback .form-control {
        padding-right: 0;
    }
    #main-form .row.form-group.has-feedback input[type='checkbox'] {
        border-radius: 7px;
        margin-right: 21px;
        width: 21px;
    }
    #main-form .row.form-group.has-feedback :not(.checkbox) input[type='checkbox'] {
        margin-top: 3px;
    }
    #main-form .row.form-group.has-feedback label {
        line-height: 1.5;
        max-width: 90%;
    }
    #main-form .row.form-group.has-feedback .col-xs-5 {
        width: 100%;
    }
    #main-form .form-group.has-feedback .checkbox input[type='checkbox']:after,
    #main-form .row.form-group.has-feedback input[type='checkbox']:after,
    .step-page input[type='checkbox']:after {
        border: 2px solid #ffffff;
        border-top: 0;
        border-left: 0;
        height: 9px;
        left: 7px;
        opacity: 1;
        top: 4px;
        transform: rotate(43deg);
        width: 5px;
    }
    #main-form input[type='radio']:after,
    .step-page input[type='radio']:after {
        border: 2px solid #ffffff;
        border-top: 0;
        border-left: 0;
        height: 9px;
        left: 7px;
        opacity: 1;
        top: 4px;
        transform: rotate(43deg);
        width: 5px;
    }
    input[type="radio"]:checked {
        background: #416ebf;
        border: 1px solid #416ebf;
    }
    input[type="checkbox"]:checked {
        background: #416ebf;
        border: 1px solid #416ebf;
    }
    input[type='checkbox'] + label {
        cursor: pointer;
        display: inline-block;
        font-size: 17px;
        line-height: 1.3;
        vertical-align: top;        
     }
}




@media only screen and (max-width: 550px) {
    #main-form form {
        margin: 0 auto;
        max-width: 100%;
    }
}