/*xs -> Extra small devices (portrait phones) 320px*/
* 
{
    margin: 0;
    padding: 0;
}

html 
{
    min-width: 320px;
    font-size: 10px;
}

.mensaje .ui-dialog-titlebar 
{
    background: #003646;
    color: white;
}

header 
{
    background-color: #003646; 
}

header h1 
{
    font-family: 'Segoe UI';
    color: #C0C0C0;
    font-size: 17px;
}

header img 
{
    max-height: 90%;
    max-width: 90%;
}

.table tbody tr:hover td, .table tbody tr:hover th 
{
    background-color: #0066CC;
    cursor: pointer;
}

.table td, table th
{
    font-size: 9px;
}


/*sm -> Small devices (landscape phones)*/
@media (min-width: 576px) 
{
    html 
    {
        font-size: 13px;
    }

    header h1 
    {
        font-size: 30px;
    }

    header img 
    {
        max-height: 70%;
        max-width: 70%;
    }
}

/*md ->  Medium devices (tablets)*/ 
@media (min-width: 768px) 
{ 

}

/*lg -> Large devices (desktops)*/ 
@media (min-width: 992px)
{
    html
    {
        font-size: 16px;
    }

    header h1 
    {
        font-size: 30px;
    }

    header img 
    {
        max-height:80%;
        max-width: 80%;
    }

    .table td, table th {
        font-size: 16px;
    }
}

/*xl -> Extra large devices (large desktops)*/ 
@media (min-width: 1200px)
{
   
}