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

.transportes_container {
  width: 95%;
  margin: 2rem auto;
  margin-top: 7rem;
}

.portes_caption {
  width: 100%;
  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;
  font-size: 1.5rem;
} 

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

.new_porte_container input[type=radio]+label {
  cursor: pointer;
  border: 1px solid #333;
  border-radius: .5rem;
  padding: .2rem .5rem;
  margin-right: 2rem;
}

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

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

.new_porte_container input[type=checkbox]+label {
  cursor: pointer;
}

.new_porte_container {
  width: 100%;
  display: grid;
  grid-template-columns: .5fr 1fr .7fr .3fr;
  grid-template-rows: 1.1fr .5fr .5fr .5fr .5fr .7fr;
}

.new_porte_container select {
  background: none;
  border: 1px solid #888;
  border-radius: .5rem;
}

.new_porte_tipo_container {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  margin: .5rem;
}

.new_porte_tipo {
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
}

.new_porte_tipo_option {
  width: 100%;
  margin: .5rem 0;
}

#porte_externo input {
  border-bottom: 1px solid #888;
  outline: none;
  font-size: 1.5rem;
  text-align: center;
  width: 10rem;
}

.new_porte_fecha_container {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin: .5rem;
}

.new_porte_fecha {
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.new_porte_fecha input {
  text-align: center;
  font-size: 1.5rem;
  border: none;
}

.new_porte_cargas_container {
  grid-column: 2 / 3;
  grid-row: 1 / 4;
  margin: .5rem;
}

.new_porte_cargas {
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
  display: grid;
  grid-template-columns: .7fr 1fr 1fr;
  grid-template-rows: 1fr .2fr;
}

.new_porte_cargas li {
  margin-top: .5rem;
}

.new_porte_cargas li b {
  font-size: .8rem;
  color: #888;
}

.new_porte_cargas_sedes,
.new_porte_cargas_recintos,
.new_porte_cargas_proveedores,
.new_porte_descargas_sedes,
.new_porte_descargas_recintos,
.new_porte_descargas_proveedores {
  height: 23.7rem;
  line-height: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.new_porte_cargas_otro {
  grid-column: 1 / 4;
  border-top: 1px solid #333;
  padding-top: .5rem;
  margin-top: 1rem;
}

.new_porte_cargas_otro input[type=text], .new_porte_descargas_otro input[type=text] {
  border: none;
  border-bottom: 1px solid #888;
  font-size: 1.2rem;
  outline: none;
  width: 100%;
}


.new_porte_cargas input[type=checkbox]+label {
  display: inline-block;
  border: 1px solid #333;
  border-radius: .5rem;
  padding: .2rem .5rem;
}

.new_porte_cargas input[type=checkbox]:checked+label {
  background: linear-gradient(to right, #34ace0, #34ace069);
}

.new_porte_cargas_otro input[type=checkbox]+label {
  border: none;
  padding: 0;
}

.new_porte_cargas_otro input[type=checkbox]:checked+label {
  background: none;
}

.new_porte_descargas_container {
  grid-column: 3 / 5;
  grid-row: 1 / 4;
  margin: .5rem;
}

.new_porte_descargas li {
  margin-top: .5rem;
}

.new_porte_descargas li b {
  font-size: .8rem;
  color: #888;
}

.new_porte_descargas {
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
  display: grid;
  grid-template-columns: .7fr 1fr 1fr;
  grid-template-rows: 1fr .2fr;
}


.new_porte_descargas input[type=checkbox]+label {
  display: inline-block;
  border: 1px solid #333;
  border-radius: .5rem;
  padding: .2rem .5rem;
}

.new_porte_descargas input[type=checkbox]:checked+label {
  background: linear-gradient(to right, #33d9b2, #33d9b269);
}

.new_porte_descargas_otro input[type=checkbox]+label {
  border: none;
  padding: 0;
}

.new_porte_descargas_otro input[type=checkbox]:checked+label {
  background: none;
}

.new_porte_descargas_otro {
  grid-column: 1 / 4;
  border-top: 1px solid #333;
  padding-top: .5rem;
  margin-top: 1rem;
}

.new_porte_viajesMotivo_container {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  margin: .5rem;
  display: flex;
  justify-content: space-between;
}

.new_porte_viajes_cont,
.new_porte_motivo_cont {
  width: 49%;
}

.new_porte_viajes {
  width: 100%;
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
  display: flex;
  justify-content: center;
}

.new_porte_motivo {
  width: 100%;
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: .5rem;
  display: flex;
  justify-content: center;
}

.new_porte_viajes input {
  border: none;
  text-align: center;
  font-size: 1.5rem;
  width: 3rem;
}

.new_porte_asig_container {
  grid-column: 1 / 4;
  grid-row: 4 / 7;
  margin: .5rem;
}

.new_porte_asig {
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #fff;
  padding: 1rem .5rem;
}

.new_porte_container ul {
  list-style-type: none;
}

.new_porte_asig input[type=checkbox]+label {
  border: 1px solid #333;
  border-radius: .5rem;
  padding: .2rem .5rem;
  display: flex;
  justify-content: space-between;
}

.new_porte_asig input[type=checkbox]:checked+label {
  background: linear-gradient(to right, #ff793f, #ff793f69);
}

.new_porte_asig li {
  margin-top: -.8rem;
}

.new_porte_asig li label {
  display: flex;
}

.new_porte_asig b {
  font-size: .8rem;
  font-weight: lighter;
}

.np_evento_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 18rem;
  line-height: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 1rem;
}

.np_prox, .np_encurso, .np_past {
  width: 100%;
  padding: 1rem .5rem .5rem .5rem;
}

.np_otro_evento_container {
  width: 100%;
  height: 18rem;
  line-height: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 1rem;
  margin-bottom: -.5rem;
}

.np_asig_otros_container input {
  margin-top: 1rem;
  width: 75%;
  border-bottom: 1px solid #888;
  outline: none;
  font-size: 1.5rem;
}

.new_porte_kms_container {
  grid-column: 4 / 5;
  grid-row: 4 / 5;
  margin: .5rem;
}

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

.new_porte_kms input {
  border: none;
  width: 4rem;
  border-bottom: 1px solid #888;
  outline: none;
  text-align: right;
}

.new_porte_pedido_container {
  grid-column: 4 / 5;
  grid-row: 4 / 5;
  margin: .5rem;
}

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

.new_porte_pedido input {
  width: 10rem;
  border-bottom: 1px solid #888;
  outline: none;
  font-size: 1.5rem;
  text-align: center;
}

.new_porte_precio_container {
  grid-column: 4 / 5;
  grid-row: 5 / 6;
  margin: .5rem;
}

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

.new_porte_precio input {
  border: none;
  width: 4rem;
  border-bottom: 1px solid #888;
  outline: none;
  text-align: right;
}

.new_porte_precio input,
.new_porte_precio p,
.new_porte_kms input,
.new_porte_kms p {
  font-size: 1.5rem;
  margin-right: .2rem;
}

.new_porte_container button {
  grid-column: 4 / 5;
  grid-row: 6 / 7;
  font-size: 1.4rem;
  border-radius: 1rem;
  cursor: pointer;
  background-color: #227093;
  transition: all .5s;
  color: #fff;
  margin: .5rem;
  padding: .5rem;
  width: 100%;
}

.new_porte_container button:hover {
  background-color: #218c74;
}

.portes_month {
  width: 90%;
  margin: 2rem auto;
  padding: 1rem;
  border: 1px solid #888;
  border-radius: 1rem;
  background: #fff;
}

.portes_month table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  text-align: left;
}

.portes_month table th {
  padding: .5rem;
  background: linear-gradient(to bottom, #2c2c54, #2c2c54a1);
  color: #eee;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  font-weight: lighter;
  border-bottom: 3px solid #fff;
}

.portes_month table td {
  background-color: #eee;
  padding: .5rem;
  border-bottom: 3px solid #fff;
}

.portes_month table a:hover {
  color: #ff5252;
}

/* VEHICULOS */

.vehiculos_menu,
.logisticas_menu,
.recintos_menu,
.proveedores_menu {
  display: flex;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}

.vehiculos_menu aside,
.logisticas_menu aside,
.recintos_menu aside,
.proveedores_menu aside {
  width: 15%;
  border: 1px solid #888;
  border-radius: .5rem;
  padding: .5rem;
  background: #fff;
}

.vehiculos_menu aside ul,
.logisticas_menu aside ul,
.recintos_menu aside ul,
.proveedores_menu aside ul {
  list-style: none;
  padding: .5rem;
}

.av_vehiculos,
.al_logisticas,
.ar_recintos,
.pa_proveedores {
  margin-bottom: .5rem;
}

.vehiculos_menu a,
.logisticas_menu a,
.recintos_menu a,
.proveedores_menu a {
  padding: .2rem .5rem;
  border-radius: .3rem;
}

.vehiculos_menu a:hover,
.logisticas_menu a:hover,
.recintos_menu a:hover,
.proveedores_menu a:hover {
  color: #888;
}

.vehiculos_menu article,
.logisticas_menu article,
.recintos_menu article,
.proveedores_menu article {
  width: 83%;
}

.ve_art_data,
.ve_art_mov,
.log_art_data,
.log_art_mov,
.rec_art_data,
.rec_art_mov,
.prov_art_data,
.prov_art_mov {
  width: 100%;
  background-color: #fff;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  padding: 1rem;
}

.ve_art_opt,
.log_art_opt,
.rec_art_opt,
.prov_art_opt {
  width: 100%;
  display: flex;
}

.ve_art_opt h2,
.log_art_opt h2,
.rec_art_opt h2,
.prov_art_opt h2 {
  font-size: 1.4rem;
}

.ve_art_opt input[type=radio],
.log_art_opt input[type=radio],
.rec_art_opt input[type=radio],
.prov_art_opt input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ve_art_opt input[type=radio]+label,
.log_art_opt input[type=radio]+label,
.rec_art_opt input[type=radio]+label,
.prov_art_opt input[type=radio]+label {
  width: 50%;
  cursor: pointer;
  border: 1px solid #333;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  padding: .5rem;
  background-color: #fff;
  font-size: 1.2rem;
}

.ve_art_opt input[type=radio]:checked+label,
.log_art_opt input[type=radio]:checked+label,
.rec_art_opt input[type=radio]:checked+label,
.prov_art_opt input[type=radio]:checked+label {
  border-bottom: none;
  background: linear-gradient(to bottom, #226f9386, #fff);
}

.ve_art_data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ve_art_data h3 {
  font-size: 1.4rem;
  color: #555;
}

.ve_art_data_data {
  width: 50%;
  margin: auto;
}

.ve_art_data_img {
  width: 50%;
}

.ve_art_data_img img {
  width: 100%;
  margin-top: 1rem;
  border-radius: 2rem;
  box-shadow: 5px 5px 5px #888;
}

.ve_art_data_data input,
.ve_art_data_data select {
  margin-bottom: 1rem;
  display: block;
}

.ve_art_data_data input[type=text],
.log_art_data_data input[type=text],
.rec_art_data_data input[type=text],
.prov_art_data_data input[type=text] {
  border-bottom: 1px solid #888;
  padding: .3rem .3rem 0 .3rem;
  outline: none;
  font-size: 1.4rem;
}

.ve_art_data_data button,
.bt_add_veh,
.log_art_data_data button,
.bt_add_log,
.rec_art_data_data button,
.bt_add_rec,
.prov_art_data_data button,
.bt_add_prov {
  display: block;
  margin: auto;
  padding: .5rem 3rem;
  border: 1px solid #888;
  border-radius: .5rem;
  background-color: #34ace0;
  cursor: pointer;
  font-size: 1.2rem;
  color: #fff;
}

.ve_art_data_data button:disabled,
.log_art_data_data button:disabled,
.rec_art_data_data button:disabled,
.prov_art_data_data button:disabled {
  color: #888;
  background-color: #eee;
  cursor: default;
}

.ve_art_data_data button:enabled:hover,
.bt_add_veh:hover,
.log_art_data_data button:enabled:hover,
.bt_add_log:hover,
.rec_art_data_data button:enabled:hover,
.bt_add_rec:hover,
.prov_art_data_data button:enabled:hover,
.bt_add_prov:hover {
  background-color: #33d9b2;
  color: #000;
}

.ve_art_mov table,
.log_art_mov table,
.rec_art_mov table,
.prov_art_mov table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  text-align: left;
}

.ve_art_mov table th,
.log_art_mov table th,
.rec_art_mov table th,
.prov_art_mov table th {
  padding: .5rem;
  background: linear-gradient(to bottom, #2c2c54, #2c2c54a1);
  color: #eee;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  font-weight: lighter;
  border-bottom: 3px solid #fff;
}

.ve_art_mov table td,
.log_art_mov table td,
.rec_art_mov table td,
.prov_art_mov table td {
  background-color: #eee;
  padding: .5rem;
  border-bottom: 3px solid #fff;
}

.ve_art_mov table a:hover,
.log_art_mov table a:hover,
.rec_art_mov table a:hover,
.prov_art_mov table a:hover {
  color: #ff5252;
}

.log_art_data,
.rec_art_data,
.prov_art_data {
  width: 100%;
}

.log_art_data_data {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 2fr 2fr;
}

.log_art_data_data textarea,
.rec_art_data_data textarea,
.prov_art_data_data textarea {
  width: 90%;
  height: 80%;
  padding: .3rem;
}

.rec_art_data_data,
.prov_art_data_data {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}

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

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

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