/* Here custom css can be added*/
.required .col-form-label:after {
    content:"*";
    color:red;
}

.required .form-label:after {
    content:"*";
    color:red;
}

.invalid-feedback {
    display: block;
}

/* Include Open Sans Font -- Paddle loads this via Google Fonts,
   But I think it’s saver to bundle the font and better privacy wise too */

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "Open Sans", sans-serif;
}

/* By default bootstrap sets headers at 500, but the Gaming Commission website uses 700 */
/* (And Open Sans is not available as 500) */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* ----- Header logo ----- */
.logo-wrapper a {
    display: block;
    width: 210px;
    height: 80px;
    background: url("../../images/logo.png") no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 8px 0;
}

.lang-en .logo-wrapper a {
    background-position: 0 0;
}

.lang-fr .logo-wrapper a {
    background-position: 0 -90px;
}

.lang-nl .logo-wrapper a {
    background-position: 0 -180px;
}

.lang-de .logo-wrapper a {
    background-position: 0 -270px;
}


.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}