html, body, form {
    margin: 0px;
    font-family: Arial;
    font-size: 11px;
    color: black;
    height: 100%;
    text-align: center;
}

body /* Mozilla Firefox alignment */ {
    text-align: -moz-center;
}

.mainArea {
    text-align: left;
    width: 1200px;
    background-color: white;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mainArea /* Mozzila Firefox */ {
    text-align: -moz-left;
    width: 1200px;
    background-color: white;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.subtitleBar {
    padding: 5px;
    margin: 0px;
    background-color: #009688;
    width: 1200px;
    height: 24px;
    text-align: left;
}

table {
    text-align: left;
}

table {
    text-align: -moz-left;
}

table.centered {
    text-align: center;
}

table.centered {
    text-align: -moz-center;
}

td.label {
    width: 150px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

td.controls {
    width: 150px;
    text-align: -moz-right;
    vertical-align: middle;
}

td.componentCell {
    border: 1px solid black;
    padding: 4px;
}

hr {
    color: #8CA2BD;
}


.dxWeb_ApxComboBox_Image {
    height: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}


.aspxGridViewFocusedRow {
    box-shadow: inset 0 1px 0 black, /* top */
    inset 0 -2px 0 black, /* bottom */
    inset 1px 0 0 black, /* left */
    inset -1px 0 0 black; /* right */
}





.message-box {
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    min-width: 300px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    font-size: 15px;
}

.message-error {
    background-color: #f8d7da;
    color: #721c24;
}

.message-info {
    background-color: #d1ecf1;
    color: #0c5460;
}

.message-success {
    background-color: #d4edda;
    color: #155724;
}

.close-button {
    background: none;
    border: none;
    color: inherit;
    font-weight: bold;
    margin-left: 20px;
    cursor: pointer;
}

.hidden {
    display: none;
}



.auto-hide-if-empty:empty {
    display: none !important;
}



.leaflet-control-layers-base label {
    display: block;
    text-align: left;
    margin: 2px 0;
}

.leaflet-control-layers-base input[type="radio"] {
    margin-right: 6px;
    vertical-align: middle;
}