/* AWL Website Play*/

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');



.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: #231f20;
  background-color:white;
}

header, body, h1, form, label {
  background-color:white;
  opacity: 1;
}
#btnNext, #btnPrev {
  background-color:#AD8941;
  color: white;
  border-radius: 0.5em;
}

input[type="text"], input[type="date"], input[type="email"],input[type="tel"], textarea {
          background-color: #AD8941;
          border-radius: 0.5em;
          color: white;
          }

body {
    font-family: "Catamaran";
    color: black;
}
header {
  background-image: url("https://dns.memsec.co.uk/ms7omfm/images/Q-Sports-Bar.png");
  background-size:20vh;
  background-repeat: no-repeat;
  font-family: Wildcat;
  font-size: 5vmax;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white;
}
.hdr {
  background-color:white;
  opacity: 1;
  color: #231f20;
  font-family: Catamaran;
  font-variant: small-caps;
}

.footer {
  color: white;
}

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


#btn {font-family: "Catamaran"; border: 1px; border-radius: 0.5em; background-color: #AD8941;color: white;}
#innerbody {border:0px solid black;}
#navbar {background-color:#360E16;}
#statusbar{background-color:#360E16}

p.extratext {
  font-size: 2.5vmin;
  font-weight: bold;
}
#hdrrow {
  background-color: rgba(255, 255, 255, 0);
  color: white;
}
#starthdr {
    background-color: transparent;
}
h3 small {color: #231f20;}
#mainbox {border:0px;}

input.home { background-color:eb1d21;}
input.startover {background-color:#360E16; color: #FFFFFF; font-family: "Catamaran";}
input.back { background-color:#360E16; color: white;border: 1px; border-radius: 0.5em; }
input.next { background-color:#360E16; color: white;border: 1px; border-radius: 0.5em; }
input.back:disabled {background-color:#b4c0e4;border: 1px; border-radius: 0.5em; }
input.next:disabled { background-color:#b4c0e4;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 #360E16;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #360E16 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:#360E16; 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:#360E16; margin:0px; padding:0px;font-size: larger;}
input.detail {background-color:#360E16; color: white; border:1px; border-radius: 0.5em;}
input.special { background-color:#360E16; color: white; border-radius: 0.5em;}
input.reg { background-color:#360E16; 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:#360E16; color: white; border-radius: 0.5em;}
input.bookasguest { background-color:#360E16; color: white; border-radius: 0.5em;}
input.signup { background-color:#FFC0A0;}

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

.bookasguest{background-color:#360E16 !important;color:#fff;font-family:"Catamaran", 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:#AD8941; color: white; border-radius: 0.5em;}

/*
@media screen and (max-width: 600px) {
  input.home {width: 150px; height: 30px; float: left; background-color:#FFFFFF;}
input.startover {width: 100px; height: 30px; float: right; background-color:#000000; color: #FFFFFF; font-family: "Catamaran";}
input.back {width: 100px; height: 30px; float: left; background-color:green; color: white;border: 1px; border-radius: 5px;}
input.next {width: 100px; height: 30px; float: right; background-color:green; color: white;border: 1px; border-radius: 5px;}
input.next:disabled {width: 100px; height: 30px; float: right; background-color:#360E16;border: 1px; border-radius: 5px;}
button.session {width: 125px; height: 40px; background-color:#FFA0FF; margin:0px; padding:0px;font-size: larger;}
button.sessiongrey {width: 125px; height: 40px; background-color:#360E16; margin:0px; padding:0px;font-size: larger;}
button.cover {width: 40px; height: 40px; text-align:center; background-color:#A0A0FF; margin:0px; padding:0px;font-size: larger;}
button.covergrey {width: 40px; height: 40px; text-align:center; background-color:#360E16; margin:0px; padding:0px;font-size: larger;}
input.detail {width: 150px; height: 30px; background-color:#FFFFC0;float:right;border:1px;}
input.special {width: 150px; height: 130px; background-color:#FFFFC0;}
input.reg {width: 150px; height: 40px; background-color:green;}
input.forgot {width: 150px; height: 40px; background-color:#FFC0C0;float:right;}
input.mycancel {width: 600px; height: 25px; background-color:#FFC0C0;}
input.myinfo {width: 600px; height: 25px; background-color:#C0C0FF;}
input.memberlogin {width: 180px; height: 50px; background-color:green; font-size:18px; color: white; align: middle; text-align: center; margin: 0px}
input.bookasguest {width: 180px; height: 50px; background-color:green; font-size:18px;align: middle;text-align: center; margin: 0px}
input.signup {width: 140px; height: 30px; background-color:#FFC0A0; font-size:18px; color: green; align: middle; text-align: center; margin: 0px}

}
*/
@media screen and (orientation: portrait) {
  header {
    background-size:15vmax;
    background-repeat: no-repeat;
    background-position: 0px, 10%;
  }
  #starthdr {
    padding-left: 30%;
  }
}

.nav0 {color:#808080; }
.nav1 {color: #231f20; }
.nav2 {color: #231f20; }

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