/*body,
html, 
#root,
#root > div,
#ol3
{
    height : 100%;
}


#overlay
{
    position : absolute;
    top:0px;
    left:0px;
}*/



/* TODO : A supprimer quand on sera en full OL3 */
.area-legend
{
    width : 34px;
    height : 20px;
    border : none;
    position :relative;
}


.nosel
{
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}


.btn-notam {
    width: 45px;
}

.btn-notam.georef {
    font-size: 8pt;
    line-height: 1.2;
}

.btn-notam.icarus {
    font-size: 8pt;
    line-height: 1.2;
}

#tooltipNotamButtons .btn-wait {
    width: 45px;
}




#map .tooltip-arrow:before
{
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}

#map .tooltip.white {
    background: #fff;
    border: solid 1px #888;
    opacity : 1;
    color : #333;
}

#map .portal-info .content {
    width: 60px;
    height: 30px;
    text-align: center;
    display: table;
    
}

#map .portal-info .hxg-wait
{
    width : 30px;    
    height:  30px;
}


.mouse-info .section-title.forbid,
#map .portal-info .content .forbid {
    background-color: #ff0000;
    color: #ffffff;
}

.mouse-info .section-title.warn,
#map .portal-info .content .warn {
    background-color: #0000ff;
    color: #ffffff;
}

.mouse-info .section-title.limit,
#map .portal-info .content .limit {
    background-color: #00ff00;
    color: #000000;
}
#map .portal-info .content .bulle {
    padding: 4px 0;
    border-radius: 10px;
    display: table-cell;
    vertical-align: middle;
}

#mycountries_pp .hxgPopupContent {
    padding : 0px;
}

#country-map {
    width: 100%;
    height: 520px;
}

#countries .title {
    
    font-family: robotoLight;
    font-size: 14pt;
    margin: 20px;
    color: #338;
}


#tooltipNotamButtons .locked i {
    right: -2px;
    top: 5px;
}



#tooltipGramet .hxgTooltipContent {
    width: 900px;
    height: 635px;
    overflow: hidden;
}


#tooltipGramet .no-gramet {
    font-size: 20pt;
    text-align: center;
    line-height: 600px;
}


#tooltipGramet .waitcontent {
    background-image: url("../../../serverFiles/img/icon/waiting.gif");
    height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
}


#tooltipMessage.tooltipDeroute .hxgTooltipContent {
    padding : 5px 15px;
}

#tooltipMessage.vor .hxgTooltipContent span {
    margin: 10px;
}