body{
    
}

div{
    padding:none;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    
}


table{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    border-collapse:collapse;
}

pre{
    text-align:left;
}

#content{
    text-align:left;
}

#contLinkToDocs{
    margin:2em;
    
}

#requestsContainer{
    display: inline-block;
    text-align: left;
    width:25%;
    overflow:scroll;
    float:left;
    height:95vh;
}
#pagesContainer{
    display: inline-block;
    width:70%;
    float:right;
}

#titleAbove{
    font-size:2em;
    margin-bottom: 1em;
}

#loading{
    padding-top:40vh;
    padding-bottom:40vh;
    text-align:center;
    width:100%;
    font-size:15vh;
    
    position:absolute;
    left:0px;
    top:0px;
    background-color: rgba(255,255,255,0.5);
    animation-name: pulsating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes pulsating {
  0% {color: rgba(0,0,255,1);}
  50% {color: rgba(0,0,255,0.25);}
  100% {color: rgba(0,0,255,1);}
}

.nav{
    background-color: beige;
    border-radius: 10px;
    display:inline-block;
    width: 10em;
    text-decoration: none;
    
}

.nav:hover{
    background-color: yellow;
}

.request{
    border:solid;
    border-color: black;
    border-width: 1px;
    background: beige;
    text-align:left;
    margin-bottom: 1em;
    width: 95%;
}
.request div{
    text-align: left;
    border-bottom:solid;
    border-bottom-color: black;
    border-bottom-width: 1px;
    overflow: auto;
    max-height: 30em;
}

.tableView td{
     border:solid;
    border-width:1px;
    border-color:black;
}

.tdLabel{
    text-align: right;
}

.tdField{
    text-align: left;
}

input{
    width:90%;
}

.tdField > input[type=radio]{
    width:2em;
}