/*stampa rapida*/

#lizmap-modal-print-options .modal-footer {
         background-color: #61c5e9;
}

#mapmenu .nav-list > li.fast-print > a .icon {
	background-image:  url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/fast_print.png);
    	background-size: cover;
}

#mapmenu .nav-list > li.fast-print a:hover .icon {
	background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/fast_print_hover.png);
    	background-size: cover;
}

#print-loading {
	width: 100%;
	height: 128px;
	background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/loading.gif);
    	background-repeat: no-repeat;
    	background-position-x: center;
    	background-position-y: center;
}

#print-loading-descr {
	text-align: center;
    	margin-top: 5px;
}

/*buffer**/
#mini-dock {
	max-height:100% !important;
}

#draw .menu-content {
	max-height:500px !important;
}

#selectiontool .menu-content {
	max-height:510px !important;
}

etra-buffer-control {
	display: inline-block;
    	margin-top: 10px;
    	width: 100%;
}

etra-buffer-control h5 {
	font-size: revert !important;
    	padding: 0.5em 0.1em 0.5em 0.1em !important;
}

etra-buffer-control h5 span.ui-icon{
background-position: -32px -64px;
}
etra-buffer-control h5.ui-state-active {
    background: #aaa;
}
etra-buffer-control h5.ui-state-active .ui-accordion-header-icon {
    background-position: -16px -64px !important;
 }

etra-buffer-control .ui-accordion div.ui-accordion-content{
 	padding:0px !important;
}

.etra-buffer-main-control {
	padding: 0.3em;
	    height: 200px;
}

.etra-buffer-drawned {
	display: flex;
    	flex-direction: column;
}
.etra-buffer-feature-head, .etra-buffer-feature-body{
display: flex;
    flex-direction: row;
}
.etra-buffer-feature-head {
    font-weight: bold;
}

.etra-buffer-feature-name {
   flex: 0 1 66%;
}

.etra-buffer-feature-control {
   flex: 0 1 33%;
}

etra-buffer-control .no-buffer {
         font-style: italic;
         color: gray;
}

#draw etra-buffer-control button[value=union-buffer] {
    width: inherit !important;
    height: inherit !important;
    box-sizing: inherit !important;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
}

etra-buffer-control button[value=union-buffer]:focus {
         outline: 0px !important;
}

etra-buffer-control .etra-buffer-selection-active {
         flex-wrap: wrap;
         margin-bottom: 8px;
         display: flex;
         align-content: center;
}

etra-buffer-control .etra-buffer-selection-active span {
         font-size: 15px;
         margin-left: 4px;
}

etra-buffer-control .no-buffer-active .etra-buffer-feature-name small {
         color:gray;
         font-style:italic;
}


/**917**/

#hydraulic-get-pipes, #hydraulic-zoom-extent,#hydraulic-step-backward, #hydraulic-reason-coord {
         margin-bottom: 10px;
}

#hydraulic-step-backward, #hydraulic-reason-coord {
         margin-left: 4px;
}


#hydraulic-loading-overlay {
         width: 100%;
         height: 100%;
         position: absolute;
         z-index: 0;
         top: 0;
         left: 0;
         display: flex;
         justify-content: center;
         align-content: center;
         flex-wrap: wrap;
}
#hidraulic-loading-overlay-content {
         width:300px;
         height:300px;
         display: flex;
         flex-direction: column;
         align-items: center;
}
#hydraulic-loading-overlay-image {
	width: 100%;
	height: 128px;
	background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/loading.gif);
    	background-repeat: no-repeat;
    	background-position-x: center;
    	background-position-y: center;
}
#hydraulic-loading-overlay-message {
         text-align:center;
}

#hydraulic-get-pipes-disclaimer {
    color: #ff7800;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/*modulo report*/

#lizmap-modal-report-options{
         width: 80% !important;
          margin-left: -40% !important;
          /*height: 80vh;*/
          display: flex;
          flex-direction: column;
          font-size:1em !important;
          min-height:500px;
}

#lizmap-modal-report-options .modal-header {
         height:22px;
}


#lizmap-modal-report-options-modal-body {
         display:flex;
         flex-direction: column;
         overflow: hidden;
         flex:1;
         min-height: 478px !important;
         max-height: calc(100% - 22px) !important;
         padding:0px !important;


         
}
#etra-report-tabs ul li a {
         padding: 3px 3px !important;
}

#etra-report-tabs {
         display: flex;
         flex-direction: column;
         flex:1;
         /*height:100%;*/
         max-height:inherit;
}
#etra-report-tabs div[id^=etra-report-tabs-]{
         height: calc(100% - 40px);
         padding-left: 10px !important;
         padding-right: 10px !important;
         padding-top:0px !important;
         padding-bottom: 0px !important;

}

#etra-report-tabs-p {
         flex:1;
         display: flex;
         flex-direction: column;
         /*height:70%;*/
         padding:0px !important;
}
#etra-report-tabs-p .etra-report-param-page-controls {

         flex: 1;
         overflow-y: auto;
         padding-left:10px;
         padding-right: 10px;
         padding-top:0px;
         padding-bottom: 0px;
}

#etra-report-tabs .modal-footer{
    /*position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
    height:30px !important;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

#etra-report-tabs .modal-footer small{
         flex: 1;
         text-align: start;
}

#etra-report-tabs .modal-footer small a{
         color: #08c !important;
}




#mapmenu .nav-list > li.etra-report > a .icon {
	background-image:  url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/report.png);
    	background-size: cover;
}

#mapmenu .nav-list > li.etra-report a:hover .icon {
	background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/report_hover.png);
    	background-size: cover;
}



#lizmap-modal-report-options-cloned {
         display: flex;
         flex-direction: column;
         font-size:1em !important;
         min-height:500px;
}

#lizmap-modal-report-options .ui-widget, #lizmap-modal-report-options-cloned .ui-widget{

          font-size:1em !important;
}
#lizmap-modal-report-options .etra-report-param-page-title, #lizmap-modal-report-options-cloned .etra-report-param-page-title{

         font-weight: bold !important;
         padding-left: 10px;
    padding-right: 10px;

}
.etra-report-input-section {
         display: flex;
         flex-direction: column;
         margin-bottom: 3px;
}

.etra-report-input-section.etra-report-checkbox {
         display: flex;
         flex-direction: row;
         margin-bottom: 3px;
         height:25px;
         align-items:center;
}
.etra-report-input-section.etra-report-checkbox span{
         width:180px;
}
.etra-report-input-section.etra-report-checkbox input{
         margin:0px !important;
}

#lizmap-modal-report-options .ui-widget-header, #lizmap-modal-report-options-cloned .ui-widget-header  {
 background:white !important;
 border-top: 0px !important;
 border-left: 0px !important;
 border-right: 0px !important;
 border-bottom:1px solid #aaa;
}

#lizmap-modal-report-options .ui-widget-content, #lizmap-modal-report-options-cloned .ui-widget-content {
         border:none !important;
}

#lizmap-modal-report-options .modal-footer, #lizmap-modal-report-options-cloned .modal-footer  {
         background-color: white;
}

#lizmap-modal-report-options div[id^=etra-report-table-] .row, #lizmap-modal-report-options-cloned div[id^=etra-report-table-] .row {
         margin-left:0px !important;
}

#lizmap-modal-report-options div[id^=etra-report-table-] table thead th, #lizmap-modal-report-options-cloned div[id^=etra-report-table-] table thead th{
         font-size:0.75em !important;
         line-height: 15px !important;
}
#lizmap-modal-report-options div[id^=etra-report-table-] table tr td, #lizmap-modal-report-options-cloned div[id^=etra-report-table-] table tr td  {
         font-size:0.75em !important;
         line-height: 15px !important;
}
#lizmap-modal-report-options div[id^=etra-report-table-] table tfoot tr th, #lizmap-modal-report-options-cloned div[id^=etra-report-table-] table tfoot tr th  {
         font-size: 0.75em !important;
         line-height: 15px !important;
}
#lizmap-modal-report-options table.dataTable.compact thead th, table.dataTable.compact thead td,
#lizmap-modal-report-options-cloned table.dataTable.compact thead th, table.dataTable.compact thead td  {
         padding: 4px !important;
}

.etra-report-query-info {
         height:90px;
         background: #81bb22;
         padding: 3px;
         color: white;
         display:flex;
}

.etra-report-query-info-actions {
         display: flex;
         align-items: center;
         justify-content: end;
         flex: 1;
}

.etra-report-query-info-actions  button{
         margin-left: 4px;
}
.etra-report-query-info span {
         display:block;
         margin-bottom:3px;
}

.etra-report-query-info .etra-report-query-info-head {
         font-size: 1.2em;
         font-weight: bold;
}

/*#lizmap-modal-report-options div[id^=etra-report-tabs-] table, .dataTables_scrollHeadInner, .dataTables_scrollFootInner {
         width:100% !important;
}*/

/***SNAP***/

etra-snap-control h5.ui-state-active {
         background: #aaa;
}

etra-snap-control h5 {
	font-size: revert !important;
    	padding: 0.5em 0.1em 0.5em 0.1em !important;
}

etra-snap-control h5 span.ui-icon{
         background-position: -32px -64px;
}

etra-snap-control .ui-accordion div.ui-accordion-content{
         padding:0px !important;
}

.etra-snapper-content-container {
	padding: 0.3em;
	    height: 120px;
}

etra-snap-control .loading-geometry{
         height:25px;
}

etra-snap-control .etra-snapper-layer-list {
         width:100%;
}

etra-snap-control .snap-control-panel {
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-items: center;
         gap: 10px;
}
etra-snap-control .snap-pixel-tolerance {
         margin:0px;
}

etra-snap-control button.snap-vertex{
         background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/snapvertex.svg);
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
}

etra-snap-control button.snap-vertex.btn:hover, etra-snap-control button.snap-vertex.btn:focus,etra-snap-control button.snap-edge.btn:hover, etra-snap-control button.snap-edge.btn:focus {

         text-decoration: none;
         background-position: 0 0px;
     }
etra-snap-control button.snap-vertex.btn-primary.active {
     background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F//index.php/view/media/getMedia?repository=etra&project=etra_base&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/snapvertex.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}

etra-snap-control button.snap-edge.btn-primary.active {
         background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F//index.php/view/media/getMedia?repository=etra&project=etra_base&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/snapline.svg);
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
    }

etra-snap-control button.snap-edge{
         background-image: url(/index.php/view/media/getMedia?repository=analisiext&project=etra_ext_analisi&path=media%2Fthemes%2Fdefault%2Fcss%2F/img/snapline.svg);
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
}

/** misure **/
#lizmap-modal-coordinates-conversion {
    /*width: 80% !important;
    margin-left: -40% !important;
    /*height: 80vh;
    display: flex;
    flex-direction: column;
    font-size:1em !important;
    min-height:500px;*/
}
.coordinates-inputs-conversion {
    display: flex;
    align-items: center;
    margin: 5px;
    gap: 10px;
}

.coordinates-inputs-conversion input {
    width: 180px;    
}
#coordinates-inputs-conversion-toolbar {
    margin: 5px;
}
#coordinates-inputs-conversion-um {
    margin-top: 25px;
}

#lizmap-modal-coordinates-conversion-options-modal-body > h5{
    margin: 5px;
    margin-bottom: 20px;
    font-size: 0.8em;
}

.coordinates-conversion-pick-location {
    margin: 5px;
    margin-top: 20px;
}
#lizmap-etra-coordinate-conversion-copy, #lizmap-etra-coordinate-conversion-zoom {
    margin-top: 24px;
}

/**group data**/
.groups-data-container .ui-accordion-header-icon {
    background-position: -32px -64px !important;
}

.groups-data-container h5.ui-state-active {
background: #aaa;
}

.groups-data-container h5.ui-state-active .ui-accordion-header-icon {
background-position: -16px -64px !important;
}


.groups-data-container .ui-accordion-content {
border: none !important;
margin-left: 1em !important;
}

/*lettore-codici-barre*/
#lizmap-modal-codebar-options {
    z-index: 1000000;
}
#lizmap-barcoce-modal-body {
    max-height: 10000px !important;
}

#interactive {
    width: 100%;
    height: auto;
    overflow: hidden;
    position:relative;
    /*height: 500px;*/
}

#interactive.viewport > video, #interactive.viewport > canvas {
    max-width: 100%;
    width: 100%;
}

#interactive.viewport > canvas.drawing, #interactive.viewport > canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

/*lettore-codici-barre*/
#lizmap-modal-codebar-options {
    z-index: 1000000;
}
#lizmap-barcoce-modal-body {
    max-height: 10000px !important;
}

#interactive {
    width: 100%;
    height: auto;
    overflow: hidden;
    position:relative;
    /*height: 500px;*/
}

#interactive.viewport > video, #interactive.viewport > canvas {
    max-width: 100%;
    width: 100%;
}

#interactive.viewport > canvas.drawing, #interactive.viewport > canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

/**partielle catastali*/

#particle-search-container {
    position: relative;
    min-height: 200px;
    width: 250px;
}


.parcel-search-form-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.parcel-input-container {
    margin-top: 8px;
}

.parcel-submit {
    margin-top: 20px;
}

.parcel-spinner-container {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:15px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 5;
}
.spinner-message {
    background: white;
}
.parcel-spinner {
    width: 35px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}

.parcel-disclaimer {
    margin-top: 15px;
    font-size: 14px;
}

/** UXO **/
.uxo-spinner-container  {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:8px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 5;
}

.uxo-spinner {
    width: 12px;
    padding: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

#cog-controller-container {
    position:absolute;
    display: flex;
    flex-direction: row;
    height: 60px;
    align-items: center;
    background: #f0f0f0;
    padding: 5px;
    bottom:40px;
    right: 50%;
    z-index: 10000;
    border: 1px solid gray;
    gap:10px;
    transform: translate(50%);
}

.cog-opacity-container {
    width:200px;
    display: flex;
    gap:5px;
}
.cog-opacity-bar, .cog-opacity-bar input {
    width:100%;
}

.cog-opacity-bar {
    flex: 1 1 auto;
    min-width: 0px;
}

.cog-opacity-percent {
    flex: 1 0 auto;
}

/**generale**/
#lizmap-modal-report-options .modal-header,#lizmap-modal-report-options-cloned .modal-header, #lizmap-modal-print-options .modal-header, #lizmap-modal-coordinates-conversion .modal-header {
background-color: #0094ab;
}

lizmap-print .print-labels input[name='Stampato'],
lizmap-print .print-labels input[name^=hide_],
lizmap-print .print-labels textarea[name^=hide_],
lizmap-print .print-labels input[name='Stampato'] + br,
lizmap-print .print-labels input[name^=hide_] + br,
lizmap-print .print-labels textarea[name^=hide_] + br
{
    display: none !important;
}

#permalink-box li:has(> a[href='#tab-embed-permalink']) {
    display:none !important;
}

div.popup_lizmap_dd div.tab-content div.tab-pane div.popup_lizmap_dd_relation div, div.popup_lizmap_dd div.tab-content div.tab-pane div.popup_lizmap_dd_relation {
    border: 0px;
    border-radius: 0px;
    background-color:white;
}

/** nasconde pulsante unlink dalle tabelle figlio **/

[id^=attribute-child-tab-] [id^=attribute-layer-table-] lizmap-feature-toolbar .feature-unlink { 
    display:none !important;
}

/**distributori**/

.distributori-alert-footer {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: none !important;
    border-top:0px !important;
}

.distributori-alert-body, .distributori-alert-footer {
    background:#00a3b6;
}

.distributori-alert-body {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.distributori-alert-footer button {
    border-radius: 0px;
    background: transparent;
    color: white;
    border: 1px solid white;
}

.distributori-alert-footer button:hover {
    background: rgba(255, 255, 255, 0.404);
}

.distributori-alert-body-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:1em;
}

.distributori-alert-body-title {
    font-size: 1.2em;
    font-weight: bold;
    text-align:center;
}

.distributori-alert-body-subtitle {
    text-align:center;
}