@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');
body, input, textarea {
  color: #373737;
  font: 15px "Comfortaa", cursive,"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.625;
}
.leaflet-container {
    font: 12px/1.5  "Comfortaa", cursive,"Helvetica Neue", Arial, Helvetica, sans-serif;
}
.navbar-inverse {
  background: #F14B44;
  border-color: #FFF;
}
.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}
.navbar-brand > img {
  height: 60px;
  margin-top: 0;
}

.panel-default > .panel-heading {
  background-color: #F14B44;
  border-color: #FFF;
  color: #0099ff;
}
.panel-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
.clsDatePicker,.datepicker {
    z-index: 100000 !important;
}
.text-primary {
    color: #b73333;
}
h5.titulo-campo-visor {
  background-color: #b73333;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  padding: 4px;
}
h5.titulo-campo-visor.rojo {
  background-color: #F1604D;
}
h5.titulo-campo-visor.verde {
  background-color: #A9CD6A;
}
h5.titulo-campo-visor.gris {
  background-color: #C5C5C5;
}
.form-group {
	margin-bottom: 15px;
	clear: both;
}

/*
*/

.leyenda {
  padding: 5px;
  width: 100% !important;
  margin-right:5px;
}
.leyenda-ciprinidos {
  background-color: #9999ff;
}

.leyenda-salmonidos {
  background-color: #0066ff;
}
.leyenda-vedado {
  background-color: #d94e6a;
}
.leyenda-sin {
  background-color: #2eee10;
}
#daneben {
            background: rgba(255, 255, 255, 0.7);
            width: 200px;
            height: 100px;
            color: red;
            border-radius: 5px;
            display: none;
            position: absolute;
            z-Index: 2000;
            left: 500px;
            top: 20px;
            padding: 5px;
            border: 1px solid #C2D09B;
        }
		
		.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 6px 12px;
  width: 196px;
  border-radius:0px;
}
.leaflet-control-locate a{font-size:1.4em;color:#444;cursor:pointer}.leaflet-control-locate.active a{color:#2074B6}.leaflet-control-locate.active.following a{color:#FC8428}
/*# sourceMappingURL=L.Control.Locate.min.css.map */

.navbar-brand {
  
  padding: 10px 15px;
}


.btn-success {
    color: #fff;
    background-color: #F14B44 !important;
    border-color: #F14B44 !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #ff6d6d !important;
    border-color: #ff6d6d !important;
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #ff6d6d;
	border-color: #ff6d6d;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #ff6d6d;
	border-color: #ff6d6d;
}

.navbar {
	min-height: 75px;
}
body {
	padding-top: 75px;
}
.navbar-nav {

	margin-top: 15px;
}




/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	.navbar {
		min-height: 50px;
	}
	body {
		padding-top: 50px;
	}
	.navbar-nav {
	
		margin-top: 0px;
	}
	.navbar-brand > img {
	  height: 30px;
	  margin-top: 0;
	}
}