/* Club 9 */


/*@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Aleo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap');

html {
	background-image: url("https://dns.memsec.co.uk/ms7omfm/images/Club9Background.png");
    	background-size: cover;
    	background-attachment: fixed;
	    background-repeat: no-repeat;
      color:white;

}

.multiselect-item, .multiselect-group, .multiselect-item multiselect-group, .multiselect-item:hover, .multiselect-group:hover, label, label:hover, a:hover, li, li:hover, .dropdown-menu li a:hover{
  color:white;
  background-color: black;
}

header, body, h1, form, textarea, label {
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
}


#btnNext, #btnPrev, input {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgb(199, 146, 48);
  box-sizing: border-box;
  color:rgb(199, 146, 48);
}


header {
  background-image: url("https://dns.memsec.co.uk/ms7optb/logos/UBQGicUL.png");
  background-size:20vmax;
  background-repeat: no-repeat;
  /*font-family: "Aleo";
  font-size: 5vmax;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white;*/
}
.hdr, h3, h4, table {
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  color: white;
    font-family: "Aleo";
  font-variant: small-caps;
}

#cont {background-color: black;
      opacity: 0.75;}


body {
    font-family: "Aleo";
    color: white;
    max-width: 100% !important;
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
}
.footer, h3, table {
  color: white;
}

a {
  color: white;
  background-color: #000;
}
p {margin:0px 8px 8px 8px;padding:0px; font-family: "Montserrat";}
p.headertitle { font-weight:bold; }
p.maintitle {  font-weight:bold; }
p.warningtext {color:#FF0000;}
/*p.labelforinput { height: 30px; }*/

textarea, #txtaddress {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgb(199, 146, 48);
  box-sizing: border-box;
  color:rgb(199, 146, 48);
  ;}

#btn {font-family: "Montserrat"; border: 1px; border-radius: 0.5em; }
#innerbody {border:0px solid black;}
#navbar {background-color:#8599d4;}
#statusbar{background-color:}

p.extratext {
  font-size: 2.5vmin;
  font-weight: bold;
}
#hdrrow {
  background-color: rgba(255, 255, 255, 0);
  color: white;
}
input.home { background-color:eb1d21;}
input.startover {background-color:#8599d4; color: #FFFFFF; font-family: "Montserrat";}
input.back { background-color:#8599d4; color: white;border: 1px; border-radius: 0.5em; }
input.next { background-color:#8599d4; color: white;border: 1px; border-radius: 0.5em; }
input.back:disabled {background-color:#ccc;border: 1px; border-radius: 0.5em; }
input.next:disabled { background-color:#ccc;border: 1px; border-radius: 0.5em; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #8599d4;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #8599d4 inset;
  transition: background-color 5000s ease-in-out 0s;
}
button.session { background-color:#FFA0FF; margin:0px; padding:0px;font-size: larger;}
button.sessiongrey { background-color:#8599d4; margin:0px; padding:0px;font-size: larger;}
button.cover { text-align:center; background-color:#A0A0FF; margin:0px; padding:0px;font-size: larger;}
button.covergrey { text-align:center; background-color:#8599d4; margin:0px; padding:0px;font-size: larger;}
input.detail {background-color:#8599d4; color: white; border:1px; border-radius: 0.5em;}
input.special { background-color:#8599d4; color: white; border-radius: 0.5em;}
input.reg { background-color:#8599d4; color: white; border-radius: 0.5em;}
input.forgot { background-color:#FFC0C0;}
input.mycancel { background-color:#FFC0C0;}
input.myinfo { background-color:#C0C0FF;}
input.memberlogin { background-color:#8599d4; color: white; border-radius: 0.5em;}
input.bookasguest { background-color:#8599d4; color: white; border-radius: 0.5em;}
input.signup { background-color:#FFC0A0;}

#memberlogin{background-color:#ccc;color:#777;font-family:"Montserrat", sans-serif}

.bookasguest{background-color:#8599d4 !important;color:#fff;font-family:"Montserrat", sans-serif;font-weight:bold}


 html body div#cont.container form#frm div#mainbox.container div.row div.row div#ttime.col-75 span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default, 
html body div#cont.container form#frm div#mainbox.container div.row div#tablesel.row span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default,
html body div#cont.container form#frm div#mainbox.container div.row div.row span.multiselect-native-select div.btn-group.open button.multiselect.dropdown-toggle.btn.btn-default, 
html body div#cont.container form#frm div#mainbox.container div.row div.row span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, select
 { background-color:black; border-color:rgb(199, 146, 48); color: rgb(199, 146, 48); border-radius: 0; font-family: "Aleo"}

@media screen and (orientation: portrait) {
  header {
    background-image: url("https://dns.memsec.co.uk/ms7optb/logos/1wAYVor1.png");
    background-size:15vmax;
    background-repeat: no-repeat;
    background-position: 0px, 33%;
  }
  #starthdr {
    padding-left: 20%;
  }
}
.nav0 {color:#808080; }
.nav1 {color:white; }
.nav2 {color:white; }

input.dtPicker {text-align:center; background-color:#8599d4;}
h6 {margin:0px;padding:0px;}






/*





.footer {
  color: white;
}

a {
  color: white;
  background-color: black;
}
p {margin:0px 8px 8px 8px;padding:0px; font-family: "Aleo";}
p.headertitle { display: none; }
p.warningtext {color:#FF0000;}


#btn {font-family: "Aleo"; border: 1px; border-radius: 25px; }
#innerbody {border:0px solid black;}
#navbar {background-color:black;}
#statusbar{background-color:black;}

p.extratext {
  font-size: 2.5vmin;
  font-weight: bold;
}
#hdrrow {
  background-image: none;
  max-width: 1220px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}

h3 small {color:white;}
#mainbox {border:0px;}

input.home { background-color:#eb1d21;}
input.back:disabled {background-color:#56D16D;border: 1px; border-radius: 25px; }
input.next:disabled { background-color:#56D16D;border: 1px; border-radius: 25px; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
}

input.detail {background-color:#55002E; color: white; border:1px; border-radius: 0.5em;}
input.special { background-color:#55002E; color: white; border-radius: 0.5em;}
input.reg { background-color:#55002E; color: white; border-radius: 0.5em;}
input.forgot { background-color:#FFC0C0;}
input.mycancel { background-color:#FFC0C0;}
input.myinfo { background-color:#C0C0FF;}
input.memberlogin {border-radius: 25px;}
input.bookasguest {border-radius: 25px;}
input.signup { background-color:#FFC0A0;}

#memberlogin{background-color:#015057;color:white;font-family:"Aleo", sans-serif;font-weight:bold; }

.bookasguest{background-color:#55002E !important;color:white;font-family:"Aleo", sans-serif;font-weight:bold; }

html body div#cont.container form#frm div#mainbox.container div.row div.row div#ttime.col-75 span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default, 
html body div#cont.container form#frm div#mainbox.container div.row div#tablesel.row span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default,
html body div#cont.container form#frm div#mainbox.container div.row div.row span.multiselect-native-select div.btn-group.open button.multiselect.dropdown-toggle.btn.btn-default, 
html body div#cont.container form#frm div#mainbox.container div.row div.row span.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle.btn.btn-default,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, select
 { background-color:black; border-color:rgb(199, 146, 48); color: rgb(199, 146, 48); border-radius: 0; font-family: "Aleo"}


.nav0 {color:#808080; }
.nav1 {color:white; }
.nav2 {color:white; }

input.dtPicker {text-align:center; background-color:#55002E;color:white;}
h6 {margin:0px;padding:0px;}


/* New Css */
/* General fixes */
/*
div #bookername::before {content: none;}

#toprow {background-color: #1A1A1A;}

#mainbox {width: 100%;max-width: 100%;padding-left: 20px;padding-right: 20px;}
p.maintitle {font-size: 0;}
p.maintitle::before {content: "BOOKINGS";font-size: 64px;font-weight: 600;letter-spacing: 1.28px;display: block;}
p.maintext {display: none;}
#mainbox .row:first-child {padding: 40px 0;}
#mainbox .row:nth-child(3) {gap: 30px;}
#mainbox .col-50l, #mainbox .col-50r {border-radius: 32px;padding: 55px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 30px;width: 50%;flex: 1;}
#mainbox .col-50l {background-color: #015057;}
#mainbox .col-50r {background-color: #55002e;}
#mainbox .col-50l::before, #mainbox .col-50r::before {content: " ";display: block;height: 100px;width: 100px;border-radius: 50px;order: 1;}
#mainbox .col-50l::after {content: "ALREADY A MEMBER?";}
#mainbox .col-50r::after {content: "NEW TO CLUB 9?";}
#mainbox .col-50l::after, #mainbox .col-50r::after {font-weight: 600;letter-spacing: 1.40px;line-height: 32px;font-size: 28px;text-transform: uppercase;order: 2;display: flex;}
#mainbox .col-50l::before, input#memberlogin {background-color: #56d16d !important;}
#mainbox .col-50r::before, input#bookasguest {background-color: #d55368 !important;}
input.next, input.back, input.startover {background-color: #015057;color: white;border: none !important;font-size: 20px !important;border-radius: 50px !important;min-width: 150px !important;height: 50px !important;}
div#footerbar {padding: 30px 0;}

/* Form next steps fixes */
/*
script + #mainbox {max-width: 925px;}
script + #mainbox p.maintitle,input#tables + #mainbox p.maintitle {font-size: 2.5vmax;margin-bottom: 30px;}
script + #mainbox p.maintitle::before,input#tables + #mainbox p.maintitle::before {display: none;}
script + #mainbox .row:nth-child(3) {gap: 0px;}
script + #mainbox .col-50l {gap: 0;}
script + #mainbox .col-50l::before,script + #mainbox .col-50l::after {display: none;}
input#memberlogin, input#bookasguest {border: 0;border-radius: 50px;font-size: 16px;text-transform: uppercase;letter-spacing: 1.6px;font-weight: 600;height: auto;width: auto;padding: 12px 24px;order: 3;}
input#memberlogin:hover, input#bookasguest:hover {background-color: #ffffff !important;color: #000000;}

/* Mobile *//*
@media screen and (max-width: 767px) {#mainbox .col-50l, #mainbox .col-50r {width: 100%;}#mainbox [class^="col-"] {width: 100%;}div#toprow {min-height: auto !important;} p.maintitle::before {font-size: 48px;}}

*/