a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.almacen_container {
  width: 95%;
  margin: 2rem auto;
  margin-top: 8rem;
}

.almacen_index {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.almacen_index a {
  align-items: center;
  appearance: none;
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding: 10rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 3rem;
  margin-bottom: 2rem;
}

.index_addmatprep {
  background-image: radial-gradient(100% 100% at 100% 0, #34ace0 0, #227093 100%);
  width: 98%;
  margin: auto;
}

.index_addmatprep:focus {
  box-shadow: #ccae62 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #227093 0 -3px 0 inset;
}

.index_addmatprep:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #227093 0 -3px 0 inset;
  transform: translateY(-2px);
}

.index_addmatprep:active {
  box-shadow: #227093 0 3px 7px inset;
  transform: translateY(2px);
}

.index_matprep {
  background-image: radial-gradient(100% 100% at 100% 0, #ffda79 0, #ccae62 100%);
  width: 98%;
  margin: auto;
}

.index_matprep:focus {
  box-shadow: #ccae62 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #ccae62 0 -3px 0 inset;
}

.index_matprep:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #ccae62 0 -3px 0 inset;
  transform: translateY(-2px);
}

.index_matprep:active {
  box-shadow: #ccae62 0 3px 7px inset;
  transform: translateY(2px);
}

.index_salida {
  background-image: radial-gradient(100% 100% at 100% 0, #ff5252 0, #b33939 100%);
  width: 98%;
  margin: auto;
}

.index_salida:focus {
  box-shadow: #b33939 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #b33939 0 -3px 0 inset;
}

.index_salida:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #b33939 0 -3px 0 inset;
  transform: translateY(-2px);
}

.index_salida:active {
  box-shadow: #b33939 0 3px 7px inset;
  transform: translateY(2px);
}

.index_entrada {
  background-image: radial-gradient(100% 100% at 100% 0, #33d9b2 0, #218c74 100%);
  width: 98%;
  margin: auto;
}

.index_entrada:focus {
  box-shadow: #218c74 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #218c74 0 -3px 0 inset;
}

.index_entrada:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #218c74 0 -3px 0 inset;
  transform: translateY(-2px);
}

.index_entrada:active {
  box-shadow: #218c74 0 3px 7px inset;
  transform: translateY(2px);
}

.prep_container {
  width: 95%;
  margin: 2rem auto;
  margin-top: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.prep_container aside {
  width: 16%;
}

.prep_aside_ul {
  list-style: none;
  margin-bottom: .5rem;
  padding: .5rem;
  border-radius: .5rem;
}

.prep_aside_li {
  width: 100%;
  border: 1px solid #555;
  border-radius: .5rem;
  padding: 2rem 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  background-color: #f7f1e3;
  cursor: pointer;
}

.prep_aside_li:hover {
  background-color: #ccae62;
}

.prep_section1 {
  width: 82%;
}

.prep_evento_container {
  border: 1px solid #888;
  border-radius: .5rem;
  padding: 0 .5rem .5rem .5rem;
  background: #fff;
  width: 100%;
  margin-bottom: 2rem;
}

.prep_stand_container {
  background-color: #eee;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: 0 .5rem .5rem .5rem;
  width: 100%;
  margin-top: 2rem;
}

.prep_evento_container_ul {
  list-style: none;
  background-color: #f7f1e3;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: 0 .5rem .5rem .5rem;
  width: 100%;
  margin-top: 2rem;
}

.prep_evento_container_li {
  padding: 1rem;
  border: 1px solid #555;
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
  background-color: #fff;
}

.prep_evento_container_li b {
  font-size: .8rem;
  color: #777;
}

.prep_evento_container_li a {
  margin-top: auto;
  margin-bottom: auto;
}

.prep_evento_container_li button {
  border: none;
  cursor: pointer;
}

.prep_change_cant {
  margin-top: auto;
  margin-bottom: auto;
}

.prep_change_cant input {
  text-align: center;
  border: none;
}

.almacen_caption {
  width: 50%;
  color: #eee;
  background: linear-gradient(to right, #474787, #eee);
  text-align: left;
  padding: .5rem 1rem 1rem 1rem;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  margin-bottom: -.5rem;
  text-transform: uppercase;
}

.prep_section1 h1 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #555;
}

.almacen_caption2 {
  width: 50%;
  color: #000;
  background: linear-gradient(to right, #ccae62, #fff);
  text-align: left;
  padding: .5rem 1rem 1rem 1rem;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  margin-bottom: -2.5rem;
  margin-top: 1rem;
  text-transform: uppercase;
}

.almacen_caption3 {
  width: 50%;
  color: #000;
  background: linear-gradient(to right, #227093, #eee);
  text-align: left;
  padding: .5rem 1rem 1rem 1rem;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  margin-bottom: -2.5rem;
  margin-top: 1rem;
}

.alm_selec {
  width: 70%;
  margin: 0 auto 2rem auto;
  display: flex;
  justify-content: space-between;
}

.alm_selec input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.alm_selec input[type=radio]+label {
  cursor: pointer;
  color: #555;
}

.alm_selec input[type=radio]:checked+label {
  color: #33d9b2;
}

.alm_event_selec {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 1rem;
  border: 1px solid #555;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.alm_prep_eventos {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #555;
  padding: .5rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.alm_prep_eventos b {
  font-size: .8rem;
  color: #777;
}

.alm_event_selec input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.alm_event_selec input[type=radio]+label {
  cursor: pointer;
}

.alm_event_selec input[type=radio]:checked+label {
  background-color: #f7f1e3;
}

.alm_stand_selec {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #fff;
  padding: 1rem;
  border: 1px solid #555;
  border-radius: .5rem;
}

.alm_prep_stand {
  min-width: 20%;
  text-align: center;
  border: 1px solid #555;
  padding: .5rem;
  border-radius: .5rem;
  margin: 1rem;
}

.alm_prep_stand b {
  font-size: .8rem;
  color: #777;
}

.alm_stand_selec input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.alm_stand_selec input[type=radio]+label {
  cursor: pointer;
}

.alm_stand_selec input[type=radio]:checked+label {
  background-color: #f7f1e3;
}

.btn_load_almacen {
  width: 100%;
  margin: 2rem auto;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #eee;
  cursor: pointer;
  box-shadow: 5px 10px 18px #888;
  font-size: 1.5rem;
}

.btn_load_almacen:hover {
  box-shadow: 5px 10px 8px #888;
  background-color: #218c74;
  color: #eee;
}

.alm_header_evento {
  width: 100%;
  background-color: #f7f1e3;
  border: 1px solid #555;
  border-radius: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
}

.alm_header_evento b {
  font-size: 1rem;
}

.alm_header_evento button {
  padding: 1rem;
  border: 1px solid #555;
  background-color: #d1ccc0;
  border-radius: .5rem;
  cursor: pointer;
}

.alm_header_evento button:hover {
  background-color: #b33939;
  color: #fff;
  border: 1px dotted #fff;
}

.alm_prep_container {
  width: 100%;
}

.alm_prep_container article {
  display: inline-block;
  width: 73%;
}

.alm_prep_container aside {
  width: 25%;
  position: sticky;
  top: 7rem;
  float: right;
}

.alm_prep_familia {
  background: #fff;
  border: 1px solid #555;
  border-radius: .5rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 1rem;
  margin-bottom: 1rem;
}

.alm_prep_familia a {
  padding: 1rem;
  background: #eee;
  border: 1px solid #555;
  border-radius: .5rem;
  margin: .5rem;
}

.alm_prep_container form {
  width: 100%;
}

.alm_prep_materialcont {
  width: 75%;
  display: inline-block;
}

.alm_prep_material {
  background: #fff;
  border: 1px solid #555;
  border-radius: .5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
}

.alm_prep_mat {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #555;
  padding: .5rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.alm_prep_mat b {
  font-size: .8rem;
  color: #555;
}


.alm_prep_material input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.alm_prep_material input[type=radio]+label {
  cursor: pointer;
}

.alm_prep_material input[type=radio]:checked+label {
  background-color: #f7f1e3;
}

.alm_prep_cantidadcont {
  width: 22%;
  position: sticky;
  top: 7rem;
  float: right;
}

.alm_prep_cantidad {
  background: #fff;
  border: 1px solid #555;
  border-radius: .5rem;
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: 2rem;
}

.alm_prep_cantidad button {
  border: none;
  cursor: pointer;
}

.alm_prep_cantidad input {
  text-align: center;
  font-size: 2.5rem;
  width: 75%;
}

.btn_add_material {
  width: 100%;
  margin: auto;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #eee;
  cursor: pointer;
  box-shadow: 5px 10px 18px #888;
  font-size: 1.5rem;
}

.btn_add_material:hover {
  box-shadow: 5px 10px 8px #888;
  background-color: #218c74;
  color: #eee;
}

.btn_delete_material {
  width: 100%;
  margin: 2rem auto;
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: #eee;
  cursor: pointer;
  box-shadow: 5px 10px 18px #888;
  font-size: 1.5rem;
}

.btn_delete_material:hover {
  box-shadow: 5px 10px 8px #888;
  background-color: #8c2121;
  color: #eee;
}

.alm_prep_materialprep {
  background: #fff;
  border: 1px solid #555;
  border-radius: .5rem;
  padding: 1rem;
  width: 100%;
  margin: 0 auto 2rem auto;
}

.alm_prep_materialprep table {
  width: 100%;
  margin: auto;
  text-align: center;
  background-color: #eee;
  border-radius: .5rem;
}

.alm_prep_materialprep table th {
  font-size: .8rem;
  color: #888;
}

.alm_update_pq {
  background: #fff;
  margin-top: .5rem;
  padding: .5rem;
  cursor: pointer;
  border-radius: .5rem;
  border: 1px solid #888;
}


/* IMPRIMIR */

.print_options a {
  position: absolute;
  top: 10rem;
  left: 4rem;
  border: 1px solid #888;
  padding: 2rem 4rem;
  font-size: 3rem;
  border-radius: 1rem;
}

.print_options button {
  position: absolute;
  top: 10rem;
  right: 4rem;
  border: 1px solid #888;
  padding: 2rem 4rem;
  font-size: 3rem;
  border-radius: 1rem;
  cursor: pointer;
}

.print_options span {
  font-size: 4rem;
}

.print_container {
  margin: 0 auto;
  margin-top: 8rem;
  width: 127mm;
  height: 190.5mm;
  background-color: #fff;
  padding: .5rem;
}

.print_header {
  display: flex;
  margin-bottom: .5rem;
}

.print_container img {
  height: 95px;
  margin: auto;
}

.print_container h1 {
  font-size: 2rem;
  margin: .5rem 0;
  letter-spacing: 1px;
}

.print_container b {
  font-size: 1rem;
  font-weight: lighter;
  letter-spacing: 0;
}

.print_container hr {
  height: 5px;
  background-color: #000;
}

.print_infostand {
  display: grid;
  grid-template-columns: 1.5fr .5fr;
  grid-template-rows: 1fr 1fr;
  margin: .5rem 0 -.5rem 0;
}

.print_infostand h2 {
  font-size: 1.8rem;
  letter-spacing: 1px;
}

.print_infostand h1 {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
  font-size: 3.5rem;
  margin: 0;
  letter-spacing: 1px;
}

.print_infostand h3 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
}

.print_material {
  border: 1px solid #000;
  border-radius: .3rem;
  margin-bottom: .5rem;
  padding: 0 .5rem;
}

.print_container table {
  width: 100%;
  border-collapse: collapse;
}

.print_container table th {
  font-size: .8rem;
  text-align: left;
  border-bottom: 1px solid #000;
  font-weight: lighter;
}

.print_container table td {
  font-size: 1rem;
  text-align: left;
}

.print_container table th,
.print_container table td {
  padding: .2rem;
}

.print_container svg {
  margin: auto;
}


/* SALIDAS */

.alm_sal_option {
  display: flex;
  width: 75%;
  margin: auto;
  justify-content: space-evenly;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 1rem;
}

.alm_sal_option input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.alm_sal_option input[type=radio]+label {
  width: 33.33%;
  cursor: pointer;
  padding: 1rem;
  text-align: center;
  border-right: 1px solid #888;
  font-size: 1.2rem;
}

.alm_sal_option input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
}

.salidasProgramados {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-top: 2rem;
  align-items: start;
  justify-items: center;
}

.salidasProgramados h4 {
  margin-top: .5rem;
  font-size: 1.2rem;
  font-weight: bolder;
}

.salidasProgramados hr {
  border-top: 1px dashed #888;
  margin: 1rem 0 .5rem;
}

.salidasProgramadosCont {
  width: 97%;
}

.programadosHoy,
.programadosPast,
.programadosProx {
  width: 100%;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: 0 .5rem .5rem .5rem;
  background-color: #fff;
  min-height: 4rem;
  margin-bottom: 1rem;
}

.salidasProgramados input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.salidasProgramados input[type=radio]+label {
  width: 100%;
  cursor: pointer;
  text-align: center;
  border: 1px solid #888;
  border-radius: .5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: -.8rem;
  box-shadow: 5px 5px 5px #888;
  margin-bottom: 1rem;
}

.salidasProgramados input[type=radio]+label b {
  color: #555;
  font-size: .9rem;
}

.salidasProgramados input[type=radio]+label h5 {
  font-size: 1rem;
}

.salidasProgramados input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 3px 3px 3px #333;
  border: 2px solid #33d9b2;
}

.salidasProgramados button {
  grid-column: 1 / 3;
  width: 8rem;
  height: 3rem;
  cursor: pointer;
  margin: 1rem auto;
  border-radius: .5rem;
  border: 1px solid #888;
}

.sal_mat_prog_cargas {
  display: flex;
  justify-content: space-around;
  background: linear-gradient(to bottom, #ffd9798c, #fff);
}

.sal_mat_prog_descargas {
  display: flex;
  justify-content: space-around;
  background: linear-gradient(to bottom, #ffb1428c, #fff);
}

.sal_mat_prog_vehiculo {
  display: flex;
  justify-content: space-around;
  background: linear-gradient(to bottom, #ff793f8c, #fff);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.salidasNuevo {
  width: 100%;
  display: grid;
  margin-top: 2rem;
  grid-template-columns: 1fr 4fr;
  justify-items: center;
}

.salidasNuevo aside {
  background: #fff;
  border: 1px solid #888;
  border-radius: .5rem;
  width: 95%;
  padding: 1rem;
}

.salNewVehiculoCont {
  width: 95%;
  grid-column: 2 / 3;
  margin-right: 1rem;
}

.salNewUser {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
}

.salNewUser hr {
  margin-top: .5rem;
  border: 1px dashed #888;
}

.salNewVehOptions {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  border: 1px solid #888;
  border-radius: .5rem;
}

.aside_newsal_vehiculo {
  width: 100%;
  margin: .5rem auto 1rem;
  cursor: pointer;
  text-align: center;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: .7fr 1fr;
  align-items: center;
  border-radius: .5rem;
  border: 1px solid #888;
  align-content: center;
}

.aside_newsal_vehiculo img {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  max-width: 100%;
  max-height: 100%;
  border-radius: .5rem;
}

.aside_newsal_user {
  width: 100%;
  margin: .5rem auto 1rem;
  cursor: pointer;
  text-align: center;
  display: grid;
  grid-template-columns: .3fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  align-items: center;
  border-radius: .5rem;
  border: 1px solid #888;
  align-content: center;
}

.aside_newsal_user img {
  width: 35px;
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}

.salidasNuevo input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.salNewVehOptions input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
}

.salNewVehSede,
.salNewVehOtraSede {
  height: 32rem;
  line-height: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 1rem;
}

.salNewVehTipoSede,
.salNewVehTipoOtraSede {
  width: 100%;
  margin: 0 auto 2rem auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.salNewVehSede input[type=radio],
.salNewVehOtraSede input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.salNewVehSede input[type=radio]+label,
.salNewVehOtraSede input[type=radio]+label {
  width: 95%;
  margin: auto;
  cursor: pointer;
  text-align: center;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: .7fr 1fr;
  align-items: center;
  border: 1px solid #888;
  border-radius: .5rem;
  align-content: center;
  height: 6rem;
  box-shadow: 5px 5px 5px #888;
}

.salNewVehSede input[type=radio]:checked+label,
.salNewVehOtraSede input[type=radio]:checked+label {
  width: 94%;
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 2px 2px 2px #555;
}

.salNewVehSede img,
.salNewVehOtraSede img {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  max-width: 100%;
  max-height: 100%;
  border-radius: .5rem;
}

.salNewVehSede h4,
.salNewVehOtraSede h4 {
  grid-column: 2 / 5;
  grid-row: 1 / 2;
  font-size: 1.2rem;
}

.salNewVehSede b,
.salNewVehOtraSede b {
  font-size: .8rem;
  color: #888;
}

.salNewVehUserCont {
  width: 100%;
  grid-column: 1 / 6;
}

.salNewUserOptions input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 2px 2px 2px #888;
  width: 79%;
}

.salNewUserSedeDpto input[type=radio]:checked+label {
  background: linear-gradient(to right, #227093, #22709369);
  color: #eee;
  box-shadow: 2px 2px 2px #888;
  width: 79%;
}

.salNewUserDpto,
.salNewUserDptoFix {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.salNewUserDpto input[type=radio]+label,
.salNewUserDptoFix input[type=radio]+label {
  cursor: pointer;
  text-align: center;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  margin: 1rem 1rem 0 0;
}

.salNewUserDpto input[type=radio]:checked+label,
.salNewUserDptoFix input[type=radio]:checked+label {
  background: linear-gradient(to right, #227093, #22709369);
  color: #eee;
}

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

.salNewUserUserDiv img {
  width: 35px;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.salNewUserUserDiv input[type=radio]+label {
  margin: auto;
  width: 90%;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  display: grid;
  grid-template-columns: .3fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  cursor: pointer;
  box-shadow: 3px 3px 3px #888;
}

.salNewUserUserDiv input[type=radio]:checked+label {
  background: linear-gradient(to right, #218c74, #218c7469);
  width: 89%;
  box-shadow: 1px 1px 1px #555;
}

.blockContainer {
  background-color: #fff;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  box-shadow: 5px 5px 5px #888;
  margin-bottom: 2rem;
}

.radioInputsContainer {
  width: 100%;
  display: flex;
  margin: auto;
  justify-content: space-between;
  border: 1px solid #888;
  border-radius: .5rem;
}

.radioInputsContainer input[type=radio]+label {
  width: 100%;
  cursor: pointer;
  text-align: center;
  border-right: 1px solid #888;
  padding: .5rem;
}

.salNewEventOpt input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
}

.radioInputsContainer input[type=radio]+label:first-of-type {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.radioInputsContainer input[type=radio]+label:last-of-type {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  border-right: none;
}

.radioInputsContainer input[type=radio]:checked+label:first-of-type {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.radioInputsContainer input[type=radio]:checked+label:last-of-type {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  border-right: none;
}

.radioInputsContainerVert input[type=radio]+label {
  width: 80%;
  display: block;
  cursor: pointer;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  box-shadow: 5px 5px 5px #888;
}

.salNewEventCont {
  grid-column: 2 / 5;
}

.salNewEvEvent {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.salNewEvEvent ul,
.salNewEvOtroEvent ul {
  list-style: none;
}

.salNewEventProx {
  width: 33%;
  text-align: center;
  padding: .5rem 0 .5rem .5rem;
  border-radius: .5rem;
  background: linear-gradient(to bottom, #218c7469, #fff);
}

.salNewEventProxUl,
.salNewEventCursoUl,
.salNewEventPastUl,
.salNewOtroEvent {
  height: 23.7rem;
  line-height: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.salNewEventCurso {
  width: 33%;
  text-align: center;
  padding: .5rem 0 .5rem .5rem;
  border-radius: .5rem;
  background: linear-gradient(to bottom, #22709369, #fff);
}

.salNewEventPast {
  width: 33%;
  text-align: center;
  padding: .5rem 0 .5rem .5rem;
  border-radius: .5rem;
  background: linear-gradient(to bottom, #b3393969, #fff);
}

.salNewEvEvent {
  margin-top: .5rem;
}

.salNewEvEvent b {
  font-size: .8rem;
  color: #555;
}

.almacen_container input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.salNewEvEvent input[type=checkbox]+label {
  width: 100%;
  border: 1px solid #888;
  border-radius: .5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: .5rem;
  cursor: pointer;
  background: #fff;
  box-shadow: 5px 5px 5px #888;
}

.salNewEvEvent input[type=checkbox]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 2px 2px 2px #555;
}

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

.salNewOtroEvent input[type=checkbox]+label {
  margin: auto;
  width: 90%;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: 1rem;
  display: block;
  cursor: pointer;
  box-shadow: 5px 5px 5px #888;
}

.salNewOtroEvent input[type=checkbox]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 2px 2px 2px #555;
}

.salNewEvOtro textarea {
  width: 100%;
  padding: .5rem;
  font-size: 1.2rem;
}

.salNewEventMotivoOpt {
  margin: 1rem auto;
  display: flex;
  justify-content: space-around;
}

.salNewEventMotivoOpt input[type=radio]+label {
  margin: auto;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  cursor: pointer;
  box-shadow: 5px 5px 5px #888;
}

.salNewEventMotivoOpt input[type=radio]:checked+label {
  background: linear-gradient(to right, #ccae62, #ccae6269);
  box-shadow: 2px 2px 2px #555;
}

.art_sal_mat {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.art_sal_mat button {
  width: 30%;
  height: 30rem;
  font-size: 3rem;
  cursor: pointer;
  border-radius: 1rem;
  box-shadow: 5px 5px 5px #555;
}

.art_sal_mat button:hover {
  box-shadow: 2px 2px 2px #333;
}

@media print {
  body *:not(.print_container):not(.print_container *) {
    visibility: hidden;
  }

  .print_container {
    position: absolute;
    top: 0;
    margin: 0 auto 0 auto;
  }
}