/* VARIABLES */
:root {
  --header-color: #43718c;
  --header-background-image: none;
  --color-background-primary: #ffffffdb;
  --color-background-primary-content: #ffffffdb;
  --color-text-primary: rgb(51 51 51);
  --color-text-primary-content: rgb(51 51 51);
  /*--color-contrasted-elements: #43718c;*/
  --color-contrasted-elements: #ffa425;
  /*--color-contrasted-elements-light: #c3dceb;*/
  --color-contrasted-elements-light: #ffc47c;
  --color-contrasted-text: white;
  --color-dark-gray-elements: rgb(51 51 51);
}


/* CHECKBOXES */
#dock .tree button.checkbox.checked,
#right-dock .tree button.checkbox.checked,
#bottom-dock .tree button.checkbox.checked,
#mini-dock .tree button.checkbox.checked,
#tmLayers .tree button.checkbox.checked {
  background-color: var(--color-contrasted-elements);
}

/* HEADER */
#header {
  background-color: var(--header-color);
  background-image: linear-gradient(to right, #ffffff, #e37329);
  background-repeat: repeat;
  color: var(--color-contrasted-text);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

#title h1 {
  color: #000000;
  display: none;
  /* color : var(--color-contrasted-text); */
}

/*
#title h2 {
  color: #000000;
  font-size: 1.6em;
  font-weight: 600 !important; 
 
}
*/

#title h2,
#title h2 a {
    color: #3960aa;
    font-size: 1.6em;
    font-weight: bold !important;   /* grassetto forzato */
}

/* Nasconde il titolo sui dispositivi mobili */
@media (max-width: 768px) {
    #title h2 {
        display: none !important;
    }
}

/* HEADER NAVBAR */
#headermenu .navbar-search .icon {
  background-color: transparent;
  background-position: -400px 0;
}

#header-clear {
  background-position: -875px 0 !important;
}

#headermenu .dropdown-menu>li>a #headermenu .btn-locate-clear.icon {
  background-color: transparent;
  background-position: -875px 0;
  margin-top: 5px;
}

#headermenu .dropdown-menu {
  background-color: var(--color-background-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

#headermenu .dropdown-menu::after {
  border-bottom: 6px solid rgb(0 0 0 / 50%);
}

#headermenu .dropdown-caret .caret-inner {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgb(0 0 0 / 50%);
}

#headermenu .dropdown-caret .caret-outer {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(0 0 0 / 20%);
}

#headermenu .dropdown-inner .items li>a,
#headermenu .dropdown-menu>li>a {
  color: var(--color-text-primary);
  transition: all 0.3s ease;
}

#headermenu .dropdown-inner .items li>a:hover,
#headermenu .dropdown-menu>li>a:hover,
#headermenu .dropdown-inner .items li>a:focus,
#headermenu .dropdown-menu>li>a:focus {
  color: var(--color-contrasted-text);
  background-color: #e37329;
  transform: translateX(3px);
}

/* HEADER NAVBAR  */
.navbar .nav .metadata .icon {
  background-position: -125px 0;
}

.navbar .nav .metadata a:hover .icon,
.navbar .nav .metadata.active a .icon {
  background-position: -100px 0;
}

.navbar .nav .map .icon {
  background-position: -75px 0;
}

.navbar .nav .map a:hover .icon,
.navbar .nav .map.active a .icon {
  background-position: -50px 0;
}

.navbar .nav .legend .icon {
  background-position: -75px 0;
}

.navbar .nav .legend a:hover .icon,
.navbar .nav .legend.active a .icon {
  background-position: -50px 0;
}

.navbar .nav .locate .icon {
  background-position: -175px 0;
}

.navbar .nav .locate a:hover .icon,
.navbar .nav .locate.active a .icon {
  background-position: -150px 0;
}

.navbar .nav .print .icon {
  background-position: -375px 0;
}

.navbar .nav .print a:hover .icon,
.navbar .nav .print.active a .icon {
  background-position: -350px 0;
}

.navbar .nav .edition .icon {
  background-position: -475px 0;
}

.navbar .nav .edition a:hover .icon,
.navbar .nav .edition.active a .icon {
  background-position: -450px 0;
}

.navbar .nav .measure .icon {
  background-position: -275px 0;
}

.navbar .nav .measure a:hover .icon,
.navbar .nav .measure.active a .icon {
  background-position: -250px 0;
}

.navbar .nav .geolocation .icon {
  background-position: -325px 0;
}

.navbar .nav .geolocation a:hover .icon,
.navbar .nav .geolocation.active a .icon {
  background-position: -300px 0;
}

/* MAP MENU (VERTICAL MENU ON THE LEFT) */
#mapmenu {
  background: #3960aa;
  /*background: var(--color-dark-gray-elements); */
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
}

#mapmenu .nav-list>li.edition.edition-pending:not(.active) #button-edition {
  background-color: var(--color-contrasted-elements-light);
}

/* ICONS */
#content .ui-icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_menu.png);
}

#content .ui-icon-open-menu {
  background-position: -16px -80px;
  background-color: #F0F0F0;
}

#content .ui-icon-close-menu {
  background-position: 0 -96px;
}


/* DOCKS (PANELS) */

/* Background for docks */
#dock,
#mini-dock,
#bottom-dock,
#right-dock,
#sub-dock,
.lizmapPopup.olPopup,
#map-content .lizmapPopup {
  background-color: var(--color-background-primary) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

/* Metadata panel */
#metadata {
  background-color: var(--color-background-primary-content) !important;
}

/* White background for content div */
#toolbar div.menu-content,
#menu div.menu-content,
#dock div.menu-content,
#sub-dock div.menu-content,
#mini-dock div.menu-content,
#right-dock div.menu-content,
div.modal div.menu-content,
#bottom-dock div.bottom-content {
  background-color: var(--color-background-primary-content);
}

/* Thin border for docks */
#dock,
#mini-dock,
#sub-dock {
  border: 1px solid var(--color-contrasted-elements);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

/* Dark text in dock, right-dock, bottom-dock main titles */
#dock-tabs>li>a,
#right-dock-tabs>li>a,
#bottom-dock-tabs>li>a {
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  border-radius: 4px 4px 0 0;
}

#dock-tabs>li>a:hover,
#right-dock-tabs>li>a:hover,
#bottom-dock-tabs>li>a:hover {
  background-color: rgba(227, 115, 41, 0.1);
  color: #e37329;
}

/* Dark border bottom for docks titles */
#dock>div>ul.nav.nav-tabs,
#mini-dock>div>ul.nav.nav-tabs,
#right-dock>div>ul.nav.nav-tabs,
#bottom-dock>div>ul.nav.nav-tabs,
#mini-dock h3,
#sub-dock h3,
.dock-subtitle {
  border-bottom: 1px solid var(--color-contrasted-elements);
}

/* Dark text for dock main title */
#toolbar h3,
#menu h3,
#dock h3,
#sub-dock h3,
#mini-dock h3,
#right-dock h3,
div.modal h3,
.dock-subtitle {
  color: var(--color-contrasted-elements);
}

/* Icons from glyphicons
For light theme, use the dark icons
*/
#dock .icon-white,
#mini-dock .icon-white,
#right-dock .icon-white,
#bottom-dock .icon-white {
  filter: invert(1);
}

/* Docks title icons must also be dark */
#nav-tab-switcher a::before {
  background-position: -50px 0;
}

#nav-tab-metadata a::before {
  background-position: -100px 0;
}

#nav-tab-edition a::before {
  background-position: -450px 0;
}

#mini-dock .locate .icon {
  background-position: -150px 0 !important;
}

#mini-dock .btn.btn-locate-clear {
  background-position: -850px 0 !important;
}

#dock .baselayer .icon {
  background-position: -700px 0 !important;
}

#nav-tab-filter a::before {
  background-position: -400px 0;
}

#mini-dock .measure .icon {
  background-position: -250px 0 !important;
}

#mini-dock .geolocation .icon {
  background-position: -300px 0 !important;
}

#mini-dock .tooltip-layer .icon {
  background-position: -750px 0 !important;
}

#mini-dock .print .icon {
  background-position: -350px 0 !important;
}

#mini-dock .permaLink .icon {
  background-position: -650px 0 !important;
}

#mini-dock #action div.action h3 span.icon {
  filter: invert(0);
}

#sub-dock .sub-metadata h3 .icon {
  background-position: -100px 0;
}

#dock #cadastre h3 .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/cadastre-icon-dark.png) !important;
  background-position: 0 0;
}


/* BOTTOM DOCK */

/* bottom-dock top border to separate from the map */
#bottom-dock {
  border-top: 1px solid var(--color-contrasted-elements-light);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

/* Bottom-dock content : remove borders
& add a line under the bottom dock main title */
#bottom-dock div.bottom-content {
  border: none;
  border-top: 1px solid var(--color-contrasted-elements) !important;
}


#menu {
  background: #F0F0F0;
}

#menu .ui-icon-locate-open {
  background-position: -16px -16px;
}

#toolbar h3 .icon,
#menu h3 .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20_tools.png);
}

#toolbar .baselayer h3 .icon,
#menu .baselayer h3 .icon {
  background-position: -725px 0;
}

#toolbar .switcher h3 .icon,
#menu .switcher h3 .icon {
  background-position: -75px 0;
}

#toolbar .locate h3 .icon,
#menu .locate h3 .icon {
  background-position: -175px 0;
}

#toolbar .geolocation h3 .icon,
#menu .geolocation h3 .icon {
  background-position: -325px 0;
}

#toolbar .print h3 .icon,
#menu .print h3 .icon {
  background-position: -375px 0;
}

#toolbar .measure h3 .icon,
#menu .measure h3 .icon {
  background-position: -275px 0;
}

#toolbar .edition h3 .icon,
#menu .edition h3 .icon {
  background-position: -675px 0;
}

/*
Timemanager
*/
#toolbar #timemanager-menu h3 .icon,
#menu #timemanager-menu h3 .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_timemanager.png);
}

.navbar .navbar-inner .timemanager .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_timemanager.png);
}

.navbar .nav .timemanager .icon {
  background-position: 0 0;
}

.navbar .nav .timemanager a:hover .icon,
.navbar .nav .timemanager.active a .icon {
  background-position: -20px 0;
}

#toolbar .timemanager h3 .icon,
#menu .timemanager h3 .icon {
  background-position: -20px 0;
}

#tmCurrentValue,
#tmNextValue {
  font-size: 8pt;
  font-weight: bold;
}


#map-content {
  background: #F0F0F0;
}

#close-menu {
  border-bottom: solid 1px #DDD;
}

#content.mobile #toolbar {
  background: #F0F0F0;
}

#toolbar .title .btn,
#menu .title .btn {
  background: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_menu_tools.png) no-repeat right;
}

#toolbar .title .btn.btn-error {
  background: none;
  color: #DA4F49;
}

#toolbar .title .btn.btn-locate-clear {
  background-position: 0 0;
}

#toolbar .title .btn.btn-locate-clear:hover {
  background-position: -20px 0;
}

#toolbar .title .btn.btn-print-clear {
  background-position: -20px -100px;
}

#toolbar .title .btn.btn-print-clear:hover {
  background-position: 0 -100px;
}

#toolbar .title .btn.btn-stop {
  background-position: 0 -20px;
}

#toolbar .title .btn.btn-stop:hover {
  background-position: -20px -20px;
}

#toolbar .menu-content .btn.btn-success {
  background-color: #93C01F;
  background-image: linear-gradient(center top, #9BC144, #93C01F);
}

#baselayer-menu div.baselayer-select,
#switcher div.baselayer-select,
#locate div.locate-layer {
  border: solid 1px #606060;
  background: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/123_click.png) no-repeat right;
}

#baselayer-menu div.baselayer-select select,
#locate div.locate-layer select {
  background: transparent;
  color: rgb(51 51 51);
}

#locate div.locate-layer .custom-combobox-toggle {
  background: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/123_click.png) no-repeat right -5px;
}

#locate div.locate-layer .custom-combobox-input {
  background: none;
  color: rgb(51 51 51);
}

.ui-autocomplete.ui-menu .ui-menu-item a {
  background: none;
  color: rgb(51 51 51);
}

.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus {
  background: #0094D6;
}

#menu .ui-accordion-content {
  background-color: white;
  border: solid 1px rgb(251 216 80);
}

/* LAYER TREE aka SWITCHER */
lizmap-treeview input[type=checkbox],
#filter input[type=checkbox] {
  accent-color: var(--color-contrasted-elements);
}

#baselayer-select-input {
  background: none repeat scroll 0% 0% rgb(240 240 240);
  border: solid 1px #DDD;
  border-left: none;
}

lizmap-treeview .icon-info-sign {
  border: 1px solid var(--color-contrasted-elements-light);
  background-color: var(--color-contrasted-elements-light);
  border-radius: 50%;
  transition: all 0.3s ease;
}

lizmap-treeview .icon-info-sign:hover {
  background-color: #e37329;
  border-color: #e37329;
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(227, 115, 41, 0.3);
}

/* navbar */

/* Navigation bar button color */
#navbar button.btn {
  background-color: #3960aa;
  /*background-color: var(--color-contrasted-elements); */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  transition: all 0.3s ease;
}

#navbar button.btn:hover {
  background-color: #e37329;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(227, 115, 41, 0.3);
}

/* Navigation bar active button color */
#navbar button.btn.active {
  background-color: #e37329;
  box-shadow: 0 3px 8px rgba(227, 115, 41, 0.4);
}

#navbar div.slider {
  background: var(--color-dark-gray-elements);
}

#navbar div.slider span {
  background: var(--color-dark-gray-elements);
  border: solid 1px var(--color-dark-gray-elements);
}

#navbar button.ui-button-icon-only {
  background: var(--color-contrasted-elements);
  border: solid 1px white;
  border-radius: 4px;
  transition: all 0.3s ease;
}

#navbar button.ui-button-icon-only:hover {
  background: #e37329;
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(227, 115, 41, 0.3);
}

#navbar button.ui-state-select {
  background-color: #e37329;
  box-shadow: 0 2px 8px rgba(227, 115, 41, 0.4);
}

#navbar .ui-state-default .ui-icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20.png);
}

#navbar .ui-button-icon-only .ui-icon-pan {
  background-position: 0 -20px;
}

#navbar .ui-button-icon-only .ui-icon-zoom {
  background-position: -20px -20px;
}

#navbar .ui-button-icon-only .ui-icon-zoom-extent {
  background-position: -20px -40px;
}

#navbar .ui-button-icon-only .ui-icon-zoom-out {
  background-position: -20px 0;
}

#navbar .ui-button-icon-only .ui-icon-zoom-in {
  background-position: 0 0;
}

#navbar .ui-button-icon-only.ui-state-usable .ui-icon-previous {
  background-position: 0 -80px;
}

#navbar .ui-button-icon-only .ui-icon-next {
  background-position: -25px -60px;
}

#navbar .ui-button-icon-only.ui-state-usable .ui-icon-next {
  background-position: -25px -80px;
}

/* Overview map */
#overview-bar {
  background: none repeat scroll 0% 0% rgb(240 240 240);
}

#overview-bar .label {
  color: rgb(51 51 51);
  background: none;
}

#overview-bar .button {
  border-left: solid 1px #606060;

  /* background : #DDD; */
  background: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/'images/123_click.png') no-repeat scroll right center #DDD;
}

#overview-bar .ui-icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_menu.png);
}

#overview-bar .button .ui-icon-triangle-1-s {
  background-position: -16px 0;
}

#overview-bar .button .ui-icon-triangle-1-n {
  background-position: 0 0;
}

#overviewmap {
  background: none repeat scroll 0% 0% rgb(240 240 240);
  border: solid 1px #606060;
  border-bottom: none;
}

.olControlOverviewMapElement {
  background-color: rgb(240 240 240);
}

.olControlOverviewMapExtentRectangle {
  border: 2px solid #59B4D4;
}

.olControlOverviewMapRectReplacement {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/img/overview_replacement.gif);
}

#attribution-box {
  background-color: rgb(255 255 255 / 70%);
}

/* Overview map rectangle */
.ol-overviewmap-box {
  border: 2px dotted var(--color-contrasted-elements);
}


/* ATTRIBUTE TABLE */
#attribute-table-panel {
  opacity: 0.5;
  width: 65%;
  background-color: #F0F0F0;
}

#attribute-table-panel.visible {
  opacity: 1;
  height: 50%;
}

#attribute-table-panel.fullsize {
  height: 100%;
  width: 100%;
}

/* ATTRIBUTE DOCK TABS (AT THE TOP) */
#attributeLayers-tabs>li>a {
  padding: 5px;
  margin: 5px;
  transition: all 0.3s ease;
  border-radius: 5px;
}

#attributeLayers-tabs>li.active>a,
#attributeLayers-tabs>li>a:hover {
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #e37329;
  color: var(--color-contrasted-text);
  box-shadow: 0 2px 8px rgba(227, 115, 41, 0.3);
  transform: translateY(-2px);
}

/* The first Data tab must not be displayed as a button */
#nav-tab-attribute-summary a,
#nav-tab-attribute-summary a:hover,
#nav-tab-attribute-summary.active a {
  color: var(--color-text-primary);
  background-color: transparent;
  background: none;
  border: none;
}

#attribute-table-panel h3 {
  background: none repeat scroll 0% 0% #2B2B2B;
  color: #FBFBFB;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
}

#attribute-table-panel h3 .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .navbar-inner .attributeLayers .icon {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20_tools.png);
}

.navbar .nav .attributeLayers .icon {
  background-position: -120px -100px;
}

.navbar .nav .attributeLayers a:hover .icon,
.navbar .nav .attributeLayers.active a .icon {
  background-position: -120px -80px;
}

#attribute-table-panel h3 .icon {
  background-position: -120px -80px;
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/images/sprite_20_tools.png);
  width: 20px;
  height: 20px;
}

.attributeLayers-layer-div span.attribute-layer-msg {
  text-decoration: italic;
  font-size: 0.8em;
}

.attributeLayers-layer-div span.attribute-layer-msg.success {
  color: green;
}

.attributeLayers-layer-div span.attribute-layer-msg.failure {
  color: red;
}

/* Child attribute tables tabs buttons */
.tabbable.attribute-layer-child-content ul li a {
  cursor: pointer;
  padding: 5px;
  margin: 5px;

  /* font-size: 1em; */
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: var(--color-contrasted-elements-light);
  color: var(--color-text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  text-shadow: none;
  transition: all 0.3s ease;
}

.tabbable.attribute-layer-child-content ul li a:hover,
.tabbable.attribute-layer-child-content ul li.active a {
  background-color: #e37329;
  color: var(--color-contrasted-text);
  box-shadow: 0 3px 8px rgba(227, 115, 41, 0.3);
  transform: translateY(-2px);
}


/* RIGHT-DOCK */
#right-dock {
  border-left: 1px solid var(--color-contrasted-elements);
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.alert-info {
  background-color: #3a3c3d;
  border-color: #fbfbfb;
  color: #fbfbfb;
}

.alert-info .close {
  color: #fbfbfb;
}

/**
 * Icones lizMap
 */
.liz-icon-check {
  /* sprite de 16x16 mais button de 14x14 */
  background-position: -48px -80px;
  background-color: #0094D6;
}

.liz-icon-partial-check {
  /* sprite de 16x16 mais button de 14x14 */
  background-position: -32px -80px;
  background-color: #0094D6;
}

.liz-state-disabled .liz-icon-check {
  background-color: #B3B3B3;
}

.liz-state-disabled .liz-icon-partial-check {
  background-color: #B3B3B3;
}

.liz-icon-legend-collapsed {
  background-position: -32px -16px;
}

.liz-icon-legend-open {
  background-position: -64px -16px;
}

.liz-icon-info {
  background-position: 0 -80px;
}

.liz-remove-cache {
  background-position: -48px -100px;
}

.liz-icon-overview {
  background-position: -208px -128px;
}

.liz-icon-switcher-open {
  background-position: -16px -96px;
}

.liz-icon-switcher-collapsed {
  background-position: 0 -96px;
}



/* POPUP */

/* Background of the popup div */
#dock div.lizmapPopupDiv,
#mini-dock div.lizmapPopupDiv,
#right-dock div.lizmapPopupDiv,
#bottom-dock div.lizmapPopupDiv {
  background-color: var(--color-background-primary-content) !important;
}

/* Popup layer title */
h4.lizmapPopupTitle {
  color: var(--color-text-primary-content) !important;
}

.lizmapPopup.olPopup .lizmapPopupContent h4,
#map-content .lizmapPopupContent h4,
#popupcontent .lizmapPopupContent h4 {
  color: var(--color-text-primary-content) !important;
}

/* Popup content */
.lizmapPopup.olPopup .lizmapPopupTable,
#map-content .lizmapPopupTable,
#popupcontent .lizmapPopupTable,
#liz-atlas-item-detail .lizmapPopupTable {
  width: 100%;
}

#dock div.lizmapPopupDiv,
#mini-dock div.lizmapPopupDiv,
#right-dock div.lizmapPopupDiv,
#bottom-dock div.lizmapPopupDiv {
  padding: inherit;
}

/* Popup OpenLayers */
.lizmapPopup.olPopup,
#map-content .lizmapPopup {
  background-color: var(--color-background-primary) !important;
  border: 1px solid var(--color-contrasted-elements) !important;
  color: black !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.lizmapPopup.olPopup .lizmapPopupContent h4,
#map-content .lizmapPopupContent h4 {
  color: var(--color-text-primary-content) !important;
  border-bottom: 2px solid #e37329;
}

/*
.lizmapPopup.olPopup .lizmapPopupTable,
#map-content .lizmapPopupTable{
  border: 1px solid #2B2B2B !important;
}
*/
.lizmapPopup.olPopup .lizmapPopupTable thead,
#map-content .lizmapPopupTable thead {
  color: black;
  background-color: lightgrey;
}

.lizmapPopup.olPopup .lizmapPopupTable th.left,
#map-content .lizmapPopupTable th.left {
  border-right: 1px solid #e37329 !important;
}

/* Popup title of children popup & dataviz plots */
.lizmapPopup.olPopup .lizmapPopupDiv .lizmapPopupChildren h4,
#map-content .lizmapPopupDiv .lizmapPopupChildren h4,
#popupcontent .lizmapPopupDiv .lizmapPopupChildren h4,
.lizmapPopupChildren h4 {
  border-bottom: 1px solid #ffc47c;
  color: var(--color-text-primary-content) !important;
  margin: 0;
  font-size: 0.9em;
  padding: 5px
}

.lizmapPopupChildren {
    border: solid #ffc47c 1px;
    margin-top: 5px;
}

/* Popup tables */
.lizmapPopup.olPopup .lizmapPopupTable,
#map-content .lizmapPopupTable,
#popupcontent .lizmapPopupTable,
#liz-atlas-item-detail .lizmapPopupTable,
div.attribute-layer-feature-panel .lizmapPopupTable {
  background-color: var(--color-background-primary-content);
  border: 2px solid #e37329;
}

.lizmapPopup.olPopup .lizmapPopupTable thead,
#map-content .lizmapPopupTable thead,
#popupcontent .lizmapPopupTable thead,
#liz-atlas-item-detail .lizmapPopupTable thead,
div.attribute-layer-feature-panel .lizmapPopupTable thead {
  color: var(--color-contrasted-text);
  background-color: #e37329;
}

.lizmapPopup.olPopup .lizmapPopupTable th,
#map-content .lizmapPopupTable th,
#popupcontent .lizmapPopupTable th,
#liz-atlas-item-detail .lizmapPopupTable th,
.lizmapPopup.olPopup .lizmapPopupTable td,
#map-content .lizmapPopupTable td,
#popupcontent .lizmapPopupTable td,
#liz-atlas-item-detail .lizmapPopupTable td,
div.attribute-layer-feature-panel .lizmapPopupTable td {
  border-right: 1px solid #e37329;
  border-left: 1px solid #e37329;
}



/* Feature toolbar */
lizmap-feature-toolbar div.feature-toolbar {
  margin-bottom: 3px;
}

lizmap-feature-toolbar button.btn,
.attribute-layer-action-bar button.btn:not(.dropdown-toggle) {
  transition: all 0.3s ease;
  border-radius: 4px;
}

lizmap-feature-toolbar button.btn:hover,
.attribute-layer-action-bar button.btn:not(.dropdown-toggle):hover {
  background-image: none;
  background-color: #e37329;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(227, 115, 41, 0.3);
}

/* dialog wait */
.liz-dialog-wait {
  background: #F6F6F6;
  border: 1px solid #606060;
}

.liz-dialog-wait .ui-dialog-titlebar {
  background: #2B2B2B;
  color: #FBFBFB;
}

.liz-dialog-wait .ui-dialog-titlebar-close {
  display: none;
}

.ui-widget-overlay {
  opacity: 0.8;
  background: black;
}

#loading p {
  display: none;
}

#loading {
  background-image: url(/lizmap/index.php/view/media/getMedia?repository=sherds&project=sherds&path=media%2Fthemes%2Fsherds%2Fcss%2F/img/loading.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
  background-origin: content-box;
}


/* only maps dock style */
#home #projects h2 {
  color: white;
}

/* EDITING FORMS */
#edition-modal form {
  margin: 0;
}

edition-form-container>div>h3 {
  font-size: 1.5em;
}

.edition-tabs .nav-pills>li>a {
  background-image: none;
  background-color: var(--color-contrasted-elements-light);
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.edition-tabs .nav-pills>li>a:hover,
.edition-tabs .nav-pills>li.active>a,
.edition-tabs .nav-pills>.active>a,
.edition-tabs .nav-pills>.active>a:hover,
.edition-tabs .nav-pills>.active>a:focus {
  background-color: #e37329;
  color: var(--color-contrasted-text);
  box-shadow: 0 3px 10px rgba(227, 115, 41, 0.3);
  transform: translateY(-2px);
}

/* Flat style for editing forms & drag-and-drop designed popup */
#edition ul.nav-tabs,
div.popup_lizmap_dd ul.nav-tabs {
  border-bottom: 1px solid var(--color-contrasted-elements);
}

#edition .nav-tabs>li>a,
div.popup_lizmap_dd .nav-tabs>li>a {
  color: var(--color-text-primary);
  padding: 5px;
  border: none;
  transition: all 0.3s ease;
}

#edition .nav>li>a:hover,
#edition .nav>li>a:focus,
div.popup_lizmap_dd .nav>li>a:hover,
div.popup_lizmap_dd .nav>li>a:focus {
  text-decoration: none;
}

#edition .nav-tabs>li>a:hover,
#edition .nav-tabs>li>a:focus,
div.popup_lizmap_dd .nav-tabs>li>a:hover,
div.popup_lizmap_dd .nav-tabs>li>a:focus {
  background: rgba(227, 115, 41, 0.1);
  border: none;
  border-bottom: 3px solid #e37329;
  color: #e37329;
  cursor: pointer;
}

#edition .nav-tabs>li.active>a,
#edition .nav-tabs>li.active>a:hover,
#edition .nav-tabs>li.active>a:focus,
div.popup_lizmap_dd .nav-tabs>li.active>a,
div.popup_lizmap_dd .nav-tabs>li.active>a:hover,
div.popup_lizmap_dd .nav-tabs>li.active>a:focus {
  background: rgba(227, 115, 41, 0.1);
  border: none;
  border-bottom: 3px solid #e37329;
  color: #e37329;
  cursor: auto;
  font-weight: 600;
}

#edition div.tab-pane,
div.popup_lizmap_dd div.tab-pane {
  border-left: 1px solid var(--color-contrasted-elements);
  border-right: 1px solid var(--color-contrasted-elements);
  border-bottom: 1px solid var(--color-contrasted-elements);
  padding: 5px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

#edition div.tab-pane.attribute-layer-child-content,
div.popup_lizmap_dd div.tab-pane.attribute-layer-child-content {
  border: none;
}

#edition #tabform,
div.popup_lizmap_dd #tabform {
  border: none;
}

#edition legend,
div.popup_lizmap_dd legend {
  color: var(--color-text-primary);
  border-bottom: none;
  padding: 5px;
  width: unset;
  max-width: 100%;
  margin-bottom: 0;
}


#edition fieldset,
div.popup_lizmap_dd fieldset {
  padding: 10px;
  padding-top: 0;
  margin: 0 5px;
  border: 1px solid var(--color-contrasted-elements-light);
  border-radius: 8px;
  background: rgb(255 255 255 / 20%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Minor adaptation for popup compared to editing form */
div.popup_lizmap_dd {
  font-size: 12px;
}

div.popup_lizmap_dd .form-horizontal .control-group {
  margin-bottom: 0 !important;
}

div.popup_lizmap_dd label {
  padding-top: 0 !important;
  font-size: 12px !important;
  width: 130px !important;
}

div.popup_lizmap_dd .controls {
  margin-left: 140px !important;
}

/* ATLAS */

/* White background for Atlas content */
#liz-atlas-item-detail {
  background-color: var(--color-background-primary-content);
  color: var(--color-text-primary-content)
}

/* Atlas tool layer abstract */
#liz-atlas-item-layer-abstract {
  color: var(--color-text-primary-content);
}


/* DATAVIZ */

/* MUST BE SET IN DATAVIZ.CSS FILE */

/* Dataviz plot title */
#dataviz .text {
  color: var(--color-text-primary);
}