/*postbank color palette*/
:root {
    --pb-yellow-400: #ffcc00;

    --pb-blue-40: #f9fafc;
    --pb-blue-50: #f3f5f8;
    --pb-blue-100: #f1f2f8;
    --pb-blue-150: #e7ebf2;
    --pb-blue-200: #ced6e4;
    --pb-blue-300: #b5c2d7;
    --pb-blue-400: #9daec9;
    --pb-blue-500: #8499bc;
    --pb-blue-600: #6c85ae;
    --pb-blue-700: #5371a0;
    --pb-blue-800: #3b5d93;
    --pb-blue-900: #224886;
    --pb-blue-950: #0a3478;

    --pb-grey-100: #e5e5e5;
    --pb-grey-200: #cccccc;
    --pb-grey-300: #b2b2b2;
    --pb-grey-400: #999999;
    --pb-grey-500: #7f7f7f;
    --pb-grey-600: #666666;
    --pb-grey-700: #4c4c4c;
    --pb-grey-800: #333333;
    --pb-grey-900: #1a1a1a;
}

.enforce-no-padding {
    padding: 0 !important;;
}

.d-flex {
    display: flex;
}

.flex-justify-around {
    justify-content: space-around;
}

.flex-justify-between {
    justify-content: space-between;
}

.flex-direction-column {
    flex-direction: column;
}

.align-self-center {
    align-self: center;
}

.icon-checkmark-circle-blue-big {
    background-image: url(../img/icons/tick-blue-bg.svg);
    background-size: 64px;
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0px;
    display: block;
}

.icon-checkmark-circle-white-big {
    background-image: url(../img/icons/tick-white-bg.svg);
    background-size: 64px;
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 20px;
    margin-bottom: 0px;
    display: block;
}

.circle-number{
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 15px;
    margin-bottom: 0px;
    display: block;
    border-radius: 50%;
    background: var(--pb-blue-950);
    padding: 11px 17px;
    color: #fff;
    font-size: 18px;
}