@charset "utf-8";
/* CSS Document */
html
{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	background-color: rgb(173, 200, 248);
}

.datagrid-btable tbody tr td div
{
	white-space: normal;
	word-wrap: normal;
}

#cabecera
{
	background-color: rgb(173, 200, 248);
}

#cabecera2
{
	background-color: rgb(0, 123, 255);
	box-shadow:rgb(0,0,0) 1px 1px 10px;
}

#DivContenido
{
	background-color: rgb(255,255,255);
	box-shadow:rgb(0,0,0) 1px 1px 10px;
	border-radius:5px;
	padding:1%;
	margin-top:2%;
	margin-bottom:2%;
	z-index:-2;
}
#DivLogIn
{
	margin-top: 5%;
	margin-bottom: 2%;
	border: solid;
	/*background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 0, 0)); LHVG 20220103*/
	background-image: url(../imagenes/backLogin.png);
	background-size: cover;
	border-color: rgb(0,0,200);
	border-radius: 5px;
	box-shadow:rgb(0,0,0) 1px 1px 10px;
	height: 37.5vh;
}

.letraGris
{
	color: rgb(90,90,90)
}

.degradado
{
	color: rgb(255,255,255);
	background-image: linear-gradient(to right, rgb(0, 0, 220), rgb(255, 255, 255));
	padding:1%;
	margin-bottom:2%;
}

.divBotonInicio
{
	border-radius: 5%;
}

.divBotonInicio :hover
{
	box-shadow:rgb(173, 200, 248) 0px 0px 15px;
}

#lateral {
	width: 8%;
	position: fixed;
	padding: 20px;
	top: 10%;
	right: 0;
	transform: translateX(100%);
	transition: all .5s ease;
}

#lateral.entra {
	transform: translateX(0);
}

#btnPopup{
    position: absolute;
    top: 30%;
    left: 40%;
    transform: translate(-50%, -50%);
    color:rgb(255, 255, 255);
    display: block;
    background: rgba(54, 11, 247, 0.8);
    padding: 2px 5px;
    border-radius: 5%;
	cursor: pointer;
}

#divPopup {
	width: 50%;
	position: fixed;
	padding: 20px;
	top: 10%;
	left: 25%;
	background-color: rgb(211, 254, 255);
	border-radius: 5px;
	box-shadow: 3px 3px rgb(90,90,90);
	opacity: 0%;
	transition: all .5s ease;
}

#divPopup.visible{
	opacity: 100%;
}