/*
	AZUL: 	rgb(73, 180, 191);
			rgb(4, 196, 172);
			rgb(0, 195, 174); *

	GRIS:	rgb(207, 213, 213);
			rgb(114, 115, 118); *
			rgb(233, 255, 255);

	GRIS AZUL:	rgb(158, 185, 193);

	GRIS AZUL 2: rgb(158, 185, 193);
 */

body{
	/*background: rgba(73, 180, 191);
	background:rgba(191, 184, 255, 1);*/
	background: rgba(20, 38, 39);
	/*background-image: url(../img/bg-01.jpg);*/
	/*background-image: url(../img/bg-01.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% 100%;*/
}
header{
	/*background: rgba(211,213,210,1);
	background: rgba(180,215,235,0.8);*/
	display: inline-flex;
	align-content: center;
	align-items: center;

	border-bottom: 3px solid rgba(255,253,253,1);

	width: 100%;
}
main{
	/*background: blue;*/
	display: block;
	width: 100%;

	display: flex;
}

aside{
	width: 5%;
	background: rgba(253,253,253,0.98);
	float: left;
	display: inline-block;
}

aside ul{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

aside ul li{
	padding: 5px 0;
}

section.contenido{
	/*width: 95%;*/
	min-height: 800px;
	height: auto;
	padding: 5px;
	/*float: left;*/
	/*display: inline-flex;*/
	color: rgba(35,35,35,1);
	background: rgba(235,235,235,0.9);

}

section.contenido table{
	/*background: red;*/
}

.logo{
	text-align: center;
	width: 15%;
	height: 100%;
	min-height: 100%;
	margin-left: 0.5rem;

	padding: 15px 0;
	/*background-color: rgba(150,150,150,0.8);*/

	border-radius: 15px;
}

.titulo{
	width: 60%;
	color: rgba(244,233,209,1);
	padding-left: 15px;
}

.datos{
	padding: 8px;
	box-sizing: border-box;
	width: 25%;	
	align-content: flex-start;
	align-items: flex-start;
	align-self: flex-start;

	font-size: 0.4rem;

	background: rgba(80,115,135,0.8);
	color: rgba(250,250,250,1);
}	

.datos ul{
	margin: 0;
	padding: 0;
}

.datos ul li{
	list-style: none;	
}

.datos .container-fluid .row div .row div li{
	list-style: none;	
}

.datos li.nombre-usuario{
	font-size: 0.9rem;
	font-weight: bold;
}

.logo img{
	max-width: 80%;		
}

.card-sub {
    cursor: move;
    border: none;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05)
}

.card-sub img{
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

.contenido.menu-superior{
	display: block;
	width: 100%;

	background: green;
}
.contenido-principal{
	display: block;
	float: left;
	clear: left;
	width: 100%;

	/*background: red;*/
}

.btn-guardar{
	/*background-color: rgb(73, 180, 191);*/
	background-color: rgba(3, 14, 25, 1);
	/*background-color: rgb(4, 196, 172);*/
	color:  rgb(255, 255, 255);
}

.btn-consultar{
	/*background-color: rgb(114, 115, 118);*/
	background-color: rgba(19, 73, 127, 1); 
	/*background-color: rgb(4, 196, 172);*/
	/*color:  rgba(26, 102, 178, 1);*/
	color:  rgb(255, 255, 255);
}

.btn-cerrar{
/*	background-color: rgb(114, 115, 118);*/
	/*background-color: rgb(114, 115, 118);*/
	/*background-color: rgba(34, 131, 229, 1);*/
	background-color: rgba(11, 43, 76, 1);
	/*background-color: rgb(4, 196, 172);*/
	color:  rgb(255, 255, 255);
}


.bg-fondo-modal-1{
	background-color: rgba(114, 115, 118, 0.8);
}

.texto-numero{
	text-align: end;
}

.font-size-0-8{
	font-size: 0.8rem;
}