.msisbackground {
    background: url("/web/img/wall.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mscanapilogo {
    background: url("/web/img/mscanapi.png");
    background-repeat: no-repeat;
    border:0;        
}

.mainarea {
    padding-left:2em; 
    padding-right: 2em;
}

.pct100 {
    width:100%
}

.cellmargin {
    margin: 0.5em 0.5em 0.5em 0.5em;
}

.cellpadding {
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.cell {
    font-size: 30pt;
}

.celldata {
    color: white;
}

.typedata {
    color: rgb(44, 84, 168);
    font-size: 25pt;
    white-space:nowrap;
}

.headerdata {
    color: rgb(43, 36, 36);
    font-size: 25pt;
}

.typecell {
    max-width:12em;
}

.headerbackcolor {
    background-color: rgba(92, 94, 96, 0.60);
}

.backcolor {
    background-color: rgba(92, 94, 96, 0.60);
}

@media only screen and (max-width: 1280px) {

.mscanapilogo {
    background: url("/web/img/mscanapi200.png");
    background-repeat: no-repeat;
    border:0;        
    min-height:100px;
    min-width:180px;
}

.cell {
    font-size: 16.5pt;
}

.typedata {
    font-size: 14pt;
    font-weight: bold;
    white-space:nowrap;
}

.headerdata {
    font-size: 14pt;
    font-weight: bold;
}

.mainarea {
    padding-left:0.01em; 
    padding-right: 0.01em;
}

div.layout {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-45%);
}

.cellmargin {
    margin: 0.3em 0.15em 0.3em 0.15em;
}

.cellpadding {
    padding: 0.25em 0.25em 0.25em 0.2em;
}

}