﻿body {
    margin: 0px;
    padding-top: 0px;
}

#msg-div {
    position: absolute !important;
    left: 0px !important;
    top: 10px !important;
    width: 100% !important;
    z-index: 20000;
}

    #msg-div .x-box-ml {
        background-color: #D5D5D5 !important;
    }

    #msg-div .x-box-mr {
        background-color: #D5D5D5 !important;
    }

    #msg-div .x-box-mc {
        background-color: #D5D5D5 !important;
    }

    #msg-div .x-box-mc span {
         color: #60205C !important;
    }

@media (min-width: 576px) {

    #tablaAntes #tablaDurante #tablaDespues {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font: larger verdana;
        border-collapse: collapse;
        width: auto;
        grid-template-columns: 310px 310px 310px;
        grid-gap: 20px;
    }
}
/*sm*/
@media (min-width: 768px) {

    #tablaAntes #tablaDurante #tablaDespues {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font: larger verdana;
        border-collapse: collapse;
        width: auto;
        grid-template-columns: 310px 310px 310px;
        grid-gap: 20px;
    }
}
/*md*/
@media (min-width: 992px) {

    #tablaAntes #tablaDurante #tablaDespues {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font: larger verdana;
        border-collapse: collapse;
        width: auto;
        grid-template-columns: 310px 310px 310px;
        grid-gap: 20px;
    }
}
/*lg*/
@media (min-width: 1200px) {
    #tablaAntes #tablaDurante #tablaDespues {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font: larger verdana;
        border-collapse: collapse;
        width: auto;
        grid-template-columns: 310px 310px 310px;
        grid-gap: 20px;
    }
}

@media (min-width: 1400px) {
    #tablaAntes #tablaDurante #tablaDespues {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font: larger verdana;
        border-collapse: collapse;
        width: auto;
        grid-template-columns: 310px 310px 310px;
        grid-gap: 20px;
    }
}
