/* Include Lato*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Legend related file updates */
.legend-window{
    color: #f0f1f3;
    position:absolute;
    top: 8% !important;
    left: 0 !important;
    font-family: "Lato";
    font-size: 14px;
}
.legend-window .x-window-tl, .legend-window .legend-bar{
    background-color: rgba(0, 0, 0, 0.5);
}

.x-shadow {
    display: none !important;
}
.legend-window div{
    border: none !important;
    background: none;
}
.legend-window li{
    margin-top: -6px;
}
.legend-window div.x-unselectable{
    margin-top: 18px;
    font-weight: bold;
}
.legend-window .x-panel-body {
    margin-top: -10px;
}

.legend-window .x-window-bwrap{
    background-color: white !important;
}
.legend-window .x-tree-node a span{
    color: #000 !important;
    font-size: 14px !important;
    font-family: Lato;
    letter-spacing: .7px;
    font-weight: normal;
}
.legend-window div.x-tree-node-el.x-tree-node-expanded a span, .legend-window div.x-tree-node-el.x-tree-node-collapsed a span{
    font-weight: bold;
}
.legend-window .x-tree-node .x-tree-selected{
    background-color: white !important;
}
.legend-window .x-tree-node .x-tree-node-over{
    background-color: white !important;
}

.legend-window .x-panel-body {
    overflow: hidden !important;
    background: none;
}
.legend-window .x-window-header {
    text-align: center;
    color: white !important;
}
.legend-window .x-window-header-text {
    letter-spacing: 0.6px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-top: 5%;
}
.legend-window .x-tool {
    background: none;
}
.legend-window .x-tool-restore {
    height: 55px;
}
.legend-window .x-tool-restore:before {
  content: "\2212";
  font-family:"Glyphicons Halflings";
  line-height:1;
  vertical-align: middle;
  margin-right:15px;
  margin-top: 15px;
  display:inline-block;
}
.legend-window-collapsed .x-tool-restore:before {
  content: "\2b";
}


.legend-window div.x-tree-root-node li:last-child{
    margin-top: 30px;
}
.legend-window div.x-tree-root-node :not(ul) li:last-child{
    margin-top: -6px !important;
}
.legend-window .x-panel-header .x-panel-header-noborder .x-unselectable{
    display: none;
}

/*
    Legend Bar
*/
div#Legend- .x-window-tl{
    display: none;
}
div#Legend- div{
    background-image: none !important;
}
div#Legend- .x-panel-header {
    background-color: rgba(0, 0, 0, 0.5);
    color: #000;
    background: none;
    border: none;
}

/* Zoom Bar related css*/
/*.x-tree-no-lines .x-tree-elbow-minus, .x-tree-no-lines .x-tree-elbow-end-minus{*/
    /*background-image: url('../img/minus.png') !important;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center !important;*/
    /*background-size: cover;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*width: 15px !important;*/
    /*height: 15px !important;*/
/*}*/
/*.x-tree-no-lines .x-tree-elbow-plus, .x-tree-no-lines .x-tree-elbow-end-plus{*/
    /*background-image: url('../img/plus.png') !important;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center !important;*/
    /*background-size: cover;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*width: 15px !important;*/
    /*height: 15px !important;*/
/*}*/

.x-slider-vert {
    display: none;
}
.olControlZoomPanel .olControlZoomInItemInactive {
    background-image: url('../img/plus.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    background-color: rgba(250,250, 250, 1);
    background-size: cover;
    width: 25px !important;
    height: 25px !important;

    top: -35px !important;

    /*content: "\2212";*/
    /*font-family: "Glyphicons Halflings";*/
    /*line-height: 1;*/
    /*vertical-align: middle;*/
    /*margin-right: 15px;*/
    /*margin-top: 15px;*/
    /*display: inline-block;*/

/*
    background: transparent url(//maps.gstatic.com/tactile/zoom/icon-sprite-1x.png) 0 0 no-repeat !important;
    background-size: 120px 30px;
    display: block;
    height: 15px;
    left: 7px;
    position: absolute !important;
    top: 7px;
    width: 15px;
*/
}
.olControlZoomPanel .olControlZoomOutItemInactive {
    /*content: "\2";*/
    /*font-family: "Glyphicons Halflings";*/
    /*line-height: 1;*/
    /*vertical-align: middle;*/
    /*margin-right: 15px;*/
    /*margin-top: -140px;*/
    /*display: inline-block;*/

    background-image: url('../img/minus.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: cover;
    background-color: rgba(250, 250, 250, 1);
    width: 25px !important;
    height: 25px !important;
    top: -4px !important;

    /*background: red url(//maps.gstatic.com/tactile/zoom/icon-sprite-1x.png) 0 0 no-repeat !important;*/
    /*background-size: 120px 30px;*/
    /*display: block;*/
    /*height: 15px;*/
    /*left: 7px;*/
    /*position: absolute !important;*/
    /*top: 4px;*/
    /*width: 15px;*/

}
.olControlZoomPanel {
    bottom: 100px !important;
    right: 50px !important;
    top: auto !important;
    left: auto !important;
}

/*
    Fix small template error
*/
.x-panel-tbar .x-panel-tbar-noheader .x-panel-tbar-noborder{
    background-color: #000;
}

/*
    Feature Panel Update
*/
.x-window-bl {
    display: none !important;
}
.gx-popup .x-window-tc {
    background-color: white !important;
}
 ol, ul {
    margin-bottom: 0px !important;
 }
 div.x-window-handle {
    display: none !important;
 }
 .gx-popup {
    background-image: none !important;
 }
 .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background-image: none !important;
 }
 .x-tab-panel-header {
    border: none !important;
    padding: 0 !important;
    background-color: white;
    width: 80% !important;
    position: relative;
    left: 15%;
    top: -20px;
    z-index: -1;
    display: none !important;
 }
 ul.x-tab-strip-top {
    background: none !important;
    padding: 0 !important;
    border: none !important;
 }
 .x-tool-close {
    background-image: none !important;
    position:relative;
 }
 .x-tool-close:before {
    content: "\E014";
    font-family: "Glyphicons Halflings";
    position:absolute;
    top:0;
 }

 tspan {
     font-family: "Lato";
     font-size: 13px;
 }
 #chartContainer {
     padding-top: 40px;
 }
 #chartMetadata_totaldeformatie {
     padding-left: 20px;
     padding-right: 20px;
 }

 .x-toolbar-cell .xtb-text {
     padding-left: 25px !important;
     font-family: "Lato";
 }
 .x-panel-header span.x-panel-header-text{
     padding-left: 20px;
     font-family: "Lato";
 }
div.x-resizable-pinned span.x-window-header-text {
    display: none;
}
table#featureinfobutton {
    display: none;
}