/* Fixing background colour of mobile toggle bar*/
.navbar-toggle {
  background-color: transparent !important;
}

/* Shrinking navbar for leads */
.nav > li > a {
  padding: 10px 11px !important;
}

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

.well-sm > div > label {
  display: inline;
}

/*---Password reset styling---*/
button.mfp-close {
  position: absolute !important;
  height: 35px;
}

button.forgot-password-reset {
  margin-top: 10px;
}

/*---Setting colours for buttons ---*/
.brand-primary-background {
  background-color: #074daf !important;
}

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

/*---Dental specific ---*/

.navbar .container-fluid {
  max-width: 100% !important;
}

.navbar a {
  font-size: 12px !important;
}

.glyphicon-ok:before {
  color: greenyellow;
  font-size: 18px;
}

.glyphicon-remove:before {
  color: orangered;
  font-size: 18px;
}

.navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

h3.well-heading {
  border-bottom: 0px !important;
}

/* Hides invisible header from data processing consent page */
#anchor_DataProcessingConsent {
  display: none;
  visibility: hidden;
}

/* Hides userdefinedfieldone */
input[name="UserDefinedFieldOne"] {
  display: none;
  visibility: hidden;
}

/* Adds red asterisks to consent questions */
#anchor_e42c1430-fccd-4389-ab73-d096643b7d2b::after,
#anchor_3c23b977-f8ba-4ab2-9a2b-f0c6de7bc59f::after,
#anchor_82e18d07-78f0-44d3-aa5f-bbc74fecd905::after,
#anchor_820129d8-3f38-46ee-904a-77c60e06dacb::after {
  content: "*";
  color: red;
}

/* ---- 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; */
}

button {
  cursor: pointer !important;
}

.nav.waiting-nav {
  margin-right: -60px;
  margin-left: -60px;
}

.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("") !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: #074daf !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: #074daf !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: #074daf !important;
  border-color: #074daf !important;
}

.btn-default:hover {
  background: #074daf !important;
  border-color: #074daf !important;
}

.theme-button {
  margin-bottom: 2px !important;
  cursor: pointer !important;
  display: inline-block !important;
  background: white !important;
  border: 0px !important;
  color: #074daf !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 {
  border: 0 !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  min-height: 41px !important;
}

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

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

h1,
h2 {
  background: #074daf !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 #074daf !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;
  margin-bottom: 10px !important;
}

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 #074daf !important;
}

.radio input:checked,
.checkbox input:checked,
.main-form input[type="radio"]:checked,
.main-form input[type="checkbox"]:checked {
  background: #074daf !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 #074daf, 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: #074daf;
  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 ---- */