@media  only screen and (max-height: 480px) {
#map-sidebar {
        width: 57px;
        height: 100%;
        overflow: auto;
    }
    
    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:2px;
        right:0px;
        width:33px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 23px;
        margin-bottom: 0px;
        outline: medium none;
        width: 29px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:23px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:4px;
      margin-left:4px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:2px;
        margin-left:2px;
    }   
}

@media  only screen and (min-height: 481px) and (max-height: 580px) {
    
    #map-sidebar {
        width: 56px;
        height: 100%;
        overflow: auto;
    }


    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:1px;
        right:0px;
        width:39px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 29px;
        margin-bottom: 0px;
        outline: medium none;
        width: 29px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:29px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:7px;
      margin-left:7px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:5px;
        margin-left:5px;
    }
    
}

@media screen and (min-height: 581px) and (max-height: 660px) {
    
    #map-sidebar {
        width: 55px;
        height: 100%;
        overflow: auto;
    }


    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:2px;
        right:0px;
        width:45px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 35px;
        margin-bottom: 0px;
        outline: medium none;
        width: 35px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:35px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:10px;
      margin-left:10px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:8px;
        margin-left:8px;
    }
    
}

@media  only screen and (min-height: 661px) and (max-height: 760px) {
    
    #map-sidebar {
        width: 54px;
        height: 100%;
        overflow: auto;
    }


    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:2px;
        right:0px;
        width:51px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 41px;
        margin-bottom: 0px;
        outline: medium none;
        width: 41px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:41px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:13px;
      margin-left:13px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:11px;
        margin-left:11px;
    }

}

@media  only screen and (min-height: 761px) and (max-height: 900px) {
    
    #map-sidebar {
        width: 53px;
        height: 100%;
        overflow: auto;
    }


    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:2px;
        right:0px;
        width:57px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 47px;
        margin-bottom: 0px;
        outline: medium none;
        width: 47px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:47px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:16px;
      margin-left:16px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:14px;
        margin-left:14px;
    }    
}

@media only screen and (min-height: 901px) {
    
    #map-sidebar {
        width: 52px;
        height: 100%;
        overflow: auto;
    }


    #map-overlay-panel {
        -moz-transition: width .1s;
        -ms-transition: width .1s;
        -o-transition: width .1s;
        -webkit-transition: width .1s;
        transition: width .1s;
        position:absolute;
        top:2px;
        right:0px;
        width:63px;
        height:100%;
    }

    #map-sidebar .olButton {
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: block;
        height: 53px;
        margin-bottom: 0px;
        outline: medium none;
        width: 53px;
        border: 1px solid #aaaaaa;
    }

    #sidebar-panel {
      position:absolute;
      top:0px;
      left:53px;
      width:100%;
      height:100%;
      padding:10px;
      background:#6a6a6a;
      opacity: 0.85;
      color:#FFFFFF;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      box-shadow: 5px 5px 5px 5px #000000;
    }

    #map-sidebar .glyphicon-white{
      margin-top:19px;
      margin-left:19px;
    }

    .icon-layers {
        background: url("images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-position: -100px 0;
        display: inline-block;
        height: 20px;
        width: 20px;
        overflow: hidden;
        text-indent: -9999px;
        margin-top:17px;
        margin-left:17px;
    }    
}

.glyphicon-white{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#FFF;
}

.glyphicon-disabled{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#BBB;
}

.print-download-icon {
    font-size: 20px;
    margin: 20px;
}

#map-sidebar .olButton.first{
    border-radius: 8px 0 0 0;
    margin-bottom: 0;
    margin-top: 5px;
}
#map-sidebar .olButton.last{
    border-radius: 0 0 0 8px;
    margin-bottom: 0px;
}
#map-sidebar .olButton:hover {
    background-color: #000000;
}
#map-sidebar .olButton.active {
    background-color: #9ED485;
}
#map-sidebar .olButton.disabled {
    background-color: rgba(0, 0, 0, 0.5);
    cursor: default;
}
#map-sidebar .olButton .icon {
    margin: 10px;
}

#sidebar-panel .panel-header {
  width:100%;
  height: 30px;
}

#sidebar-panel .panel-header .panel-title{
  float: left;
  margin-left: 5px;
  width: 170px;
  color:#ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#sidebar-panel .panel-header .panel-clearresults{
  float:right;
  width:30px;
  color:#fff;  
  cursor: pointer;
}
#sidebar-panel .panel-header .panel-close{
  float:right;
  width:30px;
  color:#fff;  
  cursor: pointer;
}
#sidebar-panel .panel-header .panel-expand{
  float:right;
  width:30px;
  color:#fff;  
  cursor: pointer;
}
#sidebar-panel .panel-header .panel-collapse{
  float:right;
  width:30px;
  color:#fff;  
  cursor: pointer;
  display:none;
}

#sidebar-drag {
  position:absolute;
  cursor: col-resize;
  top:0px;
  left:35px;
  width:2px;
  height:100%;
  display:none;
}

#map-sidebar a[class*="ItemActive"] {
    background-color: #000000;
}
#map-sidebarXX a[class*="ItemInactive"] {
    background-color: #FF00FF;
}

#map-sidebar .olButton:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.olGisClientqueryToolbar {
  background-color: rgba(0, 0, 0, 0.6);
  left:8px;
  top:8px;
  height: 50px;

}

#toolbar_query {

    height:150px;

}
.olControlQueryMapSelect {
  position: static;
  width: 200px;
  height:80px;

  margin-left:8px;
  margin-top:2px;
}
.olControlQueryMapSelect select{
  width:250px;
}

.olControlReportMapSelect {
  position: static;
  width: 200px;
  height:80px;

  margin-left:8px;
  margin-right:8px;
  margin-top:2px;
}
.olControlReportMapSelect select{
  width:250px;
}

#map-sidebarsss .olButton .icon {
    margin: 10px;
}

.icon-measure-length{
    background-image:url(images/ruler.png) !important;
}

.icon-measure-area{
    background-image:url(images/ruler_triangle.png) !important;
}
.ui-icon-locate {
    background-image: url(images/locate.png) !important;
}
.ui-icon-layers {
    background-image: url(images/openlayers.png) !important;
}


.olButton.buttonItemActive
{
    background-color: #9ED485;
}





.icon-measure-length{
    background-image:url(images/ruler.png) !important;
}

.icon-measure-area{
    background-image:url(images/ruler_triangle.png) !important;
}
.ui-icon-locate {
    background-image: url(images/locate.png) !important;
}
.ui-icon-layers {
    background-image: url(images/openlayers.png) !important;
}


.tree-checkbox.tree-check-disabled {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../resources/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  background-position: -120px -120px;

}


.tree-title.tree-title-disabled {

    color:rgba(0, 0, 0, 0.6);
}



#layerlegend div{
    background-color: #fff;
    overflow-x:hidden;
}

#layerlegend p{

    color: #404040; 
    font-weight: bold;

}

input.fast-navigate {

 margin-left:10px;
 margin-top:5px;

}

div.fast-navigate {

    width:80%;
    margin-top:15px;
    padding:5px;
    border: 1px solid white;
    border-radius: 4px;
}

.infoButton.active {
    border: 1px solid white;
}

#link-segnalazioni {
  margin-top: -15px;
  float: right;
}

.link-segnalazioni-attivo{

  color: white;

}
.segnalazioni {
  color:#404040;
}

.segnalazioni p{
  font-size: 9px;
  font-weight: normal;
}

.olControlPIPESelectActive {
    cursor:crosshair;
}

.ui-checkbox-partial:after {
    background-image: url("../resources/themes/default/images/check-partial.png");
    background-color: #38c !important;
    border-color: #38c !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #059 !important;
    opacity: 1 !important;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none
}

.ui-btn.close {
    opacity: .7
}