:root {
    /* t&ra colours */
    --tra-dark-blue: #272E74;
    --tra-light-blue: #42A4D9;
    --tra-orange: #ff7800;
    --tra-green: #8ACC59;
    --tra-yellow: #FFCB18;
    /* tambour colours */
    --tambour-dark-blue: #262B3B;
    --tambour-light-blue: #42A4D9;
    --tambour-black: #000000;
    --tambour-white: #FFFFFF;
    /* ao colours */
    --ao-blue: #06327C;
    --ao-yellow: #F7D10D;
    /* general colours */
    --green: #d0fcd0;
    --dark-green: #85bf85;
    --blue: #cdffff;
    --dark-blue: #99ffff;
    --very-dark-blue: #90e0ff;
    --very-very-dark-blue: #5c53db;
    --very-dark-green: #567368;
    --very-very-dark-green: #105035;
    --white: #ffffff;
    --yellow: #fff67d;
    --gold: #efd344;
    --orange: #ff6e4c;
    --red: #f2b4b1;
    --dark-red: #da2325;
    --light-yellow: #f7f6b2;
    --light-gray: #eeeeee;
    /* banner colours */
    --button-hover: #ffa48f;
    --button-active: #ff5c31;
    --header: var(--orange);
    /* on next colours */
    --onnext-blue: var(--blue);
    --onnext-green: var(--green);
    /* booking slot colours */
    --slot-background: var(--blue);
    --slot-button: var(--green);
    /* booking sheet colours */
    --bookings-header: #efefcf;
    --green-booked: var(--dark-green);
    --green-unbooked: var(--green);
    --blue-booked: var(--dark-blue);
    --blue-unbooked: var(--blue);
    --green-booked-past: #a7a7a7;
    --green-unbooked-past: #eaeaea;
    --blue-booked-past: #e0e0e0;
    --blue-unbooked-past: #f0f0f0;
    --blue-open: var(--yellow);
    --blue-open-past: #Ebebeb;
    --green-open: var(--yellow);
    --green-open-past: var(--blue-open-past);
    /* auto-complete box colours*/
    --autocomplete-background: var(--white);
    --autocomplete-hover: #e9e9e9;
    /* calendar colours */
    --calendar-background: var(--white);
    --calendar-header: var(--light-gray);
    --calendar-arrows-hover: #f3f3f3;
    --calendar-font-color: #313131;
    --calendar-selected: #00CA85;
    --calendar-today: #A4fff2;
    --calendar-selected-ghost: #65ffba;
    /* club colours */
    --newmarket: #984c72;
    --prested-glass: #de382a;
    --prested-far: #ea763d;
    --hatfield: #fc9faf;
    --middlesex: #e3201d;
    --lords: #ffee00;
    --queens: #427bb4;
    --queens-dark: #2e567d;
    --tra-light: #10b2fc;
    --tra-dark: #122b77;
    --wellington: #8a9cee;
    --hampton-court: #70a14a;
    --holyport: #135eff;
    --oratory: #305c4f;
    --hardwick: #fffffd;
    --radley: #017db7;
    --oxford: #002147;
    --bristol: #607963;
    --manchester: #0c132f;
    --jesmond-dene: #d9c5ac;
    --falkland-palace: #827a78;
    --petworth: #ab7948;
    --seacourt: #003b73;
    --canford: #fffc0f;
    --hyde-bridport: #e4b22b;
    --leamington: #5eb6f5;
    --moreton-morrell: #fcb189;
    /* club chase colours */
    --hatfield-lines: #62aada;
    --hatfield-last-gallery: #eb503e;
    --hatfield-second-gallery: #f6d377;
    --queens-lines: #95c07b;
    --queens-last-gallery: #ffff85;
    --queens-second-gallery: var(--white);
    /* seacourt silver racquet*/
    --seacourt-blue: #035AA6;
    --seacourt-yellow: #F2BE22;
    --seacourt-grey: #8f8d8c;
    --seacourt-white: #f6f6f6;
    --seacourt-orange: #D99559;
    /* lrta */
    --lrta-white: #fefefe;
    --lrta-pink: #d3198c;
    --lrta-light: #c9c7e2;
    --lrta-dark: #717daa;
    --lrta-blue: #193c88;
    /* hobart */
    --hobart-blue: #06327C;
    --hobart-yellow: #
}

/*@font-face {
    font-family: ambit;
    src: url(../fonts/AmbitTRIAL-Regular.otf);
}

@font-face {
    font-family: ambit;
    src: url(../fonts/AmbitTRIAL-Bold.otf);
    font-weight: bold;
}
@font-face {
    font-family: ambit;
    src: url(../fonts/AmbitTRIAL-BoldItalic.otf);
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: ambit;
    src: url(../fonts/AmbitTRIAL-Italic.otf);
    font-style: italic;
}*/

body {
    margin: 0;
    font-family: ambit, 'Trebuchet MS', Helvetica, sans-serif;
    overscroll-behavior-x: none;
}

input[type=text], select, input[type=number], input[type=password] {
    border-style: solid;
    border-width: thick;
    border-color: var(--tra-green);
    font-family: ambit, 'Trebuchet MS', Helvetica, sans-serif;
    font-weight: bold;
    padding: 4px;
}

input[type=button] {
    background-color: var(--tra-yellow);
    font-family: ambit, 'Trebuchet MS', Helvetica, sans-serif;
    border: 0px;
    padding: 10px;
    font-weight: bold;
    font-color: white;
}

textarea {
    font-family: ambit, 'Trebuchet MS', Helvetica, sans-serif;
    background-color: var(--green);
    border-radius: 2px;
    font-size: 16px;
}