body {
  background-color: #fefefe !important;
  /* background-image: url('https://az659834.vo.msecnd.net/eventsairaueprod/production-ozaccom-public/3d345e63331644b58e55f312c3c2f375') !important;
  background-attachment: fixed;
  background-size: cover; */
  margin-bottom: 60px;
}

.main-form {
  background: #ffffff !important;
  color: #333333 !important;
  margin-top: 40px !important;
  border-radius: 20px;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #102434 !important;
}

.main-form form p {
  padding: 0;
}

.text-left.h3, .text-left.h4, .text-center.h3, .text-center.h4, .text-right.h3, .text-right.h4 {
  border-bottom: 4px solid #102434 !important;
  padding-left: 0 !important;
  font-weight: bold;
  padding: 10px
}

.text-left.h1 {
  background: #102434 !important;
  color: #ffffff !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-top: -15px !important;
}

.h1.text-center {
  background: #102434;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  color: #fff !important;
  padding: 4px !important;
}

input.form-control {
  cursor: text !important;
  height: 34px !important;
  line-height: normal !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 8px !important;
}

.select2-container {
  border: none !important;
  line-height: normal !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.select2-drop input {
  width: 100% !important;
  max-width: 100% !important;
}

.select2-container a {
  border: 0 !important;
  box-shadow: none !important;
}

.select2-chosen {
  cursor: text !important;
  height: 34px !important;
  line-height: normal !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
  margin-right: 17px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.form-group .text-right {
  padding-right: 0 !important;
}

.select2-arrow {
  width: 34px !important;
  border-radius: 0 !important;
}

.select2-arrow b {
  display: block !important;
  width: 70% !important;
  height: 70% !important;
  background: none !important;
  background-size: cover !important;
  margin: 15% !important;
}

.select2-drop {
  border-top: none !important;
}

button, input.btn, a.btn {
  border-radius: 12px !important;
  background-image: none !important;
  border: 0 !important;
  height: 30px !important;
  font-size: 10pt !important;
  font-weight: bold !important;
  line-height: 30px !important;
  /* padding: 0 15px !important; <-- rectangle button padding */
  padding: 0px 20px !important;
  white-space: nowrap !important;
  background: #102434 !important;
  color: #fff !important;
  /* button animation */
  transition-duration: 0.2s !important;
  transition-property: all !important;
}

button:hover, button:active, input.btn:hover, a.btn:hover {
  /* -webkit-transform: scale(0.98) !important;
  -moz-transform: scale(0.98) !important;
  transform: scale(0.98) !important; */
  background: #dedede !important;
  color: #000 !important;
}

.btn-sm {
  border-radius: 0px !important;
  font-weight: normal;
  padding: 0px !important;
}

.btn-file {
  background: #102434 !important;
  border-color: #102434 !important;
}

button.close {
  color: #000 !important;
  font-size: 18px !important;
}

/* Hide cancel button */
.btn[value="Cancel"] {
  display: none !important;
}

.group-option-button {
  min-width: 100px !important;
}

.alert-warning, .alert-danger {
  border-radius: 0 !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
  border: 0 !important;
}

button.close {
  background: none !important;
  opacity: 1 !important;
}

form.form-horizontal:has(input) {
  margin-bottom: 15px !important;
}

form .text-left {
  padding: 4px !important;
  margin: 0 !important;
  opacity: 1 !important;
  transition: opacity 0.6s !important;
}

form .row {
  margin: 15px 0 !important;
}

form .form-group {
  padding-right: 0px !important;
}

font, strong {
  background: none;
}

* {
  transition: none !important;
}

textarea.form-control {
  max-width: 100% !important;
  cursor: text !important;
  line-height: normal !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s !important;
}

.form-group .col-sm-9 {
  padding-right: 0 !important;
}

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

.navbar .container-fluid, .navbar .navbar-collapse {
  padding: 0 !important;
  height: 40px !important;
}

.navbar .navbar-nav {
  height: 40px !important;
}

.navbar li {
  box-shadow: none !important;
  height: 40px !important;
}

.navbar li a {
  box-shadow: none !important;
  font-weight: bold !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
}

.navbar .navbar-right {
  margin-right: 0px !important;
}

.alert-info.centered-text, .alert-success.centered-text, .well {
  border-radius: 0 !important;
  box-shadow: none !important;
}

#step-sidebar {
  padding: 0 !important;
  margin-top: 15px !important;
}

.step.numbered, .step.brand-primary-background {
  padding: 10px !important;
  border: 0 !important;
  border-bottom: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  background-color: #102434;
}

.step.numbered.step-selected {
  display: block !important;
}

.presentation-list input.btn, .presentation-list a {
  height: 24px !important;
  line-height: 24px !important;
  padding: 1px !important;
  font-size: 13px !important;
}

.welcome {
  font-style: normal !important;
  width: unset !important;
  margin-bottom: 0px !important;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

.nav.pull-right {
  margin-right: 0px;
}

#main-form {
  padding: 0 !important;
}

.navbar.navbar-inverse.navbar-inside-page.center-block {
  width: 100% !important;
  margin-left: 0 !important;
}

.radio input {
  -webkit-appearance: none !important;
  box-shadow: none !important;
  padding: 9px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  top: -5px !important;
}

.radio input:focus {
  outline: none !important;
}

.text-right.h5 {
  padding-right: 15px !important;
  font-weight: bold !important;
}

.text-left.h5 {
  padding: 13px !important;
}

.radio input:checked {
  border: none !important;
}

.select2-arrow b:before {
  content: '▼' !important;
  font-size: 12px !important;
  width: 34px !important;
  height: 34px !important;
  padding-top: 0;
  position: absolute;
  top: 9px;
  left: 11px;
}

form h5 {
  padding-left: 15px;
}

form p {
  padding: 15px;
}

label {
  font-weight: bold !important;
}

.processor-target {
  float: left !important;
  clear: both !important;
  width: 100% !important;
}

.processor-target .panel-heading {
  background-image: none !important;
}

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

.main-form h1, .main-form h2, .main-form h3, .main-form h4, .main-form h5, .main-form h6, .main-form .h1, .main-form .h2, 
.main-form .h3, .main-form .h4, .main-form .h5, .main-form .h6, .main-form button {
  font-family: 'Roboto', sans-serif !important;
}

.main-form p, .main-form label {
  font-family: 'Open Sans', sans-serif !important;
}

.main-form label {
  text-transform: uppercase !important;
}

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

.col-sm-3.text-left {
  padding-top: 0 !important;
}

form.form-horizontal .has-feedback span.form-control-feedback.has-error {
  left: calc(50% - 40px)!important;
}

.main-form input[type="radio"] {
  width: 24px!important;
  height: 24px!important;
}

input:focus, textarea:focus {
  border: 1px solid #fafafa!important;
  -webkit-box-shadow: 0 0 6px #007eff!important;
  -moz-box-shadow: 0 0 5px #007eff!important;
  box-shadow: 0 0 5px #007eff!important;
}

input[type="checkbox"], input[type="radio"] {
  width: auto !important;
}

.radio input, .checkbox input, input[type="checkbox"] {
  background: #f8f8fc !important;
  border: 1px solid #102434 !important;
}

.radio input:checked, .checkbox input:checked, input[type="checkbox"]:checked {
  background: #102434 !important;
  color: #ffffff !important;
}

.select2-choice, input.form-control, textarea.form-control, .payment-method select {
  background: #ffffff !important;
  border: 1px solid #ccc !important;
  border-radius: 15px;
  color: #000000 !important;
  width: 98% !important;
}

.select2-chosen, .select2-choice>span:first-child, .select2-container .select2-choices .select2-search-field input {
  padding: 8px 12px;
}

.select2-container .select2-choice>.select2-chosen {
  border: 1px solid #ccc !important;
  border-radius: 4px;
}

.select2-arrow, .input-group-addon, .select2-highlighted {
  background: #102434 !important;
  color: #ffffff !important;
}

.select2-drop-active {
  border-color: #102434 !important;
}

.select2-drop {
  background: #ffffff !important;
  color: #333333 !important;
}

.select2-search {
  background: #f8f8fc !important;
  color: #999999 !important;
}

.alert {
  background: #CC0000 !important;
  color: #FFFFFF !important;
}

.alert-success {
  background: #4BB543 !important;
}

label.has-error {
  color: #CC0000 !important;
  padding-left: 5px !important;
}

.glyphicon.has-error, .glyphicon.text-warning {
  color: #CC0000 !important;
}

.pull-right td {
  color: #333333 !important;
}

.processor-target .panel {
  border-color: #102434 !important;
}

.panel-heading {
  background: #102434 !important;
  border-color: #102434 !important;
  color: #fff !important;
}

.main-form .h5, .main-form h5, .main-form .h6, .main-form h6 {
  color: #333333 !important;
}

.main-form h5 {
  border-bottom: 4px solid #102434 !important;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 14pt;
  font-weight: bold;
}

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

.col-sm-3.text-left>label {
  padding-left: 13px;
}

input[type=text]:disabled {
  background: #c5c3c3 !important;
}

div.function-date-time {
  margin-top: 15px;
  margin-bottom: 15px;
}

.brand-header {
  margin-bottom: 0px !important;
  border-radius: 20px;
}

/* components */
.component {
  margin: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

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

html {
  position: relative;
  min-height: 100%;
}

.footer {
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 80px !important;
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  .brand-footer-bg {
      display:inline-block;
      padding-bottom:40px;
  }
}

#loginForm h2 {
  text-align: left;
  /* padding-left: 15px; */
  /* padding-left: 15px !important; */
  color: #102434 !important;
  background: none !important;
  border-bottom: 4px solid #102434;
  margin-left: 0px !important;
  margin-right: 4px;
  margin-bottom: 30px !important;
}

h2 {
  background: #102434;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0px;
  color: #fff !important;
  padding: 8px !important;
  font-size: 20pt;
  text-align: center;
}

.form-horizontal .form-group {
  margin-left: -15px;
  /* margin-right: -15px; */
}

/* remove headings from client portal app */
.collapse.navbar-collapse {
  background-color: #102434;
  /* border-radius: 4px; */
  margin-right: -15px;
  margin-left: -15px;
}

.navbar.navbar-inverse + h2, form#searchform h2, input#page-id + h2 {
  display: none;
}

/* nav bar */
.collapse.navbar-collapse li a {
  color: white;
  /*margin-right: -5px !important;*/
  right: 5px;
  left: 0px;
}

/* Change colour depending on theme */
.collapse.navbar-collapse li.active a {
  background-color: #4CAF50 !important;
  /* background-color: #333 !important; */
  background-image: none;
  color: white;
}

.collapse.navbar-collapse li a:hover, .collapse.navbar-collapse li a:focus {
  background-color: #ddd;
  color: #000;
}

.collapse.navbar-collapse li.active a:hover {
  background-color: #4CAF50 !important;
  background-image: none;
  color: white;
}

/* information sections */
.btn-default {
  margin-bottom: 0px !important;
  margin-top: 0px;
  background-color: #102434 !important;
}

div > input#searchButton {
  margin-left: 5px;
}

input#searchButton.btn, input#clearButton.btn {
  /* margin-left: 5px; */
  margin-top: 0px;
}

.row {
	padding-left:5px;
}

.row.result-row div.col-sm-3, .row.result-row div.col-sm-4 {
  margin-top: 7px;
}

.row.result-row .btn {
  margin-right: 5px;
  margin-top: 0px;
}

.brand-btn-default-bg {
  background-color: #102434 !important;
}

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

/* Make dropdown menu visivle in navbar */
.dropdown-menu > li > a {
  color: #333333 !important;
}

/* Don't change cursor when hovering over checkbox/radio button */
.checkbox input, .radio input {
  cursor: initial !important;
}

.checkbox.form-group, .checkbox.form-group .col-xs-9 {
  padding-left: 0;
}

.checkbox input, 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: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
}

.checkbox input:active, .checkbox input:checked:active, input[type="checkbox"]:active {
  box-shadow: none !important;
}

.checkbox input:checked, input[type="checkbox"]:checked {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.checkbox input:checked::after, input[type="checkbox"]:checked::after {
  content: '\2714' !important;
  font-size: 14px !important;
  position: absolute !important;
  top: 0px !important;
  left: 3px !important;
}

.checkbox label strong label::before, input[type="checkbox"] label strong label::before {
  content: "";
  background: none;
  border: none;
}

.paper-indicator.draft {
  padding: 10px 30px;
}

/* Page number thing */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #102434;
  border-color: #102434;
}

.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  color: #102434;
}

#bookingsContainer .btn, .contact-info .btn {
  margin-bottom: 10px !important;
  margin-top: 0px !important;
}

.col-sm-6 > h2 {
  margin-left: -15px;
  margin-right: -10px;
  height: 40px;
}

.col-sm-6 > div > .btn-default {
  margin: 10px 0px !important;
}

.modal-dialog {
  width: 750px !important;
}