/* Stylesheet */


/* Imports */

@import url(animate.css);

/* Selections */

::selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

::-moz-selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

/* Basics */

html, body {
	width: 100%;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased;
/*	background: url(../img/bg.png) repeat !important; */
    background-color: #e9e9e9 !important;
    background-image: linear-gradient(0deg,#f4f4f4 1.1px, transparent 0), linear-gradient(90deg,#f4f4f4 1.1px, transparent 0) !important;
    background-size: 20px 20px !important;	
}

#container {
	position: fixed;
	width: 340px;
	height: auto;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -170px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#container-signup {
	position: fixed;
	width: 340px;
	height: 660px;
	top: 50%;
	left: 50%;
	margin-top: -330px;
	margin-left: -170px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#container-login {
	position: fixed;
	width: 340px;
	height: 340px;
	top: 50%;
	left: 50%;
	margin-top: -170px;
	margin-left: -170px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

form {
	margin: 0 auto;
	margin-top: 20px;
}

label {
/*	color: #555;  */
	display: inline-block;
	margin-left: 18px;
	padding-top: 10px;
	font-size: 14px;
}

p a {
	font-size: 11px;
	color: #aaa;
	float: right;
	margin-top: -13px;
	margin-right: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

p a:hover {
	color: #555;
}

input {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	outline: none;
}

input[type=name],
input[type=password] {
	color: #777;
	padding-left: 10px;
	margin: 10px;
	margin-top: 12px;
	margin-left: 18px;
	width: 290px;
	height: 35px;
	border: 1px solid #c7d0d2;
	border-radius: 2px;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

input[type=name]:hover,
input[type=password]:hover {
	border: 1px solid #b6bfc0;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}

input[type=name]:focus,
input[type=password]:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}

#lower {
	background: #ecf2f5;
	width: 100%;
	height: 76px;
	margin-top: 20px;
	box-shadow: inset 0 1px 1px #fff;
	border-top: 1px solid #ccc;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

input[type=checkbox] {
	margin-left: 20px;
	margin-top: 30px;
}

.check {
	margin-left: 3px;
	font-size: 11px;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}

input[type=submit] {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	width: 80px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0bc50a), to(#127508));
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8)); */
	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	border-radius: 30px;
	border: 1px solid #66add6;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
	cursor: pointer;
}

input[type=submit]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0bff0a), to(#127508));
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8)); */
	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}

input[type=submit]:active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0bc50a), to(#12ff08));
/*	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff)); */
	background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}
@-webkit-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
.copyright {
    font-style: italic !Important;
    font-size: 10 !Important;
    float: right !Important;
    padding: 5 5 5 5 !Important;
    color: rgba(7, 130, 23, 0.8) !Important;
/*    color: rgba(33, 150, 243, 0.8) !Important;  */
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3) !Important;
}

.rasterlayer {                                            
    background: transparent url(../img/layers/raster.png) no-repeat 0px 8px !important;
}
.vectorlayer {
    background: transparent url(../img/layers/vector.png) no-repeat 0px 8px !important;
}
.paramslayer {
    background: transparent url(../img/layers/parameters.png) no-repeat 0px 8px !important;
}
.errorvectorlayer {
    background: transparent url(../img/layers/errorvector.png) no-repeat 0px 8px !important;
}
.mobilelayer {
    background: transparent url(../img/layers/mobile.png) no-repeat 0px 8px !important;
}
.errorlayer {
    background: transparent url(../img/layers/error.png) no-repeat 0px 8px !important;
}
.loaderlayer {
    background: transparent url(../img/layers/loading.gif) no-repeat 0px 8px !important;
}





/* github corner */
a.icss-github-corner,
a.icss-github-corner-left {
  font-size: 2.5em;
  position: fixed;
  top:0;
  right: 0;
  z-index: 1000;
  color: #fff;
  background-color: #333;
  padding: .5em 2em 0;
  text-align: center;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 3.9em 3em;
      -ms-transform-origin: 3.9em 3em;
          transform-origin: 3.9em 3em;
  overflow: hidden;
}
a.icss-github-corner-left {
  left: 0;
  right: auto;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 1em 3.1em;
      -ms-transform-origin: 1em 3.1em;
          transform-origin: 1em 3.1em;
}
a.icss-github-corner:hover i,
a.icss-github-corner-left:hover i{
  -webkit-animation: vertical 2s ease;
          animation: vertical 2s ease;
}

a.icss-github-corner i,
a.icss-github-corner-left i,
i.icss-github-corner {
  color: #fff;
  position: relative;
  display:inline-block;
  font-style: normal;
  background-color:currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  width: .8em;
  height: .6em;
  -webkit-border-radius: 45% 45% 45% 45% / 50%;
          border-radius: 45% 45% 45% 45% / 50%;
  background-color: currentColor;
  -webkit-box-shadow: 0 .35em 0 -.2em, 
      0 .38em 0 -.2em,
      0 .41em 0 -.2em,
      0 .44em 0 -.2em,
      0 .47em 0 -.2em;
          box-shadow: 0 .35em 0 -.2em, 
      0 .38em 0 -.2em,
      0 .41em 0 -.2em,
      0 .44em 0 -.2em,
      0 .47em 0 -.2em;
  margin: .12em .1em .23em;
}
a.icss-github-corner i:before,
a.icss-github-corner-left i:before,
i.icss-github-corner:before {
  content: "";
  border-width: 0; 
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: .15em .15em;
  border-style: solid;
  -webkit-border-radius: 0.02em 60% 100% 80%;
          border-radius: 0.02em 60% 100% 80%;
  left: 0;
  top: -.07em;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}
a.icss-github-corner i:after,
a.icss-github-corner-left i:after,
i.icss-github-corner:after {
  content: "";
  border-width: 0; 
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: .15em .15em;
  border-style: solid;
  -webkit-border-radius: 0.02em 80% 100% 60%;
          border-radius: 0.02em 80% 100% 60%;
  left: .5em;
  top: -.07em;
  -webkit-transform: rotate(65deg);
      -ms-transform: rotate(65deg);
          transform: rotate(65deg);
}
@-webkit-keyframes vertical {
	0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	22%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes vertical {
	0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
	20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}
	22%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
/**/
body {
  font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
	font-size: 16px;
}
a, i, b {
  color: #337ab7;
	text-decoration: none;
}
button i {
  color: #fff;
}
.ol-control.ol-bar .ol-control button i {
  color: #fff;
}
a:hover {
  text-decoration: underline;
}
a.title {
  text-decoration: none;
}
h1 {
  background: #4297d400 url('data:image/png;base64,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') no-repeat scroll .3em center;
  color: #4297d4;
  font-size: 1.3em;
  padding: .3em 0 .3em 2.0em;
  margin: 0;
  background-size: 1.5em;
  text-align: center;
}
h2 {
  color: #337ab7;
	font-size:1.1em;
	margin: 0.5em 0;
}

.info {
  background:#f5f5f5;
	padding:0.5em;
	margin: 1em 0;
}
.info ul {
  margin:0;
}

#map {
  float:left;
	margin-right:1em;
  background:#ddd;
  -webkit-tap-highlight-color: transparent;
}

#map button {
  outline: none;
}

.ol-attribution img {
  vertical-align:middle;
}

.layerSwitcher {
  display:inline-block;
	background:#cdf;
	padding:0.5em;
}
.btn {
  color:#fff;
	background:#369;
	padding:0.5em;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	margin: .5em .5em 0 0;
}

.block,
.options {
  display: table;
	margin: 0.5em;
	position: relative;
	z-index: 1;
	margin:1em;
}
.options {
  background: #def;
	padding: 0.5em;
}
.options ul {
  list-style: none;
	padding-left: 0.5em;
}

i[class*="icss-"] {
  position: relative;
  display:inline-block;
  font-style: normal;
  background-color:currentColor;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 1.5em;
}
i[class*="icss-"]:before, 
i[class*="icss-"]:after {
  content: "";
  border-width: 0; 
  position: absolute;
}
i.icss-book {
  width:1em;
  height:.8em;
  background-color: transparent; 
  margin: 0 .03em .08em 0;
}
i.icss-book:before {
  height: .8em;
  width: 0.7em;
  box-shadow: inset 0 0 0 0.15em, 
      inset 0 -.48em,
      .07em .07em;
  border: 0.07em solid transparent;
  border-width: 0 0.07em .07em 0;
  border-radius: .05em .15em .1em .1em / .05em .05em .1em .05em;
  transform: skewX(-20deg);
  left: 0.15em;
}
i.icss-book:after {
  width: .2em;
  height: .2em;
  background-color: transparent;
  border: 0.05em solid currentColor;
  border-color: currentColor transparent transparent currentColor;
  border-radius: 50%;
  transform: rotate(-45deg);
  top: 0.67em;
  left: .018em;
  box-shadow: .13em -.15em 0 -.05em,
      .51em -.33em 0 -.05em;
}
.experimental {
  color:#fff; 
  background: #f91; 
  padding:.2em .5em;
  display: inline-block;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin: -1em 0;
}

.ol-attribution ul {
  font-size: .8em;
}