.guide{
font-family: Roboto,helvetica,sans-serif;
background-color:#fafafa;
}
.header{
padding-top:1rem;
}
.heading{
padding:5px 0 0 5px;
font-size:1.5rem;
font-weight:bold;
margin-bottom:.2rem;
}
.task{
padding:1rem;
border-top: 1px solid grey;
#background: linear-gradient(whitesmoke, lightgray);
}
.task-feedback{
padding:1rem;
background-color:white;
}
.foot{
border-top: 1px solid grey;
text-align:right;
padding:1rem;
background-color: white;
}
.description{
padding:.8rem;
font-size:1rem;
}
p{
margin:.7rem 0
}
.modal-message{
padding:1rem;
background-color:white;
display:inline-block;
width: calc(100% - 80px);
margin: 2rem auto;
text-align:left
}
.backdrop{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background-color:rgba(0,0,0,0.4);
text-align:center;
}
#pre-submit-message{
text-align:left;
padding:1rem;
color: darkred;
}
button {
font-size:1rem;
background-color: initial;
background-image: linear-gradient(-180deg, #004FAB, #00408A);
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
height: 35px;
line-height: 35px;
outline: 0;
overflow: hidden;
padding: 0 20px;
pointer-events: auto;
position: relative;
text-align: center;
touch-action: manipulation;
user-select: none;
-webkit-user-select: none;
vertical-align: top;
white-space: nowrap;
border: 1px solid #002147;
transition: box-shadow .2s;
margin: .25rem;
}
button:hover {
background-image: linear-gradient(-180deg, #0065DA, #004FAB);
}
.hamburger-button {
padding: 0 0 0 10px;
font-size: 18px;
cursor: pointer;
}
#nav-links {
background-color: #ccc;
}
#nav-links div {
padding:5px 5px 5px 25px;
color: #333;
text-decoration: none;
cursor: pointer;
}
#nav-links div:hover {
background-color: #aaa;
color:white;
}
.data-element{
background-color:#333;
color: lightgreen;
font-weight:bold;
padding:5px;
border-radius:3px;
margin-bottom:5px;
padding:2px 5px;
}
.assessment{
margin-bottom:.5rem;
}
.assessment span{
cursor:pointer;
padding:3px;
}
.assessment span:hover{
background-color:#ccc;
}
.due{
font-size:12px;
font-weight:bold;
text-align:center;
padding:3px;
margin:3px 0 20px;
}
.past{
background-color:#ffafaf;
color:#700;
}
.future{
background-color:darkgreen;
color:#aefea5;
}
.soon{
background-color:#FFF226;
color:#966900;
}
.unknown{
background-color:#aaa;
color:#333;
}