body {
    font-family: Montserrat, "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    background: #fff;
}

@media (max-width: 1600px) {
    body {
        font-size: 11px;
    }
}

@media (max-width: 1280px) {
    body {
        font-size: 9px;
    }
}

@media (max-width: 1024px) {
    body {
        font-size: 7px;
    }
}

table td {
    vertical-align: top;
    padding: 2px;
}


table thead {
    padding: 2px;
    vertical-align: top;
    font-size: 105%;
    color: #0398CA;
    text-transform: uppercase;
    text-decoration: none;
}

.orderby {
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF;
}

/* Make sortable table headers readable (default thead is light) */
table thead a.orderby {
    color: #0398CA;
}

table thead a.orderby:hover,
table thead a.orderby:focus {
    color: #027aa2;
    text-decoration: underline;
}


table tfoot td {
    padding: 2px;
    vertical-align: top;
    font-size: 105%;
    color: #0398CA;
    font-weight: bold;
    text-transform: uppercase;
}


.data tr:nth-child(even) {
    background: #EEE
}

.data tr:nth-child(odd) {
    background: #FFF
}


input#submit,
.submit,
button[type=submit] {
    padding: 5px;
    border: 1px solid darkgray;
    border-radius: 5px;
    background-color: #0398CA;
    color: #FFFFFF;
}

input#submit:disabled,
.submit:disabled,
button[type=submit]:disabled {
    background-color: #CCC;
}

/* @group Data Tables */

.ws_data_table {
    border-collapse: collapse;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 15px;
}

.ws_data_table caption {
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
}

.ws_data_table th {
    text-transform: inherit;
    white-space: nowrap;
    background-color: #0398CA;
    color: #FFFFFF;
    padding: 2px 10px 2px 10px;
    border-right: #ccc;
    border-width: 1px;
    border-style: none dotted none none;
}

.ws_data_table td {
    padding: 5px 10px 5px 10px;
    border-right: #cccccc;
    border-width: 1px;
    border-style: none dotted none none;
    vertical-align: top;
}

.ws_data_table tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.ws_data_table tr:nth-child(even) {
    background-color: #E6E6E6;
}

.ws_data_table tr:hover {
    background-color: #8B9DBE;
    color: #fff;
}

.ws_data_table tr[onclick] {
    cursor: pointer;
}

.due {
    color: #900000;
}

.dispute {
    color: #915608;
}


.header {
    cursor: pointer;
}

.headerSortDown:after {
    content: " ▾";
    font-family: Arial, sans-serif;
}

.headerSortUp:after {
    content: " ▴";
    font-family: Arial, sans-serif;
}

.errorfield {
    border-color: crimson;
}

.label {
    font-weight: bold;
}

.label:first-letter {
    font-weight: bold;
    text-transform: uppercase;
}


.title {
    font-size: 150%;
    text-transform: uppercase;
    font-weight: bold;
    color: #0398CA;
}

.title2 {
    font-size: 105%;
    text-transform: uppercase;
    font-weight: bold;
    color: #0398CA;
}

.titleBig {
    font-size: 250%;
    text-transform: uppercase;
    font-weight: bold;
    color: #0398CA;
}



legend {
    font-size: 105%;
    text-transform: uppercase;
    font-weight: bold;
    color: #0398CA;
}


dt {
    text-align: left;
    font-weight: bold;
}

dt:first-letter {
    text-transform: uppercase;
}


dd {
    text-align: left;
}

dd:first-letter {
    text-transform: uppercase;
}

.windowPart {
    vertical-align: top;
    border: dotted 1px #CCC;
}

.no_results {
    font-weight: bold;
}

.menu {
    width: 100%;
}

menu:first-letter {
    text-transform: uppercase;
}


.menu ul {
    width: 180px;
}

.menu li {
    width: 180px;
}

.menu li:first-letter {
    text-transform: uppercase;
}

fieldset {
    border: none;
}

.ws_data_table tr.no-population-place {
    background-color: #8fc157;
}

.ws_data_table tr[onclick] {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

td.right {
    text-align: right;
}

td.center {
    text-align: center;
}

a {
    text-decoration: none;
    color: #555;
}


input {
    border-radius: 5px;
    border: solid 1px #999;
}

.collapsablePanel {
    border: 1px solid #a6c9e2;
    background: #fcfdfd;
    color: #222222;
    border-radius: 5px;
    margin-top: 10px;
}

.collapsablePanel>div.header {
    padding: 10px;
    cursor: pointer;
    background: #eee;
    border-radius: 5px;
}

.collapsablePanel>div.header th {
    text-align: left;
}

.collapsablePanel td {
    padding: 5px 10px;
}

.collapsablePanel>div.body {
    padding: 20px;
}

.ui-icon-green {
    background-image: url(../images/ui-icons_108900_256x240.png);
}

.ui-icon-red {
    background-image: url(../images/ui-icons_c13a30_256x240.png);
}

.ui-icon-red,
.ui-icon-green {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.tiny-image {
    height: 10px;
    width: 10px;
}

.printed {
    color: #008000;
}