#title h1 { color : #434e70; text-shadow: 0px 0px 4px rgba(255, 255, 255, 1),
0px 0px 5px rgba(255, 255, 255, 1);  ;}

/*#title h2 {
  color : #ffffff; }*/


span.icon-star.icon-white { width: 20px; height: 20px; }

i.icon-comment.icon-white{ width: 20px; height: 20px; }

i.icon-book.icon-white{ width: 20px; height: 20px; }

button.btn-selectiontool-clear.btn.btn-mini.btn-error.btn-linkwhite{
background-image : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png); width: 20px; height: 20px; }

body
{
	background-color: rgba(0,0,0,1);
}

#content
{
	background-color: rgba(0,0,0,1);
}



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

#headermenu .btn-locate-clear.icon { background-color: transparent;
background-position: -875px 0px; margin-top: 5px; } #headermenu .dropdown-menu
{ background-color: #4A4A4A; background-color: rgba(0,0,0,0.7); } #headermenu
.dropdown-menu:after { border-bottom: 6px solid rgba(0,0,0,0.5); } #headermenu
.dropdown-caret .caret-inner { border-left: 6px solid transparent;
border-right: 6px solid transparent; border-bottom: 6px solid rgba(0,0,0,0.5);
} #headermenu .dropdown-caret .caret-outer { border-left: 7px solid
transparent; border-right: 7px solid transparent; border-bottom: 7px solid
rgba(0,0,0,0.2); }

#headermenu .dropdown-inner .items li > a { color: #000000; }


#headermenu { box-shadow: 3px 3px 2px grey; }

#mapmenu { position: absolute; left: 10px; top: 70px; background: rgba(67, 78,
112, 0.5); height: auto; box-shadow: 3px 3px 2px grey; }

.nav-list [class^=icon-], .nav-list [class*= icon-] { margin-top: 0
!important ; margin-left: 0 !important; margin-right: 0 !important ;
margin-bottom: 0 !important; width: 20px !important; height: 20px !important; }


#map-content { margin-left : 0px; position : relative; background : #F0F0F0; }



#dock{ position: absolute; left: 43px; top: 70px; margin-bottom : 10px;
	background-color: rgba(67, 78, 112, 0.5) !important ; box-shadow: 3px
	3px 2px grey
	
}

#bottom-dock{ background-color: rgba(67, 78, 112, 0.5) !important; margin-left
: 10px; box-shadow: 3px 3px 2px grey; }



#sub-dock{ margin-top : 70px; margin-left : 13px; background-color: rgba(67,
78, 112, 0.5) !important ; box-shadow: 3px 3px 2px grey; }

#mini-dock{ position: absolute; top: 70px; background-color: rgba(67, 78, 112,
0.5) !important; box-shadow: 3px 3px 2px grey; }

#navbar{ box-shadow: 3px 3px 2px grey; background-color: rgba(67, 78, 112,
0.5); position: absolute; top: 70px; }

#navbar button.btn.active { background-color: #a52126; }

#navbar button.btn { background-color: rgba(67, 78, 112, 0.1); border: solid
1px #cecece; }

#navbar div.slider { background: #3e7eab !important; border: solid 1px #cecece
!important; }

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

.navbar .nav .map .icon { background-position: -75px 0px; } .navbar .nav .map
a:hover .icon, .navbar .nav .map.active a .icon { background-position: -50px
0px; } .navbar .nav .legend .icon { background-position: -75px 0px; } .navbar
.nav .legend a:hover .icon, .navbar .nav .legend.active a .icon {
background-position: -50px 0px; } .navbar .nav .locate .icon {
background-position: -175px 0px; } .navbar .nav .locate a:hover .icon, .navbar
.nav .locate.active a .icon { background-position: -150px 0px; } .navbar .nav
.print .icon { background-position: -375px 0px; } .navbar .nav .print a:hover
.icon, .navbar .nav .print.active a .icon { background-position: -350px 0px; }
.navbar .nav .edition .icon { background-position: -475px 0px; } .navbar .nav
.edition a:hover .icon, .navbar .nav .edition.active a .icon {
background-position: -450px 0px; } .navbar .nav .measure .icon {
	background-position: -275px 0px; } .navbar .nav .measure a:hover .icon,
	.navbar .nav .measure.active a .icon { background-position: -250px 0px;
	} .navbar .nav .geolocation .icon { background-position: -325px 0px; }
	.navbar .nav .geolocation a:hover .icon, .navbar .nav
	.geolocation.active a .icon { background-position: -300px 0px; }

#content .ui-icon { background-image : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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 : 0px -96px; }

#metadata { background-color:#EFEFEF; color:#333; }

#metadata h2{ color:#333; }

#menu { background : #F0F0F0; }

#menu .ui-icon-locate-open { background-position : -16px -16px; } #toolbar h3
.icon, #menu h3 .icon { background-image : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png)
!important; } #toolbar .baselayer h3 .icon, #menu .baselayer h3 .icon {
	background-position : -725px 0px; } #toolbar .switcher h3 .icon, #menu
	.switcher h3 .icon { background-position : -75px 0px; } #toolbar
	.locate h3 .icon, #menu .locate h3 .icon { background-position : -175px
	0px; } #toolbar .geolocation h3 .icon, #menu .geolocation h3 .icon {
	background-position: -325px 0px; } #toolbar .print h3 .icon, #menu
	.print h3 .icon { background-position: -375px 0px; } #toolbar .measure
	h3 .icon, #menu .measure h3 .icon { background-position: -275px 0px; }
	#toolbar .edition h3 .icon, #menu .edition h3 .icon {
	background-position : -675px 0px; }

/*
Timemanager
*/
#toolbar #timemanager-menu h3 .icon, #menu #timemanager-menu h3 .icon {
background-image : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_timemanager.png); } .navbar .navbar-inner
.timemanager .icon { background-image:url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_timemanager.png); }
.navbar .nav .timemanager .icon { background-position: 0px 0px; } .navbar .nav
.timemanager a:hover .icon, .navbar .nav .timemanager.active a .icon {
background-position: -20px 0px; } #toolbar .timemanager h3 .icon, #menu
.timemanager h3 .icon { background-position: -20px 0px; }


#map-content { background : #F0F0F0;
 
}

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

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

#toolbar .title .btn, #menu .title .btn { background :
url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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 : 0px 0px; } #toolbar .title
.btn.btn-locate-clear:hover { background-position : -20px 0px; } #toolbar
.title .btn.btn-print-clear { background-position : -20px -100px; } #toolbar
.title .btn.btn-print-clear:hover { background-position : 0px -100px; }
#toolbar .title .btn.btn-stop { background-position : 0px -20px; } #toolbar
.title .btn.btn-stop:hover { background-position : -20px -20px; } #toolbar
.menu-content .btn.btn-success{ background-color: #93C01F; background-image:
-moz-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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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); }

#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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png); background-position : -16px -48px; } #switcher
.treeTable tr.collapsed td a.expander { background-image :
url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&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; }

/*navbar*/
#navbar div.slider{ background : #C81F2D;/* #0081C2; */ border : solid 1px
white; } #navbar div.slider span{ background : black; border : solid 1px black;
} #navbar button.ui-button-icon-only{ background : #0081C2;/* #CE1F2D;*/ border
	: solid 1px white; } #navbar button.ui-state-select{ background-color :
	#3A3C3D; } #navbar .ui-state-default .ui-icon { background-image :
	url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&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 : 0px 0px; } #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; }

/*Overview map*/
#overview-bar { background : none repeat scroll 0% 0% rgb(240, 240, 240);
border : solid 1px #606060; }

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

#overview-bar .button { border-left : solid 1px #606060;
  /*background : #DDD;*/
  background : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/'images/123_click.png') no-repeat scroll right center #DDD;
} #overview-bar .ui-icon { background-image : url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_menu.png); }

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

#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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/overview_replacement.gif); }

#attribution-box { background-color : rgba(255,255,255,0.7); }



#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-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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/images/sprite_20_tools.png); } .navbar .navbar-inner .attributeLayers .icon
{ background-image: url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%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; }


.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: 0px -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 OpenLayers*/
.lizmapPopup.olPopup, #map-content .lizmapPopup{ background-color:#4A4A4A
!important; background-color:rgba(0,0,0,0.7) !important; border: 1px solid
#C9C9C9 !important; color: black !important; }

.lizmapPopup.olPopup .lizmapPopupContent h4, #map-content .lizmapPopupContent
h4{ color : white !important; border-bottom: 1px dashed white; }
/*
.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 #C9C9C9 !important; }

#edition-modal form { margin: 0; }

/*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(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/loading.gif); background-repeat: no-repeat;
background-position-x: center; background-position-y: center; }


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


*{ margin: 0; padding: 0; font-family: 'Gill Sans', 'Gill Sans MT', Calibri,
'Trebuchet MS', sans-serif }

.container
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform:
    translate(-50%,-50%);
    padding: 20px;
    border-radius: 5px;
    background-color: #333333; box-shadow: 0 0 1px 0;
    width: auto;
    z-index: 30;
    overflow-y: auto;
    height: 450px;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track
{
    background: #333333;
}

::-webkit-scrollbar-thumb {
  background: #888;
}
.taskForm { display: flex; flex-direction: column; overflow-x: hidden;}

.title { padding: 5px; margin-bottom: 10px; color: whitesmoke; font-family:
'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: bolder;}

input { margin-bottom: 15px; background: transparent; width: 350px; height:
28px; outline: none; border-radius: 15px; border: solid 1px darkgray;
text-align: left; }

.taskForm label { margin-bottom: 5px; color: whitesmoke; padding-left: 10px; }

#descrizione { background-color: transparent; border-radius: 18px; resize:
horizontal; border: solid 1px darkgray; text-align: left; padding: 8px;
margin-bottom: 10px; outline: none; width: auto; color: whitesmoke;}

#descrizione::-webkit-scrollbar { display: none; color: whitesmoke;}

#progetto { display: none; }

.insider { border: solid 1px darkgray; border-radius: 15px; padding: 3px;
margin-bottom: 10px; cursor: pointer; }

.insider  label { display: block; text-align: left; cursor: pointer; color:
darkgrey; font-weight: bold; }

#attivita,#condividi,#editShare,#userShare
{ padding: 6px; border-radius: 15px; background: transparent; color:
darkgray; outline: none; cursor: pointer; color: darkgrey; width: auto;
    font-size: 13px; text-align: center;}

select#userShare {
    width: 300px;
}

#attivita option,#condividi option,#editShare option, #userShare option { 
    background-color: #333333;
    border-top: dotted 1px whitesmoke;
    padding: 2px;
    color: whitesmoke;
}

#preventivo { text-align: center; background-color: transparent;
	 border-radius: 15px; color: whitesmoke; -webkit-appearance: none;}

#optional { border: none; color: #007FFF; font-weight: bold; font-size:
x-small; cursor: pointer; }

.btns { margin-top: 35px; display: flex; justify-content: center; }

.btns input { width: 120px; margin-right: 10px;    text-align: center; color:
whitesmoke; cursor: pointer; opacity: 1; transition: opacity .3s linear; }

#activeBtn { background-color: #007FFF; border: none; }
#shareBtn { background-color: #007FFF; border: none; padding-right: 10px; padding-left: 10px; color: whitesmoke; justify-content: center;}


.btns input:hover { opacity: .8; }

.optional-box { display: flex; flex-direction: column; }

.hidden { display: none; }

input[type=text]::placeholder { padding-left: 12px;  background-color: transparent;}

input[type=text] { padding-left: 8px; color: whitesmoke; font-size: 13px;
background-color: transparent; border-radius: 15px; appearance: none; outline: none; border-color: whitesmoke;}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button 
{
	-webkit-appearance: none;
	-moz-appearance: textfield;

	margin: 0;
}

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

#content { z-index:0; }

.externalDiv { position:absolute; top: 70%; z-index: 10; }

#pluginBtn 
{
	background: url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/mela.png) no-repeat center center/cover;
	color: white; 
	border: none;
	border-radius: 50%;
	border: solid 1px darkgrey;
	width: 40px;
	height: 40px;
	cursor:pointer;
}

.opacer
{
	opacity: .15;
}

#log-btn
{
    pointer-events: auto;
}

.log-container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
    background-color: #333333;
    /* width: 250px;
    height: 250px; */
    justify-content: center;
    border-radius: 10px;
    z-index: 1000;
    pointer-events: auto;
}

.log-title
{
    margin-bottom: 10px;
    padding: 5px;
    color: whitesmoke;
    pointer-events:auto;
}


.log-form
{
    display: flex;
    flex-direction: column;
}

.log-form input
{
    padding: 8px;
    padding-left: 25px;
    margin-bottom: 8px;
    border-radius: 12px;
    outline: none;
    border: solid 1px lightgrey;
    background-color: transparent;
    color: whitesmoke;
    width: auto; 
    pointer-events: auto;
}   

.log-form input::placeholder
{
    color: whitesmoke;
}

.log-link
{
    margin-left: 55px;
    margin-bottom: 20px;
    text-decoration: none;
    color: whitesmoke;
    font-weight: bold;
    font-size: 13px
}

.log-link:hover
{
    color:  #007FFF;
    text-decoration: none;
}

.fa-envelope
{
    position: absolute;
    font-size: smaller;
    color: white;
    top: 104px;
    left: 30px;
}

.fa-lock
{
    position: absolute;
    font-size: smaller;
    color: white;
    top: 148px;
    left: 30px;
    
}

input[type='text']::placeholder,
input[type='password']::placeholder
{
    padding-left: 13px;
}

button{
    background-color: #007FFF;
    color: whitesmoke;
    border-radius: 15px;
    outline: none;
    border: none;
    margin-top: 5px;
    height: 20px;
    font-weight: bold;
}

a{
    padding:10px;
    margin-top:5px;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
}
.go-to
{
    font-weight: bold;
    font-size: small;
}

.exportBtn
{
    position: absolute;
    right: 10px;
    top: 1px;
    background-color: transparent;
    border: solid 2px #007FFF;
    border-top: none;
    width: 110px;
    height: 30px;
    border-radius: 5px;
    color: whitesmoke;
    font-weight: bold;
}

.exportBtn:hover
{
    transform: scale(1.01);
    cursor: pointer;
}

#export
{
    justify-content: center;
    padding: 2px 30px 2px 30px;
    border-radius: 15px;
    background-color: #007FFF;
    outline: none;
    border: none;
    color: whitesmoke;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 100px;
    text-decoration: none;
}

#taskID
{
    margin-top: 10px;
    margin-bottom: 15px;
    border: none;
    border-radius: 0;
    border-bottom: solid 1px #007FFF;
    text-align: center;
    outline: none;
    background: transparent;
   font-weight: bold 
}

#location
{
    font-size: 11px;
    color: whitesmoke;
}

span
{
    font-size: 14px;
    font-weight: bolder;
    color: #007FFF;
}

.alert
{
    
    position: absolute;
    background: rgba(0,0,0,.6);
    border: none;
    border-radius: 5px;
    padding: 5px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 15%;
    text-align: center;
    z-index: 100;
}


.alert p{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 100;
}

#optionalStreet
{
    font-size: 20px;
    border: none;
    color: #007FFF;
    font-weight: bold;
    font-size: x-small;
    cursor: pointer;
    margin-bottom: 10px;
}
.optional-street-box .latlng
{
    text-align: center;
    display: flex;
    flex-direction: row;
}
.optional-street-box input[type=number]
{
    width: 120px;
    background-color: transparent;
    border-radius: 15px;
    color: whitesmoke;
}

.optional-street-box input[type=number]::placeholder
{
    padding: 10px;
}


.optional-street-box button
{
    margin-left: 170px;
    padding: 0 15px 0 15px;
    margin-bottom: 8px;
}

.choice
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.choice input
{
    border: none;
    border-bottom: solid 2px #007FFF;
    border-radius: 0;
    width: 90px;
    color: whitesmoke;
    font-weight: bold;
    text-align: center;
}


.choice input:hover
{
    color:#007FFF;
    border-color: whitesmoke;
}

.img
{
    position: absolute;
    background: url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/mela.png) no-repeat center center/cover;
    width: 40px;
    height: 40px;
    right: 20px;
}

.small-img
{
    position: absolute;
    background: url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/mela.png) no-repeat center center/cover;
    width: 30px;
    height: 30px;
    right: 35px;
    top: 20px;
}


input:focus
{
    outline: none;
    border-color: whitesmoke;
}

.confirm,.errorP,.logErrDiv, .loggedInErr
{
    
    position: absolute;
    background: rgba(0,0,0,.6);
    border: none;
    border-radius: 5px;
    padding: 5px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 15%;
    text-align: center;
    z-index: 100;
    animation: showUp 1s forwards;
}


.confirm p{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    color: green;
}

.errorP, .errorP p, .logErrDiv ,.logErrDiv p, .loggedInErr p{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    color: red;
}

@keyframes showUp {
    to   { visibility: visible; }
  }

  #input[type='button']
  {
      padding-left: 10px;
  }

  /* .external-frame
  {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      z-index: 100;
      background-color: whitesmoke;
      box-shadow: 0 0 10px .1px ;
    } */


.cont
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 910px;
    height: 520px;
    transform: translate(-50%,-50%);
    background-color: whitesmoke;
    z-index: 100;
}

  .external-frame
  {   
      padding-bottom: 65.25%;
      padding-top: 30px;
      height: 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch; /*<<--- THIS IS THE KEY*/ 
  }


  .external-frame #clsBtn
  {
    position: absolute;
    right: 10px;
    top: -28px;
    width: 25px;
    height: 25px;
    background-color: red;
    border-radius: 5px;
    border: none;
    color: whitesmoke;
    cursor: pointer;
    text-align: center;
    border-radius:3px;
    z-index: 200;
}

  /* .external-frame iframe
  {
      width: 325px;
      height: 500px;
      border: none;
  } */

  .external-frame iframe
  {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .hidden
  {
      display: none;
  }


  .go-to-two
  {
    background-color: none;
    border: none;
    color: #007FFF;
    font-weight: bold;
  }


.popup-btns
{
    justify-content: center;
}


.popup-btns button
{
    background-color: transparent;
    border: solid 2px grey;
    padding: 2px;
    border-radius: 3px;
}

.popup-btns
{
    justify-content: center;
    text-align: center;
}

.popup-btns button
{
    background-color: transparent;
    border: none;
    border-radius: 3px;
    margin-bottom: 2px;
    cursor: pointer;
    color: whitesmoke;
}

.popup-btns button:hover
{
    background-color: #007FFF;
    color: #333333;
}

.popup-container {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
  padding: 20px; border-radius: 5px;
  background-color: #333333;
  box-shadow: 0 0 1px 0;
  width: auto;
  z-index: 30;
}

.popup-back,
.popup-back-s
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    color: whitesmoke;
    cursor: pointer;
    font-weight: bold;
}

.popup-back:hover
{
    color: #333333;
    background-color: #007FFF;
}

#editBtn
{
    background-color: #007FFF;
    border: none;
}



.loading
{
    position: absolute;
    background: url(/index.php/view/media/getMedia?repository=toponomastica&project=toponomastica&path=media%2Fthemes%2Fdefault%2Fcss%2F//img/ending.gif)no-repeat center center/cover ;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 
    width: 110px;
    height: 110px;
    z-index: 500;
}

.popup-area
{
		background-color: transparent !important;
		resize: none;
        width: 250px;
        justify-content: center;
        border: none;
        border-top: solid 1px #007FFF;
        color: whitesmoke;
        border-radius: 0px;
        font-size: 11px;
        margin-left: 8px;
}

.pop-internal
{
    font-weight: bold;
    margin-left: 12px;
}

.opt
{
    color:#007FFF;
    font-size: 9px;
    font-weight: bold;
    cursor: pointer;
}

#shareBtn
{
    margin-left: 60%;
}

.error,.taskError
{
    color: red;
    font-size: 10px;
}

.taskError p
{
	color: red;
}

select#userShare
{
    height: 50px;
    border-radius: 8px;
}

.pop-internal
{
    font-size: small;
}

#linked-label
{
    margin-top: 8px;
    font-size: small;
}

textarea#linked-users
{
    width: 290px !important;
    border-radius: 8px;
    margin-top: 4px;
    text-align: center;
}

.showing-pos p
{
   padding: 2px;
   margin-left: 15px;
}

.log-closing
{
    position: absolute;
    top: 2px;
    left: 220px;
}

.log-closing input
{
    border: none;
    font-weight: bold;
    cursor: pointer;
    color: whitesmoke;
}

button
{
padding: 0 !important;

}

#apply-street,#apply-coord
{
	padding-left:12px !important;
	padding-right:12px !important;

}



.log-op-box
{
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 4px;
    top: 380px;
    z-index: 100;
}

#log-in-op,#log-out-op
{
    width: 40px;
    height: 40px;
    text-align: center;
    background: transparent !important;
    border: solid 2px darkgrey;
}

.fa-solid, .fas
{
    font-size: medium;
    font-weight: bolder;
}


.pull-right {
    position: absolute !important;
    top: -100px;
}
li.login {
    position: absolute;
    top: -600px;
}

li.user.dropdown {
    position: absolute;
    top: -600px;
}

li.dashboard-item {
    position: absolute;
    top: -600px;
}

/*risultato ricerca indirizzo*/
div#lizmap-search {
    position: absolute;
    top: 65px;
    right: 45px;
}

#headermenu .dropdown-menu {
    position: absolute;
    right: -7px;
    top: 30px;
}


.pull-right
{
    z-index: 100000;
    top: 18px;
    left: 40%;
}


.navbar-search .search-query {
    height: 30px;
    color: black;
}
/*
.btn-primary {
    width: 100px !important;
    height: 30px !important;

}
*/
#dock #dock-content #filter.tab-pane .liz-filter-field-box button{
    width: 15px !important;
}


.container #tab #condividi
{
    height: 80px !important;
    background-image: none !important;

}

#condividi option
{
    color: gray;
    background-color: transparent;
}

#lizmap-search-close
{
    top: -4px;
}

a:hover
{
    background-color: transparent !important;
}

#lizmap-search a {
    color: #0088cc;
    font-size: 0.9em;
}

#nav-tab-attribute-summary {
color: black !important;
font-family: Roboto, sans-serif !important;
    
}
button#selectiontool-query-deactivate {
    height: 30px;
}