.color-verde{
	color: #23CC71;
}
.color-rojo{
	color: #E74C3C;
}
.btn-verde {
    background: #2ECC71;
    box-shadow: 0px 3px 0px 0px #27AE60;
}
.btn-rojo {
    background: #E74C3C;
    box-shadow: 0px 3px 0px 0px #C0392B;
}

.btn-modal {
	color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0px;
}
.contenedor-modal,.contenedor-mensaje{
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.8);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1031;/*el header boostrap tiene 1030*/
	visibility: hidden;
}
.ventana-modal{
	background-color: #fff;
	border-radius: 4px;
	margin: 0% auto;
	max-height: 220px;
	min-height:120px;
	overflow-y:auto;
	padding: 5px;
	position: relative;
	width: 320px;
	transition: all 0.1s ease 0s;
	/*transition: all 500ms ease-in;*/

}
.modal-down{
	margin: 15% auto;
	transition: all 0.5s ease 0s;
	/*transition: all 500ms ease-in;*/
}
.top-modal{
	font-family: "Calibri";
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	text-align: right;
}
.top-modal span{
	border-radius: 3px;
	background-color: rgba(0,0,0,0.8);
	color:#fff;
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 4px 6px;
}
.top-modal span{
	background-color: rgba(0,0,0,1);
}
.msj-modal{
	display: block;
	border-top: 1px solid #dbdbdb;
	padding:10px 5px;
	width: 100%;
}
.comandos-modal{
	display: block;
	text-align: center;
}
#recordatorio{
	display: none;
}
#img-mini{
	visibility: hidden;
}
@media(max-width: 768px){
	.navbar-brand > img{
		display: none;
	}
	#img-mini{
	visibility: visible;
}
}