p {
    font-size: 12px;
}

.vert-hor-centered {
        width: 800px;
        height: 350px;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
}

div.horizontal {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
}

.vlogo {
    padding: 25px 57px 25px 57px;
}

.vlogo-small {
    width: 100px;
    height: 100px;
    margin-top: -10px;
}

div.dt-buttons {
    float: right !important;
    margin-left:10px;
}

table{
  width: 100% !important;
  clear: both !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  word-wrap:break-word !important;
}

.event-table-container {
    width: 1288px !important;
}