/* VARIABLES */
:root {
  --header-color: rgb(255, 255, 255);
  --header-background-image: none;
  --color-background-primary: rgba(0, 136, 100,0.5);
  --color-background-primary-content: rgba(255, 255, 255, 0.8);
  --color-text-primary: rgb(51, 51, 51);
  --color-text-primary-content: rgb(51, 51, 51);
  --color-contrasted-elements: rgb(48, 138, 114);
  --color-contrasted-elements-light: rgba(255, 255, 255,0.8);
  --color-contrasted-text: rgb(47, 47, 47);
  --color-dark-gray-elements: rgb(0, 136, 100);
}


/* HEADER */

#title h1 {
  color : rgb(0, 136, 100);
}
#title h2 {
  color : rgb(0, 136, 100);
}



/* DOCKS (PANELS) */


/* 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);*/
  color:rgb(240, 240, 240);
}


/* 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: rgb(255, 255, 255);
}
/* 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(0);
}

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

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

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

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

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

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

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

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

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

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

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

#mini-dock .permaLink .icon {
  background-position: -675px 0px !important;
}
#mini-dock #action div.action h3 span.icon {
  filter: invert(0);
}
#sub-dock .sub-metadata h3 .icon {
  background-position: -100px 0px;
}

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


/* BOTTOM DOCK */



/* LAYER TREE aka SWITCHER */
lizmap-treeview input[type=checkbox],
#filter input[type=checkbox] {
  accent-color: var(--color-contrasted-elements);
}
#switcher tr.liz-state-disabled span {
  color:#AAA;
}
#switcher button{
  background: none;
}

#switcher span.label{
  color : rgb(51,51,51);
  background: none;
}
#switcher .treeTable tr.expanded td a.expander {
  background-image : url(/cartes/index.php/view/media/getMedia?repository=paysage&project=village_courtil&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png);
  background-position : -16px -48px;
}
#switcher .treeTable tr.collapsed td a.expander {
  background-image : url(/cartes/index.php/view/media/getMedia?repository=paysage&project=village_courtil&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png);
  background-position : -32px -64px;
}
#switcher .treeTable span.selected {
  background-color : rgb(153,153,153);
  text-shadow : 0px -1px 0px rgba(0,0,0,0.25);
  color : white;
}
#switcher .treeTable span.loading {
  background-image : url(/cartes/index.php/view/media/getMedia?repository=paysage&project=village_courtil&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/download_layer.gif);
}

#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);
}

lizmap-treeview li.not-visible > div label {
  font-style: italic;
  color: rgb(73, 73, 73);
}


/*navbar*//* Navigation bar button color */
#navbar button.btn {
  background-color: var(--color-contrasted-elements);
  border-radius: 5px;
  border: solid 2px white;
  margin-bottom: 0.2em;
}
/* Navigation bar active button color */
#navbar button.btn.active {
  background-color: var(--color-dark-gray-elements);
}

#navbar div.slider {
  background: var(--color-dark-gray-elements);
}
#navbar div.slider span {
  background: var(--color-dark-gray-elements);
  border: solid 3px var(--color-dark-gray-elements);
}
#navbar button.ui-button-icon-only{
  background : var(--color-contrasted-elements);
}
#navbar button.ui-state-select{
  background-color : var(--color-dark-gray-elements);
}
#navbar .ui-state-default .ui-icon {
  background-image : url(/cartes/index.php/view/media/getMedia?repository=paysage&project=village_courtil&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20.png);
}
#navbar .ui-button-icon-only .ui-icon-pan {
  background-position : 0px -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 0px;
}
#navbar .ui-button-icon-only .ui-icon-zoom-in {
  background-position : -1.5px -1px;
}
#navbar .ui-button-icon-only.ui-state-usable .ui-icon-previous {
  background-position : 0px -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;
}
#navbar .btn.pan {
  background-position : -1.5px -31.5px;
}
#navbar .btn.zoom {
  background-position : -31px -31px;
}
#navbar .btn.zoom-extent {
  background-position : -31px -61px;
}
#navbar .btn.zoom-out {
  background-position : -31.5px 0px;
}
#navbar .btn.zoom-in {
  background-position: -1.5px -1.5px;
}


/*dialog wait*/
.liz-dialog-wait {
  background: #ffffff;
  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(/cartes/index.php/view/media/getMedia?repository=paysage&project=village_courtil&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/loading.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  filter:  brightness(100%);
}

