/* taken from bootstrap-reboot.css */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  /* GeoServer */
  --gs-green-light: #c6e09b;
  --gs-blue: #0076a1;
  --gs-blue-heading: #0082b6;
  --gs-orange: #cc6d00;
  /* (feedback) messages */
  --gs-info-bg: #c6ff8e;
  --gs-info-link: #6a993d;
  --gs-info-link-hover: #007a99;
  --gs-warning-bg: #ffec8e;
  --gs-warning-link: #cc872e;
  --gs-warning-link-hover: #dd7c14;
  --gs-error-bg: #f24e50;
  --gs-error-link: #801a1b;
  --gs-error-link-hover: #660002;
  /* tables */
  --gs-table-bg: #f4f9eb;
  --gs-table-bg-even: #e2efcd;
  --gs-table-bg-even-hover: var(--gs-table-bg);
}

/*-----------------------
General styles
-----------------------*/
html {
  /* add font-size to be able to use `rem` units for sizing */
  font-size: 12px;
}
body {
  font-size: 100%; /* override blueprint */
  background: #fff;
  color: var(--gs-blue);
  font-family: Tahoma, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  text-align:left !important; /* override blueprint's ie.css */
  overflow-y: scroll;
}
.help {
  padding: 1em 2em;
}
.help ol, ul ul {
  color:black;
}
.help ol li {
  display:list-item;
}
.help p {
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--gs-blue-heading);
  font-family: Tahoma, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  height: auto; /* override blueprint's screen.css */
}
h1 { /* override blueprint.css */
  font-size: 2.1em;
}

strong, em, dt, b, i {
  font-family: Tahoma, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}
a {
  color: var(--gs-blue);
  text-decoration: none;
  outline: none !important; /* avoid ugly dotted border for Firefox */
}
a:hover {
  color: var(--gs-orange);
  text-decoration: underline;
}
a img {
  border: none;
}
.error, .notice, .success { /* override blueprint.css */
  border: 0 none transparent;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  border-color: transparent;
}

.palette th, .palette td {
  padding: 0;
}


.palette-header {
  margin-right: -2px;
}

.palette-theme-default .palette-choices > div {
  width: 100%;
  overflow-x: scroll;
  resize: both;
  border: 1px solid rgb(187, 187, 187);
  margin: 0.5em 0;
}

.palette-theme-default .palette-selected > div {
  width: 100%;
  overflow-x: scroll;
  resize: both;
  border: 1px solid rgb(187, 187, 187);
  margin: 0.5em 0;
}

.palette-theme-default .palette-choices select {
  min-width: 100%;
  width: auto;
  margin: 0;
  border: none;
}

.palette-theme-default .palette-selected select {
  min-width: 100%;
  width: auto;
  margin: 0;
  border: none;
}

/*-----------------------
Utility Classes
-----------------------*/

/* texts */
.text-small {
  font-size: small !important;
}
.text-smaller {
  font-size: 11px !important;
}

/* widths */
.w-7-em {
  width: 7em !important;
}
.w-10-em {
  width: 10em !important;
}
.w-15-em {
  width: 15em !important;
}
.w-23-em {
  width: 23em !important;
}
.w-25-em {
  width: 25em !important;
}
.w-30-em {
  width: 30em !important;
}
.w-50-em {
  width: 50em !important;
}
.w-80-em {
  width: 80em !important;
}
.w-100-em {
  width: 100em !important;
}
.w-20-ex {
  width: 20ex !important;
}
.w-60-ex {
  width: 60ex !important;
}
/* add to Bootstrap utilities */
.w-10 {
  width: 10% !important;
}
.w-95 {
  width: 95% !important;
}

.w-1pct {
    width: 1%;
}

.w-90pct {
    width: 90%;
}

.w-99pct {
    width: 99%;
}

.w-100pct {
    width: 100%;
}

.w-30px {
    width: 30px;
}

.w-50px {
    width: 50px;
}

.w-80px {
    width: 80px;
}

.w-120px {
    width: 120px;
}

.w-200px {
    width: 200px;
}

.w-240px {
    width: 240px;
}

.w-260px {
    width: 260px;
}

.w-300px {
    width: 300px;
}

.w-600px {
    width: 600px;
}

.min-w-200px {
    min-width: 200px;
}

.max-w-100pct {
    max-width: 100%;
}

/* heights */
.h-1pt5-em {
  height: 1.5em !important;
}
.h-2-em {
  height: 2em !important;
}
.h-5-em {
  height: 5em !important;
}
.h-10-em {
  height: 10em !important;
}
.h-20-em {
  height: 20em !important;
}
.h-25-em {
  height: 25em !important;
}
.h-50-em {
  height: 50em !important;
}
.h-100-em {
  height: 100em !important;
}

.h-50px {
    height: 50px;
}

.h-100px {
    height: 100px;
}

.h-100pct {
    height: 100%;
}

/* more migration utils */

.margin-left-5pct {
    margin-left: 5%;
}

.visibility-hidden {
    visibility: hidden;
}

.visibility-visible {
    visibility: visible;
}

/* positioning */

/* keep these for backwards compatibility */
.selfclear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearBoth, .clearboth {
  clear:both;
}

.wrap {
  width: 82em;
  min-width: 80%;
  margin: 0;
  padding: 0;
  position: relative;
}

/* lists */
ul.plain {
  margin-left: 0;
  margin-right: 0;
  list-style-type: none;
}
ul.horizontal li {
  display: inline;
  padding-right: 1em;
}
ul.horizontal li label {
  display: inline;
  margin-left: 0.2em;
}
ul.action-group {
  margin: 0;
}

/*-----------------------
Feedback Message Styles
-----------------------*/
#feedback ul {
margin: 0;
}

#feedback li {
padding: 0.2em 0.5em;
margin: 0 auto 1em;
width: 80%;
border: 1px solid #ccccb8;
list-style-type: none;
}



.feedbackPanelINFO {
  color: #000;
  background: var(--gs-info-bg);
}
.feedbackPanelINFO a {
  color: var(--gs-info-link);
}
.feedbackPanelINFO a:hover {
  color: var(--gs-info-link-hover);
}

.feedbackPanelWARNING {
  color: #000;
  background: var(--gs-warning-bg);
}
.feedbackPanelWARNING a {
  color: var(--gs-warning-link);
}
.feedbackPanelWARNING a:hover {
  color: var(--gs-warning-link-hover);
}

.feedbackPanelERROR {
  color: #fff;
  background: var(--gs-error-bg);
}
.feedbackPanelERROR a {
  color: var(--gs-error-link);
}
.feedbackPanelERROR a:hover {
  color: var(--gs-error-link-hover);
}

/*-----------------------
Structural Elements
-----------------------*/
#header {
background: #fff;
padding: 5px;
}

#main {
border-top: 2px solid var(--gs-green-light);
background: url(../img/main-bg.png) repeat-x;
}

#sidebar {
position: absolute;
top: 0;
left: 0;
width: 17em;
padding: 38px 20px 0;
} 

#page {
margin: 0 0 -250px 19em;
color: #262523;
padding: 0 0 250px 19px;
}

#ajaxFeedback {
  position: fixed; right: 20px; top: 10px;
}

/*-----------------------
Tables
-----------------------*/
table {
  margin-bottom: 0.3em; /* override blueprint's settings */
  margin-top: 0.3em; /* override blueprint's settings */
  /* replace the `cellspacing=0` in the HTML table element, it is now obsolete */
  border-collapse: collapse;
}
th {
  background: transparent; /* override blueprint's settings */
}

thead th {
  background: var(--gs-green-light);
  border: 1px solid var(--gs-blue);
  border-width: 0 0 1px;
}

tr:hover td, tbody tr:hover th {
background: var(--gs-table-bg);
}

tr.even td, tr.even th {
  background: var(--gs-table-bg-even); /* override blueprint's settings */
}

tr.dnd-drop-center td {
  background-color: #cccccc !important;
}

div.dnd-theme-web tr {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

tr.even:hover td, tr.even:hover th {
  background: var(--gs-table-bg-even-hover);
}

th.actions,
td.actions {
width: 13em;
}

th.selection {
	width: 1%; /* use as few space as possible */
}

.alternating-rows tr:nth-child(even) {
	background: var(--gs-table-bg-even)
}
/*-----------------------
Forms
-----------------------*/

input,
textarea,
select {
  background: #fff;
  color: #000;
}

form ul,
ul.form-data {
  margin: 0; /* override blueprint's settings for unordered lists */
  list-style-type: none;
}

form li,
ul.form-data li {
  display: block;
  margin: 0 0 0.3em;
  padding: 4px 5px 2px 0;
  position: relative;
}

form ul ul {
  margin: 0;
}

form li li {
  padding: 0;
  margin: 0.3em 0;
}

form a.expanded, form a.collapsed {
  background-image: url(../img/icons/silk/bullet_arrow_down.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 16px;
  height: 18px;
  font-weight: bold;
}

form a.collapsed {
  background-image: url(../img/icons/silk/bullet_arrow_right.png);
}

fieldset { /* override blueprint's settings */
  padding: 0 0 1em 0;
  margin: 0 0 0.5em;
  border: 0;
}
legend {
  width: 100%;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--gs-green-light);
}
legend a {
  font-weight: normal;
  font-size: 12px;
}
legend li {
  font-weight: normal;
  padding-right: 0;
  font-size: 12px;
}
label, span.fieldname {
  border: medium none;
  color: #222;
  display: block;
  font-weight: normal;
  line-height: 1.5em;
  padding: 0 0 1px;
}

label.choice {
  display: block;
  margin: -1.65em 0 0 25px;
  padding: 0.44em 0 0.5em;
  width: 90%;
  line-height: 1.5em;
}

label.choice,ul.choiceList>li label, *.choiceItem label {
  color: #222;
  font-weight: normal;
  font-size: 100%;
}

ul.choiceList>li span.fieldname:dir(rtl), *.choiceItem span.fieldname:dir(rtl) {
  margin-left: 0;
  margin-right: -2em;
}
ul.choiceList>li label,*.choiceItem label{
  display: inline;
}
li.conformanceItem > label.conformance {
  display: inline;
  margin-right: 0.5em;
}
li.conformanceItem > label.level {
  display: block;
  float: right;
}

textarea.cql {
  height: 1.2em;
  width: 95%;
  padding: 3px 3px;
}

textarea.small {
height: 3em;
}

textarea.medium {
height: 7em;
}

input.large, select.large, textarea.large {
width: 100%;
}

input.text, input.file {
padding: 2px 0;
}

input.text:focus, 
input.title:focus, 
textarea:focus {
background: #fbf8dc;
}

select:focus {
background: #fbfaf1;
}

input.text, textarea.textarea, .firefox select.select {
border: 1px solid #7c7c7c;
border-color: #7c7c7c #c3c3c3 #ddd;
padding: 0.2em;
width: 25em;
}
input[type=text], input[type=number], input[type=password] {
  border: 1px solid #7c7c7c;
  border-color: #7c7c7c #c3c3c3 #ddd;
}
input[readonly] {
  border: 1px solid Lightgrey;
}

input.longtext {
  width: 50em;
}

/* standard ul inside form */
form ul.plain-ul {
	margin: 0 1.5em 1.5em;
	list-style-type: disc;
}

form ul.plain-ul li {
	display: list-item;
	list-style-type: disc;
}

/* search button inside text field */
.search {
border: 1px solid #BFBFBF;
background-image: url(../img/icons/silk/magnifier.png);
background-repeat: no-repeat;
background-position: 4px 2px;
padding-left: 24px;
height: 18px;
}

textarea.textarea {
font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
height: 7em;
width: 40em;
}

input.text, input.file, textarea.textarea, select.select {
color: #333;
font-size: 1em;
margin: 0;
}

input.checkbox, input.radio {
display: block;
height: 13px;
line-height: 1.5em;
margin: 0.6em 0 0 3px;
width: 13px;
}

input.btTxt {
overflow: visible;
padding: 0 7px;
width: auto;
}

div.value,
div.value-wide {
border: 1px solid #7c7c7c;
border-color: #7c7c7c #c3c3c3 #ddd;
background: #f1f1f1;
padding: 0.2em;
width: 25em;
}

div.value-wide {
width: 100%;
}

div.value pre,
div.value-wide pre { /* override blueprint's settings */
margin: 0;
}

/* bootstrap checkbox form */
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 0.5em;
  margin-bottom: 0.125rem;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
}
.form-check-label {
  display: inline-block;
}
/* special case for the form ion the header */
#header .form-check {
  display: inline-block;
}

/*-----------------------
Button  Styles
-----------------------*/
.button-group a,
.button-group button,
input.btnTxt {
background: var(--gs-green-light) url(../img/button-gradient.png) top left repeat-x;
border: 1px solid var(--gs-green-light);
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
color: var(--gs-blue);
cursor: pointer;
padding: 5px 10px 5px 7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height:1.5;
font-family:Tahoma, Arial, sans-serif;
}

.button-group button {
width: auto;
overflow: visible;
}

.button-group a:hover,
.button-group button:hover,
input.btnTxt:hover {
background-color: #e3f0ce;
color: #004f6c;
}

.button-group a.icon,
.button-group button.icon { /* assumption is that the contained div will have padding applied */
padding-top: 0;
padding-bottom: 0;
}

.button-group a.icon div,
.button-group button.icon div { /* assumption is that the contained div will have padding applied */
padding-top: 5px;
padding-bottom: 5px;
background-position: 0 50%;
background-repeat: no-repeat;
}

.button-group input {
margin-right: 5px;
}

.button-group .button-login div {
background-image: url(../img/icons/silk/door-in.png);
padding-left: 25px;
}

.button-group .button-logout span {
background: url(../img/icons/silk/door-out.png) no-repeat;
display: block;
margin: 5px;
padding-left: 25px;
}

.button-group .button-save div {
background-image: url(../img/icons/silk/disk.png);
padding-left: 18px;
}

.button-group .button-revert div {
background-image: url(../img/icons/silk/arrow_redo.png);
padding-left: 25px;
}

.button-group .button-fullscreen span {
background: url(../img/icons/silk/arrow_out.png) no-repeat;
display: block;
}

.button-group .button-undo span {
background: url(../img/icons/silk/arrow_undo.png) no-repeat;
display: block;
}
.button-group .button-redo span {
background: url(../img/icons/silk/arrow_redo.png) no-repeat;
display: block;
}
.button-group .button-goto span {
background: url(../img/icons/silk/xhtml_go.png) no-repeat;
display: block;
}
.button-group .button-reformat span {
background: url(../img/icons/silk/text_align_right.png) no-repeat;
display: block;
}

.button-group .button-find span {
background: url(../img/icons/silk/find.png) no-repeat;
display: block;
}

.button-group .button-find-next span {
background: url(../img/icons/silk/find_next.png) no-repeat;
display: block;
}

.button-group .button-replace span {
background: url(../img/icons/silk/text_replace.png) no-repeat;
display: block;
}

.button-group .button-picture span {
background: url(../img/icons/silk/photo.png) no-repeat;
display: block;
}

.button-group .button-color span {
background: url(../img/icons/silk/palette.png) no-repeat;
display: block;
}



.button-group a img,
button img {
vertical-align: middle;
margin: -1px 0.3em -1px 0;
}

.button-group a,
.button-group button {
float: left;
margin: 0 0.58em 0 0;
}


/*-----------------------
Header
-----------------------*/

#header .wrap {
text-align: right;
}

#header h2 {
margin: 0;
font-size: 1.76em;
}

#header h2 a {
float: left;
width: 220px;
height: 67px;
background: url(../img/logo.png) no-repeat;
overflow: hidden;
text-indent: -9999em;
text-align: left;
margin: 0 0 -23px;
}

* html #header h2 a {
cursor: pointer;
position: relative;
}

#header .button-group {
padding: 0.5em 0 0;
}

#header label.shown {
display: inline;
font-weight: normal;
}

#header input {
margin: 0 0.2em;
padding: 0.2em 0.3em;
font-size: 0.9em;
min-height: 16px;
}

#header .button-group a,
#header .button-group button {
margin: 0 0.2em;
font-size: 0.9em;
float: none;
}

#header .button-group a.button-logout {
float: right;
margin: -5px 0 0 1em;
}

/*-----------------------
Sidebar
-----------------------*/

ul#navigation {
margin: 10px 0 6px;
list-style-type: none;
}

ul#navigation a {
text-decoration: none;
}

ul#navigation a:hover {
text-decoration: underline;
}

.navigation-tab {
margin: 3px 0;
border-bottom: 2px ridge #ebf5dd;
}

.navigation-tab-header {
padding: 2px 5px;
}

.navigation-tab-single,
.navigation-tab-content {
padding: 3px 5px 7px;
}

.navigation-tab-single,
.navigation-tab-header {
font-weight: bold;
color: var(--gs-blue);
}

.navigation-tab-content {
border-top: none;
}

.navigation-tab-single a,
.navigation-tab-header a,
.navigation-tab-content a {
display: block;
color: var(--gs-blue);
}

li.nav-administer-service {
clear: left;
}

li.nav-administer-service img {
float: left;
margin-right: 0.5em;
height: 16px;
width: 16px;
}

/*-----------------------
Welcome / Overview
-------------------------*/
#welcome {
/*float: left;*/
/*max-width: 500px;*/
}
#welcome table {
margin-bottom: 1em;
}

#chooser {
    float: right;
    margin-top: -6.3em;
}

#chooser .icon {
    vertical-align: middle;
    margin-bottom: 2px;
}

#chooser .select {
    display: block;
    min-width: 150px;
    max-width: 350px;
    padding: 0 0 1px 0;
}
#chooser #refresh {
    display: inline-block;
}
#chooser .select2-container {
    width: 250px !important;
    padding-bottom: 2px;
}

#services h3, #capabilities h3 {
margin-top: 0.5em;
margin-bottom: 0.25em;
}

#services .serviceDescription {
margin-bottom: 0.25em;
}

#services .link-bordered, #capabilities .link-bordered {
border:2px;
border-radius: 4px;
border-style:solid;
border-color: #cccccc;
padding-right:15px;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
min-width: 5em;
}

#services .link-bordered hr, #capabilities .link-bordered hr {
margin-left:-15px;
margin-right:-15px;
margin-top:2px;
margin-bottom:2px;
border-top: 1px solid #ccc !important;
color: #ccc;
}

#services .link-bordered .serviceProtocol, #capabilities .link-bordered .serviceProtocol {
color:#888888;
display:flex;
justify-content: center;
font-weight: bold;
}
#services .link-bordered .serviceVersion, #capabilities .link-bordered .serviceVersion {
display:flex;
justify-content: center;
}

#services .link-bordered .serviceLink, #capabilities .link-bordered .serviceLink {
display:flex;
justify-content: center;
}

#services .spacer {
width:30px;
}

#services .flex-display, #capabilities .flex-display {
display: flex;
gap: 25px;
margin: 1.5em 0;
flex-wrap: wrap;
}

#services a:hover .link-bordered, #capabilities a:hover .link-bordered {
color:#888888;
background-color: #f5f5f5;
text-decoration: none;
min-width: 5em;
}
#services a:hover .link-bordered .serviceVersion, #capabilities a:hover .link-bordered .serviceVersion {
  color: #0076a1;
}
#services a:hover, #capabilities a:hover {
  text-decoration: none;
  color: inherit;
}

/*-----------------------
Rounded corners for content
-----------------------*/
#main .wrap {
background: url(../img/main-wrap-bg.png) 100% 0 no-repeat;
padding: 0 19px 250px 0;
margin: 0 0 -250px 0;
}

* html #main .wrap { /* IE6 */
background-position: 100% -2px;
}

*:first-child+html #main .wrap { /* IE7 */
background-position: 100% -2px;
}

#page {
background: #fff url(../img/page-bg.png) no-repeat;
}

.page-header {
background: #fff url(../img/page-header-bg.png) repeat-x;
margin-bottom: 1em;
padding-top: 18px;
}

.page-footer {
padding-top: 1em;
}
/* action group above tables */
.action-group li {
  display: inline-block;
  margin-right: 10px;
}

/* internationalization */
.i18n-panel {
  margin-bottom: 5px;
}

.i18n-panel td {
  vertical-align: top;
}

/* button bar in forms */
.toolbar-sticky {
  position: sticky;
  bottom: 0px;
  padding: 10px 0px;
  background-color: #fff;
  z-index: 100;
}
.toolbar-sticky .form-button-save, .toolbar-sticky .form-button-apply, .toolbar-sticky .form-button-validate, .toolbar-sticky .form-button-ok,
.toolbar-sticky .form-button-import, .toolbar-sticky .form-button-close, .toolbar-sticky .form-button-start, .toolbar-sticky .form-button-back {
  padding: 6px 12px;
}
.toolbar-sticky .form-button-cancel {
  background: none;
  border-color: transparent;
  padding: 6px 12px;
}
.toolbar-sticky .form-button-cancel:hover {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.toolbar-sticky .form-progress {
  display: block;
  margin-top: 5px;
}

/*-----------------------
Targeted Styles
-----------------------*/
.module-info {
margin: 1em 0;
}

.module-header {
margin: 0 0 0.75em;
}

.module-header h2 {
margin: 0 20px 0 0;
float: left;
}

.status-bar {
margin: 1.2em 0 0;
float: left;
width: 200px;
height: 10px;
background-color: #e8e6e6;
border: 1px solid #555;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.status-bar span {
display: block;
background-image: url(../img/status-bar-bg.png);
background-repeat: no-repeat;
height: 10px;
overflow: hidden;
text-indent: -9999em;
}

.mini-bar {
height: 2px;
width: 50px;
background-color: #e8e6e6;
border: 1px solid #555;
}

.mini-bar span {
display: block;
background-image: url(../img/status-bar-bg.png);
background-repeat: no-repeat;
height: 2px;
overflow: hidden;
text-indent: -9999em;
}

.common-mime-types,
.uncommon-mime-types {
float: left;
margin: 0;
}

.common-mime-types dd,
.uncommon-mime-types dd {
margin: 0.5em 0;
border: 1px solid #edf0ed;
background: #fbfbfb;
}

.common-mime-types ul,
.uncommon-mime-types ul {
width: 10em;
float: left;
margin: 0;
}

.uncommon-mime-types ul {
margin: 0 -1px 0 0;
border: 1px solid #edf0ed;
border-width: 0 1px 0 0;
}

.uncommon-mime-types {
margin: 0 0 0 3em;
}

.common-mime-types li,
.uncommon-mime-types li {
display: inline;
}

.common-mime-types li a,
.uncommon-mime-types li a {
display: block;
padding: 0.2em 1em 0.2em 0.5em;
}

.common-mime-types li a:hover,
.uncommon-mime-types li a:hover {
background: #fff;
}

.date li {
list-style-type: none;
display: inline;
}

.date li:nth-child(3){ 
padding-right: 10px;
}

/* modal */

div.wicket-modal h3.w_captionText {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  height: 1.4em;
}

/* Controls underneath native bounding box eg. calculate from data, from CRS */
.bounding-box-controls {
margin-bottom: 1em;
}

.bounding-box-controls a {
display: block;
}

/* Page */

.page-header {
padding: 20px 0 0 0;
}

.page-header h2 {
margin-bottom: 0;
}

.page-pane {
background: #fff;
}

.page-pane-content {
padding: 10px;
margin-bottom: 10px;
overflow: auto;
border: 1px solid #ccc;
}

div.progress-bar {
  -moz-border-radius: 5px;
  background-color:#E8E6E6;
  border:1px solid #555555;
  float:none;
  height:16px;
  margin:1.2em auto;
  width:50%;
}

div.progress-bar span.bar {
background-image: url(../img/status-bar-bg.png);
background-repeat:repeat-x;
display:block;
height:16px;
overflow:hidden;
text-indent:-9999em;
}


/* Data page styles */
span.command {
margin-left: 2px;
font-style: italic;
}

span.unconfiguredLayer {
font-style: italic;
}

/* Pagination */
.paginator {
padding: 1em 0;
}

.paginator a,
.paginator em {
padding: 2px 6px;
border: 1px solid var(--gs-green-light);
background: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

*:first-child+html .paginator a, /* IE7 */
*:first-child+html .paginator em, /* IE7 */
* html .paginator a, /* IE6 */
* html .paginator em { /*IE6 */
padding: 0 6px
}

.paginator em {
color: #aaa;
}

.paginator a:hover {
background: var(--gs-blue);
color: #fff;
}


/* Tabs */
.tab-row {
border: 1px solid #bbb;
border-width: 0 0 1px;
height: 2.1em;
margin: 1.5em 0 2.5em;
}

.tab-row-compact {
margin: 1em 0 1em;
}


.tab-row ul {
list-style-type: none;
margin: 0;
float: left;
}

.tab-row li {
float: left;
margin: 0 0.2em 0 0 !important;
padding: 0 !important;
}

.tab-row a {
display: block;
color: #222;
text-decoration: none;
font-weight: bold;
background: #ddd;
margin: 0 0 -1px;
padding: 0.25em 1em;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ccc;
}

.tab-row .selected a:link,
.tab-row .selected a:visited {
background: #fff;
border-bottom: 1px solid #fff;
}

.tab-row a:hover,
.tab-row a:active {
background: #eee;
}

.tab-row .selected a:hover,
.tab-row .selected a:active {
background: #fefefb;
}

/* redundant to .selfclear, but with the default wicket tab functionality we don't have the markup control we'd need to avoid this */
.tab-row ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.tab-row ul {
display: block;
}

.devtoolbar {
	background-color: #EEEEEE;
}

/*-----------
Add/remove icons for add/remove links
-------------*/

.add-link, .remove-link, .warning-link, .refresh-link, .info-link, .help-link, .edit-link, .reset-link, .gwc-clear {
  background-color: transparent;
  background-attachment: scroll;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 2px 0 2px 20px;
}

.add-link {
background-image: url(../img/icons/silk/add.png);
}
.remove-link {
  background-image: url(../img/icons/silk/delete.png);
}
.warning-link {
  background-image: url(../img/icons/silk/error.png);
}
.refresh-link {
  background-image: url(../img/icons/silk/arrow_refresh.png);
}
.info-link {
  background-image: url(../img/icons/silk/information.png);
}
.help-link {
  background-image: url(../img/icons/silk/help.png);
}
.edit-link {
  background-image: url(../img/icons/silk/pencil.png);
}
.reset-link {
  background-image: url(../img/icons/silk/bin.png);
}
.gwc-clear {
  background-image: url(../img/clear_cache.png);
}

legend a.help-link {
  height: 16px;
  float: right;
}

.computeLink { 
display: block;
margin-bottom: 1em;
}

/*----------------
  Page header
-----------------*/

.page-header p {
margin-bottom: 0px;
}

.page-header ul {
margin: 0.2em; /* override blueprint's settings for unordered lists */
list-style-type: none;
}

.page-footer ul {
margin: 0.2em; /* override blueprint's settings for unordered lists */
list-style-type: none;
}


/*-------------
  Customize Wicket's autocomplete
  -------------*/

div.wicket-aa-container {
    z-index: 110;
}
div.wicket-aa {
    background-color:white;
    border:1px solid #CCCCCC;
    color:black;
}
div.wicket-aa ul {
  list-style: none outside none;
  margin:0pt;
   padding:5px;
}
div.wicket-aa ul li.selected {
    background-color:#CCCCCC;
}

/*----------------------------
  Customize Select2 appearance
------------------------------*/
.select2-container .select2-selection--single {
  height: 19px;
  margin-top: -2px;
} 
.select2-container--default .select2-selection--single {
   border: 1px solid #aaa;
   border-radius: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: #000 transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
   top: -2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: #000 transparent transparent transparent;
}
.select2-results__option {
   color: black;
   padding: 1px;
}
.select2-container--default .select2-results > .select2-results__options {
   max-height: 300px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
   padding-left: 4px;   
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
  line-height: 19px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 18px;
}

li.select2-results__option {
  max-width: 100%;
  overflow: hidden;
  /*Altered two below to make word wrap work */
  word-wrap: break-word !important;
  white-space: normal;
  /* show empty option properly */
  min-height:18px;
}

.fullscreen {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 0px;
  border-right: 10px;
  margin: 0px !important;
  overflow-y: hidden;
  width: auto;
  z-index: 9;
}

#fullscreen-div {
  float: right;
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  width: 16px;
  height: 16px;
  padding: 4px 0px;
}

#fullscreen-div img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px; /* Height of new image */
  padding-left: 16px; /* Equal to width of new image */
  background: url(../img/icons/silk/arrow_out.png) no-repeat;
}

.fullscreen-image-in {
  background: url(../img/icons/silk/arrow_inwards.png) no-repeat !important;
}

.fullscreen #header-title {
   font-size: 12px;
   font-weight: bold;
}

.fullscreen #header-description {
   display: none;
}

.document-hidden {
  overflow: hidden;
}

.page-pane-fullscreen {
  padding-right: 10px;
  height: 100%;
}

.horizontal-form {
  padding-bottom: 5px;
}

.horizontal-form input, .horizontal-form label {
   display: inline;
}

.horizontal-form li {
   display: inline;
   padding-right: 30px;
   height: 100%;
}

.fullscreen #styleForm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
  }

.fullscreen #styleForm #style-context {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 50%;
    height: 100%;
    padding: 10px;
  }

.fullscreen #styleForm #style-context .tab-panel {
  overflow: auto;
  height: calc(100vh - 200px);
}

.fullscreen #styleForm #style-editor {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 50%;
    padding: 10px;
    height: 100%;
  }

.fullscreen #cm_editor_heigth {
   enabled: false;
}

#localeSwitcher {
  margin-left: 0.5em;
}

#localeSwitcher img, #_spring_security_remember_me {
   vertical-align: middle;
}

.largeTable table {
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    width: 100em;
    padding: 0.5em 0em;
    display: block;
}

.genericToolbar * {
   margin: 0px 0.2em;
}

.traceback {
    padding-top: 16px;
    white-space: pre;
    font-family: monospace;
}

.overflowAuto {
    overflow: auto;
}

.default-node-info {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 28px;
    width: auto;
    padding: 1px;
    border: 1px solid #0076a1;
    font-weight: bold;
    background-color: #dadada;
    color: #0076a1;
}

.sec-removal-dialog {
   padding: 2em;
}

.sec-removal-dialog h3 {
   margin-left: auto;
   max-width: 90%;
}

.sec-removal-dialog span {
   color: #000;
}

.sec-removal-dialog ul ul {
   padding-left: 0.75em;
}

.gwc-missing-gridset {
    color: red;
    text-decoration: line-through;
}

.gwc-remove-link {
    position:absolute;
    right:0;
    text-align:right;
}

.codemirror {
    border: 1px solid black;
    padding-bottom: 3px;
}

.italic {
    font-style: italic;
}

.padding-1em {
    padding: 1em;
}

.padding-right-25pct {
    padding-right: 25%;
}

.bottom-margin-1em {
    margin-bottom: 1em;
}

.bottom-padding-0pt5em {
    padding-bottom: 0.5em;
}

.bottom-padding-2em {
    padding-bottom: 2em;
}

.srs-demo-map-container {
    width:512px;
    height:256px;
    background-color:white;
}

.reproj-console-geom {
    height: 2em;
    width: 55em;
}

.image-chooser-img {
    display: block;
    float:right;
    max-width: 35px;
    max-height: 35px;
}

.hidden {
    display: none;
}

.inline {
    display: inline;
}

.reload-warning {
  color: black;
  margin: 8px;
}

.process-builder {
  margin: 1em;
}

#processAccessMode {
    display: block;
    padding-top: 0.5em;
}

#processAccessMode input {
    display: block;
    float: left;
    clear: left;
    padding-top :0.5em;
    margin-bottom: 0.5em;
}

#processAccessMode label {
    clear: right;
    margin-bottom: 0.5em;
}

.fontWeightBold {
    font-weight: bold;
}

.textAlignCenter {
    text-align: center;
}

.features-templating-info-fieldset {
    margin-bottom: 0px;
    margin-right: 5%;
    width: 45%;
}

.features-templating-rule-fieldset-1 {
    margin-top: 5px;
    width: 65%;
}

.features-templating-rule-fieldset-2 {
    margin-top: 10px;
    width: 35%;
}

.features-templating-rule-save {
    color: #0076a1;
    font-family: Tahoma;
    font-size: 10.8px;
    font-weight: bold;
}