/* 
    Created on : May 25, 2023, 1:11:54 PM
    Author     : cpetrak@uoc.gr
*/

/*  ***********************  MAP STYLE ******************************* */

            html, body {
                height: 100%;
                margin: 0;

            }
            #map {
                width: 100%;
                height: 100%;
            }

            .leaflet-control-layers-expanded{              
            }        
            
            .map-overlay {
                font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
                position: absolute;              
                bottom: 0;
                left: 0;
                padding:  10px;    
                
                z-index:100000;                
            }

            .map-overlay .map-overlay-inner {
             
                border-radius: 3px;
                padding: 10px;
                margin-bottom: 10px;
            }

            .map-overlay h2 {
                line-height: 24px;
                display: block;
                margin: 0 0 10px;
            }

            .map-overlay .legend .bar {
                height: 10px;
                width: 100%;
                background: linear-gradient(to right, #FCA107, #7F3121);
            }

            .map-overlay input {
                background-color: transparent;
                display: inline-block;
                width: 100%;
                position: relative;
                margin: 0;
                cursor: ew-resize;
            }
            
            .ui-slider-handle{
                background: #a9a9a9 !important;
                cursor: pointer !important;
                
            }
            
            
            .ui-icon {
                font-size: 1.2em;
                /*margin: 6px;*/
            }
            .ui-icon-search {
                -ms-transform: scale(1.3); 
                -webkit-transform: scale(1.3); 
                transform: scale(1.3);
                margin: 6px;
            }
            
            
/* ***********************  FOOTER STYLE ******************************* */    
      
            
            div#page-logos{
                background-color: #FFFFFF;
                bottom:0px;
                margin-left:auto;
                margin-right:auto;
            }

            div#logos-line-1{
                background-color:#FFFFFF;
                text-align: center;        
            }
            div#logos-line-2{
                background-color: #343839;
                margin-top:5px; 
                padding:10px 20px;
                height: 48px;
            }
            div#logos-line-1 img {
                margin-left: auto;
                margin-right: auto;
                padding:10px 0;

            }

            div#logos-line-2 img {
                float: right;
                width: 400px;
                margin-right: 0px;
            }

            div#logos-line-3{
                color: #FFFFFF;
                /*text-align: center;*/
                padding-left: 10px;
                padding-right: 0px;
                padding-top:3px; 
                padding-bottom:3px; 
                font-size: 13px;   
                background-color: #343839;    

            }

            div#logos-line-3 .developedtext{
                color: #D1D1D1;
            }
            div#logos-line-3 a{
                color: #FFFFFF;
                text-decoration: none;
            }
            div#logos-line-3 a:hover{
                color: #FFFFFF;
                text-decoration: none;
            }
            div#logos-line-3 a:visited{
                color: #FFFFFF;
                text-decoration: none;
            }
            
            
            .dot {
                height: 15px;
                width: 15px;  
                border-radius: 50%;
                display: inline-block;
            }
            
            
            .ui-icon-search {
                background-image: url("multiselect/images/ui-icons_444444_256x240.png");
                margin: 5px 12px 7px 0px !important;
            }

            .ui-icon-search {
                background-image: url("multiselect/images/ui-icons_444444_256x240.png");
                margin: 5px 12px 7px 0px !important;       
            }

            .ui-icon-search {
                background-image: url("multiselect/images/ui-icons_555555_256x240.png");
                margin: 5px 12px 7px 0px !important;      
            }
                                    
/* ***********************  Footer ******************************* */