#mapid {
    width: 100%;
    height: 700px;
    position: relative;
}

#menu-panel {
    width: 15%;
    height: 530px;
    background-color: #ffffff;
    position: absolute;
    float: right;
    top: 72px;
    right: 0px;
    display: block;
    z-index: 999;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #cccccc;
}

#coordinates_input {
    margin: 3px;
    border-radius: 3px;
    width: 60%;
}

.button_right {
    position: absolute;
    float: right;
    right: 10px;
    border-radius: 3px;
}

.button_refresh {
    position: absolute;
    float: right;
    right: 75px;
    border-radius: 3px;
}

.button_right:hover, .button_clear:hover, .button_show_messages:hover, .button_refresh:hover {
    cursor: pointer
}

.button_clear {
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.button_show_messages {
    border-radius: 3px;
    left: 20px;
}

#nmrMessages {
    position: absolute;
    top: 12%;
    left: 13%;
    width: 73%;
    height: 545px;
    background-color: #ffffff;
    display: block;
    z-index: 899;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #cccccc;;
    z-index: 999;
}

.messages-table {
    table-layout: auto;
    border: 1px solid #ddd !important;
    width: 100%;
    margin-bottom: 5px;
}

.td, .th {
   border: 1px solid #ddd !important
}

.td-header {
   border: 1px solid #ddd !important;
   font-size: 14px;
   width: 100%;
}

.table-bordered td, .table-bordered th, .td-header {
    border: 1px solid #ddd !important
}

.tbody {
    border: 1px solid #ddd !important;
    width: 100%;
    height: 370px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.margin-top {
    margin-top: 15px;
}

#table_list {
    height: 40px;
}

#table_list:hover {
    color: #305591;
    height: 40px;
}

.input_label {
    width: 40px;
}

.code_input {
    width: 100px;
}

.full_width {
    width: 100%;
}

#cellid_input {
     width: 100px;
}

.hr {
    height: 10px;
}

#json_form {
    position: absolute;
    top: 12%;
    left: 25%;
    width: 50%;
    height: 465px;
    background-color: #ffffff;
    display: block;
    z-index: 999;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #cccccc;
}

#prettyJsonValue {
    overflow-y: scroll;
    height: 330px;
    font-size: 12px;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #cccccc;
    background-color: #FDFEFF;
}

.icon {
    width: 15px;
}

#header_text {
    font-size: 24px;
    font-family: sans-serif;
    color: #686b69;
    text-align: center;
}

.date_input_label {
    width: 80px;
}

.date_input {
    width: 110px;
}

.filter_table {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.col-sm-1 {
    position:relative;
    display: inline;
}

.hovered {
    font-weight: normal;
}

.hovered:hover {
    font-weight: bold;
    cursor: pointer;
}

.green_strength {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: MediumSeaGreen;
}

.orange_strength {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: orange;
}

.yellow_strength {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: yellow;
}

.red_strength {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: Crimson;
}

.empty {

}

body.wait, body.wait *{
 cursor: wait !important;
}

tr:nth-child(even) {
    background-color: #ffffff;
}

tr:nth-child(odd) {
    background-color: #f5f5f0;
}

.filter_header {
    background-color: #f5f5f0;
}