:root {

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

    /***Header Image (Van toepassing op visual.twig)***/
    /* --header-image: url("../../custom/theme/assets/images/header_background.jpg"); */

    /***Brand Colors***/
    --color-brand-primary: #c51414;
    --color-brand-primary-rgb: 197, 20, 20;
    --color-brand-secondary: #676767;
    --color-brand-tertiary: #323232;
    --color-brand-light: #f9e7e7;
    --color-brand-dark: #323232;

    /***Font***/
    --font-family: 'Roboto', sans-serif;
    --font-family-title: 'Roboto', sans-serif;
    --font-size: 1.8rem;

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

.layout-login {
    background-color: var(--color-neutral-white);
}

.login_formbox {
    border: 2px solid var(--color-brand-primary);
}

.layout-login .logo {
    height: 90px;
}

img.hand {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 0;
}
.assign-ticket--confirm-modal .ui-button.button--primary, .button--primary {
    border: 2px solid var(--color-brand-primary);
    font-weight: 400;
}
.assign-ticket--confirm-modal .ui-button.button--primary:hover, .button--primary:hover {
    background-color: var(--color-neutral-white);
    border: 2px solid var(--color-brand-primary);
    color: var(--color-brand-primary);
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unsets;
}
.logo {
    height: 70px;
}