@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/NEDS-2019.png");
    --logo-alt: url("../../themes/base/assets/images/logo_invitado_VM_wit.svg");

    /***Header Image***/
    /* --header-image: url("../images/header_background.jpg"); */

    /***Brand Colors***/
    --color-brand-primary: #203ab0;
    --color-brand-primary-rgb: 27, 49, 150;
    --color-brand-secondary: #EBECEF;
    --color-brand-tertiary: #E8E9FD;
    --color-brand-light: #EBECEF;
    --color-brand-dark: #2a2c36;

    --color-neutral-gray-08: #3b4261;
    --color-neutral-gray-09: #2a2c36;
    --color-neutral-black:#2a2c36;

    --color-message-succes: #198754;
    --color-message-warning: #FFE00C;
    --color-message-info: #0083FF;
    --color-message-error: #B0203A;

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

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}
.container-fluid .sidebar {
    background-color: var(--color-brand-secondary);
}
.multistep_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}
h6{
    color: var(--color-brand-primary);
    font-weight: 600;
}
h6 + h3{
    margin: 0rem 0 0.8rem 0;
}
.button--secondary {
    background-color: var(--color-message-succes);
}
.confirmation h3 span,
.content-main h3 span{
    color: var(--color-brand-primary);
}
.menu-border .menu-border--stripe {
    width: 100%;
    height: 6px;
}
.menu-border .menu-border--red {
    background-color: var(--color-message-error);
}
.menu-border .menu-border--white {
    background-color: var(--color-neutral-white);
}
.menu-border .menu-border-blue {
    background-color: var(--color-brand-primary);
}
@media (min-width:992px){
    .multistep_title {
        align-items: flex-start;
    }
    .row-center .col-xs-12{
        grid-column: 4 /span 6;
    }
}

.exhibitor-info-box--label {
    font-weight: bold;
}

.layout-login .logo {
    background-image: none;
}
.portal-btn{
    width: 100%;
    height: 100%;
}
.portal-btn:hover{
    background-color: var(--color-brand-secondary);
    color: var(--color-brand-primary);
    transition: all 0.3s ease-in-out;
}
.portal-btn .material-icons{
    font-size: 3.2rem;
}
.bg-secondary {
    background-color: var(--color-brand-secondary) !important;
    border-radius: var(--border-radius) !important;
}