html,body{
    height: 100%;
    width: 100%;
}

.centered{
    width: 90%;
    margin: 5%;
}

div#input{
    height: 250px;
    padding-top:30px;
    margin-top: 20px;
    margin-bottom: 0px;
}

div#map{
    width: 100%;
}

div#table{
    width: 100%;
    overflow: scroll;
}

div#map-jumbo{
    height: calc(100% - 450px);
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
    opacity: 0;
}

div#map-jumbo.init{
    height: 0px;
    opacity: 1;
}

div#map-jumbo.init.expanded{
    height: calc(100% - 400px);
    padding: 10px;
}

.minimised{
    height:0%;
}

.maximised{
    height:100%;
}

.hidden{
    visibility: hidden;
    display: none;
}

.transition{
    -webkit-transition: height 1s ease; 
    -moz-transition: height 1s ease; 
    -ms-transition: height 1s ease; 
    -o-transition: height 1s ease; 
    transition: height 1s ease; 
}

#footer{
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    height: 20px;
}

#mission-table {
    height: 100%;
    width: 100%;
}

table, th, td {
    border: 1px solid black;
    table-layout: fixed;
}

#mission-table tr th {
    cursor: pointer;
}