/************************************ 
Desarrollado: 20 de febrero del 2019
Por: Ing. Amparo Morales
************************************/
/*
#x819FF7 --> Azul, cambiar el color base de a:link
a:link {
	color: #92a4e4
}
.form-pass {
	background-image: linear-gradient(#0071bc, #1b1464);
	color: #ffffff;  //Cambia color linear-gradient en Solicitar y Actualizar Clave
}	
*/
.bg-primary {
	background-color: #0D60B1;
}
.productos {
	width: 50%;
	position: absolute;
	left: 25%;
}
.estadoc {
	width: 70%;
	position: absolute;
	left: 15%;
}
.login {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	padding: 17px;
	width: 350px;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%,-75%);
	background-color: #ffffff;
	opacity: 0.88;
}
@media (max-width: 400px){
	.login {
		width: 90%;
	}
}
.infotexto {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%,-80%);
	color: #ffffff;
}
.infologo {
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%,-5%);
	color: #ffffff;
}
.container-form, .container-image, .form-pass {
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
.container-image {
	background-image: url("../imagenes/fondos/entrada.png");
	background-size: auto;
    background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
}
.container-form {
	background: none;
}
.sidebar {
	background-color: #ffffff;
}
body {
	background-color: #D7d7d7;
	overflow-x: hidden;
}
body, .vh-100 {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	position: relative;
}
.form-signin, .form-pass .content {
	width: 100%;
	max-width: 300px;
	padding: 20px 40px;
	margin: auto;
}
.form-signin button {
    padding: 0 !important;
	height: 28px;
    border-radius: 0;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1rem;
    text-align: center;
    width: 100%;
    height: 36px;
}
.form-signin .btn-access {
	font-size: 1rem;
	height: 20px;
}
.info {
	width: 100%;
	max-width: 330px;
	padding: 20px;
	margin: auto;
}
.form-pass {
	background-image: linear-gradient(#0D60B1, #92a4e4);
	color: #ffffff;
}
.btn-primary {
	background-color: #0D60B1;
	border-color: #0D60B1;
}
.btn-primary:hover,.btn-primary:focus  {
	background-color: #92a4e4 !important;
	border-color: #92a4e4 !important
}
.btn-menu {	
	background-color: #F5F5F5 !important;
	border-color: #F5F5F5;
	color: #0D60B1;
}
.btn-menu:hover,.btn-menu:focus  {
	background-color: #0D60B1 !important;
	border-color: #0D60B1 !important
}
.btn-info:hover {
	background-color: #92a4e4;
	border-color: #92a4e4
}
.btn-info {
	background-color: #92a4e4 !important;
	border-color: #92a4e4 !important
}
.navbar-fixed-top,.wintitle {
	background-image: linear-gradient(#0D60B1, #0D60B1) !important;
}
a:link {
	color: #2896D5;
}
.alfanumerico {
	position: absolute;
	width: 16px;
	top: 6px;
	right: 4px;
}
.wintitle a,.wintitle a:hover,.wintitle a:active,.wintitle a:visited
{
	color: #92a4e4 !important;
	font-size: 2rem;
}
.form-control-feedback {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.form-control {
  padding-left: 10px!important;
}
.vh-h80-w60 {
  width: 100%;
  height: 80%;
}
.vh-80 {
  height: 80%;
}
.vh-75 {
  height: 75%;
}
.vh-70 {
  height: 70%;
}
.vh-60 {
  height: 60%;
}
.vh-50 {
  height: 50%;
}
.vh-40 {
  height: 40%;
}
.vh-30 {
  height: 30%;
}
.vh-20 {
  height: 20%;
}
.vh-10 {
  height: 10%;
}
.minh-100 {
  height: 100vh;
}
.minh-10 {
  height: 10vh;
}
.minh-5 {
  height: 5vh;
}
input[type="checkbox"]{
	width: 20px; /*Desired width*/
	height: 20px; /*Desired height*/
	cursor: pointer;
}