body {
    background-color:white;
}



.whitesheet{
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2), 0 6px 24px 0 rgba(0, 0, 0, 0.19);
    padding:8px;
    margin-bottom:8px;
    background-color:white;
}



.sf-navbar{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0;
    text-align:center;
    height:64px;
    background-color:#001742;
    font-size:large;

    border-bottom:1px solid #acc8db;
    overflow:hidden;
    white-space:nowrap;
}

.sf-body{
    display:block;
    position:absolute;
    top:64px;
    left:0;
    right:0;
    bottom:0;
    overflow-y:auto;
    overflow-x:hidden;
    color:#2c2c2c;

}


.sf-navbar-item, .sf-navbar-item:active, .sf-navbar-item:focus{
    display:inline-block;
    width:auto;
    height:100%;
    margin:0;
    padding-left:8px;
    padding-right:8px;
    height:64px;
    line-height:64px;
    color:white;

    -o-transition:color .2s ease-out, background .2s ease-in;
    -ms-transition:color .2s ease-out, background .2s ease-in;
    -moz-transition:color .2s ease-out, background .2s ease-in;
    -webkit-transition:color .2s ease-out, background .2s ease-in;
    transition:color .2s ease-out, background .2s ease-in;
}
.sf-navbar-item-logo{
    font-weight:bolder;
    font-style:italic;
}

.sf-navbar-item:hover{
    text-decoration:none !important;
    color:white;
    background-color:#10357c;
}

.btn{
    -o-transition:color .2s ease-out, background .2s ease-in, border .2s ease-in;
    -ms-transition:color .2s ease-out, background .2s ease-in, border .2s ease-in;
    -moz-transition:color .2s ease-out, background .2s ease-in, border .2s ease-in;
    -webkit-transition:color .2s ease-out, background .2s ease-in, border .2s ease-in;
    transition:color .2s ease-out, background .2s ease-in, border .2s ease-in;
}
.btn-primary{
    background-color:#001742;
    border-color:#001742;
    color:white;
}
.btn-primary:hover{
    background-color:#10357c;
    border-color:#10357c;
    color:white;
}


.table-sf > tbody > tr:hover{
    background-color:#91a5cb;
}
.table-sf > tbody > tr{
    cursor:pointer;
}


@media (max-width: 900px) {
    
.sf-navbar{
    font-size:small;
}

}

@media (max-width: 700px) {
    
.sf-navbar{
    font-size:0.8em;
}

.sf-navbar-item, .sf-navbar-item:active, .sf-navbar-item:focus{
    padding-left:5px;
    padding-right:5px;
}
}

@media (max-width: 400px) {
    
.sf-navbar{
    font-size:0.7em;
}

.sf-navbar-item, .sf-navbar-item:active, .sf-navbar-item:focus{
    padding-left:3px;
    padding-right:3px;
}
}