/*.fa{*/
    /*font-family: "Font Awesome 5 Free" !important;*/
/*}*/

.layout-wrapper .topbar .logo {
    width: 90px;
}

.layout-wrapper .topbar .app-name{
    color: #20419a;
}

.layout-wrapper .topbar #user-display{
    color: #20419a;
}

.layout-wrapper .topbar #topbar-menu {
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

.layout-wrapper .topbar #topbar-menu li a{
    color: #20419a;
}

.login-body {
    background-color: #20419a;
    background: radial-gradient(circle at 50% 100%, #20419a, #ffffff);
    padding-top: 85px;
    border-top: 10px solid #efa302;
}

.ui-button.btn-secondary{
    color: #ffffff;
    background-color: #20419a;
    border: solid 1px #20419a;
}

.ui-button.btn-secondary.ui-state-hover{
    background-color: #476fd9;
}

ul[role=menu]{
    min-width: 300px !important;
}

.card .card.card-w-title{
    background: #eaeff2;
}

.address, .inline-edit{
    border: 1px solid #20419a;
    box-shadow: 3px 2px 5px #20419a;
}

.address-footer{
    text-align:right;
    padding: 0px 10px 10px 10px;
}

.noLeftPad{
    padding-left: 0;
}

.address-body{
    padding: 10px 10px 5px 10px;
}

.address-body.selected-address{
    background-color: rgba(71, 111, 217, 0.4);
}

.selectable-address:not(.selected-address):hover{
    background-color: #efa302;
    cursor: pointer;
}

.current-queue{
    border: 1px solid #20419a;
    box-shadow: 3px 2px 5px #20419a;
}

.queue-full{
    background-color: #ff6962;
}

.label-above-value{
    display:block;
    font-weight: bold;
}

.ui-g.align-center{
    align-items: center;
}



.mar-right-5{
    margin-right: 5px;
}

.overview-box-count{
    display:block;
}

.perso-details-content{
    max-height: 800px;
}
/*#20419a donker*/
/*#476fd9 licht*/
/*#efa302 geel*/