@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700);*/

html, body {
    height: 100%;
}

ul.dropdown-menu {
    z-index: 1005;
}

body {
    padding-top: 45px;
    padding-bottom: 0px;
    /*background-image: url(/static/img/background3.jpg?0149ec26418e);*/
    background-color: #f7f7f7;
    font-weight: 400;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p {
    font-weight: 400;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* START mygeodata, converter */

.jumbotron.main {
    background-color: #337AB7  !important;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 15px;
    background: url(/static/img/globe2.png?0149ec26418e) center center;
    border-radius: 10px 10px 0px 0px !important;
    box-shadow: 2px 2px 5px #888888;
}


h1.main {
    color: white;
    text-shadow: 1px 1px 2px #383838;
    font-weight: 400;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h2.main {
    /*padding-left: 27px;*/
    color: #F1F1F1;
    text-shadow: 1px 1px 2px #1e1e1e;
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p.main {
    /*text-shadow: 1px 1px 2px #616161;*/
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
    color: rgba(0, 0, 0, 0.85);
}

h2.heading {
    color: #337AB7;
    /*text-shadow: 1px 1px 1px #0e0e0e;*/
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h3 {
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.box1 {
    /*border: 1px solid rgba(51, 122, 183, 0.51);*/
    border: 1px solid #ddd;
    border-radius: 8px;
    /*box-shadow: 5px 5px 10px rgba(136, 136, 136, 0.47);*/
    box-shadow: 0 6px 20px 0 rgba(51, 51, 51, .2);
    padding: 1px 10px 10px 10px;
    margin: 5px 2px 10px 2px;
    background-color: white;
}

.header {
    text-align: center;
}

/* END mygeodata, converter */

#wrap {
    min-height: 100%;
    margin: 0px;
    padding: 0px;
}

h2 {
    color: #21425c;
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor:default
}

.light {
    color: #ffffff;
}

.dark {
    color: #337ab7;
}
.verydark {
    color: #21425c;
}


.shaded-dark {
    color: #337ab7;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.shaded-verydark {
    color: #21425c;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.shaded-light {
    color: #ffffff;
    /*text-shadow: rgba(0, 0, 0, 0.9) 3px 3px 3px, rgba(0, 0, 0, 0.9) -1px -1px 2px;*/
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.4);*/
    /*text-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

.full-width {
    position: absolute;
    width: 100%;
    left: 0;
}

#map-home {
    background-color: #1A4882;
    height: 400px;
}

#section-home-checker {
    background-color: #1A4882;
}

.navbar {
    margin-bottom: 0px;
    border: none;
}

.navbar-collapse {
    background-color: white;
}

.navbar-default {
    background-image: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: white;
    border-color: white;
}

#menucontainer {
    box-shadow: 0px 0px 8px black;
}

section {
	padding-top: 0px;
    padding-bottom: 30px;
    min-height:calc(100% - 1px);
}

.section.head {
    background: #1A4882;
    padding: 0px;
}

#section-conversion {
	background-color: #337AB7;
    color: white;
    text-shadow: 1px 1px 2px #383838;
}

#section-main {
    padding-top: 0px;
    padding-bottom: 30px;
	background-color: #55acee;
    color: white;
}


#formats {
    color: #21425c;
    padding-bottom: 50px;
}

h4 {
    font-weight: 300;
	font-style: normal;
	font-family: "Open Sans", "helvetica neue", helvetica, Arial, sans-serif;
	/*line-height: 1.5;*/
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

#section1 h4 {
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.4);*/
}

.vertical-align {
    display: flex;
    align-items: center;
}

div .upload {
    text-align: center;
    /*background-color: #4c96d3;*/
    padding: 30px 6px;
    margin: 15px 0px 15px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1A4882;
    background-image: none;
    background-color: rgba(238, 238, 238, 0.80);
    /*background-color: #d9edf7;*/
    border: 2px dotted rgba(26, 72, 130, 0.99);
    border-radius: 6px;
    margin-top: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.separator {
    width:100%;height:5px;background-color:#337ab7;margin:0px;padding:0px;
}

/* Statistics section
@media (min-width: 750px) {
  .statistics div[class*="col-"]:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 100px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #d9d9d9 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #d9d9d9 50%, rgba(0, 0, 0, 0) 100%);
  }
}*/

.statistics {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #ffffff;
}

.statistics > div > div > div > div > div > h1 {
    color: #1A4882;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    /*text-shadow: 1px 1px 2px rgba(0,0,0,0.6);*/
}

.statistics > div > div > div > div > div > h5 {
    color: #21425c;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

#mod-upload .modal-dialog {
    min-width: 70%;
    min-height: 60%;
}

#mod-upload .modal-body iframe {
    height: 100%;
    width: 100%;
    min-height: 300px;
}

#mod-upload .modal-body {
    min-height: 300px;
}

.gc-gray {
    color: #333333;
}

.gc-green {
    color: #3c763d;
}

.gc-red {
    color: #a94442;
}

.jumbotron.gray {
    background-color: #333333;
    margin-bottom: 0px;
}

.jumbotron.gray > div > h2 {
    color: #55acee;
}

.jumbotron.gray > div > p {
    color: white;
}

.jumbotron.blue {
    background-color: #ffffff;
}

.jumbotron.blue > div > h2 {
    color: #1A4882;
}

.jumbotron.blue > div > p {
    color: #1A4882;
}

/*.nav .navbar-nav .navbar-right > li > a > span {
    color: #333333;
}*/


.btn-gc-invert {
    background-color: white;
    border-color: #e1f5ff;
    color: #21425c;
    font-weight: bold;
}
.btn-gc-invert:hover,
.btn-gc-invert:focus {
    background-color: #55acee;
    border-color: #e1f5ff;
    color: white;
    font-weight: bold;
}
.btn-gc-invert:active,
.btn-gc-invert.active {
    background-color: white;
    border-color: #e1f5ff;
    color: #21425c;
    font-weight: bold;
}

.btn-gc-normal,
.btn-gc-normal:focus {
    background-color: #55acee;
    border-color: #55acee;
    color: white;
    font-weight: bold;
}
.btn-gc-normal:hover {
    background-color: white;
    border-color: #21425c;
    color: #21425c;
    font-weight: bold;
}
.btn-gc-normal:active,
.btn-gc-normal.active {
    background-color: #55acee;
    border-color: #21425c;
    color: white;
    font-weight: bold;
}


.tooltip {
}

.modal.in {
   display:block;
}



/* Result section */
@media (min-width: 750px) {
  .result div[class*="col-"]:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 1px;
    height: 300px;
    /*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #d9d9d9 20%, rgba(0, 0, 0, 0) 100%);*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #d9d9d9 20%, #d9d9d9 80%, rgba(0, 0, 0, 0) 100%);
    /*background-color: #d9d9d9;*/
  }
}



.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      margin: auto;
  }

.carousel-features {
    background-color: #ffffff;
    /*max-height: 200px;*/
}

img.carousel-features {
    max-height: 380px;
}

div .carousel-features {
    height: 400px;
    margin-top: 0px;
}



#main {
  overflow:auto;
  /*padding-bottom:120px;*/ /* this needs to be bigger than footer height*/
}

#section-footer {
    background-color: #333333;
    color: #ffffff;
    padding: 5px;
}
#section-footer > a {
    color: #55acee;
}

.footer {
  /*position: relative;*/
  /*margin-top: -30px;*/ /* negative value of footer height */
   height: 30px;
   margin-top: -30px;
  /*clear:both;*/
  /*padding:20px;*/
    padding: 0px;
    margin-bottom: 0px;
}

.myicon16 {
    width: 16px;
    height: 16px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.points {
    background-image: url(/static/img/points.png?0149ec26418e);
}

.line {
    background-image: url(/static/img/line.png?0149ec26418e);
}

.polygon {
    background-image: url(/static/img/polygon.png?0149ec26418e);
}

.mixed {
    background-image: url(/static/img/mixed.png?0149ec26418e);
}

.raster {
    background-image: url(/static/img/raster.png?0149ec26418e);
}

.list-check {
    margin-bottom: 0
}

ul {
    margin-top: 0
}

.list-check {
    padding-left: 0;
    list-style: none;
}
.list-check>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.nowrap {
    white-space: nowrap;
}


#listFilterInput {
  background-image: url(/static/img/searchicon.png?0149ec26418e);
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 300px;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

html, body {
    overflow: hidden;
}

.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

div.map-left {
    width: 200px;
    background-color: #EEEEEE;
    height: calc(100vh - 75px);
    margin-top: -20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    top: 20px;
    position: relative;
    padding-top: 0px;
    border-right: 1px solid #d1d1d1;
    overflow-y: auto;
}

div.map-main {
    background-color: #EEEEEE;
    width: calc(100vw - 200px);
    height: calc(100vh - 55px);
    margin-top: -20px;
    margin-bottom: 0px;
    top: 0px;
    position: relative;
    padding-top: 25px;
}

#map_div {
    overflow: hidden;
    width: calc(100vw - 200px);
    height: calc(100vh - 80px);
}

div.buttons button, div.buttons a {
    width: 150px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dad6de;
}

div.container-fluid {
    overflow: hidden;
}

#loading {
    display: none;
    position: absolute;
    left: 50vw;
    top: 50vh;
    font-weight: bold;
    z-index: 1005;
    color: black; text-shadow: white 0.1em 0.1em 0.2em
}


div.modal-backdrop.in {
    opacity: 0.0;
}

li.list-group-item {
    background-color: #dddddd;
}

li.list-group-item img {
    padding-right: 5px;
}

.wrap {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.ol-zoomslider {
    left: 8px !important;
}
.ol-zoomslider-thumb {
    left: -2px !important;
}



.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:#95b9e6;background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-viewport .ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-control{position:absolute;background-color:#eee;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:#7b98bc;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:#4c6079;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;width:24px;height:200px}.ol-zoomslider-thumb{position:absolute;background:#7b98bc;background:rgba(0,60,136,.5);border-radius:2px;cursor:pointer;height:10px;width:22px;margin:3px}.ol-touch .ol-zoomslider{top:5.5em;width:2.052em}.ol-touch .ol-zoomslider-thumb{width:1.8em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}