/**
    mylandware2.css

    css common config for mylandware2 geotools web application
    @author  Fabrizio Gusmini
    @copyright  Copyright (c) Fabrizio Gusmini
    @license  All righ reserved 



 */

/* keep the entry in alfabetic order */

/* element css config */
body {
    height:100%;
    overflow:hidden; 
 }
 
body.wait, body.wait *{
    cursor: wait !important;   
}

/* class css */
/* bootstrap class */
.wrap {
    height: 100%; width:100%; padding: 0px;
} 

/* mylandware2 class */
.mlw_bar{
    border-radius: 2px;
    /* font-size: 16px; */
    height: 36px;
    padding: 3px;
    position: absolute;
    opacity: 0.75;
}

.mlw_btn{
    float: right;
    margin-top: 6px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    margin-right: 8px;
}
.mlw_btn:hover{
    cursor: default;
    color: #777777;
}
.mlw_table{
    margin: 2px;
    border: 1px solid #AAAAAA; 
    /* border-radius: 2px;  */ 
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    /* cellpadding: 8px;
    cellspacing: 8px; */
}

.mlw_table > thead {
    vertical-align: top;
    height: 32px;
}
.mlw_table_cell{
    height: 20px;
    padding: 2px 4px; 
}

.mlw_command_bar {
    background-color: #fe9a2e;
    display: block;
    top: 36px;
    right: 8px;
}

.mlw_command_bar-xs  {
    width: 300px;   
}

.mlw_command_bar-sm, .mlw_search_bar-sm  {
    width: 600px;   
}
.mlw_search_bar-md{
    width: 700px;   
}
.mlw_command_bar-md  {
    width: 900px;   
}
.mlw_command_bar-lg  {
    width: 1200px;   
}

.mlw_command_button  {
    margin-top: 4px; 
    float: right;
}

.mlw_dropdown {
    float: right;
    font-size: 14px;
    margin-top: 4px;
    margin-right: 4px;
}

.mlw_echo_dx{
    float: right;
    margin-top: 6px; 
    width: 80px; 
}


.mlw_field_label{
    float: right;
    margin-top: 6px;
    font-weight: bold;
    margin-left: 8px;
    margin-right: 4px;
}

.mlw_gm_mark{
    background-size: contain;
    background-repeat: no-repeat;
    padding: 12px 10px;
    float: right;  
}

.mlw_gm_mark{
    background-image: url('https://maps.google.com/mapfiles/marker.png');
}

.mlw_gm_mark_black{
    background-image: url('https://maps.google.com/mapfiles/marker_black.png');
}
.mlw_gm_mark_blue{
    background-image: url('https://maps.google.com/mapfiles/ms/icons/blue-dot.png');
    padding: 12px 12px;    
}
.mlw_gm_mark_green{
    background-image: url('https://maps.google.com/mapfiles/marker_green.png');
}
.mlw_gm_mark_grey{
    background-image: url('https://maps.google.com/mapfiles/marker_grey.png');
}

.mlw_gm_mark_orange{
    background-image: url('https://maps.google.com/mapfiles/marker_orange.png');
}
.mlw_gm_mark_purple{
    background-image: url('https://maps.google.com/mapfiles/marker_purple.png');
}
.mlw_gm_mark_red{
    background-image: url('https://maps.google.com/mapfiles/marker.png');
}
.mlw_gm_mark_white{
    background-image: url('https://maps.google.com/mapfiles/marker_white.png');
}
.mlw_gm_mark_yellow{
    background-image: url('https://maps.google.com/mapfiles/marker_yellow.png');
}


.mlw_input_search{
    margin-left:3px;
    margin-right:6px;
    width: 50px;
}


.mlw_li_search{
    display:inline;
}

.mlw_line{
    border-bottom-style: solid;
    border-bottom-width: 3px;
    min-width: 40px;
    min-height: 20px;
    float: right;
    padding: 6px;
}


.mlw_poly{
    border-style: solid;
    border-width: 3px;
    min-width: 40px;
    min-height: 20px;
    float: right;
    padding: 6px;
}

.mlw_geom_azzurro{
    border-color:#00C0FF;
}

.mlw_geom_azzurro_avio{
    border-color:#0099FF;
}

.mlw_geom_arancio_scuro{
    border-color:#E26200;
}

.mlw_geom_blu{
    border-color:#0000FF;
}

.mlw_geom_fucsia{
    border-color:#C200FF;
}

.mlw_geom_giallo{
    border-color:#FFFF00;
}

.mlw_geom_giallo_oro{
    border-color:#FFBF18;
}
.mlw_geom_grigio_medio{
    border-color:#A2A2A2;
}

.mlw_geom_magenta{
    border-color:#E000E0;
}

.mlw_geom_marrone{
    border-color:#824200;
}

.mlw_geom_rosa{
    border-color:#FF40A0;
}
.mlw_geom_rosso{
    border-color:#FF0000;
}

.mlw_geom_turchese{
    border-color:#00FFFF;
}

.mlw_geom_verde_foglia{
    border-color:#41FF32;
}

.mlw_geom_verde_scuro{
    border-color:#008000;
}

.mlw_geom_violetto_scuro{
    border-color:#8100FF;
}

.mlw_row_selected > td {
    font-weight: bold;
    background-color: #81daf5;
}

.mlw_search_bar {
    background-color: #81daf5 ;
    display: block;
    top: 36px;
    right: 1220px;
}




 /*  id css config */

#input_terreno_sezione {
    width: 32px;
}

#input_terreno_foglio {
    width: 39px;
}

#input_terreno_numero_mappale {
    width: 50px;
}

 #map {
    width: 100%;
    height: calc(100% - 30px);
    margin-top:30px;
 }

#mlw_search_field {
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    border: 0px;
    width: 240px;
}
#mlw_pannello_civici{
    font-size: 13px;
    border-radius: 2px;
    display: none; 
    background-color: #FFFFFF;
    opacity: 0.8;
    position: absolute;
    opacity: 0.85;
    top: 76px;
    right: 8px;   
    height: 800px;
    max-height: 800px;
    overflow: auto; 
    width: 500px;   
}

#mlw_table_civici  > tbody, thead > tr > td, th   {
    text-align: center;
}
#ricerca_mappale_terreno > a{
    cursor: default;
}

#ricerca_mappale_terreno > a:hover, 
#ricerca_mappale_terreno > a:visited, 
#ricerca_mappale_terreno > a:link,  
#ricerca_mappale_terreno > a:active { 
    text-decoration: none;
}

/*style the box*/  
 .gm-style .gm-style-iw {
   /* background-color: #3C61AD !important;*/
    background-color: #3498db !important;
   
    top: 0 !important;
    left: 0 !important;
   /* width: 100% !important;*/
    height: 100% !important;
    min-height: 70px !important;
    padding-top: 10px;
    padding-left: 10px;
    display: block !important;
 }    


 /*style the p tag*/
 .gm-style .gm-style-iw #google-popup p{
    padding: 10px;
 }
 
.gm-style .gm-style-iw #google-popup div{
    padding: 10px;
 }
/*style the arrow*/
.gm-style div div div div div div div div {
    /* freccia trasparente cosi non si vede lo sfondo blu */
    background-color:  #3498db00 !important;

    /* freccia non trasparente ma su catone lo sfondo va oltre la freccia */
    /*background-color:  #3498db !important;*/

    padding: 2;
    margin: 2;
    top: 0;
    color: #fff;
    font-size: 14px;

}



/*style the link*/
.gm-style div div div div div div div div a {
    color: #D2D2D2;
    font-weight: bold;

}


@media all and ( max-width: 1200px) {
    .mlw_search_bar-md {
        width: 700px;
    }

}

@media all and ( max-width: 1100px) {
    .mlw_search_bar-md {
        width: 560px;
    }

}