/*APPLICATION TIMELINE FOR PAGE LAYOUT*/

.webform-submission-build-back-better-form .progress-step:not(:last-child)::after{
    z-index:1;
  }
  
  .webform-submission-build-back-better-form  input, label, select, textarea {
      line-height:1.6em !important;
      font-size:18px !important;
  }
  
  .webform-submission-build-back-better-form  .progress-step.is-complete::after {
      background-color: #0078d6;
  }
  
  /*Confirmation message padding*/
  
  .webform-submission-build-back-better-form .webform-confirmation {
      padding: 20px 0 80px !important;
  }
  
  /*buttons - call to action (next and previous and submit) styling*/
  
  .webform-submission-build-back-better-form .form-actions input {
      border: 1px solid #0856a000 !important;
      color: #ffffff!important;
      text-transform: uppercase !important;
      padding: 10px 30px !important;
      background-color: #007ada !important;
      margin-bottom:0px !important;
  }
  
  .webform-submission-build-back-better-form .form-actions input:hover{
      background: rgb(0, 153, 247) !important;
  }
  
  .webform-submission-build-back-better-form  .form-actions {
      margin-top: 2em !important;
  }
  
  /*style for custom titles*/
  .webform-submission-build-back-better-form  p.form-title {
      text-align: left;
      color: #007cde !important;
      line-height: 1.4em;
      text-transform:uppercase;
      font-size: 24px;
      font-weight: bold;
      padding: 30px 0;
  }
  
  /*Border removal for first page info*/
  
  .webform-submission-build-back-better-form  input#edit-course-code, input#edit-course-title, input#edit-start-date, input#edit-start-time, input#edit-duration, input#edit-location {
      border: 0px;
  }
  
  /*Select option square*/
  
  .webform-submission-build-back-better-form  select {
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
      background-position: 100% 50%;
      background-repeat: no-repeat;
  }
  
  /*Term and Condition tick box font size change*/
  
  .webform-submission-build-back-better-form  label.option{
     line-height: 1.6em;
      font-size: 18px;
  }
  
  /*MAIN LAYOUT CODE - IMPPORTANT DO NOT REMOVE*/ /*MAIN LAYOUT CODE - IMPPORTANT DO NOT REMOVE*/ /*MAIN LAYOUT CODE - IMPPORTANT DO NOT REMOVE*/ /*MAIN LAYOUT CODE - IMPPORTANT DO NOT REMOVE*/ /*MAIN LAYOUT CODE - IMPPORTANT DO NOT REMOVE*/
  @media screen and (min-width: 981px){
  .webform-submission-build-back-better-form  label {
      width: 35% !important;
      margin-right:3% !important;
  }
  
  .webform-submission-build-back-better-form  legend{
      font-weight:400 !important;
    display: inline-block !important;
      width: 35% !important;
      margin-right: 3% !important;
      float: left;
  }
  
  .webform-submission-_2285-add-form input#edit-email, input#edit-email--2, input#edit-email--3 {
      width: 60% !important; 
  }
  
  /*style for different fields used on the form*/
  
  .webform-submission-build-back-better-form select, input[type=text], input[type=tel], input[type=number], input[type=date], input[type=email]{
        height:43px;
        /*border-style: none none solid none !important;*/
    
    }
  
  
  .webform-submission-build-back-better-form .form-textarea-wrapper textarea {
  border:1px solid #0058a3 !important;
  }
  
  .webform-submission-build-back-better-form  input[type=tel]{
      padding: 5px !important;
      border: 1px solid #0856a0 !important;
      height: 43px;
  }
  
  /*removing bold style from legend label*/
  
  .webform-submission-build-back-better-form .form-composite &gt; legend, .label{
    font-weight: 400 !important;
  }
  
  /*Style buttons*/
  
  .webform-submission-build-back-better-form  .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
      max-width: 28% !important;
      margin-bottom: 9px !important;
      border-radius: 0px !important;
  }
  
  
  /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/ /*STYLES ONLY FOR THIS WEBFORM*/
  
  /*Height of the text area*/
  
  .webform-submission-build-back-better-form  .webform-submission-form .form-textarea-wrapper{
    height:155px !important;
  }
  
  /*Flexbox code for title and 2 options (important to set number for each flexbox)*/
  
  .webform-submission-build-back-better-form .js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-from.form-item-from label {
      width: 50px !important;
      /* float: inherit; */
      text-align: left;
      /* vertical-align: middle; */
  }
  
  .webform-submission-build-back-better-form  .js-form-item.form-item.js-form-type-date.form-type-date.js-form-item-to.form-item-to label {
      width: 50px !important;
  }
  
  .webform-submission-build-back-better-form  input#edit-from, input#edit-to, input#edit-postcode {
      width: 200px;
  }
  
  .webform-submission-build-back-better-form div#edit-flexbox {
      margin: auto 0px;
  }
    
  .webform-submission-build-back-better-form  .webform-flex.webform-flex--1 {
      flex-basis: 35%;
      margin-right: 3%;
  }
  
  .webform-submission-build-back-better-form  .webform-flex.webform-flex--2, .webform-flex.webform-flex--3 {
      flex-basis: 30%;
  }
  
  .webform-submission-build-back-better-form  .webform-flex--container {
      margin: 0px;
  }
  }
  
  /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*//*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ /*MOBILE*/ 
  
  @media screen and (max-width: 980px){
  
  .webform-submission-build-back-better-form.webform-submission-form label, .webform-submission-form input[type=text], .webform-submission-form input[type=number], .webform-submission-form input[type=date], .webform-submission-form input[type=tel], .webform-submission-form input[type=email], .webform-submission-form select, .webform-submission-form .form-textarea-wrapper, label, legend{
  width:100% !important;
  }
  .webform-submission-build-back-better-form .form-actions input{
  width:100% !important;
  margin-left: 0em !important;
  margin-right: 0em !important;
  }
  .webform-submission-build-back-better-form legend, label{
  font-weight: 400 !important;
  }
  .webform-submission-build-back-better-form  label, .webform-submission-form input, .webform-submission-form .form-textarea-wrapper {
      display: inline-block !important;
  }
  .webform-submission-build-back-better-form  .form-item, .form-actions {
      margin-top: 1em;
      margin-bottom: 1em;
      margin-right: 0%;
      margin-left: 0%;
  }
  .webform-submission-build-back-better-form  .form-composite &gt; legend, .label  .webform-submission-form label, .webform-submission-form label, .webform-submission-form input, .webform-submission-form .form-textarea-wrapper .webform-submission-form input[type=text], .webform-submission-form input[type=number], .webform-submission-form input[type=date], .webform-submission-form input[type=tel], .webform-submission-form input[type=email], .webform-submission-form select, .webform-submission-form .form-textarea-wrapper {
      display: inline-block !important;
      width: 100% !important;
      margin: 0 auto;
     
  }
  .webform-submission-build-back-better-form  .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
      max-width: 47% !important;
      border-radius: 0px !important;
  }
  .webform-submission-build-back-better-form label{
    margin-bottom:5px !important;
  }
  .webform-submission-build-back-better-form  legend{
    margin-bottom:15px !important;
  }
  /*MOBILE FONT*/
    
  .webform-submission-build-back-better-form label {
      font-size: 18px !important;
  }
  
  .webform-submission-build-back-better-form  legend {
      font-size: 18px !important;
  }
  
  .webform-submission-build-back-better-form  button, input, optgroup, select, textarea {
      font-size: 18px !important;
  }
  
  .webform-submission-build-back-better-form  label.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-radio-label {
      font-size: 18px !important;
  }
    
  .webform-submission-build-back-better-form div#edit-add-notes_counter{
       font-size: 18px !important;
    }
  }
  
  /* CODE SPECIFIC FOR THIS FORM*/
  
  .webform-submission-build-back-better-form div#edit-session {
      display: flow-root;
  }
  
  .webform-submission-build-back-better-form input#edit-phone-number {
      width: 60%;
  }
  
   fieldset-legend js-form-required form-required
  
  
  
  /*TABLE LAYOUT QUALIFICATIONS*/
  
  
  
  /*FINISH CODE FOR TABLE QUALIFICATIONS*/
  
  
  /*Styling for marketing permissions box*/
  
  
  
  .webform-submission-build-back-better-form div#edit-marketing-permissions p {
      line-height: 1.6em !important;
      font-size: 15px !important;
  }
  .webform-submission-build-back-better-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
      line-height: 1.6em !important;
      font-size: 15px !important;
  }
  .webform-submission-build-back-better-form label[for="edit-terms-of-service"], label[for="edit-terms-of-service-01"] {
      font-size: 15px !important;
  }
  .webform-submission-build-back-better-form div#edit-marketing-gdpr {
      background-color: #e2e2e226;
          padding: 40px 60px;
  }
  .webform-submission-build-back-better-form.form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-01.form-item-terms-of-service-01 {
      margin-top: 0px;
  }
  .webform-submission-build-back-better-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
      margin-bottom: 2px;
  }