.body{
	font-family: 'Montserrat', sans-serif !important;
}

.title{
	text-transform: capitalize;
	display: flex;
	justify-content: center !important;
	font-weight: bold;
	text-transform: uppercase;
}
.row_eventos{
	display: flex;
	align-items: center;
}
.eventos_eventos{
	display: flex;
	align-items: center;
}
select[name="filtro"],
select[name="filtro"]>option{
	font-weight: bold;
}


.title>h1{
	color:#fff;
}
.limiter{
	display: flex;
	justify-content: center;
}
.element.style {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.sel_festi {
	margin-left: 8%;
}

 .actualizar{
	background-color: #fff;
    border: 1px solid rgb(44, 44, 44);
    /* border-radius: 3px; */
	padding: 1% 5%;
	color: rgb(44, 44, 44);
	font-weight: bold;
	transition: 0.5s;
}


.actualizar:hover{
	background-color: rgb(44, 44, 44) !important;
	color:white;
    /* border-radius: 3px; */
    padding: 1% 5%;
}

.mensaje_aceptar{
	display: flex;
	justify-content: space-evenly !important;
}
.mensaje_aceptar>input{
	border: solid 1px #000;
    width: 20%;
	height: 45px;
	font-weight: bold;
	transition: 0.7s;
}
.mensaje_aceptar>input:hover{
	border: solid 1px #000;
	background-color: #000;
	color:#fff;
    width: 20%;
	height: 45px;
	font-weight: bold;
	transition: 0.7s;
}
 
.opciones{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding-bottom: 3%;
}

.exportaciones{
    display: flex;
    justify-content: space-around;
    padding: 3% 0;
}

.ordenar{
	display: flex;
    justify-content: flex-start;
}

.exportaciones>.exCompleta>input{
	margin-right: 3%;
}

.logo{
	width: 40%;
}
.logo_login{
	width: 100%;
}
.bg-dark{
	background-color: rgb(44, 44, 44) !important;
}
/*Existe*/
.existe{
	background: red;
    color: white;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
}
/*Inputs*/
.wrap-input{
	width: 100%;
    position: relative;
    border: 1px solid transparent;
    border-radius: 3px;
}



.wrap-input100 {
	width: 100%;
	position: relative;
	background-color: #e6e6e6;
	border: 2px solid #000;
	border-radius: 5rem;
  }

.input100 {
	font-family: Ubuntu-Bold;
	color: #403866;
	line-height: 1.2;
	font-size: 18px;
	border-radius: 5rem;
	display: block;
	width: 100%;
	background: transparent;
	height: 40px;
	padding: 0 20px 0 38px;
	background-color: #fff;
  }


  .focus-input100 {
	position: absolute;
	display: block;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	pointer-events: none;
	border: 1px solid transparent;
	border-radius: 5rem;
  
	visibility: hidden;
	opacity: 0;
  
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  
	-webkit-transform: scaleX(1.1) scaleY(1.3);
	-moz-transform: scaleX(1.1) scaleY(1.3);
	-ms-transform: scaleX(1.1) scaleY(1.3);
	-o-transform: scaleX(1.1) scaleY(1.3);
	transform: scaleX(1.1) scaleY(1.3);
  }
.mitad{
	padding: 0;
	width: 90%;
}

/*textarea*/
.wrap-textarea100 {
	width: 100%;
    position: relative;
    border: 1px solid transparent;
	border-radius: 1rem;
	border-color: #ebe9e8;
}
.wrap-textarea100>.input100 {
	font-family: Ubuntu-Bold;
	color: #403866;
	line-height: 1.2;
	font-size: 18px;
	border-radius: 3rem;
	display: block;
	width: 100%;
	background: transparent;
	height: 40px;
	padding: 0 20px 0 38px;
	background-color: #fff;
	height: 300px;
  }
  .wrap-textarea100>.focus-input100{
	position: absolute;
	display: block;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	pointer-events: none;
	border: 1px solid #827ffe;
	border-radius: 1rem!important;
  
	visibility: hidden;
	opacity: 0;
  
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  
	-webkit-transform: scaleX(1.1) scaleY(1.3);
	-moz-transform: scaleX(1.1) scaleY(1.3);
	-ms-transform: scaleX(1.1) scaleY(1.3);
	-o-transform: scaleX(1.1) scaleY(1.3);
	transform: scaleX(1.1) scaleY(1.3);
  }

/*Boton salir*/
.exit>a{
	color: #fff;
    width: 50%;
    padding: 10px;
    background-color: #4E545A;
    font-weight: bold;
	text-transform: uppercase;
	transition: 0.7s;
}

.exit>a:hover{
	background-color: #343a40;
	color: #fff;
}

@media only screen and (max-width:768px){
	.exit{
		display: flex;
		justify-content: center;
	}
}

/*Boton insertar puesto*/

.login100-form-btn {
	font-family: Ubuntu-Bold;
	font-size: 16px;
	color: rgb(44, 44, 44) !important;
	border:1px solid rgb(44, 44, 44) !important;
	line-height: 1.2;
	text-transform: capitalize;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	width: 50%;
	height: 40px;
	border-radius: 3px;
  
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  }
  .login100-form-btn:hover {
	background-color: rgb(44, 44, 44);
	color:#fff !important;
  }
  .container-login100-form-btn{
	  display: flex;
	  justify-content: center;
  }

  select{
	border: 0px !important;
  }


  /*Usernmae header*/
  .username{
	  color:#fff;
  }

  /*Titulo datos puesto*/
  .titulo_datos{
	  line-height: 70px;
  }

  .datos div{
	  margin-bottom: 20px;
	  text-transform: uppercase;
  }

  .datos div{
	margin-bottom: 20px;
}


  .datos_puesto{
	  font-weight: bold;
	  
  }

  #metros{
	  display: none;
  }

  .botones-estado>div{
	  margin:30px 0px;
	  display: flex;
	  justify-content: center;
  }

  /*Foto Puesto*/
  .foto_puesto{
	  width:100%;
  }


  /*tabla admin datos usuario*/
  .datos_usu>tbody>tr:nth-child(odd){
	  background-color: #EEEAE9;
  }

  .datos_usu>tbody>tr>th{
	text-align: center;
}

/*index estado_usuario*/
.estado_usuario{
	margin-bottom: 30px;
}

/*Select busqueda*/
.busqueda{
	border: 1px solid #000 !important;
}

/*Pagina dividida*/
.pagina{
	display: flex;
}
.principal{
	padding: 2%;
    width: 100%;
}

/*Menu Admin*/
.menu{
	display: flex;
	position: relative;
    /* justify-content: center; */
    background-color: rgb(44, 44, 44) !important;
    width: 21%;
    height: 100vh;
    flex-direction: column;
    align-items: center;
}
.menu_almacen{
	display: flex;
	position: relative;
    /* justify-content: center; */
    background-color: rgb(44, 44, 44) !important;
    width: 21%;
   /* height: 100vh;*/
	flex-direction: column;
	align-items: center;
}
.scroll_menu{
	position: fixed;
}

.elemnto_menu{
	width: 100%;
	display: flex;
	justify-content: end;
	color: #e6e6e6;
	margin-top:30%;
}


.elemnto_menu>div:first-child{
	margin-right: 20%;
}

.modal_evento,
.modal_evento_almacen,
.modal_borrar_evento{
	box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    padding: 10% 3%;
    width: 100%;
    z-index: 9;
    height: 100vh;
    margin-top: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
   
}



.nuevo_evento{
	width: 50%;
	padding: 3%;
	background-color: rgb(255,255,255);
	border-radius: 10px;
	display: flex;
	flex-direction: column;

}


.nuevo_evento>h2{
	margin-bottom: 10%;
}

.btn_nuevo_evento{
	float: right;
	font-size: 30px;
	cursor: pointer;
}
.cerrar_modal{
	box-sizing: border-box;
    display: block;
    color: #fff;
    float: right;
    padding: 2% 2% 0 0;
    cursor: pointer;
	font-size: 30px;
	display: flex;
    justify-content: flex-end;
}

.bg_color_evento{
	padding: 5%;
    display: flex;
  justify-content: center;
  align-items: center;
    height: 100vh;
}

.btn_crud{
	display: flex;
	align-items: inherit;
    justify-content: space-evenly;
}

.btn_crud{
	margin-left: 10%;

}

.btn_borrar{
	height: 100%;
}


.alert{
padding: 0 !important;
}

.form_busqueda{
	padding: 5% 0;
	border: 0;
}

.form_busqueda>div>input[type="text"]{
	border:1px solid #000;
	padding: 0 1%;
	border-radius: 3px;
	font-size:15px;
	
}
.alineacion_busqueda{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.form_busqueda>div>input[type="text"]:active{
	border:1px solid #000 !important;
	padding: 0 1%;
	border-radius: 3px;
}


.form_busqueda>div>button[type="submit"]{
	border:1px solid #000;
	padding: 3% 6%;
	font-size:60px;
	border-radius: 3px;
}

/*Almacen*/
.nuevo_evento_almacen{
	width: 90%;
	height: 100%;
	padding: 3%;
	background-color: rgb(255,255,255);
	border-radius: 10px;
}

.title_producto{
	text-transform: capitalize;
	display: flex;
	justify-content: center !important;
	font-weight: bold;
}

.modificar_almacen{
	display: grid;
    /* justify-content: space-around; */
    /* width: 100%; */
    grid-template-columns: 10% 1fr;
}

.add,
.remove{
	font-size:60px;
}

.meter_producto,
.quitar_producto{
	display: none;
}

.tipo_nuevo{
	display: flex;
    justify-content: space-evenly;
    padding: 3% 0;
    font-weight: bold;
}

/*.tipo_nuevo div{
	width:100%;
	text-align:center;
}*/


.stock_nuevo,
.devolucion{
	display: none;
}

.mas{
	color:rgb(54, 129, 54);
}

.menos{
	color:rgb(255, 75, 75);
}
.title_almacen{
	text-align: center;
}


/*PRUEBA*/
.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .container input:checked ~ .checkmark {
	background-color:rgb(54, 129, 54);
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .container .checkmark:after {
	   top: 9px;
	  left: 9px;
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: white;
  }

  /*Porcentajes*/
 .cero_percent{ 
	text-align: center;
	font-weight: bold;
	color: #fff;
  background-color: #000 !important;
}
  .veinte_percent{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #e0021a  !important;
  }

  .cincuenta_percent{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #c75f43  !important;
  }

  .setentaycinco_percent{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #757e42  !important;
  }

  .cien_percent{
	  text-align: center;
	  font-weight: bold;
	  color: #fff;
	background-color: #03611c  !important;
  }

  .produ,
  .produ_inicial{
	  font-weight: 700;
  }

  .fa-times-circle{
	box-sizing: border-box;
    color:rgb(255, 75, 75) !important;
    /* padding: 2% 2% 0 0; */
    font-size: 50px;

  }

  .close_almacen{
	  padding: 0 !important;
  }

  textarea{
	  padding: 20px;
	  width: 50%;
	  border: 2px solid #000;
	  border-radius: 10px;
  }
  textarea:focus{

	border: 2px solid #000 !important;

}
 

.comentario{
	text-align: center;
}

/*Prueba buscar*/

.active-pink-4 input[type=text]:focus:not([readonly]) {
	border: 1px solid #000;
	box-shadow: 0 0 0 1px #000;
	}
	.active-pink-3 input[type=text] {
	border: 1px solid #000;
	box-shadow: 0 0 0 1px #000;
	}
	.active-purple-4 input[type=text]:focus:not([readonly]) {
	border: 1px solid #000;
	box-shadow: 0 0 0 1px #000;
	}
	.active-purple-3 input[type=text] {
	border: 1px solid #000;
	box-shadow: 0 0 0 1px #000;
	}
	.active-cyan-4 input[type=text]:focus:not([readonly]) {
	border: 1px solid #4dd0e1;
	box-shadow: 0 0 0 1px #4dd0e1;
	}
	.active-cyan-3 input[type=text] {
	border: 1px solid #4dd0e1;
	box-shadow: 0 0 0 1px #4dd0e1;
	}

	.ventana_productos{/*height: 100px; */
    
    height: auto;
    overflow: scroll;
	height: 70vh;}
	


	.sel_contrato{
		width: 30%;
		float: right;
		border: solid 2px #000 !important;
		border-radius: 3px;
		margin-bottom: 2% !important;
	}

	.form_contrato{
		display: flex;
    justify-content: space-between;
	width: 100%;
	padding: 2% 0%;
	}

	button[name="sel_contrato"]{
		width: 20%;
		
	}
	.resolucion_title{
		margin-bottom: 2% !important;
		margin-bottom: 2% !important;
  text-align: center;
  

}


	.hor_total{
		width: 10%;
	}


	.cabecera{
		display: grid;
	grid-template-columns: repeat(1,1fr);}

	.subcabecera{
		display: flex;
    justify-content: space-between;
    /* align-content: end; */
	flex-direction: row-reverse;
	align-items: center;
	}