@charset "UTF-8";

.map-keys {

    padding-left:5px;
    padding-right:5px;
}

.container
{

    width:100%;
    margin:auto;
    position:relative;
    padding:0px;
   
}
.geo
{
    width:33%;
    height:33%;
    display:inline-table;
    position:relative;

}

.dungeon
    {
        width:25% !important;
        height:25% !important;

    }


#container
{
    position:relative;
    width:auto;
   

    /*
    width:1200px;
    height:1200px;
*/
}
.deg90 
{
    transform:          rotate(90deg);
    -ms-transform:      rotate(90deg);
    -moz-transform:     rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:       rotate(90deg);
}

.deg180 
{
    transform:          rotate(180deg);
    -ms-transform:      rotate(180deg);
    -moz-transform:     rotate(180deg);
    -webkit-transform:  rotate(180deg);
    -o-transform:       rotate(180deg);
}
.deg270 
{
    transform:          rotate(270deg);
    -ms-transform:      rotate(270deg);
    -moz-transform:     rotate(270deg);
    -webkit-transform:  rotate(270deg);
    -o-transform:       rotate(270deg);
}


[draggable=true] {
    cursor: move;
}

.moveable
{
    position:absolute;  
    height:24px;
    width:24px;  
    color:rgb(255, 255, 255);
    font-size:1.0rem;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);

    z-index: 12;

}
#keyData-Container  {

    font-size:0.8em;
    max-height:200px;
    overflow-y: scroll;
}

.title  {

    font-weight: bold;
}

.fa-question-circle-o  {

    cursor:pointer;


}

.help-modal  {

font-size:0.8em;

}
.help-modal li {
padding:5px;

}