@media only screen and (orientation: landscape) {

    .map-container{
        width:80%;
        height:100%;
        top:0px;
        right:0px;
        float:right;
    }

    .ui-container{
        width:20%;
        height:100%;
        top:0px;
        left:0px;
        min-width:300px;

    }

    .strip-main-menu-container {
        height:50px;
    }
    

}


@media only screen and (orientation: portrait) {


    .map-container{
        width:100%;
        height:60%;
        top:0px;
        left:0px;
    }

    .ui-container{
        width:100%;
        height:40%;
        bottom:0px;
        left:0px;
    }

    .strip-main-menu-container{
        height:100px;
    }
}


.button{
    display:inline-block;
    padding:0px;
    margin:0px;
    line-height:1em;
    border:none;
    box-sizing:border-box;
    cursor:pointer;
}
.button .icon{
    box-sizing:border-box;
    display:inline-block;
    width:42px;
    height:42px;
    border:0px solid #777777;
    background:#222222;
    margin:4px;
    padding:0px;
    line-height:1em;
}
.button .icon.file{
    background-image:url("../img/ui/file.png");
}
.button .icon.strip{
    background-image:url("../img/ui/strip.png");
}

.button.disabled{
    opacity:20%;
    color:#ff0000;
}

.button p {
    height:100px;
    vertical-align:center;
}


.dropdown{
    position: relative;
    display: inline-block;
}

.dropdown:hover .dropdown-content{
    display:block;
}
.dropdown.disabled:hover .dropdown-content{
    display:none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #222;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }

.dropdown-content div {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content div:hover {background-color: #004074}




.main-container{
    width:100%;
    height:100%;
    margin: 0px;
    position:fixed;
    top:0px;
    left:0px;
    padding:0px;
}

.map-container{
    background-color:#000;
    box-sizing:border-box;
    margin:0px;
    border:solid 0px #333333;
    position:relative;
    display:block;
}


.strip-details-widget{
    background-color:transparent;
    margin:0px;
    padding:10px;
    color:#fff;
    
}

.strip-details-widget input{
    color:#fff;
    background:transparent;
    border: #fff 1px solid;
    width:100%;
}

.strip-details-widget table{
    width:100%;
}

.strip-main-menu-container {
    width:100%;
    background-color:#004074;
    display:inline-block;
}

.ui-container {
    display:block;
    position:fixed;
    background-color:#111;
    border:20px transparent;
    font-family: 'Yantramanav', sans-serif;
}