@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

:root {
 --btncolour: #A0A0FF;
 --btnfnt: black;
 --btnsel: #FFFFA0;
 --btndesel:#A0A0FF;
 --btnselfnt: black;
 --btndeselfnt: black;
 --brdrwdth: 1px
 --bckclr: #FFFFFF;
 --txtfnt: #FFFFFF;
}

p {margin:0px 8px 8px 8px;padding:0px;font-family: "Quicksand";}
#fnt, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b12, #b13, #b14, #b15, #b16, #b17, #b18, #b19, #b20
  {font-family: Quicksand;}
#btn, #next, .myinfo
  {font-family: Quicksand; background-color:black; color:white;}
#txt, #surname, #forename, #phone, #email, #postcode, #psw1, #psw2, #ref
  {font-family: Quicksand; background-color:#FFFFA0; color:black;}
#innerbody {border:0px;background-color:var(--bckclr)}
#navbar {background-color:var(--bckclr)}
#statusbar {background-color:var(--bckclr)}
#header {background-color:var(--bckclr)}
#frm, #bdy {background-color:var(--bckclr)}

header {
  font-family: Quicksand; 
  font-variant: normal; 
  font-weight: bold; 
}

input.detail {background-color:#FFFFC0;float:right;}
input.special {background-color:#FFFFC0;}
input.reg {background-color:#C0FFC0;}
input.accountnew {background-color:#A0FFA0; }
input.accountcurrent {background-color:#D0D0FF; font-size:18px;}
input.accountedit {background-color:#FFC0A0; font-size:14px;}

button.session { font-family: Quicksand; color: var(--btnfnt); background-color: var(--btncolour); --deselcolour: var(--btndesel); --selcolour: var(--btnsel);  --deselfontcolour: var(--btndeselfnt); --selfontcolour: var(--btnselfnt); margin:0px; padding:0px;}
button.sessiongrey { font-family: Quicksand; color:black; background-color:#A0A0A0; margin:0px; padding:0px;}
button.cover { font-family: Quicksand; text-align:center; color: var(--btnfnt); background-color: var(--btncolour); --deselcolour: var(--btndesel); --selcolour: var(--btnsel);  --deselfontcolour: var(--btndeselfnt); --selfontcolour: var(--btnselfnt); margin:1px; padding:0px;font-size: larger;}
button.covergrey { font-family: Quicksand; text-align:center; background-color:#A0A0A0; margin:1px; padding:0px;font-size: larger;}

font.nav0 {color:#808080; }
font.nav1 {color:#000040; }
font.nav2 {color:#000040;}

input.dtPicker {background-color:#FFFFA0;}
h6 {margin:0px;padding:0px;background-color:var(--bckclr)}

@media screen and (max-width: 1080px) {
  button.session {width: 38vw;}
  button.sessiongrey {width: 38vw;}
  

}