/* ---- Global Page Styling ---- */

    /* Adds space at top of header and curves page corners */
  .main-form {
    background: #ffffff !important;
    color: #333333 !important;
    margin-top: 40px !important;
    max-width: 1200px !important;
    /*border-radius: 20px; */     
  } 

  .img-responsive {
    width: 1200px !important;
    /*    border-radius: 20px 20px 0 0; */
  }

/*
  .brand-header {
    border-radius: 20px;
  }
*/

div.main-form {
  max-width: 1200px !important;
}

body {
  background-color: #f5f5f5 !important;
  /* Insert Image URL for background here */
  background-image: url("https://az659834.vo.msecnd.net/eventsairaueprod/production-ozaccom-public/0a1b8cde43bf4b50a5f43c181fbeb858") !important;
  background-attachment: fixed;
  background-size: cover;
  opacity: 0.98;
}

/* Progress bar settings */
.progress {
  height: 18pt;
}

.progress-bar {
  background: #0abb60;
  background-image: linear-gradient(45deg,
  #0fcd6c 25%,
  #0000 25%,
  #0000 50%,
  #0fcd6c 50%,
  #0fcd6c 75%,
  #0000 75%,
  #0000);
  transition: 1s ease !important;
  line-height: 18pt;
  font-size: 12pt;
  font-weight: 600;
  color: #000;
  animation: animate-progress 8s linear infinite;
  background-size: 100px 100px;
  box-shadow: inset 0px 5px 5px 5px rgba(255, 255, 255, 0.3);
}

.theme-progress {
  border-radius: 0px;
}

@keyframes animate-progress {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100px 0;
  }
}

  /* Add currency info to fees */
  .fee-amount::before,
  .fee-summary::before,
  .theme-payment-summary .fixed-width-cost-col::before,
  .theme-summary .fixed-width-cost-col:nth-child(4)::before,
  .table-payment .text-right::before {
    content: "$";
  }
  
  /*
  .fee-amount::after,
  .fee-summary::after,
  .theme-payment-summary .fixed-width-cost-col::after,
  .theme-summary .fixed-width-cost-col>strong::after {
    content: " AUD";
  }*/
  /* Sets AMOUNT and TOTAL to bold */
  .text-muted {
    font-weight: bold;
  }

  /* Curves box storing value for + and - */
  div.form-group .form-control.theme-number {
    border-radius: 10px;
  }

  /* Removes shadow around main form and adds padding to bottom of page */
  #main-form {
    padding-bottom: 15px;
    box-shadow: none !important;
  }  

  div.delayed-component-content {
    box-shadow: none !important;
  }

  
     /* Footer styling */
     .brand-footer-bg {
      background-color: transparent;
      margin-bottom: 15px;
      width: auto !important;
      margin-left: 0px;
      margin-right: 0px;
    }

    
  /* Changes buttons to black with white text and circular shape */
  button,
  input.btn,
  a.btn {
    border-radius: 15px !important;
    border: 0 !important;
    /*height: 34px !important;*/
    font-size: 0.9167em !important;
    font-weight: bold !important;
    line-height: 34px !important;
    /* padding: 0 15px !important; <-- rectangle button padding */
    /*padding: 0px 30px !important;*/
    white-space: nowrap !important;
   /* text-transform: uppercase !important;*/
    background: #26383d !important;
    color: #fff !important;
    /* button animation */
    -webkit-transform: perspective(1px) translateZ(0) !important;
    -moz-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;*/ 
    transition-duration: 0.3s !important;
    transition-property: transform, color, background-color !important;
  }

  /* Makes 'Edit' circular and smaller than regular buttons */
  a.btn {
    border-radius: 15px !important;
    border: 0 !important; 
    height: 34px !important;
    font-size: 0.9167em !important;
    font-weight: bold !important;
    line-height: 34px !important;
    padding: 0px 30px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    background: #26383d !important;
    color: #fff !important;
    -webkit-transform: perspective(1px) translateZ(0) !important;
    -moz-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%) !important;
    transition-duration: 0.3s !important;
    transition-property: transform, color, background-color !important;
  }
  
  .btn-file {
    background: #26383d !important;
    border-color: #26383d !important;
  }
  
  .btn-default:hover {
    background: #102433 !important;
    border-color: #102433 !important;
  }

  .theme-button {
    margin-bottom: 2px !important;
    cursor: pointer !important;
    display: inline-block !important;
    background: white !important;
    border: 0px !important;
    color: #000000 !important;
    padding: 5px !important;
  }

  .theme-label-primary {
    background-color: #26383d;
    border-radius: 10px;
  }
  
  /* Padding across text used in all forms */
  form p {
    padding: 15px;
  }

  .main-form form p {
    padding: 5px 15px 5px 15px;
  }

    /* Hide nav bar */
    .navbar {
      height: 40px !important;
      border: 0 !important;
      padding: 0 !important;
      background: none !important;
      border-radius: 0 !important;
      height: 40px !important;
      min-height: 41px !important;
    }

    .nav {
      padding-top: 18px !important;
    }

  /* Styling for headings1-6 */  
  h1, h2, h3, h4, h5, h6 {
    color: #26383d !important;
  }

  h1, h2 {
    background: #26383d !important;
    color: #ffffff !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-top: -15px !important;
    padding: 10px;
  } 


  /* Adds 'line' underneath h3 and h4 with bold font */
  h3, h4 {
    font-weight: bold !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    border-bottom: 4px solid #26383d !important;
    margin-left: 0% !important;
  }

  h5 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-weight: bold;
    margin: 0 15px;
    padding: 5px 0;
    font-size: 16px;
  }

  h2 {
    margin-top: 10px !important;
  }

  .text-left.h2 {
    padding: 15px !important;
  }

  /* Formats secondary headers to not have underline */
  .text-left.h4 {
    font-weight: bold;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    border-bottom: none !important;
    margin-left: 1% !important;
  }

  /* Radio buttons/Checkboxes made larger, coloured and filled correctly */
  .radio input,
  .checkbox input,
  .main-form input[type="radio"],
  .main-form input[type="checkbox"] {
    background: #f8f8fc !important;
    border: 1px solid #26383d !important;
  }
  
  .radio input:checked,
  .checkbox input:checked,
  .main-form input[type="radio"]:checked,
  .main-form input[type="checkbox"]:checked {
    background: #26383d !important;
    color: #ffffff !important;
    transition: 0.3s linear !important;
  }

  .radio input:focus,
  .main-form input[type="radio"]:focus {
    outline: none !important;
  }
  
  .radio input:checked,
  .main-form input[type="radio"]:checked {
    border: none !important;
  }  

  .radio input,
  .main-form input[type="radio"] {
    -webkit-appearance: none !important;
    box-shadow: none !important;
    padding: 9px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    position: relative !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    top: -5px !important;
  }

  .checkbox input:checked,
  .main-form input[type="checkbox"]:checked {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 24px !important;
    height: 24px !important;
  }

  /* Checkbox has tick appear when selected */
  .checkbox input:checked::after,
  .main-form input[type="checkbox"]:checked::after {
    content: "\2714" !important;
    font-size: 14px !important;
    position: absolute !important;
    top: 2px !important;
    left: 6px !important;
  }


  .checkbox input,
  .main-form input[type="checkbox"] {
    -webkit-appearance: none !important;
    box-shadow: none !important;
    padding: 9px !important;
    border-radius: 0px !important;
    display: inline-block !important;
    position: relative !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
  }

    /* Change mouse to pointer when hovering radio/checkbox button */
    .checkbox input,
    .radio input {
      cursor: pointer !important;
    }

    /* Styling for box around panels */
    .theme-panel {
      box-shadow: inset 0 -5px 0 0 #26383d, 
      0px 0px 0px 0 rgb(0 0 0 / 5%), 
      0px 0px 0px 2px rgb(0 0 0 / 5%) !important;
      border-radius: 5px;
      padding: 2% 2%;
    }


    /* Shifts text next to checkboxes and + - to be closer on mobile and desktop */
    .col-sm-2 {
      width: none;
    }

    @media (min-width: 768px) {
    .col-sm-2 {
      width: unset !important;
    }
  }


  /* Program table formatting to extend across page, colour column header and alternate row background colour*/  
  .programTable {
    width: 100% !important;
  }
  .programTable tr th {
    background-color: #26383d;
    color: white;
  }
  .programTable tr th, .programTable tr td {
    padding: 5px;
    text-align: left;
  }
  .programTable tr:nth-child(odd) {
    background-color: #f2f2f2;
  }
  .programTable tr td:first-child {
    width: 30%;
  }
  .programTable td {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
  }    

  /* ---- Global Page Styling End ---- */
    
  /* ---- Incomplete registration page ---- */
.main-form.landing h2 {
    background: #26383d !important;
    color: #ffffff !important;
    padding: 15px !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px !important;
    opacity: 1 !important;
    transition: opacity 0.6s !important;
    font-size: 20pt;
    background-color: white;
  }
  
  #main-form.landing>div>div.component>p {
    border: 1px solid #ccc;
    padding: 10px !important;
  }
  
  #main-form.landing>div>div.component p a {
    background: #26383d;
    color: #ffffff !important;
    border-radius: 25px !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    padding: 9px 12px;
    line-height: 40px !important;
    display: inline !important;
    /* button animation */
    -webkit-transform: perspective(1px) translateZ(0) !important;
    -moz-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
    transition-duration: 0.3s !important;
    transition-property: transform, color, background-color !important;
  }
  
  #main-form.landing>div>div.component p a:hover,
  #main-form.landing>div>div.component p a:first-of-type:hover {
    background: #102433 !important;
  }
  
  #main-form.landing>div>div.component p a:first-of-type {
    background: #4bb543 !important;
  }
  
  #main-form.landing>div>div.component p a:nth-child(4) {
    background: #bb2124;
  }
  
  #main-form.landing>div>div.component p a::before {
    background: none;
  }
  
  #main-form.landing>div>div.component p a:link,
  #main-form.landing>div>div.component p a:visited,
  #main-form.landing>div>div.component p a:hover,
  #main-form.landing>div>div.component p a:active {
    text-decoration: none;
  }
  /* ---- Incomplete Registration Page End ---- */
 
  /* ---- Accommodation Page ---- */
  /* Hide empty room photo for accommodation page */ 
    .row.room-type div.col-sm-2.hidden-xs {
    display: none;
}

    .row.room-type div.col-sm-4.col-xs-8 {
        padding-top: 30px;
        padding-left: 30px;
    
}

    .row.room-type div.col-sm-2.col-xs-4 {
        padding-top: 30px;
}

    .row.room-type div.col-sm-3.col-xs-12 {
    padding-top: 23px;
}

    .row.room-type div.col-sm-1 {
    padding-top: 25px;
}
  /* ---- Accommodation Page End ---- */

  /* ---- Summary Page ---- */

  .main-form div[data-templateplaceholder="policies"] strong {
    padding-bottom: 5px !important;
    font-weight: bold !important;
    color: #26383d !important;
    border-bottom: 0 !important;
    font-size: 16px !important;
  }
  
  .main-form div[data-templateplaceholder="policies"]>div {
    margin-left: -12px !important;
  }

  /* Hides edit button next to each heading below main */
  .summary-table h4>a.btn {
    display: none;
  }


  /* ---- Summary Page End ---- */