
@media (min-width: 1600px) {
    .container-xl {
        max-width: 1600px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }}

/*margin*/
.container-xl .m-15 {
    margin: 15px !important
}
.container-xl .m-b-15 {margin-bottom: 15px !important}
.container-xl .m-l-0 {margin-left: 0 !important}


/*padding*/
.container-xl .p-15 {
    padding: 15px !important
}
.container-xl .p-t-60 {padding-top: 60px !important}
.container-xl .p-b-60 {padding-bottom: 60px !important}
.container-xl .p-r-15 {padding-right: 15px !important}

/*Text colors*/
.container-xl .text-black {
    color: #000000 !important;
}

/** todo: container-xl a is global.. refactor
.container-xl a {
    color: #c92900 !important;
    text-decoration: none;
    background-color: transparent;
} **/

/*background colors*/
.container-xl .bg-white { background-color: #ffffff !important;}
.container-xl .bg-lightest {
    background-color: #f2f2f2 !important;
}

/*labels*/
.container-xl .label-primary{
    background-color: #C90403 !important;
    color: #ffffff !important;
}

.container-xl .is-table-row {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}
.container-xl .is-table-row > [class*='col-'] {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

.container-xl .dateMonth {
    text-align: center;
    display: block;
    width: 45px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2px;
}

.container-xl .dateDay {
    padding: 5px;
    text-align: center;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 0;
    width: 45px;
    font-weight: 900;
}

.container-xl .agenda-text {
    padding-right: 32px !important;
    padding-left: 15px !important;
}

.container-xl .agenda-title a {
    color: #464040!important;
}

/* test */

@media (min-width: 900px) {
    .agenda-container {
        position: relative;
        text-align:center;
    }

    .agenda-block {
        display:inline-block;
        max-width: 350px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: left;
    }
}

.row.block.block-border.agendaBlock {
    min-height: 180px;
}

