@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/logo.png");
    --logo-alt: url("../../custom/theme/assets/images/logo.png");

    /*** Powered by Logo ***/
    --logo-powered-by: url("../../../../custom/theme/assets/images/poweredby_navingo.png");

    /***Header Image***/
    --header-image: url("../../custom/theme/assets/images/background.jpg");

    /***Brand Colors***/
    --color-brand-primary: #215DA5;
    --color-brand-primary-rgb: 33, 93, 165;
    --color-brand-secondary: #23A638;
    --color-brand-tertiary: #140E32;
    --color-brand-light: #d1e6ff;
    --color-brand-dark: #140E32;

    /***Font***/
    --font-family: 'Gotham Book', sans-serif;
    --font-family-title: 'Gotham Book', sans-serif;
    --font-family-body: 'Gotham Book', sans-serif;
    --font-size: 1.6rem;

    /***Border radius***/
    --border-radius: 0px;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}

.tickets-table-container .table-filter-header {
    display: none;
    position: absolute;
}

header .header_bar {
    background: rgb(22,26,74);
    background: linear-gradient(90deg, rgba(22,26,74,1) 0%, rgba(0,99,175,1) 100%);
}
.header_visual-content{
    padding: 1.6rem;
}
.header_visual h1 {
    font-size: var(--font-size-l);
}
.vat-note p, .vat-note h4 {
    font-size: var(--font-size-xxs);
    color: var(--color-neutral-gray-06);
}
.vat-note h4 {
    font-weight: bold;
}
fieldset.password {
    border: 2px solid var(--color-brand-tertiary);
}
fieldset.password h4 {
    margin: 0;
    font-weight: bold;
    color: var(--color-brand-tertiary);
}
.container-fluid .sidebar {
    display: flex;
    flex-direction: column;
}
.container-fluid .poweredby {
    position: sticky;
    bottom: 3.2rem;
    margin-top: auto;
}
.form_label.bold {
    font-weight: 700;
}

select[multiple] {
    width: 100%;
}

/* MENU */
.menu-items li .menu-item,
.menu-trigger-btn {
    color: var(--color-brand-light);
}
.menu-items li .menu-item:focus,
.menu-items li .menu-item:hover,
.menu-items li.menu-active:not(.menu-group.open) .menu-item:not(.menu-item--sub),
.menu-trigger-btn:hover,
.menu-trigger-btn.open::after {
    color: var(--color-neutral-white);
}
.menu-items .menu-active-border {
    border-color: var(--color-brand-tertiary);
}
.header_bar .logo {
    width: 15%;
    margin: 0 15px 0 0;
}
.header_bar .logo.powered-by {
    background-image: var(--logo-powered-by);
    width: 18%;
}
@media screen and (max-width: 767px) {
    .logo {
        width: 100%;
    }
    .logo.powered-by {
        display: none;
    }
}

/* CASA */
.content-container {
    min-height: calc(50vh - var(--menu-height));
}
.casa-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3.2rem;
}
.button--casa {
    color: #fff;
    text-decoration: none;
    width: 33%;
    padding: 1.6em;
    min-height: 120px;
    cursor: pointer;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.button--casa .title {
    color: #FFF;
    font-size: var(--font-size-l);
    font-weight: 500;
    margin: 0 0 0.5em 0;
}
.button--casa.multiple_tickets {
    background: linear-gradient(90deg, #1A812B 0%, #32C449 100%);
}
.button--casa.press {
    background: linear-gradient(90deg, #1B105A 0%, #665D97 100%);
}
.footer_bar a {
    color: var(--color-neutral-white);
}
.footer_bar .info, .footer_bar .poweredby {
    display: unset
}
.product_advantages{
    padding-left: 1.6rem;
}
.tickets-table-container{
    overflow-x: auto;
}
div.dt-container.dt-empty-footer tbody>tr:last-child>*{
    vertical-align: text-top;
}
.content-container .table--checkbox input[type='checkbox']:not(:checked)+label:before{
    top:3px;
}
.wallet-button.google {
    background-image: url("../../assets/images/google_wallet.png");
}
.container-qrcode {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.layout-header-full-width .header_visual, .layout-header-full-width .header_visual:before {
    height: 30vh;
}
.header_visual-content h1 {
    margin: 0;
}
footer {
    background: rgb(22,26,74);
    background: linear-gradient(90deg, rgba(22,26,74,1) 0%, rgba(0,99,175,1) 100%);
}
footer hr {
    margin: 0;
    border: unset;
}

.layout-login .loginbox_holder--dinner .logo,
.header_bar--dinner .logo {
    background-image: var(--logo-standard);
}
.pending_note {
    background: var(--color-brand-light);
    padding: 20px;
}
.dt-column-title {
    font-size: var(--font-size-xs);
}
td{
    line-height: 1.5;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding: 0 1.6rem 0.8rem 1.6rem;
}
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0.8rem;
    width: 12px;
}
 .menu-trigger-btn.open::after {
    color: var(--color-brand-primary);
}
.calculation-table .tickets table thead td,
.calculation-table .tickets table tbody td,
.calculation-table .total_price{
    padding: 0.8rem;
}

table.dataTable .button--datatable {
    font-size: inherit;
    line-height: inherit;
}

.custom-dialog {
    max-width: 500px;
}
.tickets-progress .progress_legend {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.progress_legend--item{
display: flex;
    align-items: center;
    gap: 0.8rem;
}
@media (min-width: 1200px) {
    .col-form {
        grid-column: span 6 / 11;
    }
}
@media screen and (max-width: 991px){
    .multistep_vertical_container.open{
        border-bottom:1px solid var(--color-brand-primary) ;
    }

}
@media (min-width: 768px){
    .header_visual-content{
        padding: 3.2rem;
    }
}
@media screen and (max-width: 767px) {
    .header_visual, .header_visual:before {
        min-height: 25vh;
    }
    .layout-header-full-width .header_visual {
        height: 25vh;
    }
    .button--casa {
        width: 48%;
    }
    .button--casa .title {
        font-size: var(--font-size-m);
    }
    .header_bar .logo {
        width:50%;
        margin: 0;
    }
}