/*
    Description: Stylesheet for HR audit
    Version:1.0
    Author: Philip Allfrey
    Author URI: http://philip.allfrey.co.nz
*/

/** Colours */
.section-1-recruitment, .section-1-recruitment + .list-radio-wrap{
 color:#abc513;
}
.section-1-recruitment + .list-radio-wrap .active{
 background-color:#abc513;
}

.section-2-employment-agreements, .section-2-employment-agreements + .list-radio-wrap{
 color:#f58113;
}
.section-2-employment-agreements + .list-radio-wrap .active{
 background-color:#f58113;
}

.section-3-health-safety, .section-3-health-safety + .list-radio-wrap{
 color:#0e355d;
}
.section-3-health-safety + .list-radio-wrap .active{
 background-color:#0e355d;
}

.section-4-performance-discipline, .section-4-performance-discipline + .list-radio-wrap{
 color:#742191;
}
.section-4-performance-discipline + .list-radio-wrap .active{
 background-color:#742191;
}

.section-5-redundancy-restructuring, .section-5-redundancy-restructuring + .list-radio-wrap{
 color:#de027d;
}
.section-5-redundancy-restructuring + .list-radio-wrap .active{
 background-color:#de027d;
}

/** HR Audit */
.self-audit .ninja-forms-cont{
 border:solid 3px #009fd6;
 padding:0 15px 10px;
 position:relative;
 min-height:265px;
}

.self-audit .ninja-forms-form-wrap{
 min-height:210px;
}

.self-audit .ninja-forms-mp-page[rel="1"],
.self-audit .ninja-forms-mp-page[rel="23"]{
 background: #009fd6 url(self-audit-background.png) no-repeat left;
 color:#fff;
 position: absolute;
 z-index: 1;
 width: 474px;
 height: 275px;
 left: 0px;
 padding-left:245px;
 padding-right:20px;
}

.self-audit .ninja-forms-mp-page[rel="1"] h3,
.self-audit .ninja-forms-mp-page[rel="23"] h3{
 font-size:34px;
 margin-top:25px;
}

.self-audit .ninja-forms-mp-page[rel="23"] h3{
 margin-top:11px;
}

.self-audit .ninja-forms-mp-page[rel="1"] a,
.self-audit .ninja-forms-mp-page[rel="23"] a{
 color:#005288;
}

.self-audit .ninja-forms-mp-page[rel="1"] p,
.self-audit .ninja-forms-mp-page[rel="23"] p{
 font-size:18px;
 font-weight:500;
 line-height:22px;
}

.self-audit .ninja-forms-mp-page[rel="23"] p{
 margin-bottom:15px;
}

.self-audit .ninja-forms-mp-page[rel="1"] small{
 font-weight:400;
 font-size:13px;
 line-height:17px;
 display:inline-block;
 margin-top:7px;
}

.self-audit .your-email{
 background: #ccc;
 color: #009fd6;
 font-size: 15px;
 font-weight: 500;
 border:none;
}

.self-audit .audit-submit{
 position: absolute;
 right: 26px;
 bottom: 97px;
 border: none;
}

.self-audit .signup-checkbox-wrap{
 padding-top:15px;
 font-weight:400;
}

.self-audit .back-link{
 font-size: 13px;
 font-weight: 600;
 color: #005288;
 margin-top: 0px;
 padding-top: 9px;
 margin-bottom: 0px;
}

.self-audit .signup-checkbox{
 margin-right:0 !important;
}

.self-audit .ninja-forms-field[type="radio"]{
 display:none;
}

.self-audit .list-radio-wrap li{
 display:inline-block;
 padding:0 !important;
}

.self-audit .list-radio-wrap li label{
 border-radius:50%;
 background-color:#ccc;
 color:#fff;
 overflow:hidden;
 width:36px;
 height:36px;
 line-height:36px;
 text-align:center;
 text-transform:uppercase;
 font-weight:500 !important;
 cursor:pointer;
 margin-right:20px;
}

.self-audit .field-wrap{
 margin-bottom:0;
}

.self-audit .ninja-forms-field > p{
 margin-top:5px;
}

.self-audit .ninja-forms-mp-nav-wrap input{
 -webkit-appearance: none;
 border: none;
 width: 36px !important;
 height: 36px !important;
 line-height:36px;
 font-size:24px;
 font-weight:500;
 color:#555;
 padding: 0;
 border-radius: 50%;
 position:absolute;
 bottom:40px;
 color:#fff;
 background-color:#009fd6;
}

.self-audit .ninja-forms-mp-nav-wrap input[name^="_next"]{
 right:15px;
}

.ninja-forms-cont .meter{
 position:absolute;
 bottom:10px;
 width:95%;
 max-width:444px;
}

.ninja-forms-cont .meter > span{
 background-color:#555;
}

.self-audit .your-email{
 border-radius:17px;
 padding:9px;
}

.self-audit .audit-submit{
 border-radius:50%;
 padding:0;
 width:24px;
 height:24px;
 background:#009fd6;
 color:#fff;
}

div[id^=nf_processing] input{
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}