body {
    margin: 2px;
}


html, body {
    font-family: Verdana,sans-serif;
    font-size: 15px;
    line-height: 1.5
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #172439 !important
}

.w3-text-blue, .w3-hover-text-blue:hover {
    color: #172439 !important
}



.w3-light-blue, .w3-hover-light-blue:hover {
    color: #000 !important;
    background-color: #59a2d4 !important
    
}





.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
    padding: 2px 2px 2px 2px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    font-size: .9em;
}

th {
    background-color: #59a2d4 !important;
    /*color: white !important;*/
    color: black !important;
    position: sticky !important;
    top: 0px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    height: 2.5rem;
   /* vertical-align: middle !important;*/
}

    th a {
        text-decoration: none;
    }

.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #c94235 !important
}

/*.ajax__balloon_popup{
     background-color:transparent;
    }*/

.w3-bar-item {
    /* tighten up the main menu*/
    line-height: 1.0em;
}


/*.w3-tooltip .w3-text {
    display: none;
    background-color:yellow;

}*/


/*tooltip*/
/*.custom-tooltip {
    display: none;
    position: absolute;*/
    /*background: #333;*/
    /*color: #fff;*/
    /*padding: 6px 10px;
    border-radius: 8px;
    font-size: 16px;
    z-index: 1000;*/
    /*add w3-pale-red color */
    /*color: #000 !important;
    background-color: #ffdddd !important
}*/