/* GLOBALES */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

html {
    font-size: 1vw;
}

body {
    background-color: #eee;
}

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

.material-icons-outlined.md-20 {
    font-size: .6rem;
}

.material-icons-outlined.md-24 {
    font-size: 1.2rem;
}

.material-icons-outlined.md-70 {
    font-size: 10rem;
}

.material-symbols-outlined.md-20 {
    font-size: .7rem;
}

.material-symbols-outlined.md-22 {
    font-size: .9rem;
}

.material-symbols-outlined.md-24 {
    font-size: 1.2rem;
}

.material-symbols-outlined.md-50 {
    font-size: 1.5rem;
}

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

.desk_options {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 2rem 0 1rem;
}

button, .button {
    border: none;
    border-radius: .3rem;
    cursor: pointer;
    font-size: 1rem;
    color: #000;
}

.acordeon {
    background: none;
    border-radius: 0;
    border-bottom: .1rem solid #888;
    padding: 0;
    margin-top: 1rem;
}

.acordeon:hover {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

.acordeon:focus,
.acordeon:active {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    transition: all .5s;
}

.panel {
    list-style-type: none;
    display: none;
    flex-direction: column;
    border-top: .1rem solid #888;
    width: 25%;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    padding: .5rem;
}

.panel li {
    display: flex;
    margin-top: .5rem;
}

.panel p {
    width: 10rem;
}

.panel input {
    background: #fff;
    border: none;
    padding: .3rem;
    border-radius: .3rem;
}

.crear {
    padding: .5rem 1rem;
    background-color: #383;
    color: #fff;
    transition: all .5s;
    width: 10rem;
}

.crear:hover {
    background-color: #5b5;
    color: #000;
}

.borrar {
    padding: .5rem 1rem;
    background-color: #833;
    color: #fff;
    transition: all .5s;
    width: 10rem;
}

.borrar:hover {
    background-color: #c74a4a;
    color: #000;
}

.volver {
    padding: .5rem 1rem;
}

.desk_acordeon-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.mensaje_ok {
    width: 50%;
    margin: auto;
    background: #0caa2372;
    border-radius: .5rem;
    padding: 1rem 3rem;
}

.mensaje {
    background: #0caa2372;
    padding-left: 1rem;
    border-radius: .5rem;
}

.boton_print {
    padding: .5rem 1rem;
    background-color: #EDC988;   
}

.boton_print:hover {
    background-color: #a98136;
    color: #fff;
}

/* LOGIN */

.desk_login {
    width: 100%;
    height: 100vh;
}

.login_container {
    width: 30%;
    margin: 5rem auto;
    background: #fff;
    border: 1px solid #888;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    box-shadow: 0 0 1rem #888;
}

.login_container img {
    width: 90%;
    margin-bottom: 2rem;
}

.login_container input {
    border: none;
    border-bottom: 1px solid #888;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    outline: none;
    text-align: center;
}

.logout {
    margin-top: 1rem;
    width: 100%;
    background: #a33;
    border: none;
    border-radius: .3rem;
    color: #fff;
    transition: all .5s;
}

.logout:hover {
    background: #d34040;
    color: #000;
}

/* HEADER */

/* DESKTOP HEADER */

.desk_header {
    position: fixed;
    top: 0;
    width: 100%;
    margin: auto;
    height: 6rem;
    background: linear-gradient(to bottom, #22e, #228);
    display: flex;
    justify-content: center;
}

.desk_header-left {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2rem;
}

.desk_header-right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 2rem;
}

.desk_header-right-evento {
    padding: .3rem 1rem;
    border-radius: .5rem;
    background: rgba(136, 136, 136, 0.5);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.desk_header-right-evento select {
    border: none;
    padding: .3rem;
    border-radius: .3rem;
    text-align: center;
    margin-top: .3rem;
    font-size: .8rem;
}

.desk_header img {
    height: 4rem;
    background: #fff;
    border-radius: .5rem;
    padding: .5rem;
    margin-right: 2rem;
}

.desk_header a {
    text-shadow: 0 0 1rem #eee;
    font-size: 1rem;
    color: #eee;
    transition: all .5s;
    margin: 0 1rem;
    text-align: center;
}

.desk_header a:hover {
    text-shadow: 0 0 1rem #eee, 0 0 1rem #eee, 0 0 1rem #eee;
    color: #000;
}

.desk_header-right-evento {
    text-shadow: 0 0 1rem #eee;
    font-size: 1.2rem;
    color: #eee;
    transition: all .5s;
    margin: 0 1rem;
    text-align: center;
}

/* ASIDE */

aside {
    width: 15%;
    background-color: #fff;
    border: .1rem solid #888;
    border-radius: .3rem;
    padding: 1rem;
}

aside ul {
    list-style-type: none;
}

aside li {
    margin-bottom: .5rem;
}

.aside_sec {
    margin-left: 1rem;
}

.aside_salida {
    width: 27.5%;
    margin-top: 4.4rem;
}

.aside_salida-container {
    background-color: #fff;
    border: .1rem solid #888;
    border-radius: .3rem;
    padding: 1rem;
}

.aside_pri a:hover {
    color: #888;
}

/* ARTICLE */

article {
    width: 82.5%;
}

article h1 {
    color: #555;
    margin-bottom: 2rem;
}

.article_salida {
    width: 70%;
}

.article_salida h1 {
    color: #555;
    margin-bottom: 2rem;
}

/* SECTION */

.section_nav ul {
    width: 100%;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
}

.section_nav li {
    width: 100%;
    padding: .5rem;
    border: .1rem solid #888;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.section_nav-selected {
    background-color: #fff;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    font-weight: bold;
    border-bottom: none !important;
}

section {
    width: 100%;
    background-color: #fff;
    border: .1rem solid #888;
    border-radius: .3rem;
    padding: 1rem;
    margin-bottom: 2rem;
}

.section_menu {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

section h2 {
    margin-bottom: 1rem;
}

section table td {
    padding: 1rem 0;
}

section input {
    width: 20rem;
    border: none;
    border-bottom: .1rem solid #888;
    outline: none;
    font-size: 1rem;
}

section textarea {
    width: 20rem;
    font-size: 1rem;
    padding: .3rem;
}

section input[type="file"] {
    width: 100%;
    border: none;
}

/* LIST */

.edit {
    background: none;
    width: fit-content;
    color: #000;
    transition: all .5s;
}

.edit:hover {
    color: #383;
}

.delete {
    background: none;
    width: fit-content;
    transition: all .5s;
}

.delete:hover {
    color: #833;
}

/* ALMACENES */

.tabla_almacen {
    margin: 1rem 1rem 0;
    width: 50%;
}

.tabla_almacen th {
    color: #888;
    border-bottom: 1px solid #888;
}

.tabla_almacen a {
    color: #228;
}

.tabla_almacen a:hover {
    color: #22e;
}

.tabla_almacen-nombre,
.tabla_almacen-poblacion,
.tabla_almacen-provincia {
    width: 15rem;
    text-align: left;
}

.tabla_edit-almacen {
    margin: 1rem 1rem 0;
    width: 50%;
}

/* DEPARTAMENTOS */

.tabla_dpto {
    margin: 1rem 1rem 0;
    width: 50%;
}

.tabla_dpto th {
    color: #888;
    border-bottom: 1px solid #888;
}

.tabla_dpto a {
    color: #228;
}

.tabla_dpto a:hover {
    color: #22e;
}

.tabla_dpto-dpto,
.tabla_dpto-descripcion {
    width: 15rem;
    text-align: left;
}

.tabla_edit-dpto {
    margin: 1rem 1rem 0;
    width: 50%;
}

/* FAMILIAS */

.desk_acordeon-familias {
    width: 50%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.panel_familias {
    list-style-type: none;
    display: none;
    flex-direction: column;
    border-top: .1rem solid #888;
    width: 100%;
    align-items: center;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    padding: .5rem;
}

.panel_familias li {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.panel_familias p {
    width: 10rem;
    padding-left: .5rem;
}

.panel_familias input {
    background: #fff;
    border: none;
    padding: .3rem;
    border-radius: .3rem;
    width: 10rem;
}

/* PRODUCTO DEPARTAMENTO */

.article_head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.new_producto {
    border-radius: .3rem;
    background: #22e;
    color: #fff;
    margin-right: 5rem;
    transition: all .5s;
    padding: .5rem 1rem;
}

.new_producto:hover {
    background: #228;
}

.panel_producto {
    display: none;
    list-style-type: none;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: .5rem;
    grid-template-columns: repeat(6, 1fr);
    justify-items: center;
}

.panel_producto li a {
    width: 12rem;
    height: 16rem;
    border: .1rem solid #888;
    border-radius: .3rem;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    grid-template-rows: 5fr 2fr 1fr 1fr 1fr 1fr;
    padding-top: .3rem;
    justify-items: center;
    align-items: center;
    margin-top: .5rem;
    background: #fff;
    transition: all .5s;
    font-size: .8rem;
}

.panel_producto li a:hover {
    box-shadow: 0 0 1rem #000;
}

.panel_producto img {
    grid-column: 1 / 3;
    max-height: 5rem;
    max-width: 90%;
}

.panel_producto-producto {
    grid-column: 1 / 3;
    font-size: 1rem;
    text-align: center;
    padding: 0 .3rem;
}

.panel_producto-nodisp {
    width: 100%;
    grid-column: 1 / 3;
    background: linear-gradient(to top, #833, #fff);
    text-align: center;
    padding: .3rem;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    color: #fff;
    text-shadow: 0 0 .1rem #000, 0 0 .1rem #000, 0 0 .1rem #000;
    font-size: 1rem;
}

.panel_producto-disp {
    width: 100%;
    grid-column: 1 / 3;
    background: linear-gradient(to top, #383, #fff);
    text-align: center;
    padding: .3rem;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    color: #fff;
    text-shadow: 0 0 .1rem #000, 0 0 .1rem #000, 0 0 .1rem #000;
    font-size: 1rem;
}

/* HOJA PRODUCTO*/

.producto_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.producto_imagen {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.producto_imagen img {
    max-width: 30rem;
    max-height: 30rem;
    margin: 0 auto 1rem;
}

.stock_container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.producto_stock {
    width: 45%;
    display: grid;
    grid-template-columns: 1fr .5fr .5fr 1fr;
    grid-template-rows: 1fr 2fr 1fr;
    border-radius: .3rem;
    margin-bottom: 1rem;
}

.producto_stock p {
    font-size: 1.5rem;
}

.producto_stock-almacen {
    width: 100%;
    grid-column: 1/5;
    text-align: center;
    border: 1px solid #888;
    background: #132743;
    color: #fff;
    padding: .3rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.producto_stock-stock {
    width: 100%;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    background: #F8EFD4;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.producto_stock-alquilado {
    grid-column: 2/4;
    width: 100%;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    text-align: center;
    background-color: #EDC988;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.producto_stock-disponible {
    width: 100%;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    text-align: center;
    background-color: #D7385E;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.producto_stock-roto {
    width: 100%;
    grid-column: 1/3;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #F8EFD4;
    border-bottom-left-radius: .3rem;
}

.producto_stock-roto p {
    font-size: 1rem;
    border-bottom-left-radius: .3rem;
}

.producto_stock-faltante {
    width: 100%;
    grid-column: 3/5;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #F8EFD4;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom-right-radius: .3rem;
}

.producto_stock-faltante p {
    font-size: 1rem;
}



.tabla_mov-stock {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_mov-stock a {
    color: #228;
}

.tabla_mov-stock a:hover {
    color: #22e;
}

.tabla_mov-stock th {
    padding: .4rem 0;
    color: #888;
}

.tabla_mov-stock td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_mov-stock-almacen {
    width: 12rem;
    text-align: left;
}

.tabla_mov-stock-concepto {
    text-align: left;
}

.tabla_mov-stock-cantidad {
    width: 6rem;
    text-align: center;
}

.tabla_mov-stock-fecha {
    width: 8rem;
    text-align: center;
}

.tabla_mov-stock-edit {
    width: 10rem;
    text-align: center;
}

.mov_container {
    width: 100%;
    display: grid;
    grid-template-columns: 2;
    align-items: start;
}

.mov_container h3 {
    grid-column: 1/3;
}

.tabla_movimientos {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_movimientos a {
    color: #228;
}

.tabla_movimientos a:hover {
    color: #22e;
}

.tabla_movimientos th {
    padding: .4rem 0;
    color: #888;
}

.tabla_movimientos td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_movimientos-porte {
    text-align: center;
    width: 6rem;
}

.tabla_movimientos-fecha {
    text-align: center;
    width: 10rem;
}

.tabla_movimientos-evento {
    text-align: left;
}

.tabla_movimientos-stand {
    text-align: left;
}

.tabla_movimientos-almacen {
    text-align: center;
    width: 15rem;
}

.tabla_movimientos-cantidad {
    text-align: center;
    width: 10rem;
}

.tabla_roturas {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_roturas a {
    color: #228;
}

.tabla_roturas a:hover {
    color: #22e;
}

.tabla_roturas th {
    padding: .4rem 0;
    color: #888;
    font-size: 1rem;
}

.tabla_roturas td {
    border-top: 1px solid #888;
    padding: .5rem 0;
    font-size: 1rem;
}

.tabla_roturas-almacen {
    width: 8rem;
    text-align: left;
}

.tabla_roturas-evento {
    text-align: left;
    width: 15rem;
}

.tabla_roturas-stand {
    text-align: left;
}

.tabla_roturas-fecha {
    width: 10rem;
    text-align: center;
}

.tabla_roturas-cantidad {
    text-align: center;
    width: 6rem;
}

.tabla_roturas-cantidad input {
    text-align: center;
    width: 4rem;
}

.tabla_roturas-motivo {
    text-align: center;
    width: 15rem;
}

.tabla_roturas-motivo input {
    text-align: center;
    width: 12rem;
}

.tabla_roturas-edit {
    text-align: center;
    width: 12rem;
}

.tabla_faltante {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_faltante a {
    color: #228;
}

.tabla_faltante a:hover {
    color: #22e;
}

.tabla_faltante th {
    padding: .4rem 0;
    color: #888;
    font-size: 1rem;
}

.tabla_faltante td {
    border-top: 1px solid #888;
    padding: .5rem 0;
    font-size: 1rem;
}

.tabla_faltante-almacen {
    width: 8rem;
    text-align: left;
}

.tabla_faltante-evento {
    text-align: left;
}

.tabla_faltante-stand {
    text-align: left;
}

.tabla_faltante-fecha {
    width: 8rem;
    text-align: center;
}

.tabla_faltante-enviado {
    width: 6rem;
    text-align: center;
}

.tabla_faltante-recibido {
    width: 6rem;
    text-align: center;
}

.tabla_faltante-descuadre {
    width: 6rem;
    text-align: center;
}

.options_container {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.baja {
    padding: .5rem 1rem;
    background-color: #c84a4a;
    color: #fff;
    transition: all .5s;
}

.baja:hover {
    background-color: #833;
}

.alta {
    background-color: #296f33;
    color: #fff;
    transition: all .5s;
}

.alta:hover {
    background-color: #43bb55;
}

/* CALENDARIO */

.bt_calendario-left {
    background: linear-gradient(to left, #22e, #2222ee27);
    transition: all .5s;
    text-shadow: 0 0 .3rem #fff;
    padding: .5rem 1rem;
}

.bt_calendario-left:hover {
    background: linear-gradient(to left, #2222ee27, #22e);
    color: #fff;
    text-shadow: 0 0 .3rem #000;
}

.bt_calendario-right {
    background: linear-gradient(to right, #22e, #2222ee27);
    transition: all .5s;
    text-shadow: 0 0 .3rem #fff;
    padding: .5rem 1rem;
}

.bt_calendario-right:hover {
    background: linear-gradient(to right, #2222ee27, #22e);
    color: #fff;
    text-shadow: 0 0 .3rem #000;
}

.calendario ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    list-style: none;
    margin: 3rem auto 1rem;
}

.calendario ul li {
    margin: auto;
}

.calendario ol {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    list-style: none;
    margin: 0 auto 3rem;
    width: 100%;
}

.calendario ol li {
    border: .1rem solid #000;
    min-height: 7rem;
    border-collapse: collapse;
    border-radius: .2rem;
    display: grid;
    align-items: flex-start;
}

.calendario_fecha {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.calendario_fecha input {
    border: none;
    font-size: 3rem;
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    outline: none;
    background: none;
    color: #555;
}

.calendario h5 {
    margin-left: .3rem;
}

.calendario a {
    outline: 1px solid black;
    padding: .1rem;
    margin-bottom: .4rem;
    color: #fff;
    text-shadow: 0 0 .2rem #000, 0 0 .2rem #000, 0 0 .2rem #000;
    transition: all .5s;
    box-shadow: 0 0 .3rem #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.calendario a:hover {
    color: #000;
    text-shadow: 0 0 .1rem #fff, 0 0 .2rem #fff, 0 0 .3rem #000;
    box-shadow: none;
}

.cal_ini {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
    margin-left: .3rem;
}

.cal_fin {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    margin-right: .3rem;
}

.cal_montaje {
    background: repeating-linear-gradient(45deg,
            rgba(0, 0, 0, 0) 1rem,
            rgba(0, 0, 0, 0) 2rem,
            #4fdfd6 2rem,
            #4fdfd6 3rem);
}

.cal_event {
    background: #4fdfd6;
}

input[type="month"]::-webkit-calendar-picker-indicator {
    width: 2rem;
    bottom: 0;
    margin: auto;
}

/* EVENTOS */

.tabla_eventos-stands {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_eventos-stands a {
    color: #228;
}

.tabla_eventos-stands a:hover {
    color: #22e;
}

.tabla_eventos-stands th {
    padding: .4rem 0;
    color: #888;
}

.tabla_eventos-stands td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_eventos-stands-nstand {
    width: 8rem;
    text-align: center;
}

.tabla_eventos-stands-nombre {
    text-align: left;
}

.tabla_eventos-stands-encargado {
    width: 12rem;
    text-align: center;
}

.evento_enviado-header {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: .5fr 3fr 2fr .5fr;
    color: #888;
}

.evento_enviado-stand {
    width: 100%;
    margin: .5rem auto 0;
    display: grid;
    grid-template-columns: .5fr 3fr 2fr .5fr;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    padding: .5rem 0;
}

.evento_enviado-stand:hover {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

.evento_enviado-stand:focus,
.evento_enviado-stand:active {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    transition: all .5s;
}

.panel_enviado_stand {
    display: none;
    width: 100%;
    margin: auto;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border: .1rem solid #888;
    border-top: none;
}

.panel_enviado_stand table {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.panel_enviado_stand table a {
    color: #228;
}

.panel_enviado_stand table a:hover {
    color: #22e;
}

.panel_enviado_stand table th {
    font-size: .7rem;
    padding: .4rem 0;
}

.panel_enviado_stand table td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.pan_env-stand-envio {
    width: 8rem;
    text-align: center;
}

.pan_env-stand-almacen {
    text-align: left;
}

.pan_env-stand-producto {
    text-align: right;
}

.pan_env-stand-producto a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pan_env-stand-producto img {
    height: 4rem;
    margin-left: 1rem;
    border: 1px solid #888;
    border-radius: .3rem;
}

.pan_env-stand-cantidad {
    width: 8rem;
    text-align: center;
}

.evento_enviadodpto-header {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr .3fr;
    color: #888;
}

.evento_enviado-dpto {
    width: 100%;
    margin: .5rem auto 0;
    display: grid;
    grid-template-columns: 1fr .3fr;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    padding: .5rem 0;
}

.evento_enviado-dpto:hover {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

.evento_enviado-dpto:focus,
.evento_enviado-dpto:active {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    transition: all .5s;
}

.panel_enviado_dpto {
    display: none;
    width: 100%;
    margin: auto;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border: .1rem solid #888;
    border-top: none;
}

.panel_enviado_dpto table {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.panel_enviado_dpto table a {
    color: #228;
}

.panel_enviado_dpto table a:hover {
    color: #22e;
}

.panel_enviado_dpto table th {
    font-size: .7rem;
    padding: .4rem 0;
}

.panel_enviado_dpto table td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.pan_env-dpto-total {
    width: 8rem;
    text-align: center;
}

.pan_env-dpto-producto {
    text-align: left;
}

.pan_env-dpto-producto a {
    display: flex;
    align-items: center;
}

.pan_env-dpto-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.pan_env-dpto-almacen {
    width: 8rem;
    text-align: center;
}

.pan_env-dpto-stand {
    width: 15rem;
    text-align: right;
}

.pan_env-dpto-cantidad {
    width: 8rem;
    text-align: center;
}

.evento_transportes-header {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr 2fr 1fr;
    color: #888;
    text-align: center;
}

.evento_transporte-env {
    width: 100%;
    margin: .5rem auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr 2fr 1fr;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    padding: .5rem 0;
}

.evento_transporte-env:hover {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

.evento_transporte-env:focus,
.evento_transporte-env:active {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    transition: all .5s;
}

.panel_transporte_env {
    display: none;
    width: 100%;
    margin: auto;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border: .1rem solid #888;
    border-top: none;
}

.panel_transporte_env table {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.panel_transporte_env table a {
    color: #228;
}

.panel_transporte_env table a:hover {
    color: #22e;
}

.panel_transporte_env table th {
    font-size: .7rem;
    padding: .4rem 0;
}

.panel_transporte_env table td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.pan_trans-env-total {
    width: 8rem;
    text-align: center;
}

.pan_trans-env-producto {
    text-align: left;
}

.pan_trans-env-producto a {
    display: flex;
    align-items: center;
}

.pan_trans-env-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.pan_trans-env-almacen {
    width: 8rem;
    text-align: center;
}

.pan_trans-env-stand {
    width: 15rem;
    text-align: right;
}

.pan_trans-env-cantidad {
    width: 8rem;
    text-align: center;
}

.tabla_eventos-roturas {
    font-size: 1rem;
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_eventos-roturas a {
    color: #228;
}

.tabla_eventos-roturas a:hover {
    color: #22e;
}

.tabla_eventos-roturas th {
    padding: .4rem 0;
    color: #888;
}

.tabla_eventos-roturas td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_eventos-roturas-total {
    width: 6rem;
    text-align: center;
}

.tabla_eventos-roturas-producto {
    text-align: left;
}

.tabla_eventos-roturas-producto a {
    display: flex;
    align-items: center;
}

.tabla_eventos-roturas-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.tabla_eventos-roturas-stand {
    width: 15rem;
    text-align: center;
}

.tabla_eventos-roturas-almacen {
    width: 10rem;
    text-align: center;
}

.tabla_eventos-roturas-motivo {
    width: 10rem;
    text-align: center;
}

.tabla_eventos-roturas-motivo input {
    width: 10rem;
}

.tabla_eventos-roturas-cantidad {
    width: 3rem;
    text-align: center;
}

.tabla_eventos-roturas-cantidad input {
    width: 3rem;
}

.tabla_eventos-roturas-edit {
    width: 10rem;
    text-align: center;
}

.tabla_eventos-faltante {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_eventos-faltante a {
    color: #228;
}

.tabla_eventos-faltante a:hover {
    color: #22e;
}

.tabla_eventos-faltante th {
    padding: .4rem 0;
    color: #888;
}

.tabla_eventos-faltante td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_eventos-faltante-total {
    width: 6rem;
    text-align: center;
}

.tabla_eventos-faltante-producto {
    text-align: left;
}

.tabla_eventos-faltante-producto a {
    display: flex;
    align-items: center;
}

.tabla_eventos-faltante-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.tabla_eventos-faltante-almacen {
    width: 8rem;
    text-align: center;
}

.tabla_eventos-faltante-stand {
    width: 15rem;
    text-align: center;
}

.tabla_eventos-faltante-enviado {
    width: 6rem;
    text-align: center;
}

.tabla_eventos-faltante-recibido {
    width: 6rem;
    text-align: center;
}

.tabla_eventos-faltante-descuadre {
    width: 6rem;
    text-align: center;
}

.panel_eventos {
    display: none;
    width: 100%;
    margin: auto;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border: .1rem solid #888;
    border-top: none;
}

.evento_enviado-stand {
    width: 100%;
    margin: .5rem auto 0;
    display: grid;
    grid-template-columns: .5fr 3fr 2fr .5fr;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    padding: .5rem 0;
}

.evento_enviado-stand:hover {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}

.evento_enviado-stand:focus,
.evento_enviado-stand:active {
    background: linear-gradient(to bottom, #ffffff, #dddddd);
    transition: all .5s;
}

.tabla_list-eventos {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_list-eventos a {
    color: #228;
}

.tabla_list-eventos a:hover {
    color: #22e;
}

.tabla_list-eventos th {
    padding: .4rem 0;
    color: #888;
}

.tabla_list-eventos td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_list-eventos-evento {
    text-align: left;
}

.tabla_list-eventos-fechas {
    text-align: center;
    width: 10rem;
}

.tabla_list-eventos-recinto {
    text-align: center;
    width: 20rem;
}

.tabla_list-eventos-ciudad {
    text-align: center;
    width: 15rem;
}

/* EMPRESAS */

.tabla_empresas {
    width: 90%;
    text-align: center;
}

.tabla_empresas a {
    color: #228;
}

.tabla_empresas a:hover {
    color: #22e;
}

/* PORTES */

.tabla_portes {
    width: 100%;
    margin: 1rem auto;
    text-align: center;
}

.tabla_portes a {
    color: #228;
}

.tabla_portes a:hover {
    color: #22e;
}

/* VEHICULOS */

.tabla_vehiculos {
    width: 90%;
    text-align: center;
}

.tabla_vehiculos a {
    color: #228;
}

.tabla_vehiculos a:hover {
    color: #22e;
}

/* PREPARAR */

.panel_producto_preparar {
    display: none;
    list-style-type: none;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: .5rem;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
}

.producto_preparar {
    width: 12rem;
    border: .1rem solid #888;
    border-radius: .3rem;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    grid-template-rows: 5fr 2fr 1fr 1fr 1fr 6fr;
    padding-top: .3rem;
    justify-items: center;
    align-items: center;
    margin-top: .5rem;
    background: #fff;
    transition: all .5s;
    font-size: .8rem;
}

.producto_preparar p {
    color: #888;
}

.producto_preparar a {
    grid-column: 1 / 3;
    display: flex;
    justify-content: center;
}

.panel_producto_preparar img {
    max-height: 5rem;
    max-width: 90%;
}

.producto_preparar-form {
    width: 100%;
    grid-column: 1 / 3;
    padding: .3rem;
    font-size: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1.2rem repeat(3, 1fr);
    border-top: 1px dotted #888;
    justify-items: center;
    align-items: center;
}

.prod_prep-form-stand {
    grid-column: 1 / 3;
}

.producto_preparar-form input {
    width: 90%;
    text-align: center;
    border: none;
}

.producto_preparar-form select {
    width: 90%;
    font-size: .9rem;
}

.producto_preparar-form-cantidad {
    display: flex;
}

.producto_preparar-form-cantidad button {
    width: .5rem;
    padding: .1rem;
}

.producto_preparar-form button {
    width: 100%;
    grid-column: 1 / 3;
    background: #383;
    border-radius: .3rem;
    color: #fff;
    transition: all .5s;
}

.producto_preparar-form button:hover {
    background: #5b5;
    color: #000;
}

.tabla_preparado {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_preparado a {
    color: #228;
}

.tabla_preparado a:hover {
    color: #22e;
}

.tabla_preparado th {
    padding: .4rem 0;
    color: #888;
}

.tabla_preparado td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_preparado-total {
    width: 8rem;
    text-align: center;
}

.tabla_preparado-producto {
    text-align: left;
}

.tabla_preparado-producto a {
    display: flex;
    align-items: center;
}

.tabla_preparado-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.tabla_preparado-stand {
    width: 15rem;
    text-align: right;
}

.tabla_preparado-cantidad {
    width: 8rem;
    text-align: center;
}

.tabla_preparado-edit {
    width: 9rem;
    text-align: center;
}

/* SALIDA */

.tabla_salida {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_salida a {
    color: #228;
}

.tabla_salida a:hover {
    color: #22e;
}

.tabla_salida th {
    padding: .4rem 0;
    color: #888;
}

.tabla_salida td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_salida-producto {
    text-align: left;
}

.tabla_salida-producto a {
    display: flex;
    align-items: center;
}

.tabla_salida-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.tabla_salida-stand {
    width: 15rem;
    text-align: right;
}

.tabla_salida-cantidad {
    width: 8rem;
    text-align: center;
}

.tabla_salida-cantidad input {
    width: 6rem;
    text-align: center;
}

.tabla_salida-edit {
    width: 3rem;
}

.tabla_salida-porte td {
    padding: 1rem .5rem;
}

.tabla_getporte {
    margin: 1rem auto;
    width: 80%;
    background-color: #eee;
    border-radius: .3rem;
    border: 1px solid #888;
}

.tabla_getporte td {
    padding: .5rem;
}

.tabla_getporte a {
    color: #228;
}

.tabla_getporte a:hover {
    color: #22e;
}

/* ENTRADA */

.recibido {
    background: #296f33;
    text-align: center;
    padding: .5rem 1rem;
    color: #fff;
    border-radius: .3rem;
}

/* CONDUCTORES */

.tabla_conductores {
    width: 90%;
    text-align: center;
}

.tabla_conductores a {
    color: #228;
}

.tabla_conductores a:hover {
    color: #22e;
}

.tabla_conductores-nombre,
.tabla_conductores-apellido {
    width: 10rem;
    text-align: center;
}

.panel_portes {
    display: none;
    width: 100%;
    margin: auto;
    background: #eee;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border: .1rem solid #888;
    border-top: none;
}

.tabla_list-portes {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_list-portes a {
    color: #228;
}

.tabla_list-portes a:hover {
    color: #22e;
}

.tabla_list-portes th {
    padding: .4rem 0;
    color: #888;
}

.tabla_list-portes td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_list-portes-porte {
    text-align: center;
    width: 4rem;
}

.tabla_list-portes-vehiculo {
    text-align: center;
    width: 12rem;
}

.tabla_list-portes-fechacarga {
    text-align: center;
    width: 10rem;
}

.tabla_list-portes-evento {
    text-align: left;
}

.tabla_list-portes-fechadescarga {
    text-align: center;
    width: 10rem;
}

.tabla_list-portes-origen,
.tabla_list-portes-destino {
    text-align: center;
    width: 10rem;
}

/* PORTES */

.tabla_portecarga {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_portecarga a {
    color: #228;
}

.tabla_portecarga a:hover {
    color: #22e;
}

.tabla_portecarga th {
    font-size: .7rem;
    padding: .4rem 0;
}

.tabla_portecarga td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_portecarga-total {
    width: 8rem;
    text-align: center;
}

.tabla_portecarga-producto {
    text-align: left;
}

.tabla_portecarga-producto a {
    display: flex;
    align-items: center;
}

.tabla_portecarga-producto img {
    height: 4rem;
    border-radius: .3rem;
    margin-right: 1rem;
    border: 1px solid #888;
}

.tabla_portecarga-almacen {
    width: 8rem;
    text-align: center;
}

.tabla_portecarga-stand {
    width: 15rem;
    text-align: right;
}

.tabla_portecarga-cantidad {
    width: 8rem;
    text-align: center;
}

/* PEDIDOS */

.ped_alm-container {
    width: 95%;
    margin: 2rem auto 3rem;
    padding: 1rem;
    text-align: center;
    font-size: 8rem;
    color: #fff;
    text-shadow: 0 0 .3rem #000;
    border-radius: 1rem;
    box-shadow: 0 0 1rem #000;
}

.ped_dpto-container {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.ped_dpto {
    width: 95%;
    border: 1px solid #888;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .5rem;
    box-shadow: 0 0 .5rem #888;
    padding-top: 1rem;
    transition: all .5s;
}

.ped_dpto:hover {
    box-shadow: 0 0 1rem #000;
}

.ped_dpto img {
    max-width: 90%;
    max-height: 12rem;
}

.cont_pedido {
    width: 100%;
    background: #22e;
    padding: 1rem;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.new_pedido {
    width: 100%;
    background: #383;
    padding: 1rem;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.tabla_pedido {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_pedido a {
    color: #228;
}

.tabla_pedido a:hover {
    color: #22e;
}

.tabla_pedido th {
    font-size: .6rem;
    padding: .4rem 0;
    color: #888;
}

.tabla_pedido td {
    border-top: 1px solid #888;
    padding: .5rem 0;
    font-size: .7rem;
}

.tabla_pedido-total {
    width: 2rem;
    text-align: center;
}

.tabla_pedido-producto {
    display: flex;
    align-items: center;
}

.tabla_pedido-producto img {
    width: 3rem;
}

.tabla_pedido-stand {
    text-align: right;
}

.tabla_pedido-cantidad {
    text-align: center;
    width: 3rem;
}

.tabla_pedido-borrar {
    text-align: center;
}

.delete_pedido {
    background: none;
    width: fit-content;
    transition: all .5s;
}

.delete_pedido:hover {
    color: #833;
}

.confirm {
    margin-top: 1rem;
    width: 100%;
    height: 3rem;
}

.tabla_pedidok {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_pedidok a {
    color: #228;
}

.tabla_pedidok a:hover {
    color: #22e;
}

.tabla_pedidok th {
    padding: .4rem 0;
    color: #888;
    font-size: .8rem;
}

.tabla_pedidok td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_pedidok-total {
    width: 8rem;
    text-align: center;
}

.tabla_pedidok-total2 {
    width: 8rem;
    text-align: center;
    font-size: 1.2rem;
}

.tabla_pedidok-producto {
    display: flex;
    align-items: center;
}

.tabla_pedidok-producto img {
    max-width: 6rem;
    max-height: 3rem;
    margin-right: 1rem;
}

.tabla_pedidok-stand {
    text-align: right;
}

.tabla_pedidok-cantidad {
    text-align: center;
    width: 8rem;
}

.pedido_header {
    width: 95%;
    margin: 1rem auto 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
}

.pedido_header img {
    width: 10rem;
}

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

.pedido_data-de-container {
    margin-top: 1rem;
    width: 40%;
}

.pedido_data-de {
    margin-top: 1rem;
    padding: 1rem;
    background: #ddd;
    height: 8.5rem;
}

.pedido_data-para-container {
    margin-top: 1rem;
    width: 55%;
}

.pedido_data-para {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #000;
    height: 8.5rem;
}

.tabla_preparacion {
    width: 95%;
    margin: auto;
    border-collapse: collapse;
}

.tabla_preparacion a {
    color: #228;
}

.tabla_preparacion a:hover {
    color: #22e;
}

.tabla_preparacion th {
    padding: .4rem 0;
    color: #888;
    font-size: .8rem;
}

.tabla_preparacion td {
    border-top: 1px solid #888;
    padding: .5rem 0;
}

.tabla_preparacion-producto {
    display: flex;
    align-items: center;
}

.tabla_preparacion-producto img {
    max-width: 6rem;
    max-height: 3rem;
    margin-right: 1rem;
}

.tabla_preparacion-stand {
    text-align: center;
}

.tabla_preparacion-cantidad {
    width: 6rem;
    text-align: center;
}

.tabla_preparacion-cantidad input {
    width: 6rem;
    text-align: center;
}

.tabla_preparacion-preparado {
    width: 10rem;
    text-align: center;
}

.tabla_preparacion-preparado input {
    width: 10rem;
    text-align: center;
}

.tabla_preparacion-sustituir {
    width: 6rem;
    text-align: center;
}


@media print {
    body * {
        visibility: hidden;
    }

    body {
        background-color: #fff;
    }

    html {
        font-size: 12px;
    }

    .print, .print * {
        visibility: visible;
    }

    .print {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        margin: auto;
        border: none;
    }
}