h1, h2, h3, h4, h5, h6,
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    font-family: Helvetica, Arial,Sans-Serif;
    font-style: normal;
    color: #000000;
}

h1, .panel h1 {
    font-size: 1.8rem;
    line-height: 2rem;
    margin: 0;
    margin-bottom: 1rem;
}

h2, .panel h2 {
    font-size: 1.5rem;
}

h3, .panel h3 {
    font-size: 1.4rem;
}

h4, .panel h4 {
    font-size: 1.35rem;
}

h5, .panel h5 {
    font-size: 1.3rem;
}

h6, .panel h6 {
    font-size: 1.25rem;
}

label.sublabel {
    margin: 8px 0;
    font-size: 0.9em;
}
p {
    margin-bottom:0.68rem;
    font-size: 1rem;
}
.panel p {
    color: #000000;
}
.panel p.subtitle {
    font-family: Helvetica, Arial,Sans-Serif;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    font-size: 1.2rem !important;
    letter-spacing: 0;
}
.panel.error {
    background-color: #FEEEEF;
    border: solid 1px #FF6F70;
    padding: 1rem;
    border-radius: 6px;
}
label {
    margin-bottom: 5px;
    font-size: 1rem;
    color: #585862
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], select 
{
    height: 45px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
textarea {
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.brandHr {
    border-color: @primary-colour
}
.consent-text {
    padding:1rem;
    background-color:#f1f1f1;
    font-size:0.875rem;
}
.validation-summary-invalid {
    font-weight: normal;
    color: #E61200;
    font-size: .875rem;
}
.validation-summary-ok {
    font-weight: normal;
    color: #7CBA06;
    font-size: .875rem;
}
.row .form-group {
    position:relative;
}
.row .form-group input[type=text],
.row .form-group input[type=tel],
.row .form-group text-area {
    width:94%
}
.row.nopad .columns {
    padding-left: 0;
}


.CandidateProfileForm {
    border: solid 1px #D3D3D3;
    padding: 20px;
    -ms-border-radius: 10px;
    border-radius: 3px;
    margin-bottom: 40px;
}

.CandidateProfileForm.noborder {
    border: none;
    padding: 28px 0;
}

#rStdRegLead, .confirmationInformation {
    border: solid 1px #CCC;
    background: #e8e8e8;
    padding: 20px;
    -ms-border-radius: 10px;
    border-radius: 3px;
    margin: 0 0 30px 0;
}
div#rStdRegLead h6, div#rStdRegLead p, div#rStdRegLead li {
    color: #6e6e79;
    font-weight: normal;
}

button i, .button i {
    font-size: 0.775rem;
    font-weight: 100;
    color: #FFF;
}

span.postfix {
    line-height: 3rem;
    -ms-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 45px;
    background:#FFF;
}

.postfix i {
    font-size: 1.2rem;
}
form .row .row.collapse.postfix-round input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; 
}

ol.breadcrumb.hidden-print {
    list-style-type: none;
    margin: 20px 0 60px 21px;
    color: #26234c;
    font-family: Arial,sans-serif;
}

ol.breadcrumb li {
    float: left;
    font-size: 1rem;
}

ol.breadcrumb > li + li:before {
    content: "\\ ";
    padding: 0 5px;
    color: #26234c;
}

ol.breadcrumb li a {
    color: #26234c !important;
    text-decoration: underline;
    font-size: 1rem;
}


.pageHeader li {
    list-style-type: none;
}
.pageHeader li:before {
    color: #6e6e79;
    padding-right: 0.5em;
    margin-right: 0.9em;
    font-family: fontcustom;
    content: "";
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 1rem;
}
.mandatoryref {
    font-size: 0.875rem;
    color: #6e6e79;
    padding: 0 !important;
    margin: 20px 0;
}


span.checklabel {
    line-height: 1.5rem;
    display: table;
}
input.error,
textarea.error,
select.error, 
input.input-validation-error,
input[type=text].input-validation-error
{
    background-color:#FEEEEF !important;
    margin-bottom: 0 !important;
    border-color:#FF6F70 !important;
}
label.error {
    color: #e61200;

}
div.grpRequiredMsg {
    padding: 10px;
    border: solid 1px #FF6F70;
    text-align: center;
    border-radius: 3px;
    background: #feeeef;
}
.radioGroup {
    margin: 0 0 1rem 0;
}
.full-width-radio label {
    padding-left: 20px;
    max-width: 80%;
}
#genericForm input[type="checkbox"] + label, #genericForm input[type="radio"] + label {
    max-width: 80%;
    vertical-align: middle;
}
.row.spacetop.submit .button {
    width: 186px;
    height: 44px;
    line-height: 1;
    padding: 0;
}

input[type=color][disabled], input[type=color][readonly], input[type=email][disabled], input[type=email][readonly], input[type=number][disabled], input[type=number][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=text][disabled], input[type=text][readonly], input[type=url][disabled], input[type=url][readonly], textarea[disabled] {
    color:#000 !important;
    /*margin-bottom: 1.58rem;*/
    cursor:not-allowed;
}

/*intltelinput overrides*/
.intl-tel-input .flag-container{height:46px;}

/*kendo overrides*/

/*k-button.k-upload-button {
    background-color: #FFF;
    border: solid 2px #585862;
    color: #39383D;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: none;
    width: 186px;
    height: 45px;
    line-height: 42px;
    font-family: 'Gotham Rounded SSm 5r', 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Sans-Serif;
    margin: 0;
    padding: 0;
}
.k-button.k-upload-button:hover {
    color:#39383D;
    background-color: #DEDEE0;
}
.k-button.k-upload-button.k-state-focused {
    color:#FFF;
    background-color: #585862;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: solid 2px #585862;
}*/

/*.k-multiselect.k-header.k-state-hover {
    border-color: #06A3E1;
}
.k-widget.k-upload.k-header.k-upload-empty, .k-widget.k-upload.k-header {
    padding: 0 0 20px 0;
    background: transparent !important;
}

.k-upload-status {
    min-width: 100px;
    text-align: right;
}
.k-filename {
    max-width: 14em;
}
*/
.k-widget.k-multiselect.k-header {
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #f5f5f5;
    background: #f5f5f5;
    background-image: none;
    margin-bottom:20px;
}
.k-widget.k-multiselect.k-header.k-state-hover.k-state-focussed.k-state-border-down {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #1c8acf;
    box-shadow: none;
}

.k-multiselect-wrap.k-floatwrap {
    background: transparent;
    border:none;
    box-shadow: none;
}
.k-multiselect-wrap .k-input {
    font-size: 0.9rem;
    height: 31px;
    background-color: transparent !important;
    box-shadow: none;
}
.k-input[readonly] {
    background-color: transparent !important;
    box-shadow: none;
}
.k-widget.k-multiselect {
    padding: 10px;
    border: solid 1px #CCC;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.k-popup .k-list .k-item {
    line-height: 1.8em;
    min-height: 1.8em;
    list-style: none;
    margin: 0;
    max-height: 15em;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    z-index: 100;
    background: none;
    padding: 0;
    padding: 11px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    -ms-border-radius: 0;
    -moz-border-width: 0;
    -webkit-border-width: 0;
    border-radius: 0;
    font-size:0.9rem;
}
.k-popup .k-list .k-item.k-state-hover,
.k-popup .k-list .k-item.k-state-hover.k-state-focused, 
.k-popup .k-list .k-item.k-state-focused, 
.k-popup .k-list .k-item.k-state-selected,
.k-popup .k-list .k-item.k-state-selected.k-state-focused
{
    background-color: #f5f5f5;
    color: #585862;
    box-shadow:none;
    border-top:none;
    border-left:none;
    border-right:none
}
.k-popup .k-list .k-item.k-state-focused {
    background-color: #FFF;
}
/*.k-list-scroller {
    overflow-y: hidden; 
}*/
.k-popup .k-list .k-item.k-state-selected:before {
    content: "\f00c";
    font-family: fontawesome;
    color: #7CBA06;
    padding-right:5px;
}
.k-popup.k-list-container {
    border: none;
    box-shadow: none;
    padding: 0;
}
.k-multiselect-wrap ul .k-button {
    padding: 6px 30px 6px 10px;
    text-align: left;
    font-size: 0.9rem;
}
/*.k-multiselect-wrap ul .k-button .k-icon.k-i-close {
    vertical-align: -8px;
}*/

.k-list {
    height: auto;
    background-color: #fff;
    border: 1px solid #CCC;
    -ms-border-radius: 0;
    border-radius: 0;
    list-style: none;
    margin: 0;
    max-height: 15em;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    z-index: 100;
}


/* Switch Styling  */

/*#genericForm .km-switch {
    width: 4.2em;
    border-radius: 0;
}
#genericForm .k-switch-wrapper {
    border-radius: 0;
}
#genericForm .k-switch-handle {
    border-radius: 0;
}
#genericForm .k-switch-container {
    padding: 0;
    border: none;
    border-radius: 0;
}

#genericForm .km-switch-off .k-switch-label-on {
    background-color: #bababa;
}

#genericForm .km-switch-label-off, #genericForm .km-switch-label-on {
    width: 187%;    
    line-height: 2.1em;
}
#genericForm .km-switch-label-on {
    left: -189%;
}
#genericForm .km-switch-handle {
    border: none;
}

#genericForm .km-switch-on .km-switch-handle {
    padding-right: 15px;
}
#genericForm .km-switch-handle {
    -webkit-box-shadow: 0 0 0 0 #bababa, 0 0 0 0 #bababa;
    box-shadow: 0 0 0 0 #bababa, 0 0 0 0 #bababa;
}

#genericForm .km-switch-on .km-switch-container {
    padding-left: 5px;
}
#genericForm .km-switch-label-on {
    color: white;
}
#genericForm .km-switch-label-on {
    padding-left: 10px;
}
 #genericForm .km-switch-label-off {
     padding-right: 10px;
 }*/
/* Switch Styling 
.km-switch {
    border:none !important;
}
.km-switch-container, .km-switch-wrapper {
    border:transparent !important;
    border-radius: 3px !important;
}
.km-switch-handle {
    background: #fff !important;
    border: 1px solid #007cc0 !important;
    border-radius: 2px !important;
    width: 1.28rem;
}
.km-switch-container {
    padding: 1px 0 1px 3px;
}
.km-switch-off .km-switch-handle {
    border-color: #bababa !important;
}

.km-switch-off .km-switch-container {
    padding-left: 1px;
}
.km-switch-label-off, .km-switch-label-on {
    line-height: 1.5rem;
}
    */
/*foundation overrides*/
form .row .row.collapse input /*:not(.row.collapse.postfix-round input)*/ 
{
    border-bottom-right-radius: 5px; 
    border-top-right-radius: 5px; 
}
.has-tip {
    border:none;
}
.has-tip:hover, .has-tip:focus {
    border-bottom: none;
    color: #25408f;
}
.tooltip {
    background: #6e6e79;
}

.tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #6e6e79 transparent;
    top: -10px;
}

.tooltip > .nub.rtl {
    left: auto;
    right: 5px;
}

.tooltip.radius {
    border-radius: 3px;
}

.tooltip.round {
    border-radius: 6px;
}

.tooltip.round > .nub {
    left: 5px;
}

/*Dropkick/select overrides*/
.selectcontainer,
.questionContainer .mobileContainer 
{
    margin-bottom: 16px;
}
.selectcontainer select[multiple] {
    display:block!important;
    position: absolute;
    left: -99999em;
    visibility: hidden;
}
.dk-selected.error, .k-widget.k-multiselect.error {
    border: solid 1px #FF6F70;
    background: #FEEEEF !important;
    margin-bottom: 0;
}
.dk-selected.error:before {
    border-top-color: #ff0000 !important;
}
.dk-selected:focus, .dk-selected:hover {
    outline: 0;
    border-color: #1c8acf;
}

@media only screen and (min-width: 64.063em)
{

    .selectcontainer select {
        display:block!important;
        position: absolute;
        left: -99999em;
        visibility: hidden;
    }

}


#resumeUpload { background-color: white;}

div.row.candidate-login-link {
    padding: 20px;
    background: #337ECF;
    color: white;
    margin-bottom: 1rem;
}

div.row.candidate-login-link .columns {
    padding: 0px;
}

div.row.candidate-login-link .candidate-login-link-text {
    margin-bottom: 0px;
    color: white;
}

div.row.candidate-login-link .candidate-login-link-text a {
    color: #a9dfff;
}
div.row.candidate-login-link .candidate-login-link-text a:hover, div.row.candidate-login-link .candidate-login-link-text a:active  {
    text-decoration: underline;
 }

/* Radio Matrix CSS  */

.radio-matrix-container .matrix-intro {
    padding-top: 1rem;
}

.radio-matrix {
    margin-bottom: 1rem;
}

.radio-matrix .toplabel {
    display: none
}

.radio-matrix .inputContainer {
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem;
}

.radio-matrix .inputContainer label, .radio-matrix .inputContainer input {
    margin: 0px;
}

.radio-matrix .inputContainer input {
    margin-right: 1rem;
}

@media only screen and (min-width: 40.063em) {
    .radio-matrix {
        display: grid;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: center;
        margin-bottom: 0px
    }

    .radio-matrix .inputContainer {
        padding-bottom: 0rem;
        justify-content: center;
    }

    .radio-matrix label {
        text-align: center;
        display: block;
    }

    .radio-matrix .toplabel {
        display: block;
        padding-top: 1rem;
        font-weight: bold;
    }

    .radio-matrix .gridquestion, .radio-matrix .gridcross {
        max-width: 400px;
        min-width: 200px;
        text-align: left;
    }

    .radio-matrix label.matrixLabel {
        display: none;
    }

    .radio-matrix .inputContainer label {
        margin-bottom: 0.5rem;
    }

    .radio-matrix .inputContainer input {
        margin-right: 0rem;
    }
}

.formGroup {
    margin: 23px 0px;
    padding: 10px 0 20px 0px;
    /* border: solid 1px #D3D3D3; */
    clear: both;
    background: #e8e6e6;
    border-radius: 6px;
    position: relative;
    padding-bottom: 90px;
    margin-bottom: 50px;
}

.formGroup button {
    display: inline-block;
    display: block;
    float: left;
}

.formGroupItem {
    position: relative;
    display: block;
    /*border-bottom: solid 1px #D3D3D3;*/
    margin-bottom: 20px;
}
.formGroupExpColl {
    position: absolute;
    top: 3px;
    right: 17px;
    /*float: right;*/
    z-index: 99;
    padding-bottom: 5px;
}
.formGroupExpColl span{
    cursor: pointer;
} 
.removeRepeatContainer {
    margin-bottom: 10px;
}
.formGroupRemoveIcon {
    margin-left: 10px;
    cursor: pointer;
}
.formGroup .formGroupItem .panelsubtitle {
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-family: 'ProximaNova-Semibold', Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    border-bottom: 1px solid #106550;
    color: #106550;
    margin: 0 16px 10px 16px;
}
.formGroup button.removeRepeat {
    background: #1a9274;
}
.formGroup button.addRepeat {
    border-radius: 3px !important;
}
.formGroupItemContent.row, .formGroupItemContent.row+.row
{
    margin: 8px !important;
}
.repeatbtnContainer.spacetop {
    margin: 0;
    padding: 20px 0;
    background: #CCC;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#genericFormBtnContainer {
    padding: 0 0.9375em;
}


.max-repeat-reached {
    padding-bottom: 8px!important;
}

.workday-validator-wrapper {
    padding: 1rem;
    background: #f1f1f1;
    border: 1px solid #d5d5d5;
    border-radius: 0.5rem;
}

.workday-validator-wrapper .dk-selected {
    background: #ffffff;
}

    .workday-validator-wrapper .columns {
        padding-right: 1rem !important;
    }

.workday-validator-wrapper .columns:nth-of-type(3) {
    padding-right: 0rem !important;
}

.workday-validator-wrapper label {
    font-size: small;
}

.workday-validator-wrapper .button {
    margin-bottom: 0px;
}

/* auth0 overrides */
#socialReg .auth0-lock {
    margin: 0!important;
    width: 100%;
    min-height: 120px;
}
#socialReg .auth0-lock-widget {
    width: 100%;
}
#socialReg .auth0-lock-social-button {
    width: 250px;
    margin: 10px;
    display: inline-block;
    float: left;
}
#socialReg .auth0-lock-header{
    display:none;
}
#socialReg .auth0-lock-social-buttons-container {
    display: inline-block;
    float: left;
}
#socialReg .auth0-lock-content{
    padding: 0; 
}
#socialReg {
    margin-bottom: 20px;
}

/* Adding font-faces for Kendo (which uses incorrect default path) */
@font-face {
    font-family: "DejaVu Sans";
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(vendor/kendo/fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype")
}