@CHARSET "UTF-8";
html,
body {
    height: 100%;
}


.botoncenter{width:100%;text-align:center;}
.email{content: 'mmrojas@ugr.es';}
.navbar-brand{padding-top: 3px!important;}
.glyphicon-home::before{
	content: url("/css/img/logo-invertido-40.png") !important;
}
.glyphicon-home:hover::before{content: url("/css/img/logo-40.png") !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: #00bcd4;
	color: #FFF;
}

footer .border{
	margin:auto;
	margin-top: 30px;
	margin-bottom: 10px;
	width:80%;
	height:2px;
	background-color: #3f51b5;
}

.content {
    padding-bottom: 81px; /* El tamaño del footer para evitar el sobreposicionamiento */
}
#wrapper {
    min-height: 100%;
    position: relative;
}
footer{
	margin-top: 30px;
	background-color: #3f51b5;
	color: #FFF;
	text-align:center;
	
	width: 100%;
    height: 65px;
    position: absolute;
    bottom: 0;
    left: 0;
}

body{
	background: url('/css/img/logo-transparente-2.png');
	background-repeat: no-repeat;
	background-size: 60% auto;
background-position: center;
}

input,textarea{
background-color: rgba(255, 255, 255, 0.8);
}

input[type=file]{
max-width: 500px;
width: 100%;
margin: 0 0 10px 20px;
border-radius: 5px;
font-size: 1em;
line-height: 1.4em;
}

input[type=text], input.hasDatepicker,  textarea{
max-width: 250px;
width: 100%;
margin: 0 0 10px 20px;
border-radius: 5px;
font-size: 1em;
line-height: 1.4em;
border: 1px solid #aaa;
}

input:focus, textarea:focus{
border: 1px solid #666;
}

textarea{
height:200px;
}

input.big, textarea.big{
max-width: 520px;
}

input.small{
max-width: 80px;
}

.mapa{
background-color:#aaaaaa;
height:400px;
width:90%;
margin:auto;
border-radius: 10px;
}

.cerrar{background-image: none !important;font-size:16px;}
.cerrar:hover{background-image: none !important;color:rgb(0,188,212) !important;}
.cerrar:hover a{color:rgb(0,188,212) !important;}

.navbar-default .navbar-nav li{
background-image: linear-gradient(to bottom, transparent 50%,#00bcd4  50%);
background-size: 100% 200%;
text-transform: uppercase;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

.navbar-default {background-color:#3f51b5}

.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li:hover > a{
color: #FFF;font-weight: 300;
}

.navbar-default .navbar-nav li:hover{
background-position: 0 100%
}

.c_segundo_plano{
background-color: rgba(0, 0, 0, 0.85);
height: 30px;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;	
}

.c_segundo_plano div{
color: #FFFFFF;
font-size:20px;
min-width: 900px;
width: 78%;
margin:auto;
background-image: url("./iconos/cargando.gif");
background-size: 25px;
background-repeat:  no-repeat;
}

.c_segundo_plano div label {
margin-left: 50px;
min-width:400px;
}

.mimodal {
background-color: rgba(0, 0, 0, 0.25);
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}

.mimodal .content_dialog {
width: 400px;
height: 200px;
border-radius: 10px;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
background-color: #FFFFFF;

-webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 18px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 18px 0px rgba(50, 50, 50, 1);
}

.mimodal .dialog{
width:100%;
height: 100%;
overflow-y: auto;
}


.mimodal .dialog .img_porc{
width:100%;text-align:center;

}

.mimodal .dialog .n_porcentaje{
position: absolute;
width:100%;
text-align:center;
top: 105px;
font-size: 26px;
color: #222222;
font-weight: bold;
}

.mimodal .content_dialog  .cerrar{
background: url('./iconos/cerrar.png');	
background-repeat: no-repeat;
background-size: auto 40px;
width:40px;
height: 40px;
position:absolute;
right:-20px;
top:-20px;
}

.mimodal .content_dialog  .cerrar:hover{
opacity: 0.7;
}

table.dataTable tr{
cursor:pointer;
}

.div_reducido table:hover tr{
background-color: #f1f1f1 !important;
}
.text_center{text-align:center;}
.div_reducido{
cursor:pointer;
height: 20px;
overflow:hidden;
}

.div_reducido.div_ampliado{
cursor:pointer;
height: auto;
overflow:hidden;
}

.info-app h1, .info-app h4{
text-align:center;
border-bottom: 3px solid #00bcd4;
}


input[type=button]{
height: 30px;
min-width: 100px;
margin-top:20px;
color: #FFFFFF;
border:none;
border-radius: 20px;
font-weight: bold;	
background-image: linear-gradient(to bottom, #3f51b5 50%,#00bcd4  50%);
background-size: 100% 200%;
text-transform: uppercase;
-webkit-transition: background-position 0.7s ease 0s;
-moz-transition: background-position 0.7s ease 0s;
-o-transition: background-position 0.7s ease 0s;
transition: background-position 0.7s ease 0s;
}

input[type=button]:hover{
background-position: 0 100%;
}

.content_slider{max-width:250px;height:30px;}

.cantidad_lab input{width:60px;}
@media (max-width: 1100px) {
.cantidad_lab input{width:50px;}
}

.resumen_conten .talkbubble{width:0px !important;}
.resumen_conten .talkbubble:before{display:none;}

.resumen_conten:hover .talkbubble{width:300px !important;}
.resumen_conten:hover .talkbubble:before{display:inline-block;}

.talkbubble { width: 120px; height: 40px;line-height: 40px;  position: relative;z-index:9999;
top: -65px;left:70px;overflow:hidden;
width: 120px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.talkbubble:before { 
content:""; 
position: absolute; 
right: 100%; 
top: 12px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 20px solid red; border-bottom: 7px solid transparent; }

.talkbubble_verde{background-color:#009900;color:#FFF;}.talkbubble_verde:before{border-right: 20px solid #009900;}
.talkbubble_naranja_c{background-color:#75F78C;}.talkbubble_naranja_c:before{border-right: 20px solid #75F78C;}
.talkbubble_naranja_o{background-color:#DFC251;}.talkbubble_naranja_o:before{border-right: 20px solid #DFC251;}
.talkbubble_rojo{background-color:#FF0000;color:#FFF;}.talkbubble_rojo:before{border-right: 20px solid #FF0000;}

.prohibido{color:#FF0000;}