.aosDdlTableClass {
    display: table;
}

.aosDdlTableRowClass {
    display: table-row;
}

.aosDdlTitleLabelClass {
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 5px 5px 0;
}

.aosDdlTableCellClass {
    display: table-cell;
    vertical-align: top;
}

.aosDdlTableCellClass input {
    min-width: 120px;
}

.latLongInputs {
    display: flex;
    flex-direction: row;
}

.latLongInputs label {
    padding: 0 5px;
}

.latLongInputs label:first-child {
    padding-left: 0;
}

.aosDdlTableCellSpacerClass {
    height: 5px;
    display: block;
}

.aosTabMenuClass {
    position: relative;
    left: 0;
    padding: 0;
    margin: 0;
}

.aosTabMenuClass li {
    list-style: none;
    float: left;
    margin: 0 1px 0 1px;
    background: linear-gradient(#E2EFFF,#B1D5FF);
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    border: solid 1px #8DBBFF;
}

.aosTabMenuClass li:hover {
    background: linear-gradient(#B1D5FF, lightyellow);
}

.aosTabMenuClass li.selected {
    background: linear-gradient(lightyellow,white);
    border-bottom: white 1px solid;
}

.aosTabMenuClass li.selected a {
    cursor: text;
}

.aosTabMenuClass li a {
    padding: 10px 15px;
    display: block;
    color: #40597E;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.aosTabMenuContentClass {
    display: none;
    font-size: 14px;
}

.aosTabMenuOutlineDivClass {
    border: #8DBBFF 1px solid;
    border-radius: 5px;
    padding: 5px;
}

.aosTabMenuTabSectionDivClass {
    background: linear-gradient(#B1D5FF, #90B7E4);
    border-radius: 5px;
    padding: 5px 3px 0 3px;
}

.NiceDataGridDivWide {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: solid black 1px;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media only screen and (max-width: 915px) {
    .aosTabMenuClass li {
        float: none;
        text-align: center;
        border-radius: 5px;
    }

    .aosTabMenuClass li a {
        font-size: 16px;
        padding: 10px 15px;
    }

    .aosTabMenuTabSectionDivClass {
        padding: 5px 3px 5px 3px;
    }
}

@media only screen and (max-width:768px) {
    .aosTabMenuClass li a {
        font-size: 14px;
        padding: 10px 2px;
    }
}

@media only screen and (max-width:585px) {
    .latLongInputs {
        flex-direction: column;
    }
}

@media only screen and (max-width:500px) {
    .aosDdlTableClass {
        display: block;
    }

    .aosDdlTableRowClass {
        display: block;
    }

    .aosDdlTableCellClass {
        display: table-row;
    }
}