/* Removing HTML that I cant */
#topArea, #darkContent>img, #darkContent>ul, .login-section .col-50.black .text-container>h3{
    display: none;
}
.dashboard{
    font-weight: 400;
}
/* Variables */
:root {
  --dark-blue: #232E48;
  --mid-blue: #315F8B;
  --bright-blue: #519BD4;
  --yellow: #FFD321;
  --light-yellow: #FFF0B5;
  --silver: #A7A7A7;
  --mid-silver: #CBCBCB;
  --light-silver: #EEEEEE;
  --white: #FFFFFF;
  --red: #FF2E00;
  --light-red: #F6CFCC;
  --green: #34A853;
  --light-green: #BBE2C6;

  --table-striped: #F5F5F5;

  --font: "Roboto", sans-serif;
  --font-size: 16px;
}

/* SITE STYLES */
body, body.oneGolf {
  background-color: var(--white);
  color: var(--dark-blue);
  margin: 0;
  font-family: var(--font);
  font-size: var(--font-size); 
  line-height: 1.55;
}
body * {
  : var(--font);
  font-size: var(--font-size);
}
body.oneGolf a {
  color: var(--mid-blue);
}
body.oneGolf a:hover {
  color: var(--bright-blue);
}
body h1, body.oneGolf h1{
    font-size: 31px;
    font-weight: bold;
    line-height: 1.55;
    font-family: var(--font);
}
body h2, body.oneGolf h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.55;
  font-family: var(--font);
}
body h3, body.oneGolf h3 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.55;
  font-family: var(--font) !important;
}
body h4, body.oneGolf h4{
/*    font-size: 2em;*/
/*    font-weight: bold;*/
    line-height: 1.55;
    font-family: var(--font);
}
body .d-flex, body.oneGolf .d-flex {
  display: flex;
}
bady table, body.oneGolf table{
    font-family: var(--font);
    font-size: 14px;
}
body .errortext{
    color: var(--red);
}

/* NAV */
body nav, body.oneGolf nav {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 1320px;
  margin: 0 auto;
  padding: 15px 30px 10px;
}
@media (max-width: 768px) {
  body nav, body.oneGolf nav {
    align-items: center;
  }
}
body #darkContent nav {
    max-width: 1000px;
}
body nav img {
  width: 95px;
/*   filter: brightness(1.3); */
}
body nav .menu ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 0 10px;
  margin: 0;
}
body nav .menu ul li {
  padding: 0 10px;
}
body nav .menu ul li a {
  color: var(--mid-blue);
  text-decoration: none;
}
body nav .menu ul li a:hover {
  color: var(--bright-blue);
}
@media (max-width: 800px) {
  body nav .menu ul {
    display: none;
  }
  body nav .menu ul li {
    padding: 0 5px;
  }
}
body nav .menu ul li.dropdown .dropdown-menu{
    display: none;
    position: absolute;
    background-color: var(--light-silver);
    padding: 10px 0;
    margin-top: 2px;
    border-radius: 4px;
    z-index: 9999999;
}
body nav .menu ul li.dropdown .dropdown-menu a{
    display: flex;
    padding: 5px 20px;
}
body nav .menu ul li.dropdown:hover .dropdown-menu{
    display: block;
}
/* HAMBURGER MENU */
body nav .hamburger-menu {
  display: none;
}
@media (max-width: 800px) {
  body nav .hamburger-menu {
    display: block;
  }
}
body nav .hamburger-menu .bar {
  display: flex;
  width: 30px;
  height: 3px;
  background-color: var(--mid-blue);
  margin-bottom: 6px;
  border-radius: 3px;
}
body nav .hamburger-menu .bar:last-child {
  margin-bottom: 0;
}
body .offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: visible;
  background-color: var(--dark-blue);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
body .offcanvas.offcanvas-start {
  top: 0;
  right: 0;
  left: auto;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
body .offcanvas.show {
  transform: none;
}
body .offcanvas .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 30px 15px;
}
body .offcanvas .offcanvas-header .btn-close {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 30px;
  margin: 0;
  background: none;
  width: auto;
  box-shadow: none;
  opacity: 1;
}
body .offcanvas .offcanvas-header .btn-close .bar {
  display: flex;
  width: 30px;
  height: 3px;
  background-color: var(--white);
  margin-bottom: -3px;
  border-radius: 3px;
}
body .offcanvas .offcanvas-header .btn-close .bar:first-child {
  transform: rotate(45deg);
}
body .offcanvas .offcanvas-header .btn-close .bar:last-child {
  transform: rotate(-45deg);
  margin-bottom: 3px;
}
body .offcanvas .offcanvas-header .btn-close:hover {
  opacity: 0.6;
}
body .offcanvas .offcanvas-body {
  flex-grow: 1;
  padding: 15px 30px;
  overflow-y: auto;
}
body .offcanvas .offcanvas-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .offcanvas .offcanvas-body ul li {
  padding: 10px 0;
}
body .offcanvas .offcanvas-body ul li a {
  text-decoration: none;
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}
body .offcanvas .offcanvas-body ul li a:hover {
  color: var(--white);
  opacity: 0.6;
}
body .offcanvas .offcanvas-body ul li.dropdown .dropdown-menu{
    background-color: transparent;
    min-width: unset;
    border: none;
    box-shadow: none;
    width: 100%;
}
body .offcanvas .offcanvas-body ul li.dropdown .dropdown-menu.show{
    position: static !important;
    transform: none !important;
    margin: 5px 0 10px !important;
}
body .offcanvas .offcanvas-body ul li.dropdown .dropdown-menu li{
    padding: 5px 0;
}
body .offcanvas .offcanvas-body ul li.dropdown .dropdown-menu li a{
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    font-size: 16px;
}

body .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--dark-blue);
}
body .modal-backdrop.show, body .modal-backdrop.in {
  opacity: 0.5;
}

body .collapse:not(.show) {
  display: none;
}
body .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

/* LOGIN SECTION */
body .login-page{
    min-height: calc(100vh - 117px - 90px);
}
body .login-section {
  display: flex;
  align-items: stretch;
  max-width: 1000px;
  margin: 20px auto 0;
}
@media (max-width: 1040px) {
  body .login-section {
    margin: 20px 20px 0;
  }
}
@media (max-width: 768px) {
  body .login-section {
    flex-wrap: wrap;
  }
}
body .login-section .col-50 {
  width: 50%;
  padding: 30px 50px;
}
@media (max-width: 768px) {
  body .login-section .col-50 {
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
  }
}
body .login-section .col-50.text-section {
  display: flex;
  align-items: center;
}
body .login-section .col-50:first-child {
  border-radius: 3px 0 0 3px;
}
body .login-section .col-50:last-child {
  border-radius: 0 3px 3px 0;
}
body .login-section .col-50.brand {
  background-color: var(--dark-blue);
  color: var(--white);
}
body .login-section .col-50.brand a {
  color: var(--white);
}
body .login-section .col-50.brand a:hover {
  color: var(--white);
  opacity: 0.6;
}
body .login-section .col-50.black {
  background-color: var(--light-silver);
}
body .login-section .col-50.black a{
    color: var(--mid-blue);
}
body .login-section .col-50.black a:hover{
    color: var(--mid-blue);
    opacity: 0.6;
}
body .login-section .col-50 .title {
  text-align: center;
  color: var(--white);
  margin-bottom: 50px;
}
@media (max-width: 576px) {
  body .login-section .col-50 .title {
    font-size: 24px;
  }
}
body .login-section #error {
    margin-top: -30px;
    margin-bottom: 20px;
}
body .login-section #error #error-panel{
    margin-bottom: 0;
    color: var(--dark-blue);
}
body .login-section #error #error-panel a{
    color: var(--mid-blue);
/*    text-decoration: underline !important;*/
}
body .login-section #error #error-panel a:hover{
    color: var(--bright-blue);
}
body .login-section #error #error-panel .panel-heading{
    color: var(--red);
    background-color: var(--light-red);
    border-color: var(--light-red);
}

body .login-section form {
/*  margin: 50px 0 0;*/
  font-family: var(--font);
}
body .login-section form .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
body .login-section form .form-group label {
  font-weight: 600;
}
body .login-section form .form-group input {
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid var(--white);
  background-color: var(--white);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  font-size: 18px;
  color: var(--dark-blue);
  font-family: var(--font);
  font-weight: 500;
  -o-box-shadow: 0 0 0 30px var(--white) inset !important;
  box-shadow: 0 0 0 30px var(--white) inset !important;
  -webkit-text-fill-color: var(--dark-blue) !important;
  -o-text-fill-color: var(--dark-blue) !important;
  -moz-text-fill-color: var(--dark-blue) !important;
}
body .login-section form .form-group input:focus, body .login-section form .form-group input:focus-within {
  outline: var(--bright-blue) solid 2px;
}
body .login-section form .form-group input::-moz-placeholder {
  color: var(--silver) !important;
  -webkit-text-fill-color: var(--silver) !important;
  -o-text-fill-color: var(--silver) !important;
  -moz-text-fill-color: var(--silver) !important;
  font-family: var(--font);
  font-weight: 500;
}
body .login-section form .form-group input::placeholder {
  color: var(--silver) !important;
  -webkit-text-fill-color: var(--silver) !important;
  -o-text-fill-color: var(--silver) !important;
  -moz-text-fill-color: var(--silver) !important;
  font-family: var(--font);
  font-weight: 500;
}
body .login-section form .form-group br{
    display: none;
}
body .login-section form .form-group .errortext{
    color: var(--red);
    background-color: var(--light-red);
    border-color: var(--light-red);
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 4px;
}
body .login-section form .help {
  text-align: center;
}
body .login-section form .help a {
  text-decoration: none;
}
body .login-section form input[type=submit] {
  background-color: var(--white);
  border: 2px solid var(--white);
  border-radius: 30px;
  font-size: var(--font-size);
  color: var(--dark-blue);
  padding: 10px 24px;
  min-width: 250px;
  display: block;
  margin: 10px 0;
  cursor: pointer;
  font-family: var(--font);
  font-weight: 500;
  transition: all 0.3s ease;
}
body .login-section form input[type=submit]:hover {
  background-color: var(--dark-blue);
  border-color: var(--white);
  color: var(--white);
}
body .login-section form .button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
body .login-section form .button-container .btn-dark {
  background-color: var(--dark-blue);
  border: 2px solid var(--white);
  border-radius: 30px;
  font-size: 16px;
  color: var(--white);
  padding: 12px 0;
  min-width: 250px;
  display: block;
  margin: 10px 0;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s ease;
}
body .login-section form .button-container .btn-dark:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--dark-blue);
  opacity: 1;
}

/* FOOTER */
body footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: var(--dark-blue);
  color: var(--white);
  margin-top: 40px;
  font-size: 12px !important;
}
body footer .footer-col{
    width: 33.33%;
}
body footer .footer-col.footerCenter{
    text-align: center;
}
body footer .footer-col.footerRight{
    text-align: right;
}
body footer a, body footer p{
    color: var(--white) !important;
    font-size: 12px !important;
}
body footer a:hover{
    color: var(--white) !important;
    opacity: 0.6;
}
@media (max-width: 768px) {
    body footer .footer-col{
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    body footer .footer-col.footerCenter{
        order: 1;
    }
    
    body footer .footer-col.footerRight{
        text-align: center;
    }
}
body footer img {
     filter: brightness(10);
    width: auto;
    height: 30px;
    margin: 0 5px;
}
body footer p {
  margin: 0;
}
@media (max-width: 576px) {
  body footer {
    flex-direction: column;
    align-items: center;
  }
  body footer p {
/*     margin-bottom: 20px; */
  }
}



/* Overriding Styles */
body #container #contentBg{
    min-height: calc(100vh - 100px);
}
body #container #detailsArea{
    max-width: 1270px;
    width: 100%;
    padding: 0 30px;
    margin: 20px auto 0;
/*    min-height: calc(100vh - 113px - 100px);*/
}
body #container #detailsArea #date{
    margin: 0;
}
body #container #detailsArea h1{
    margin: 0
}
body #container #detailsArea h1 span{
    font-size: inherit;
    font-weight: bold;
}
body #container #detailsArea h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55;
    font-family: var(--font);
    margin: 0;
}
body #container #bodyArea{
    max-width: 1270px;
    width: 100%;
    padding: 0 30px;
    margin: 20px auto 0;
}


/* Edit Member Details */
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr>td{
    padding: 0;
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child>td>div{
    display: flex;
    align-items: center;
    justify-content: center;
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child input{
    color: var(--white);
    font-family: var(--font);
    border-radius: 30px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    margin: 0 5px;
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child input[type=button]{
    background-color: transparent;
    border: 1px solid var(--dark-blue);
    color: var(--dark-blue);
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child input[type=button]:hover{
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: var(--white);
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child input[type=submit]{
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child input[type=submit]:hover{
    background-color: var(--mid-blue);
    border-color: var(--mid-blue);
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child a{
    display: inline-flex;
    align-items: center;
    color: var(--mid-blue);
    margin: 0 5px;
    line-height: 1;
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child a:hover{
    color: var(--bright-blue);
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child a img{
    margin-right: 3px;
}
body.oneGolf .dashboard.editMember .bookings form>table>tbody>tr:first-child a i{
    margin-right: 3px;
}
body.oneGolf .dashboard.editMember .bookings form table .portal{
    padding: 0;
    border: none;
    background-color: transparent;
    width: 100%;
    margin-top: 10px;
}
body.oneGolf .dashboard.editMember .bookings form table .portal th{
    background-color: var(--dark-blue);
    color: var(--white);
    border-radius: 3px;
    padding: 10px 7px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
    font-family: var(--font) !important;
    text-align: left;
}
body.oneGolf .dashboard.editMember .bookings form table .portal td input{
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid var(--dark-blue);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    font-size: 16px;
    color: var(--dark-blue);
    font-family: var(--font);
    font-weight: 500;
}
body.oneGolf .dashboard.editMember .bookings form table .portal td select{
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid var(--dark-blue);
    background-color: transparent;
    font-size: 16px;
    box-shadow: none;
    color: var(--dark-blue);
    font-family: var(--font);
    font-weight: 500;
}
body.oneGolf .dashboard.editMember .bookings form table .portal td select option{
    background: var(--white);
    color: var(--dark-blue);
}


/* Booking Pop up */
body.modal-open .modal{
    z-index: 1050;
}
body.modal-open .modal.show{
    opacity: 1 !important;
}
body.modal-open .modal .modal-dialog{
    z-index: 1050;
    transform: translate(0, 0);
}
@media (max-width: 576px) {
  body.modal-open .modal .modal-dialog{
    max-width: 100%;
  }
}
body.modal-open .modal .modal-dialog .modal-content{
    background-color: var(--white);
    color: var(--dark-blue);
    border-radius: 3px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-header{
    background-color: var(--dark-blue);
    color: (--white);
    padding: 10px 7px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px 3px 0 0;
}
body.modal-open .modal .modal-dialog .modal-content .modal-header .modal-title{
    font-size: 18px;
    color: var(--white);
}
body.modal-open .modal .modal-dialog .modal-content .modal-header .close{
    color: var(--white);
    opacity: 1;
    margin: 0;
    text-shadow: none;
    font-size: 26px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-header .close:hover{
    color: var(--mid-blue);
}
body.modal-open .modal .modal-dialog .modal-content .modal-header .close span{
    font-size: 24px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body{
    padding: 10px 7px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group input.form-control{
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid var(--dark-blue);
    background-color: transparent;
    font-size: 16px;
    color: var(--dark-blue);
    font-weight: 500;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group label{
    margin: 5px 0 !important;
    font-weight: 500;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.remember-me .terms-button .btn.btn-default{
    color: var(--white);
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.remember-me .terms-button .btn.btn-default:hover{
    color: var(--white) !important;
    border-color: var(--mid-blue) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.forgot-password{
    display: flex;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.forgot-password .btn.btn-default{
    margin-right: 5px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.forgot-password .btn.btn-default strong{
    color: var(--white);
}
body.modal-open .modal .modal-dialog .modal-content .modal-body form .form-group.forgot-password .btn.btn-default:hover{
    color: var(--white) !important;
    border-color: var(--mid-blue) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup table label{
    margin: 0;
    font-weight: 400;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup table tbody tr td:first-child{
    width: 200px;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .dropdown .dropdown-toggle, body.modal-open .modal .modal-dialog .modal-content .modal-body form .dropdown .dropdown-toggle{
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid var(--dark-blue) !important;
    background-color: transparent !important;
    font-size: 16px;
    box-shadow: none;
    color: var(--dark-blue) !important;
    font-family: var(--font);
    font-weight: 400;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .dropdown .dropdown-toggle:hover, body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .dropdown .dropdown-toggle:focus, body.modal-open .modal .modal-dialog .modal-content .modal-body form .dropdown .dropdown-toggle:hover, body.modal-open .modal .modal-dialog .modal-content .modal-body form .dropdown .dropdown-toggle:focus{
    border: 1px solid var(--dark-blue) !important;
    color: var(--dark-blue) !important;
    background-color: transparent !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .dropdown .dropdown-menu li a, body.modal-open .modal .modal-dialog .modal-content .modal-body form .dropdown .dropdown-menu li a{
    width: 100%;
    color: var(--dark-blue) !important;
    margin: 0 !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .dropdown .dropdown-menu li a:hover, body.modal-open .modal .modal-dialog .modal-content .modal-body form .dropdown .dropdown-menu li a:hover{
    background-color: var(--mid-blue);
    color: var(--white) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .btn, body.modal-open .modal .modal-dialog .modal-content .modal-body form .btn[data-dismiss=modal]{
    background-color: var(--dark-blue) !important;
    border: 1px solid var(--dark-blue);
    border-radius: 30px;
    color: var(--white);
    padding: 6px 12px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .btn:hover, body.modal-open .modal .modal-dialog .modal-content .modal-body form .btn[data-dismiss=modal]:hover{
    background-color: var(--mid-blue) !important;
    border-color: var(--mid-blue) !important;
    color: var(--white) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .btn[data-dismiss=modal]:last-child, body.modal-open .modal .modal-dialog .modal-content .modal-body form .btn[data-dismiss=modal]:last-child{
    background-color: transparent !important;
    border-color: var(--dark-blue);
    color: var(--dark-blue);
}
body.modal-open .modal .modal-dialog .modal-content .modal-body #formSelectBackGroup .btn[data-dismiss=modal]:last-child:hover, body.modal-open .modal .modal-dialog .modal-content .modal-body form .btn[data-dismiss=modal]:last-child:hover{
    background-color: var(--dark-blue) !important;
    border-color: var(--dark-blue) !important;
    color: var(--white) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-footer .btn-wrapper{
    display: flex;
    justify-content: flex-end;
}
body.modal-open .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn.btn-default{
    background-color: transparent;
    border-color: var(--dark-blue) !important;
    color: var(--dark-blue) !important;
}
body.modal-open .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn.btn-default:hover{
    color: var(--white) !important;
    background-color: var(--dark-blue);
}


/* Asummed Identity Pop up */
.assumedDialogOuter {
    color: var(--dark-blue) !important;
    background: var(--light-yellow) !important;
}
.assumedDialogOuter a{
    text-decoration: underline !important;
    color: var(--mid-blue) !important;
}

/* Points Top up */
.page-content.points-topup h1, .page-content.points-trans h1{
  font-weight: 400;
}
.page-content.points-topup>.container-fluid, .page-content.points-trans>.container-fluid{
  padding: 0;
}
.page-content.points-topup>.container-fluid .panel, .page-content.points-trans>.container-fluid .panel{
  background-color: var(--light-silver);
  padding: 10px 7px;
  border: none;
  box-shadow: none;
  border-radius: 3px;
}
.page-content.points-topup>.container-fluid .panel .panel-heading{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
}
.page-content.points-topup>.container-fluid .panel .panel-heading h4{
  color: var(--dark-blue) !important;
}
.page-content.points-topup>.container-fluid .panel .panel-heading .btn.btn-default.btn-primary:hover, .page-content.points-trans>.container-fluid .panel .panel-heading .btn.btn-default.btn-primary:hover, page-content.points-topup>.container-fluid .panel .text-right .btn.btn-default.btn-primary:hover{
  color: var(--white) !important;
  border-color: var(--mid-blue) !important;
}
.page-content.points-topup>.container-fluid .panel .select-points.panel-body .pointsBtns{
  margin-bottom: 15px;
}
.page-content.points-topup>.container-fluid .panel .select-points.panel-body .pointsBtns .radio-inline{
    border-color: var(--dark-blue);
}
.page-content.points-topup>.container-fluid .panel .select-points.panel-body .text-right{
  padding: 0;
}
/* Points Transactions */
.page-content.points-trans>.container-fluid .panel .panel-heading{
  background-color: transparent;
  border: none;
  color: var(--dark-blue);
  padding: 0;
}
.page-content.points-trans>.container-fluid .panel .panel-heading .text-right{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  align-items: flex-end;
}
.page-content.points-trans>.container-fluid .panel .panel-heading .text-right .topup{
  margin-top: 10px;
}
.page-content.points-trans>.container-fluid .panel .panel-heading .text-right .btn.btn-default.disabled{
  opacity: 1;
  border-radius: 4px;
  padding: 5px 6px;
  font-weight: 600;
  line-height: 1.55;
}
.page-content.points-trans>.container-fluid .panel .points-transactions .table.table-striped tbody tr:nth-of-type(odd){
      background-color: var(--table-striped);
    --bs-table-accent-bg: var(--table-striped);
}
.page-content.points-trans>.container-fluid .panel .points-transactions .table.table-striped tbody tr td{
    padding: 10px;
    border: 1px solid var(--mid-silver);
    border-left: none;
    border-right: none;
}

/* Points Checkout */
.container-fluid.teetime-search-filters{
  background-color: transparent;
  padding: 10px 0;
}
.container-fluid.teetime-search-filters .filter-wrapper{
    margin-top: 0;
}
.container-fluid.teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-user .btn.btn-default.btn-primary.dropdown-toggle{
  padding: 6px 12px;
  font-size: 12px;
  background-color: var(--dark-blue) !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--white) !important;
  font-family: var(--font);
  border-radius: 30px;
}
.container-fluid.teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-user .btn.btn-default.btn-primary.dropdown-toggle:hover{
  background-color: var(--mid-blue) !important;
  border-color: var(--mid-blue) !important;
  color: var(--white) !important;
}
.container-fluid.teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-user .dropdown-menu a{
  color: var(--mid-blue);
}
.container-fluid.teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-user .dropdown-menu a:hover{
  color: var(--bright-blue);
}
.container-fluid.teetime-search-filters .btn-wrapper .btn-user-wrapper .btn-user #btn-login:hover{
  color: var(--white) !important;
  border-color: var(--mid-blue) !important;
}
.container-fluid.teetime-search-filters .btn-wrapper .registration-link .btn.btn-default.no-login:hover{
  color: var(--white) !important;
  border-color: var(--mid-blue) !important;
}
.container-fluid.teetime-search-filters .btn-wrapper .registration-link .btn.btn-default.no-login strong{
  color: var(--white);
}

.container-fluid.checkout{
  background-color: transparent;
  padding: 10px 0;
}
.container-fluid.checkout>.row>.col-md-4{
    background-color: var(--light-silver);
    padding: 0 10px 20px;
    border-radius: 3px;
}
.container-fluid.checkout .panel{
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.container-fluid.checkout .panel .panel-heading{
  color: var(--dark-blue);
  background-color: transparent;
  border: none;
  padding: 0;
}
.container-fluid.checkout .panel .panel-heading #cart_countdown .soon{
    color: var(--dark-blue);
}
.container-fluid.checkout .panel .panel-heading #cart_countdown .immediate{
    color: var(--red);
}
.container-fluid.checkout .panel .panel-heading .row{
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.container-fluid.checkout .panel .panel-heading .btn.btn-grey{
  padding: 6px 12px;
  font-size: 12px;
  background-color: var(--dark-blue) !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--white) !important;
  font-family: var(--font);
  border-radius: 30px;
  display: inline-block;
}
.container-fluid.checkout .panel .panel-heading .btn.btn-grey:hover{
  background-color: var(--mid-blue) !important;
  border-color: var(--mid-blue) !important;
  color: var(--white) !important;
}
.container-fluid.checkout .panel .panel-heading #btn-empty-cart{
  padding: 6px 12px;
  font-size: 12px;
  background-color: transparent !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--dark-blue) !important;
  font-family: var(--font);
  border-radius: 30px;
}
.container-fluid.checkout .panel .panel-heading #btn-empty-cart:hover{
  background-color: var(--dark-blue) !important;
  border-color: var(--dark-blue) !important;
  color: var(--white) !important;
}

.container-fluid.checkout .panel .checkout-items .checkout-transaction{
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--mid-silver);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction>.row{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction>.row.line-item{
    align-items: flex-start;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .shopping-cart-item span{
    margin-right: 5px;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction:first-child{
  border-top: 1px solid var(--mid-silver);
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .points-purchase h3{
  display: flex;
  align-items: center;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .points-purchase h3 .miclub-icon-l-blue{
  color: var(--dark-blue) !important;
  margin-right: 10px;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .link-removeItem{
    display: inline-flex;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .link-removeItem .glyphicons-remove{
  margin-top: 0 !important;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .shopping-cart-item{
  color: var(--dark-blue);
    display: flex;
    align-items: center;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .total-price h3.price{
    margin: 20px 0 0;
    line-height: 1;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .shopping-cart-item .item-number-equip{
    top: unset;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .shopping-cart-item .total-price form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.container-fluid.checkout .panel .checkout-items .checkout-transaction .shopping-cart-item .total-price form .price{
    margin-right: 5px;
}

.container-fluid.checkout .panel .panel-body form .input-group input{
  border-radius: 4px 0 0 4px;
  border: 1px solid var(--dark-blue);
  background-color: transparent;
  color: var(--dark-blue);
  font-family: var(--font);
}
.container-fluid.checkout .panel .panel-body form .input-group .input-group-btn .btn{
  padding: 6px 12px;
  background-color: var(--dark-blue) !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--white) !important;
  font-family: var(--font);
  border-radius: 0 4px 4px 0;
}
.container-fluid.checkout .panel .panel-body form .input-group .input-group-btn .btn:hover{
  background-color: var(--mid-blue) !important;
  border-color: var(--mid-blue) !important;
  color: var(--white) !important;
}

.container-fluid.checkout #formPayment .payBtn .btn.pay-button{
  background-color: var(--dark-blue) !important;
  border: 1px solid var(--dark-blue) !important;
  color: var(--white) !important;
  font-family: var(--font);
  border-radius: 30px;
}
.container-fluid.checkout #formPayment .payBtn .btn.pay-button:hover{
  background-color: var(--mid-blue) !important;
  border-color: var(--mid-blue) !important;
  color: var(--white) !important;
}

/* Public Booking timesheet */
.page-content.list-times .teetime-search-filters>.row{
    background-color: var(--light-silver);
    padding: 10px 7px;
    border-radius: 3px;
    margin: 0 0 15px;
}
.page-content.list-times .teetime-search-filters>.row .col, .booking .page-content.list-times .teetime-search-filters>.row .col-xs-12{
    padding: 0;
}
.page-content.list-times .teetime-search-filters .resourceName{
    margin: 0 0 5px;
}
.page-content.list-times .teetime-search-filters>.row .col .form-group{
    margin: 0 20px;
}
.page-content.list-times .teetime-search-filters>.row .col .form-group .checkbox-inline{
    padding: 0;
    margin: 0 15px 0 0 !important;
}

.page-content.list-times .teetime-search-filters>form>.row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-content.list-times .teetime-day-table .row-time{
    background-color: transparent;
    border-bottom: 1px solid var(--light-silver);
    color: var(--dark-blue) !important;
}
.page-content.list-times .teetime-day-table .row-time .row-heading:hover{
    background-color: var(--mid-blue);
    color: var(--white);
}
.page-content.list-times .teetime-day-table .row-time .row-heading .rowBookTooltip{
    border-radius: 4px 4px 0 0;
    background-color: var(--dark-blue);
}
.page-content.list-times .teetime-day-table .row-time .row-heading .time-wrapper{
    padding-left: 0;
    margin: 10px 0;
}
.page-content.list-times .teetime-day-table .row-time .row-heading .time-wrapper h3{
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: var(--white);
    border-radius: 4px;
    padding: 5px 6px;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}
.page-content.list-times .teetime-day-table .row-time .row-heading .time-wrapper h4{
    margin-bottom: 0;
}
.page-content.list-times .teetime-day-table .row-time .row-heading .time-wrapper h5{
    margin: 0;
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell{
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--light-silver);
    color: var(--white);
    background-color: var(--green);
    height: 92px;
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell:hover{
    background-color: var(--light-green);
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell.cell-taken{
    background-color: var(--silver);
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell.cell-selected{
    background-color: var(--bright-blue);
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell.cell-selected:hover{
    background-color: var(--bright-blue);
    opacity: 0.6;
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell:first-child{
    border-left: none;
}
.page-content.list-times .teetime-day-table .row-time .records-wrapper .cell p.small{
    top: auto;
    transform: none;
}
/* Book Now Pop up */
.page-content.list-times .cart-slider .cart-slider-header{
    border: none;
    background-color: var(--light-silver);
    color: var(--dark-blue);
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .15);
}
.page-content.list-times .cart-slider .cart-slider-header .btn-wrapper .btn-cart{
    margin: 0 0 10px;
    font-weight: 700;
    border-width: 2px;
}
.page-content.list-times .cart-slider .cart-slider-header .info-wrapper strong{
    font-weight: 600;
}
/* Confirm Booking Pop up */
#detailsModal .modal-content .modal-header .btn-info-container{
    display: flex;
    align-items: center;
}
#detailsModal .modal-content .modal-header .btn-info-container .btn.disabled{
    opacity: 1;
    border-radius: 4px;
    padding: 5px 6px;
}
#detailsModal .modal-content .modal-header .btn-info-container .btn.disabled .icon-equipment{
    font-size: 16px;
}
#detailsModal .modal-content .modal-body{
    padding: 20px 15px;
}
#detailsModal .modal-content .modal-body .player-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#detailsModal .modal-content .modal-body .player-item .player-number{
    margin: 0;
}
#detailsModal .modal-content .modal-body .player-item .player-number h4{
    margin: 0 0 5px;
    color: var(--dark-blue);
    font-weight: 600;
    line-height: 1;
}
#detailsModal .modal-content .modal-body .player-item .btn.btn-default:hover{
    border-color: var(--mid-blue) !important;
    color: var(--white) !important;
}
#detailsModal .modal-content .modal-body .player-item .btn.btn-default .icon-equipment{
    font-size: 16px;
}
#detailsModal .modal-content .modal-body .player-item .fee-type{
    display: flex;
    justify-content: flex-end;
}
#detailsModal .modal-content .modal-body .player-item .fee-type .btn.btn-default{
    width: auto;
}
#detailsModal .modal-content .modal-body .player-item .fee-type .btn.btn-default:focus{
    background-color: var(--bright-blue) !important;
    border: 1px solid var(--bright-blue) !important;
    color: var(--white) !important;
}
#detailsModal .modal-content .modal-body .collapse.in{
    display: block !important;
}
#detailsModal .modal-content .modal-body .well{
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0 10px;
}
#detailsModal .modal-content .modal-body .well .form-group .additional-equip-title{
    display: block;
    margin-top: 8px;
    color: var(--dark-blue);
    font-weight: 600 !important;
}
#detailsModal .modal-content .modal-body .well .form-group .radio{
    margin: 0;
}
#detailsModal .modal-content .modal-footer{
    display: flex;
    justify-content: flex-end;
    padding: 10px 7px;
    border-color: var(--light-silver);;
}


/* Public Calendar Booking  */
.page-content.public-calendar .teetime-search-filters{
    margin-bottom: 10px;
}
.page-content.public-calendar .teetime-search-filters .resourceName{
    margin: 0 0 10px;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper{
    display: flex;
    flexx-wrap: wrap;
    align-items: center;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col{
    padding: 0;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col .form-group{
    margin-bottom: 0;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col .form-group .date input{
    border-radius: 4px 0 0 4px;
    border: 1px solid var(--dark-blue);
    background-color: transparent;
    color: var(--dark-blue);
    font-family: var(--font);
    padding: 6px 12px;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col .form-group .date .input-group-addon{
    padding: 6px 12px;
    background-color: var(--dark-blue);
    border: 1px solid var(--dark-blue);
    color: var(--white);
    cursor: pointer;
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col .form-group .date .input-group-addon:hover{
    background: var(--mid-blue);
    border-color: var(--mid-blue);
}
.page-content.public-calendar .teetime-search-filters form .filter-wrapper .col .form-group .date .input-group-addon.btn-today{
        border-left: 1px solid var(--white);
}
.page-content.public-calendar .teetime-search-filters form .btn-wrapper .btn-checkout-wrapper .btn-checkout:hover{
    color: var(--white) !important;
    border-color: var(--mid-blue) !important;
}
.page-content.public-calendar .teetime-search-filters form .btn-wrapper .btn-checkout-wrapper .btn-checkout .btn-label .badge{
    background-color: var(--white);
    color: var(--dark-blue);
}
.page-content.public-calendar .teetime-search-filters form .btn-wrapper .btn-checkout-wrapper .btn-checkout:hover .btn-label .badge{
    background-color: var(--white);
    color: var(--mid-blue);
}

.main-content.loaded{
    background: transparent !important;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading{
    background-color: var(--dark-blue);
    color: var(--white);
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .row-heading, .page-content.public-calendar .teetime-fixtures-table .table-heading .row-heading:hover{
    background: var(--dark-blue);
    border-bottom: 1px solid var(--light-silver);
    border-right: 1px solid var(--light-silver);
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading{
    border-color: var(--light-silver);
    border-bottom: 1px solid var(--light-silver);
    padding-bottom: 5px;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading:first-child{
    border-left: none;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading.cell-heading-selected{
    background: transparent;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading.cell-heading-today{
    background: var(--bright-blue);
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading h3{
    font-size: 16px;
    font-weight: 600;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading p{
    font-family: var(--font);
    margin: 3px 0 0;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .date-nav{
    font-size: 12px;
    width: 50px;
    display: flex;
    color: var(--white);
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .date-nav:hover{
    opacity: 0.6;
}
.page-content.public-calendar .teetime-fixtures-table .table-heading .row-heading .date-nav.date-nav-next{
    flex-direction: row-reverse;
}

.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow{
    border-bottom: 1px solid var(--light-silver);
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .row-heading, .page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .row-heading:hover{
    background-color: transparent;
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell{
    display: flex;
    align-items: center;
    border-color: var(--light-silver);
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell:first-child{
    border-left: none;
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell p{
    top: auto;
    transform: none;
    margin: 0 auto;
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell{
    background-color: var(--green);
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell:hover{
    background-color: var(--light-green);
}
.page-content.public-calendar .teetime-fixtures-table .row-wrapper .feeGroupRow .items-wrapper .cell.cell-na{
    background-color: var(--silver);
}