/**
/// Eagle Cap Software Inc. ("COMPANY") CONFIDENTIAL
/// Unpublished Copyright (c) 2017-2019 Eagle Cap Software Inc., All Rights Reserved.
///
/// NOTICE:  All information contained herein is, and remains the property of COMPANY. The intellectual and technical concepts contained
/// herein are proprietary to COMPANY and may be covered by U.S. and Foreign Patents, patents in process, and are protected by trade secret or copyright law.
/// Dissemination of this information or reproduction of this material is strictly forbidden unless prior written permission is obtained
/// from COMPANY.  Access to the source code contained herein is hereby forbidden to anyone except current COMPANY employees, managers or contractors who have executed 
/// Confidentiality and Non-disclosure agreements explicitly covering such access.
///
/// The copyright notice above does not evidence any actual or intended publication or disclosure  of  this source code, which includes  
/// information that is confidential and/or proprietary, and is a trade secret, of  COMPANY.   ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC  PERFORMANCE, 
/// OR PUBLIC DISPLAY OF OR THROUGH USE  OF THIS  SOURCE CODE  WITHOUT  THE EXPRESS WRITTEN CONSENT OF COMPANY IS STRICTLY PROHIBITED, AND IN VIOLATION OF APPLICABLE 
/// LAWS AND INTERNATIONAL TREATIES.  THE RECEIPT OR POSSESSION OF  THIS SOURCE CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS  
/// TO REPRODUCE, DISCLOSE OR DISTRIBUTE ITS CONTENTS, OR TO MANUFACTURE, USE, OR SELL ANYTHING THAT IT  MAY DESCRIBE, IN WHOLE OR IN PART.                
**/

.ecs-panel {
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
    z-index: 1000;
    padding: 4px;
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,.2);
    text-align: center;
    margin: 8px;
    width:90%;
}
.ecs-logo {
    position: absolute; 
    top: 10px; 
    right: 40px; 
    z-index: 500;
    pointer-events: none;
}
.popup-content {
    max-height: 400px;
    overflow: auto;
}
.clickable {
    cursor: pointer;
}
.no-click {
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: line-through;
    color: #ccc;
}
.ecs-remove {
    display: none;
}
.ecs-show {
    display: inherit;
}
.ecs-morse {
    height: 3px; 
    margin: 0px 2px; 
    background-color: black
}
.ecs-morse.dit {
    width: 4px; 
}
.ecs-morse.dah {
    width: 12px;
}
.ecs-label {
/*    background-color: rgba(0,50,0,.2); */
    background-color: transparent;
    text-shadow: 0 0 3px #ffffff;
    font-weight: bold;
}
.ecs-airway-label {
    background-color: black;
    color: white;
    text-shadow: none;
    text-align: center;
    line-height: 12px;
    padding: 0px 2px;
}
.ecs-track-line {
    stroke-width: 3;
}
.ecs-tracks-label {
    background-color: black;
    color: white;
    text-shadow: none;
    text-align: center;
    border-radius: 6px;
}
.westerly-background {
    background-color: rgba(108, 52, 131);
}
.easterly-background {
    background-color: rgba(30, 132, 73);
}
.westerly {
    color: rgba(108, 52, 131, 0.6);
    stroke: rgba(108, 52, 131, 0.6);
}
.easterly {
    color: rgba(30, 132, 73, 0.6);
    stroke: rgba(30, 132, 73, 0.6);
}
.ecs-waypoint-label {
    font-size: 10px;
}
.ecs-vor-label {
    border: 1px solid black;
    border-radius: 3px;
    text-align: center;
    line-height: 12px;
}
.ecs-nearby-search-td {
    text-align: left; 
    line-height: 1.4; 
    font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#ecs-results-content {
    max-height: 450px; 
    overflow: auto;
    transition: all .5s;
}
#ecs-route-drawer {
    box-sizing: border-box;
    position: absolute; 
    top: -8px; 
    left: 200px; 
    height: 140px; 
    width: 600px;
    color: white;
    background-color: darkslategrey; 
    border: 8px solid #6c757d;
    border-bottom: 34px solid #6c757d;
    border-radius: 4px;
    z-index: 1000;
    text-align: center;
    transition: all 1s;
}
.ecs-route-drawer-down {
    margin-top: 0px;
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,.2);
}
.ecs-route-drawer-up {
    margin-top: -136px;
    box-shadow: none;
}
.ecs-route-container {
    position: absolute;
    top: 20px;
    bottom: 100px;
    left: 0px;
    right: 0px;
    background-color: lightsteelblue;
}
.ecs-drawer-buttons-container {
    position: absolute;
    top: 100px;
    right: 0px;
    display: flex;
    justify-content: flex-end;
    margin: 5px 0px 0px;
}
.ecs-route-button {
    line-height: 12px;
    padding: 2px 4px 4px 4px;
    margin: 1px 4px;
    cursor: pointer;
    color: buttontext;
}
#ecs-route-area {
    position: absolute;
    left: 0px;
    right: 0px;
    overflow: auto;
    padding: 3px;
    text-align: left;
    display: flex;
    align-items: flex-start;
}
#ecs-route-entry-form {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    background-color: darkslategrey;
    color: #333;
}
#ecs-route-entry-form input {
    text-transform: uppercase;
}
.ecs-route-element {
    position: relative;
    color: white;
    border: 1px solid white;
    border-radius: 4px;
    margin: 5px;
    padding: 3px;
    text-align: center;
    min-width: 80px;
    line-height: 16px;
    height: 2.6em;
}
.ecs-route-element.wide {
    min-width: 100px;
}
.ecs-remove-route-element {
    position: absolute;
    right: -2px;
    bottom: -2px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: grey;
    line-height: 8px;
    border: 1px solid lightgrey;
}
.ecs-route-segment-distance {
    padding: 2px;
    margin-top: 8px;
    text-align: center;
}
.ecs-add-route-element {
    position: absolute;
    left: -2px;
    bottom: -2px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: grey;
    line-height: 9px;
    border: 1px solid lightgrey;
}
.ecs-add-route-element.active {
    background-color: rgb(0, 200, 0);
}
#ecs-route-tab {
    position: absolute; 
    top: 132px; 
    left: 225px; 
    width: 150px; 
    height: 50px; 
    padding-top: 5px; 
    background-color: #6c757d; 
    color: white; 
    text-align: center; 
    line-height: 14px; 
    border: 8px solid #6c757d; 
    border-radius: 0px 0px 16px 16px;
    box-shadow: 1px 2px 2px 1px rgba(0,0,0,.2);
    cursor: pointer;
}
