@charset "utf-8";
/* CSS Document */
.panel-primary>.panel-heading {
/* color: #fff!important;
background-color: #99cc33!important;
border-color: #78a51e!important;*/
font-weight: 600;
letter-spacing: 0.07em;
font-size: 0.9em;
text-transform: uppercase;
}
.panel-heading {
padding: 10px 15px 7px 15px!important;
}
.panel-primary {
transition:5ms;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
/* Clearfix (clear floats) */
.row1::after {
content: "";
clear: both;
display: table;
}
.card-title{
background-color: #d2e9a4!important;
padding: 7px !important;
}
.row{
padding: 10px;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
.column {
width: 100%;
}
}
body {
background-color_: rgba(0,0,0,0.1); margin-top: 20px;
}
label {
font-size: 0.9em!important;
font-weight: 500!important;
}
.panel-body b {
font-weight: 500!important;
font-size: 0.9em!important;
}
.select2-container {
font-size: 0.9em!important;
}
.select2-search--dropdown .select2-search__field {
padding: 0px!important;
}
.select2-results__option {
padding: 2px 4px!important;
}
.card.border-primary.mb-4 {
width: 95%; border-left-style: solid; border-color: #99cc33!important; padding-left:5px;}
@media screen and (min-width: 550px) {
.btn-primary {
margin-right: 5px;
}
}
.btn {
padding: 6px 6px!important;
}
.carousel-inner {
max-height: 550px!important;
}
.btn-success {
background-color: #337ab7!important;
border-color: #2e6da4!important;
}
.leaflet-popup-content {
margin: 12px 15px!important;
}
.panel-primary:hover {
border-color: #f0f8ff;
transition: 5ms;
}
#dh td {color: rgba(0,0,0,0.9);} /*599bb3*/
#dh {background-color: rgba(89,155,179,0.5);}
#panel_barrios { width:400px; height:100%; top:20px; right:15px; float:left; font-size:12px; padding:10px; line-height:1.4em; background:rgba(255,255,255,0.7);}
.centrado {text-align:center}
#main {width:100%; position:relative }
#mapa1 {width:100%; height:60%; min-width: 200px; min-height: 500px; position:relative; }
#mapa1 img { max-width: none; }
#panel { width:300px; height:450px ; z-index:90; top:20px; right:15px; position:absolute; float:right; font-size:12px; padding:10px; line-height:1.4em; background:rgba(255,255,255,0.7);}
#panel h3 {margin-bottom: 10px; margin-top:20px}
#panel table td {vertical-align: middle; border:none; padding:4px}
#panel p {margin-bottom: 10px;}
#panel #dh td {padding:4px;}
#panel .linea td {border-bottom:5px solid #a7a7a7}
#spanel {background:rgba(255,255,255,1); padding:15px}
#panel input[type="submit"] { background: #007bc2; color:#FFF; padding:2px 5px; font-weight:bold }
#panel input[type="submit"]:hover { background: #fff; color:#007bc2; border:1px solid #007bc2}
#panel #mostrarBtn {margin-top:6px auto 10px}
#wnd_ {width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1000; display:none; background:rgba(255,255,255,0.5);}
#proceso {background:rgba(255,255,255,1); width:140px; height:50px; margin:20% auto; text-align:center; font-size:12px; padding:25px;
-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}
#datos { width:100%; margin-top:30px; vertical-align:top; float:none}
#datos table.data { width:100% }
#datos .header { font-weight:bold}
#datos td{ padding:4px 6px; font-size:11px; background:none; color:#000}
#datos .table-tr-odd { background-color:#f0f0f0}
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .8 )
url('http://i.stack.imgur.com/FhHRx.gif')
50% 50%
no-repeat;
}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
overflow: hidden;
}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {
display: block;
}
.myButton {
background-color:#44c767;
-moz-border-radius:140pxpx;
-webkit-border-radius:14px;
border-radius:14px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:12px;
padding:8px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
background-color:#5cbf2a;
}
.myButton:active {
position:relative;
top:1px;
}
.myButton1 {
background-color:#c74575;
-moz-border-radius:140pxpx;
-webkit-border-radius:14px;
border-radius:14px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:12px;
padding:8px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #662933;
}
.myButton1:hover {
background-color:#8abd2c;
}
.myButton1:active {
position:relative;
top:1px;
}
.myButton3 {
-moz-box-shadow: 0px 10px 14px -7px #276873;
-webkit-box-shadow: 0px 10px 14px -7px #276873;
box-shadow: 0px 10px 14px -7px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
background-color:#599bb3;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:14px;
font-weight:bold;
padding:13px 32px;
text-decoration:none;
text-align: center;
text-shadow:0px 1px 0px #3d768a;
}
.myButton3:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
background-color:#408c99;
}
.myButton3:active {
position:relative;
top:1px;
}
#datosEspecie{
font-size: 1.4Em;
}