@import url('https://fonts.googleapis.com/css?family=Open+Sans|Saira+Condensed&display=swap');

@import url('https://fonts.googleapis.com/css?family=Varela&display=swap');

@import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap');

@import url('https://fonts.googleapis.com/css?family=Ultra&display=swap');



/*modificado*/
/*para alinear los botones y cuadro de busqueda*/
.btn-group, .btn-group-vertical {
    position: absolute !important;
}

html, body{

	overflow: auto;

	padding: 0;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}

/*cuadro fondo*/

.wrapper{

	box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);

	border-radius: 20px;

}

.wrapper >* {

	padding: 1em;

}

/*formlario cliente*/

.wrapper form{

	padding-top: 52px;

	grid-gap: 10px;

}

/* header negro*/

.company-info{

	background:rgba(0,0,0,0.7);

	border-top-right-radius: 20px;

	border-top-left-radius: 23px;

}

.company-info h3{

	text-align: center;

	font-family: 'Saira Condensed';

	font-size: 40px;

	color:#ffffff;

}

 

/*formulario cliente*/

.container{

	max-width: 1000px;

	margin-left: auto;

	margin-right: auto;

	padding: 1em;

	padding-top: 118px;

}

/* estilo formulario cliente*/

.ima{

	width: 1528px;

	height: 678px;

	position: absolute;

	z-index: -1;

	margin-top: -240px;

	margin-left: -240px;

}

.imapro{

	width: 1528px;

	height: 730px;

	position: absolute;

	z-index: -1;

	margin-top: -240px;

	margin-left: -230px;

}

/* imagen del login */

.logininicio  img{     

	position:absolute;

	align-items: center;

 	width: 100%;

 	height: auto;

 	max-width: 655px;

}

/* imagen del login */

.formulario{     

	position:fixed;

	align-items: center;

	justify-content: center;

	padding-top: 340px;

}

/*formulario del login*/

.logininicio {

	display:flex;

	align-items: center;

	justify-content: center;

	min-height: 89vh;

}

/*contenido del login*/

.cont{

	margin-left: auto;

	margin-right: auto;

	padding: 1em;

}

/*estilos boton ingresar*/

form .ingresar{

	position: fixed;

	background-color:#7F8C09;

	font-size:1.25em;

	font-family: 'roboto';

	color: #ffffff;

	text-align: center;

	height: 37.2px;	

}

.logininicio input{

	width: 300px;

	height:36.4px;

}

.titulo1 {

	font-family: 'Saira Condensed';

	font-size: 50px;

	color:#ffffff;

	position: absolute;

	margin-top: -165px;

	margin-left: 490px;

}

.tituloB {

	font-family: 'Saira Condensed';

	font-size: 50px;

	color:#ffffff;

	position: absolute;

	margin-top: -165px;

	margin-left: 500px;

}

.titulopro {

	font-family: 'Saira Condensed';

	font-size: 50px;

	color:#ffffff;

	position: absolute;

	margin-top: -165px;

	margin-left: 430px;

}

.size {

	width: 100%;

	height:36.4px;

	position: absolute;

}

.size1 {

	width: 100%;

	height:36.4px;

	position: absolute;

}

.tienda {

	width: 100%;

	height:36.4px;

	position: absolute;

}

.bodega {

	width: 100%;

	height:36.4px;

	position: absolute;

}

.form-control{                /*modificado*/

	width: 100%;

	height:36.4px;

}

.mundohobbies{

	font-family: 'Passion One', cursive;

	font-size: 50px;

	color:#000000;

	text-align: center;

	margin-top: 20%;

}

.btn-danger{

	background-color: #f34908;

	font-size: 15px;

	font-family: "Open Sans";

}

.btn-block{

	background-color:#7F8C09;

	display: inline-block;

	font-size:1.40em;

	padding: 10px;

	text-align: center;

	text-decoration: none;

	font-family: 'roboto';

	color: #ffffff;

	font-weight:600;

}

.clik-crud{/*modificado*/

	width: 100%;

	padding-top: 26px;

	padding-left: 14%;

}

p {

	font-family: 'Saira Condensed', sans-serif;

	font-size: 50px;

	color:#ffffff;

	text-align: center;

	margin-top: 5%;

}

.btn-file {

	position: relative;

	overflow: hidden;

}

.btn-file input[type=file] {

	position: absolute;

	top: 0;

	right: 0;

	min-width: 100%;

	min-height: 100%;

	font-size: 100px;

	text-align: right;

	filter: alpha(opacity=0);

	opacity: 0;

	outline: none;

	background: white;

	cursor: inherit;

}

.main-container{

	width: 100%;

	padding: 15px;

	max-width: 1000px;

	display: inline-grid;	

}

/* estilos de la tabla de inventario*/

 table{

 	background-color: white;

 	text-align: left;

 	border-collapse: collapse;

 	width: 100%;

}

th, td{

 	padding: 10px;

}

thead{

 	background-color: #fe2d00 ;

 	border-bottom: solid 5px #971c02;

 	color: white;

}

tr:nth-child(even){

 	background-color: #ddd;

}

tr:hover{

 	background-color: #5B5959;

 	color: white;

}

/* estilos del menu lateral*/

*{

 	margin: 0;

 	padding: 0;

 	box-sizing: border-box;

 	font-family: sans-serif;

}

main{

 	width: 100%;

 	height: auto;

 	position: fixed;      /* modificado position: fixed; */ 

}

.content-all{

 	width: 100%;

 	max-width: 1000px;

 	margin: auto;

 	margin-top: 80px; 	

}

/*estilo del icono menu y menu*/  /* modificado left:-0.5px; */ 

.content-all label{

 	position:fixed;

 	width: 100%;

 	max-width: 1000px;

 	top: 40px;

 	font-size: 23px;

 	color: white;

 	font-family: 'Passion One';

 	cursor: pointer;

 	z-index: 10;

 	left:-0.5px;          

}

.content-all h2{

 	position:fixed;

 	width: 100%;

 	max-width:1000px;

 	top: 40px;

 	font-size: 23px;

 	color: white;

 	font-family: 'Passion One';

 	word-spacing: 5pt;

 	letter-spacing: 1pt;

 	text-align: right;

}

/* imagen logo centro*/      /*modificado max-width: 1000px;*/

.content-all img{

 	position:fixed;

 	width: 100%;

 	height: auto;

 	max-width: 1000px; 	

}

header{

 	width: 100%;

 	height: 80px;

 	position: fixed;

 	left: 0;

 	top: 0;

 	background: #000000;

}

#check{

 	display: none;

}

#check:checked ~ .menu{

 	width: 400px;

}

.menu{

 	position: fixed;

 	top: 70px;

 	width: 0px;

 	height: 100vh;

 	background: #000000;

 	transition: all 300ms;

 	overflow: hidden;

 	left:-8px; 	

}

/* ultimo cambio */

.menu-show{

 	width: 240px;

}

.menu li{

 	list-style: none;

 	padding: 16px;

 	color: white;

 	cursor: pointer;

 	transition: all 300ms;

	 display: block;

}

/* estilo de los link del index*/

a.nounderline:link{ 

	text-decoration:none; 

} 

a.nounderline:active{ 

	color:yellow ; 

}

.menu li:hover {

 	background: rgba(192,192,192,0.2);

}

.menu a{

 	color: white;

}

/* estilo del link de menu inicio*/

.clik-crud img {

 	width: 45px;

 	float: right;

}

/* estilo de inventario del menu inicio*/

.link-inv{

 	display: inline-block;

 	margin-left: 820%;

 	margin-top: 140px;

 	width: 40px;

 	height: 40px;

}

/* cuadro de la imagen producto*/

#textarea {

	background-color: #ffffff;

	width:100%;

	height:auto;

	overflow:auto;

	margin-left: 150px;

	border: 3px double gray;

	margin-top: -40px;

}

#tienda{

	width: 100%;

}

textarea{

	width: 100%;

	height: 51px;

}

.button-login button {

	background-color:#7F8C09;

   	font-family: 'roboto';

   	color: #ffffff;

   	text-align: center;

   	height: 37.2px;

   	width: 148px;

}