* {
  /* font-family: 'Poppins', sans-serif; */
  /* font-family: 'Open Sans Condensed', sans-serif; */
  font-family: 'Albert Sans', sans-serif;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  box-sizing: border-box;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

/*****************************************************************************
*                                SIDEBER MENU                                *
*****************************************************************************/
#sidebar_toggle {
  display: none;
}

.sidebar {
  height: 100%;
  width: 360px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: var(--color_white);
  color: var(--main_color);
  overflow-y: auto;
  transition: width 0.5s;
}

.sidebar_header {
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  align-items: center;
  height: 60px;
  padding: 0rem 1rem;
}

.sidebar_header span.name_user {
  margin-left: 10px;
}

.sidebar_menu {
  padding: 1rem;
}

.brand {
  font-size: 20px;
}

.sidebar li {
  margin-bottom: 1.2rem;
  border-top: 1px solid var(--color_divisorio);
  padding: 20px 0 0 0;
}

.sidebar a {
  color: var(--main_color);
  font-size: 18px;
  transition: 0.5s;
}

.sidebar a:focus,
.sidebar a.active,
.sidebar a:hover {
  color: var(--color_celeste);
  font-weight: 600;
  transition: 0.5s;
}

.sidebar a span:last-child {
  padding-left: 0.6rem;
}

#sidebar_toggle:checked~.sidebar {
  width: 60px;
}

#sidebar_toggle:checked~.sidebar .sidebar_header h3 span,
#sidebar_toggle:checked~.sidebar li span:last-child {
  display: none;
}

#sidebar_toggle:checked~.sidebar .sidebar_header,
#sidebar_toggle:checked~.sidebar li {
  display: flex;
  justify-content: center;
}

#sidebar_toggle:checked~.main_content {
  margin-left: 60px;
}

#sidebar_toggle:checked~.main_content header {
  left: 60px;
  width: calc(100% - 60px);
}

/*****************************************************************************
*                            CONTENIDO PRINCIPAL                           *
*****************************************************************************/
.main_content {
  position: relative;
  margin-left: 360px;
  transition: margin-left 0.5s;
}

.main_content_none {
  position: relative;
  margin-left: 0px;
  transition: margin-left 0.5s;
}

header {
  position: fixed;
  left: 240px;
  top: 0;
  z-index: 100;
  width: calc(100% - 240px);
  background: var(--main_color);
  height: 60px;
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  transition: left 0.5s;
}

.search_wrapper,
.social_icons {
  display: flex;
  align-items: center;
  color: var(--color_white);
}

.search_wrapper input {
  border: 0;
  outline: 0;
  padding: 1rem;
  height: 38px;
  background: var(--main_color);
  color: var(--color_white);
}

.social_icons span,
.social_icons div {
  margin-left: 1.2rem;
}

.social_icons div {
  height: 38px;
  width: 38px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/1.jpg);
  border-radius: 50%;
}

main {
  margin-top: 0px;
  background: var(--color_fondo);
  min-height: 100vh;
  padding: 1rem 3rem;
}

.dash_title {
  color: var(--color_dark);
  margin-bottom: 1rem;
}

.dash_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 3rem;
}

.card_single {
  background: var(--color_white);
  border-radius: 7px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.card_body {
  padding: 1.3rem 1rem;
  display: flex;
  align-items: center;
}

.card_body span {
  font-size: 1.5rem;
  color: #777;
  padding-right: 1.4rem;
}

.card_body h5 {
  color: var(--text_grey);
  font-size: 1rem;
}

.card_body h4 {
  color: var(--color_dark);
  font-size: 1.1rem;
  margin-top: 0.2rem;
}

.card_footer {
  padding: 0.2rem 1rem;
  background: #f9fafc;
}

.card_footer a {
  color: var(--main_color);
}

/* Seccion de contenido */
.recent {
  margin-top: 20px;
  margin-bottom: 30px;
}

.activity_grid {
  display: grid;
  grid-template-columns: 75% 25%;
  grid-column-gap: 1.5rem;
}

.activity_card_login {
  display: grid; 
  grid-template-columns: 1fr;
  min-height: 90vh;
}

.activity_grid_oneC {
  display: grid;
  grid-template-columns: none;
  grid-gap: 1.5rem;
}

.activity_card,
.sumary_card,
.bday_card,
.bday_card_login {
  background: var(--color_white);
}

.activity_card h3 {
  color: var(--text_grey);
  margin: 1rem;
}

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

.activity_card thead {
  background: #efefef;
  text-align: left;
}

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

.bday_card_login {
  min-height: 90vh;
  display: grid;
  align-items: center;
  padding: 0px 40px;
}

.bday_card_login img {
  width: 100%;
  padding: 20px 40px;
  max-height: 90vh;
  background-position: center center;
  background-size: cover;
}

th, td {
  font-size: 0.9rem;
  padding: 1rem 0.5rem;
  color: var(--color_dark);
}

td {
  font-size: 1rem;
}

.badge {
  padding: 0.2rem 1rem;
  border-radius: 20px;
  font-weight: 700;
  font-size: 0.7rem;
}

.badge.success {
  background: #DEECF7;
  color: var(--main_color);
}

.badge.warning {
  background: #f0f6b2;
  color: orange;
}

.td_team {
  display: flex;
  align-items: center;
}

.img_1,
.img_2,
.img_3 {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  margin-left: -15px;
  border: 3px solid #efefef;
  background-size: cover;
  background-repeat: no-repeat;
}

.img_1 {
  background-image: url(../img/1.jpg);
}

.img_2 {
  background-image: url(../img/2.jpg);
}

.img_3 {
  background-image: url(../img/3.jpg);
}

.sumary_card {
  margin-bottom: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sumary_single {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}

.sumary_single span {
  font-size: 1.5rem;
  color: #777;
  padding-right: 1rem;
}

.sumary_single h5 {
  color: var(--main_color);
  font-size: 1.1rem;
  margin-bottom: 0rem !important;
}

.sumary_single small {
  font-weight: 700;
  color: var(--text_grey);
}

.bday_flex {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}

.bday_card {
  padding: 1rem;
}

.bday_img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 3px solid #efefef;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/1.jpg);
  margin-right: 0.7rem;
}

.text_center {
  text-align: center;
}

.text_center button {
  background: var(--main_color);
  color: var(--color_white);
  border: 1px solid var(--main_color);
  border-radius: 4px;
  padding: 0.4rem 1rem;
}

.table_responsive {
  overflow-x: auto;
}

/* FORMULARIOS */
.title_formne {
  text-align: left;
  color: var(--main_color);
  text-transform: capitalize;
  font-size: 34px;
}

form.formne .img_login img {
  display: block;
  margin: auto;
  width: 50%;
}

form.formne .input_group {
  display: grid;
  align-items: center;
  margin-bottom: 20px;
}

form.formne label {
  display: block;
  background: var(--color_white);
  width: auto;
  max-width: 165px;
  padding: 0 0 0 10px;
  color: var(--text_label_form);
  font-weight: 500;
  text-align: left;
  margin-bottom: -8px;
  margin-left: 10px;
  z-index: 1;
}

form.formne h4 {
  margin: 20px 0;
  text-align: left;
  color: var(--main_color);
  font-size: 18px;
  text-transform: capitalize;
}

form.formne h4.title_fLogin {
  margin: 20px 0;
  text-align: center;
  color: var(--main_color);
  font-size: 40px;
  text-transform: capitalize;
}

form.formne video {
  padding: 5px;
  width: 100%;
  border: 1px solid var(--text_grey);
}

form.formne input,
form.formne select,
form.formne textarea {
  padding: 10px 20px;
  width: 100%;
  border: 1px solid var(--text_grey);
  font-size: 16px;
}

form.formne input:disabled {
  border: none !important;
}

form.formne textarea:focus,
form.formne input:focus {
  outline: 1px solid var(--main_color);
}

form.formne input[type="submit"] {
  background: var(--main_color);
  color: var(--color_white);
  margin-top: 20px;
  width: 100%;
  border: 1px solid var(--text_grey);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  transition: 0.5s;
  padding: 20px;
}

form.formne input[type="button"] {
  background: var(--main_color);
  color: var(--color_white);
  margin-top: 20px;
  width: 100%;
  border: 1px solid var(--text_grey);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  transition: 0.5s;
  padding: 20px;
}

form.formne input[type="button"]:hover {
  background: var(--color_celeste);
}

form.formne input[type="submit"]:hover {
  cursor: pointer;
  outline: none;
  background: var(--color_celeste);
  transition: 0.5s;
}

.input_container_divitions_one {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
}

.input_container_divitions {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 2%;
}

.input_container_dDirCusa {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 100%;
}

.input_container_divitions_tree {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 33% 33% 32%;
  grid-column-gap: 1%;
}

.input_container_divitions_four {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 24.5% 24.5% 24.5% 23.5%;
  grid-column-gap: 1%;
}

.input_container_divitions_login {
  width: 95%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1%;
}

.input_cd_ce {
  width: 95%;
  margin: auto;
}

input.Minicial {
  text-transform: capitalize;
}

form.formne input.di_flex {
  width: 50%;
  margin: 0 20px;
}

/* TABLA DEL FORMULARIO DEL CONTENIDO DE LAS ENCOMIENDAS */
table.table_cde thead,
table.table_cde tbody {
  background: var(--color_white);
  text-align: left;
  border-bottom: 1px solid var(--color_divisorio);
  direction: initial;
}

.title_file_detalle_enc {
  display: none;
}

table.table_cde thead.no_border_btotom {
  border-bottom: none;
}

table.table_cde thead tr th {
  padding: 5px;
  font-size: 12px;
}

table.table_cde tbody tr td {
  margin: 5px 0;
  padding: 5px 2px;
}

table.table_cde tbody tr td input {
  padding: 10px;
}

table.table_cde tbody tr td button.btn_delete_add,
table.table_cde tbody tr td a.btn_delete_add {
  display: block;
  margin: auto;
  padding: 5px;
  height: auto;
  background: var(--color_danger);
  color: var(--color_white);
  margin-top: 5px;
  width: 100%;
  border: 1px solid var(--color_danger);
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  cursor: pointer;
}

table.table_cde tbody tr td button.btn_delete_add:hover,
table.table_cde tbody tr td a.btn_delete_add:hover {
  background: var(--color_danger);
  color: var(--color_amarillo);
}

table.table_cde tbody tr td button.dbd,
table.table_cde tbody tr td a.dbd {
  background: #607d8b;
  border: none;
  color: #fff;
  cursor: none;
  pointer-events: none;
}

table.table_cde tbody tr td button.btn_add_file {
  margin: auto;
  padding: 10px;
  height: auto;
  background: #ffffff;
  color: var(--color_celeste);
  margin-top: 2px;
  width: 100%;
  border: 1px solid var(--color_celeste);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_autiriced_j {
  margin: auto;
  padding: 10px;
  height: auto;
  background: var(--main_color);
  color: var(--color_white);
  margin-top: 2px;
  width: 100%;
  border: 1px solid var(--main_color);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_add_file:hover {
  background: var(--color_celeste);
  color: var(--color_white);
  outline: none;
  cursor: pointer;  
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_update_listP {
  margin: auto;
  padding: 10px;
  height: auto;
  background: #ffffff;
  color: var(--color_anaranjado);
  margin-top: 2px;
  width: 100%;
  border: 1px solid var(--color_anaranjado);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_update_listP:hover {
  background: var(--color_anaranjado);
  color: var(--color_white);
  outline: none;
  cursor: pointer;  
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_autiriced_j.active {
  background: var(--color_green);
  border-color: var(--color_green);
  color: var(--color_white);
  letter-spacing: 1.5px;
  outline: none;
  cursor: pointer;  
  transition: 0.5s;
}

table.table_cde tbody tr td button span {
  display: inline-block;
  transform: rotateZ(-360deg);
  transition: 0.5s;
}

table.table_cde tbody tr td button.active span.active_r {
  display: inline-block;
  transform: rotateZ(450deg);
  font-weight: bold;
  transition: 0.5s;
}

table.table_cde tbody tr td button.btn_autiriced_j:hover {
  background: var(--color_celeste);
  border-color: var(--color_celeste);
  color: var(--color_white);
  outline: none;
  cursor: pointer;  
  transition: 0.5s;
}

.tcde_tr_grid {
  display: grid;
  grid-template-columns: 5% 10% 26% 12% 12% 12% 12% 11%;
}

.tcde_tr_grid_usa {
  display: grid;
  grid-template-columns: 6% 6% 20% 10% 10% 10% 10% 10% 10% 8%;
}

.tcde_tr_grid_cgs {
  display: grid;
  grid-template-columns: 6% 6% 28% 10% 10% 10% 10% 10% 10%;
}

.tcde_tr_grid_productos {
  display: grid;
  grid-template-columns: 40% 20% 20% 20%;
}

.tcde_tr_fcBtnAdd_btnQuestions {
    display: grid;
    grid-template-columns: 33% 34% 33%;
}

.thtdAut_tr_grid {
  display: grid;
  grid-template-columns: 18% 20% 2% 20% 20% 20%; 
}

.tcde_tr_fcTnTm {
    display: grid;
    /*grid-template-columns: 20% 14% 11% 11% 11% 22% 11%;*/
    grid-template-columns: 25% 15% 20% 25% 15%;
}

.tpesti_tr_grid {
  display: grid;
  grid-template-columns: 40% 20% 10% 10% 10% 10%;
}

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

.title_totals {
    font-size: 16px;
    color: var(--color_dark);
    font-weight: 600;
}

.ssdt {
    font-size: 20px;
    font-weight: 600;
    text-align: right;
    margin-right: 5px;
}

table tbody tr td.td_oservaciones {
  color: var(--main_color);
  font-size: 20px;
  font-weight: 600;
  margin: auto 0px;
  margin-bottom: -4px;
  padding: 12px 0;
  border-bottom: 8px solid var(--color_white);
}

table thead tr th.thAut_aumento {
  color: var(--color_green);
  font-size: 14px;
}

table thead tr th.thAut_descuento {
  color: var(--color_danger);
  font-size: 14px;
}

table tbody tr td.td_peso {
  color: var(--color_celeste);
  font-size: 20px;
  font-weight: 600;
  text-align: end;
  margin: 5px 20px 0 0;
  padding: 12px 0;
  border-left: 1px solid var(--color_divisorio);
}

.textarea_observaciones_encsv {
  padding: 5px;
  width: 100%;
  border: 1px solid var(--text_grey);
  font-size: 16px;
}

.monto_dT,
.monto_subTotal,
.monto_descuento,
.monto_totalE {
    font-size: 20px;
    font-weight: 600;
    text-align: right;
}

.monto_dT {
    color: var(--color_dark);
}

.monto_subTotal {
    color: var(--main_color);
}

.monto_descuento {
    color: var(--color_danger);
}

.monto_totalE {
    color: var(--color_green);
}

.titulo_sA {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.seccion_lista {
    display: grid;
    align-items: center;
    justify-content: flex-end;
}

.btn_sa_lista {
    padding: 10px;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    border: none;
    background: var(--color_celeste);
    color: var(--color_white);
    font-weight: 600;
}

/* Estilo de los items del autocompletado de los familares de estados unidos */
.f_container {
  background: var(--color_celeste_f);
  width: 95%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_a_sa {
  background: var(--color_rosado_f);
  width: 95%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_confirm {
  background: var(--color_gris_f);
  width: 95%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_a_sa_confirm {
  background: var(--color_gris_f);
  width: 95%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_i {
  background: var(--color_amarillo_f);
  width: 95%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_l {
  background: var(--color_rosado_f);
  width: 100%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_g {
  background: var(--color_green_f);
  width: 100%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_reclamos {
  background: var(--color_danger);
  width: 100%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_container_reclamos_solucionados {
  background: var(--color_green);
  width: 100%;
  margin: 0 auto 10px auto;
  transition: 0.5s;
}

.f_box {
  display: grid;
  grid-template-areas: 'img nombre tel ciudad ident' 'img dir dir dir dir';
  gap: 10px;
  align-items: center;
}

.f_box_recolecta_ruta {
  display: grid;
  grid-template-areas: 'nombre' 'tel' 'ciudad' 'dir';
  gap: 10px;
  align-items: center;
}

.f_box_recolecta_ruta .f_item_info_dir {
  min-width: 100%;
}

.f_box_r {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: 'img nombre tel ciudad ident' 'img dir dir dir acciones' 'img obser obser obser acciones';
  gap: 10px;
  align-items: center;
}

.f_box_r_b {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: 'img nombre tel ciudad ident' 'img dir dir dir acciones' 'img obser obser obser acciones';
  gap: 10px;
  align-items: center;
}

.f_box_reclamos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: 'nombre tel ciudad ident ident' 'dir dir dir dir acciones' 'obser obser obser obser acciones';
  gap: 10px;
  align-items: center;
}

.f_container_reclamos .f_box_reclamos h5 {
  color: var(--color_amarillo_f);
}

.f_container_reclamos .f_box_reclamos span {
  color: var(--color_amarillo);
}

.f_container_reclamos_solucionados .f_box_reclamos h5 {
  color: var(--color_green_bajo);
}

.f_container_reclamos_solucionados .f_box_reclamos span {
  color: var(--color_white);
}

.f_container_reclamos .f_box_reclamos .list_btn_actions_r_d {
  background: var(--color_amarillo);
  color: var(--color_danger);
}

.f_container_reclamos .f_box_reclamos .list_btn_actions_r_d:hover {
  background: var(--main_color);
  color: var(--color_white);
}

.f_box_o {
  display: grid;
  grid-template-areas: 'img dir dir dir dir' 'img dir dir dir dir';
  gap: 10px;
  align-items: center;
}

.f_container h5,
.f_container_confirm h5,
.f_container .f_item_info_img {
  color: var(--color_celeste);
  font-weight: bold;
}

.f_container_a_sa h5,
.f_container_a_sa_confirm h5,
.f_container_a_sa .f_item_info_img {
  color: var(--color_danger);
  font-weight: bold;
}

.f_container_i h5,
.f_container_i .f_item_info_img {
  color: var(--color_dark);
  font-weight: bold;
}

.f_item_info_img {
  grid-area: img;
  padding: 5px;
  text-align: center;
  font-size: 50px;
}

.f_item_info_nombre {
  grid-area: nombre;
  padding: 5px;
}

.f_item_info_tel {
  grid-area: tel;
  padding: 5px;
}

.f_item_info_ciudad {
  grid-area: ciudad;
  padding: 5px;
}

.f_item_info_ident {
  grid-area: ident;
  padding: 5px;
}

.f_item_info_dir {
  grid-area: dir;
  padding: 5px;
  min-width: 250px;
  max-width: 100%;
}

.f_item_info_ob {
  grid-area: obser;
  padding: 5px;
  min-width: 250px;
  max-width: 100%;
}

.f_item_info_acc {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 5px;
  grid-area: acciones;
  padding: 5px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.f_item_info_nombre h5,
.f_item_info_tel h5,
.f_item_info_ciudad h5,
.f_item_info_ident h5,
.f_item_info_dir h5,
.f_item_info_ob h5 {
  color: var(--color_gris_medio);
  font-weight: bold;
  text-transform: capitalize;
}

.f_item_info_nombre span,
.f_item_info_tel span,
.f_item_info_ciudad span,
.f_item_info_ident span,
.f_item_info_dir span,
.f_item_info_ob span {
  color: var(--color_dark);
  font-weight: bold;
  text-transform: capitalize;
}

.f_container:hover,
.f_container_confirm:hover,
.f_container:hover h5,
.f_container_confirm:hover h5,
.f_container_a_sa:hover,
.f_container_a_sa_confirm:hover,
.f_container_a_sa:hover h5,
.f_container_a_sa_confirm:hover h5,
.f_container_i:hover,
.f_container_i:hover h5 {
  background: var(--color_amarillo);
  color: var(--color_dark);
  transform: scale(98%);
  transition: 0.5s;
}

#box_dir_cusa.hidden {
  display: none;
}

hr.hr_div {
  margin: 20px
}

/*****************************************************************************
*                            ESTILOS DEL LISTADO                             *
*****************************************************************************/
.herramientas {
  display: grid;
  grid-template-columns: 2fr 3fr 1fr;
}

.herramientas_tres {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
}

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

.herramientas_cuatro {
  display: grid;  
  grid-template-columns: repeat(4, 1fr);
  margin: 20px 0;
  text-align: center;
}

.er_enc {
  color: var(--color_danger);
}

.entr_enc {
  color: var(--color_celeste);
}


.er_enc:hover,
.entr_enc:hover {
  color: var(--main_color);
  cursor: pointer;
}

.herramientas_btns_list_usa .h_btns_machotes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}

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

.h_cargas {
  text-align: left;
  display: flex;
}

.h_cargas_dos {
  display: grid;
  grid-template-columns: 1fr 3fr;
  text-align: left;
}

.h_btns_machotes {
  text-align: center;
}

.herramientas :is(input, select),
.herramientas_dos :is(input, select),
.herramientas_tres :is(input, select),
.herramientas_eqp :is(input, select) {
  padding: 10px;
  width: 100%;
  border: 1px solid var(--text_grey);
  font-size: 14px;
}

.h_btns_machotes :is(button) {
  padding: 8px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border: none;
  text-transform: uppercase;
  margin: 0 3px;
}

.h_btns_machotes :is(button.btn_houston),
.h_btns_machotes :is(button.btn_irving) {
  background: var(--color_celeste);
  color: var(--color_white);
}

.h_btns_machotes :is(button.btn_neutral) {
  background: var(--color_gris_100);
  color: var(--main_color);
}

.h_btns_machotes :is(button.btn_austin),
.h_btns_machotes :is(button.btn_sanantonio) {
  background: var(--color_danger);
  color: var(--color_white);
}

.h_btns_machotes :is(button.btn_interline) {
  background: var(--color_amarillo);
  color: var(--color_dark);
}

.h_btns_machotes :is(button.btn_houston):hover,
.h_btns_machotes :is(button.btn_irving):hover,
.h_btns_machotes :is(button.btn_austin):hover,
.h_btns_machotes :is(button.btn_sanantonio):hover,
.h_btns_machotes :is(button.btn_interline):hover {
  background: var(--main_color);
  color: var(--color_white);
  cursor: pointer;
  transition: 0.5s;
}

.h_btns_machotes :is(button.btn_neutral):hover {
  background: var(--color_danger);
  color: var(--color_white);
  cursor: pointer;
}

.h_btns_machotes :is(button.btn_houston):active,
.h_btns_machotes :is(button.btn_irving):active,
.h_btns_machotes :is(button.btn_austin):active,
.h_btns_machotes :is(button.btn_sanantonio):active,
.h_btns_machotes :is(button.btn_interline):active {
  transform: scale(98%);
  transition: 0.5s;
}

.h_buscador {
  text-align: right;
  display: flex;
}

select {
  background: var(--color_celeste_f);
  text-transform: capitalize;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 22px;
}

select.select_file_add {
  width: 100%;
  height: 100%;
  background: var(--color_rojo_bajo);
  text-transform: capitalize;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 18px;
  border: 1px solid var(--text_grey);
}

select.select_file_add_ok {
  width: 100%;
  height: 100%;
  background: var(--color_green_f);
  text-transform: capitalize;
  text-align: center;;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 18px;
  border: 1px solid var(--text_grey);
}

select.select_traslado {
  width: 100%;
  height: 100%;
  background: var(--color_celeste_f);
  text-transform: capitalize;
  text-align: center;;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 18px;
  border: 1px solid var(--text_grey);
}

/*-----------------------------------------------------------------------------------------------------------*/

.desv_box_interline.hoi {
  text-transform: capitalize;
  background: var(--color_celeste_f);
}

.desv_box_interline.aosa {
  text-transform: capitalize;
  background: var(--color_rosado_f);
}

.desv_box_interline {
  text-transform: capitalize;
  background: var(--color_amarillo_f);
  padding: 10px;
  display: grid;
  /*grid-template-rows: 1fr 20px 70px 100px 20px;*/
  grid-template-rows: repeat(0.5, 1fr);
  grid-row-gap: 20px;
  margin: 0 0 20px 0;
  align-items: center;
}

.desv_box_interline :is(.box_section_sv, .box_section_usa) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'nombre tel ciudad ident' 'dir dir dir dir';
  gap: 2px;
  align-items: center;
}

.desv_box_interline :is(.box_section_sv span, .box_section_usa span) {
  font-size: 20px;
}

.desv_box_interline :is(.box_section_detalle) {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.desv_box_interline :is(.observaciones) {
  margin: 20px 0 0 0;
  padding: 5px;
  height: 100px;
  text-align: left;
  border: 1px solid var(--text_grey);
}

.desv_box_interline :is(.observaciones h5) {
  color: var(--main_color);
}

.desv_box_interline :is(.observaciones p) {
  font-size: 18px;
  color: var(--color_danger);
  font-weight: bold;
}

.bsu_dir {
  grid-area: dir;
}

.desv_box_interline .list_btn_actions_edit {
  font-size: 14px;
  background: var(--color_celeste);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.desv_box_interline .list_btn_actions_verificar {
  font-size: 14px;
  background: var(--color_green);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.list_btn_actions_r {
  font-size: 14px;
  background: var(--color_celeste);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.list_btn_actions_r_d {
  font-size: 14px;
  background: var(--color_danger);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.list_btn_actions_i {
  font-size: 14px;
  background: var(--color_green);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.desv_box_interline .list_btn_actions_delete {
  font-size: 14px;
  background: var(--color_danger);
  color: var(--color_white);
  font-weight: bold;
  margin: 0 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a.list_btn_actions_r:hover,
a.list_btn_actions_r_d:hover,
a.list_btn_actions_i:hover,
.desv_box_interline .list_btn_actions_edit:hover,
.desv_box_interline .list_btn_actions_delete:hover {
  background: var(--main_color);
  cursor: pointer;
}

.table_list_pqEnc_sv {
  width: 100%;
}

.tr_ad_encsv,
.tr_ad_encusa {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 2fr;
  text-align: left;
}

.d_title {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr 3fr;
  text-align: left;
}

.tr_d_pq_n {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  text-align: left;
}

.tr_d_pq_n_usa {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
  text-align: left;
}

.tr_d_pq_n_usa_gs {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
  text-align: left;
}

/*thead th {
  border-bottom: 1px solid var(--text_grey);
}*/

.tr_d_pq_n_t {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: left;
}

.text_info {
  color: var(--color_celeste);
}

.text_info_r {
  color: var(--color_danger);
}

.th_list_enc_t {
  color: var(--main_color);
}

.th_list_enc_t_usa {
  color: var(--color_dark);
}

.th_list_enc_r {
  color: var(--color_danger);
  font-size: 14px;
}

.td_list_enc_t {
  color: var(--color_green);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.td_list_enc_r {
  color: var(--color_danger);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.th_list_enc_t,
.th_list_pq {
  padding: 20px 0 5px 0;
  font-size: 14px;
  color: var(--color_gris_medio);
  font-weight: 500;
}

.td_list_pq {
  padding: 5px 0 0 0;
  font-size: 16px;
}

.td_list_enc_r,
.td_list_enc_t {
  padding: 5px 0 0 0;
  font-size: 20px;
}

.box_secctions_npq_acctions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: left;
  align-items: center;
  justify-content: center;
}

.box_npq h5,
.dt_title_npq h5 {
  color: var(--color_gris_medio);
}

.box_npq h5.estate {
  text-align: right;
  margin-right: 10px;
  margin-top: 2px;
}

.box_section_detalle .detalle:first-child {
  border: 1px solid var(--text_grey);
  border-top: none;
  margin-top: -30px;
  padding: 20px 10px;
}

.box_section_detalle .detalle {
  border: 1px solid var(--text_grey);
  padding: 10px
}

.box_acctions {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-row-gap: 5px;
  align-items: center;
  text-align: center;
  justify-content: center;
}

select.d_list_npq {
  font-size: 14px;
  padding: 2px 0;
  border-radius: 0px;
  border: 1px solid var(--text_grey);
  background: var(--color_white);
}

select.forme_select {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 0px;
  border: 1px solid var(--text_grey);
  background: var(--color_white);
}

span.npq {
  color: var(--color_celeste);
  font-size: 18px;
  font-weight: bold;
}

table.table_list_pqEnc_sv thead tr {
  border-bottom: 1px solid var(--color_gris_bajo);
}

.div_container_grid_dash {
  display: grid;
  grid-template-columns: repeat(auto-fill, 23%);
  grid-gap: 10px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.box_item,
.box_item_doc,
.box_item_doc_gs {
  min-width: 100px;
  min-height: 100px;
  box-shadow: 0 0 10px var(--text_grey);
  padding: 20px;
  transition: 0.5s;
}

.box_item:hover {
  background: var(--main_color);
  color: var(--color_amarillo);
  transition: 0.5s;
}

.box_item:hover h2,
.box_item:hover div.dato_item  {
  color: var(--color_amarillo);
}

.box_item_doc:hover {
  background: var(--color_danger);
  color: var(--color_amarillo);
  cursor: pointer;
  transition: 0.5s;
}

.box_item_doc:hover h2,
.box_item_doc:hover div.dato_item  {
  color: var(--color_amarillo);
}

.box_item_doc_gs:hover {
  background: var(--color_amarillo);
  color: var(--main_color);
  cursor: pointer;
  transition: 0.5s;
}

.box_item_doc_gs:hover h2,
.box_item_doc_gs:hover div.dato_item  {
  color: var(--main_color);
}

.box_item h2,
.box_item_doc h2,
.box_item_doc_gs h2 {
  font-size: 80px;
  color: var(--main_color);
}

.box_item h1,
.box_item_doc h1,
.box_item_doc_gs h1 {
  font-size: 18px;
}

.box_item div.dato_item,
.box_item_doc div.dato_item,
.box_item_doc_gs div.dato_item {
  font-size: 22px;
  color: var(--color_celeste);
  border-top: 1px solid;
  padding-top: 10px;
}

/*****************************************************************************
*                ESTILOS DEL LISTADO DE LINKS DE DECLARACIONES               *
*****************************************************************************/

.container_links_declarations {
  display: grid;
  grid-template-columns: 30% 70%;
}

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

.table_link thead.thead_white tr th label {
  position: relative;
  bottom: 2px;
  font-size: 12px;
}

.table_options_order_sv {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1.2fr 1fr;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.table_options_order_usa {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.table_options_order_sv div.option_order label,
.table_options_order_usa div.option_order label {
  font-size: 14px;
  color: var(--color_celeste);
  font-weight: bold;
  position: relative;
  bottom: 1px;
}

.form_save_links, .table_links {
  padding: 20px;
}

.table_addEq,
.table_link {
  border-collapse: collapse;
  font-size: 20px;
  /* min-width: 450px; */
  width: 100%;
  margin-top: 10px;
}

.table_link thead tr {
  background: var(--main_color);
  text-align: left;
}

.table_addEq thead tr {
  background: var(--color_danger);
  text-align: left;
}

.table_addEq thead tr th,
.table_link thead tr th {
  color: var(--color_white);
}

.table_addEq tbody tr td,
.table_addEq tbody tr td a,
.table_link tbody tr td,
.table_link tbody tr td a {
  /* color: var(--color_celeste); */
  color: var(--color_gris_medio);
}

.table_addEq tbody tr td input {
  padding: 5px;
  border: none;
  border-bottom: 1px solid var(--text_grey);
  font-size: 16px;
  width: 30%;
}

.table_addEq th,
.table_addEq td,
.table_link th,
.table_link td {
  padding: 15px;
  font-weight: bold;
  font-size: 16px;
}

.table_addEq tbody tr,
.table_link tbody tr {
  border-bottom: 1px solid var(--text_grey);
}

.table_addEq tbody tr:nth-of-type(even),
.table_link tbody tr:nth-of-type(even) {
  background: var(--color_fondo);
}

.table_addEq tbody tr div.alink,
.table_link tbody tr div.alink {
  width: 100%;
  max-width: 500px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table_addEq thead tr th.acciones_table,
.table_addEq tbody tr td.acciones_table,
.table_link thead tr th.acciones_table,
.table_link tbody tr td.acciones_table {
  max-width: 80px;
  text-align: center;
}

.table_addEq tbody tr a.btn_table_edit,
.table_addEq tbody tr a.btn_table_delete,
.table_link tbody tr a.btn_table_edit,
.table_link tbody tr a.btn_table_delete {
  cursor: pointer;
  padding: 5px 10px;
  background: #45769d;
  color: var(--color_white);
  font-size: 14px;
  text-transform: uppercase;
  margin: 5px;
  transition: 0.5s;
}

.table_addEq tbody tr a.btn_table_edit:hover,
.table_addEq tbody tr a.btn_table_delete:hover,
.table_link tbody tr a.btn_table_edit:hover,
.table_link tbody tr a.btn_table_delete:hover {
  background: #57a0db;
  transition: 0.5s;
}

.table_addEq tbody tr a.btn_table_edit.disabled,
.table_addEq tbody tr a.btn_table_delete.disabled,
.table_link tbody tr a.btn_table_edit.disabled,
.table_link tbody tr a.btn_table_delete.disabled {
  cursor: not-allowed;
  background: var(--text_grey);
  transition: 0.5s;
}

.table_addEq tbody tr td.Minicial,
.table_link tbody tr td.Minicial {
  text-transform: capitalize;
}

.table_addEq tbody tr td.Mayusculas_text,
.table_link tbody tr td.Mayusculas_text {
  text-transform: uppercase;
}

.table_link tbody tr td button.copy_cccgs {
  padding: 5px 10px;
  margin: 0 0 0 30px;
  background: var(--color_danger);
  color: var(--color_white);
  border: none;
  transition: 0.5s;
}

.table_link tbody tr td button.copy_cccgs:hover {
  background: var(--color_celeste);
  transition: 0.5s;
}

.hidden_form {
  display: none;
}

.hidden_div {
  display: none !important;
}

.center {
  text-align: center;
}

/* ESTILOS DEL APARTADO DE ESTIMACIONES DE ENCOMIENDA */
.container_estimaciones {
  display: grid;
  grid-template-columns: 70% 30%;
}

.precio_total {
  text-align: center;
}

.precio_total h1 {
  position: relative;
}

.precio_total h1 span.signo {
  font-size: 50px;
  color: var(--color_green);
}
  
.precio_total h1 span.monto {
  font-size: 60px;
  color: var(--color_green);
}

.st_est_container {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  text-align: right;
  justify-content: center;
}

.st_est_container h2 {
  color: var(--text_grey);
  font-size: 18px;
}

.st_est_container h2 span.d_st_est {
  color: var(--color_celeste);
  font-size: 20px
}

.st_est_container h2 span.d_d_est {
  color: var(--color_danger);
  font-size: 20px
}

.st_est_container h2 span.d_n_est {
  color: var(--color_dark);
  font-size: 20px
}

h4.title_info_panel_datos {
  margin: 30px;
  text-align: left;
  color: var(--main_color);
  font-size: 18px;
  text-transform: capitalize;
}

#peso_suma_suc_fecha {
  color: var(--color_celeste);
  font-weight: bold;
  font-size: 18px;
}

/*****************************************************************************
*                             ESTILOS DE GRAFICOS                            *
*****************************************************************************/

.g_50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

/*****************************************************************************
*                           RESPONSIVE MEDIA QUERYS                          *
*****************************************************************************/
@media only screen and (max-width: 1200px) {
  .sidebar {
    width: 60px;
    z-index: 150;
  }

  .sidebar .sidebar_header h3 span,
  .sidebar li span:last-child {
    display: none;
  }

  .sidebar .sidebar_header,
  .sidebar li {
    display: flex;
    justify-content: center;
  }

  .main_content {
    margin-left: 60px;
  }

  .main_content header {
    left: 60px;
    width: calc(100% - 60px);
  }

  #sidebar_toggle:checked~.sidebar {
    width: 360px;
  }

  #sidebar_toggle:checked~.sidebar .sidebar_header h3 span,
  #sidebar_toggle:checked~.sidebar li span:last-child {
    display: inline;
  }

  #sidebar_toggle:checked~.sidebar .sidebar_header {
    display: flex;
    justify-content: space-between;
  }

  #sidebar_toggle:checked~.sidebar li {
    display: block;
  }

  #sidebar_toggle:checked~.main_content {
    margin-left: 60px;
  }

  #sidebar_toggle:checked~.main_content header {
    left: 60px;
  }

  /* Formulario de agregar */
  .input_container_divitions_four {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Listado de encomiendas */
  .box_secctions_npq_acctions {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    text-align: left;
  }

  .desv_box_interline :is(.box_section_sv span, .box_section_usa span) {
    font-size: 16px;
  }

  .herramientas_btns_list_usa .h_btns_machotes {
    display: grid;
    grid-template-columns: 24.5% 24.5% 1% 24.5% 24.5%;
    grid-gap: 1%;
  }

  .h_btns_machotes :is(button) {
    font-size: 10px;
  }

  span.npq {
    font-size: 16px;
  }

  .desv_box_interline .list_btn_actions_edit,
  .desv_box_interline .list_btn_actions_delete,
  .desv_box_interline .list_btn_actions_verificar {
    font-size: 10px;
  }

  .td_list_enc_r, .td_list_enc_t {
    padding: 0;
    font-size: 16px;
  }
}

@media only screen and (max-width: 860px) {
  .input_container_divitions_login {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  
  form.formne .img_login img {
    display: block;
    margin: auto;
    width: 100%;
  }

  .dash_cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .card_single {
    margin-bottom: 1rem;
  }

  .activity_grid {
    display: block;
  }

  .sumary {
    margin-top: 1.5rem;
  }

  .container_links_declarations {
    display: grid;
    grid-template-columns: 100%;
  }

  .herramientas,
  .herramientas_tres {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 20px;
  }

  .box_acctions {
    grid-template-rows: 1fr;
    order: 1;
  }

  span.npq,
  .desv_box_interline :is(.box_section_sv span, .box_section_usa span) {
    font-size: 16px;
  }

  .box_secctions_npq_acctions {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    text-align: left;
  }

  .desv_box_interline :is(.box_section_sv, .box_section_usa) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 10px;
    grid-template-areas: 'nombre tel' 'ciudad ident' 'dir dir';
    align-items: center;
    text-align: left;
  }

  .box_acctions {
    justify-content: initial;
  }

  #separador_autorizaciones,
  #separador_totales {
    display: none;
  }

  /* Formulario de agregar */
  .input_container_divitions_tree,
  .input_container_divitions_four,
  .tcde_tr_fcBtnAdd_btnQuestions {
    grid-template-columns: 1fr;
  }

  .fc_btn_add {
    order: -1;
  }

  .td_btn_autiriced_j {
    order: 2;
  }

  .table_cde thead tr.tcde_tr_grid:first-child,
  .table_cde thead tr.tcde_tr_grid_usa:first-child,
  .table_cde thead tr.tcde_tr_grid_cgs:first-child {
    display: none;
  }

  .tcde_tr_grid,
  .tcde_tr_grid_usa,
  .tcde_tr_grid_cgs,
  .tpesti_tr_grid {
    grid-template-columns: 1fr;
  }

  .title_file_detalle_enc {
    display: block;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color_gris_medio)
  }

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

  .tcde_tr_fcTnTm {
    grid-template-columns: 32.5% 15% 5% 32.5% 15%;
  }

  .title_totals {
    font-size: 14px;
  }

  .tcde_tr_fcBtnAdd_btnQuestions td.td_oservaciones,
  .tcde_tr_fcBtnAdd_btnQuestions td.td_peso {
    font-size: 14px;
  }

  .dm_oculto {
    display: none;
  }

  .acciones_table {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* Estimaciones */
  .container_estimaciones {
    grid-template-columns: 1fr;
  }

  /* Recolecta */
  .f_box_r .f_item_info_img {
    display: none;
  }

  .f_box_r {
    grid-template-columns: none;
    grid-template-rows: 1fr;
    grid-template-areas: 'nombre tel' 'ciudad ident' 'dir obser' 'acciones acciones';
    gap: 10px;
    align-items: center;
  }

  .f_item_info_acc {
    grid-template-rows: none;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 600px) {
  .dash_cards {
    grid-template-columns: 100%;
  }
}

@media only screen and (max-width: 480px) {
  main {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .form_login {
    width: 100%;
  }

  form.formne .img_login img {
    width: 100%;
  }

  .title_formne {
    font-size: 22px;
  }

  form.formne h4.title_fLogin {
    font-size: 25px;
  }

  form.formne h4 {
    font-size: 16px;
  }

  .desv_box_interline {
    grid-template-rows: none;
  }

  .desv_box_interline :is(.box_section_sv, .box_section_usa) {
    grid-template-areas: none;
    grid-template-columns: 1fr;
  }

  .div_container_grid_dash,
  .titulo_sA,
  .input_container_divitions_login,
  .box_secctions_npq_acctions,
  .d_title,
  .tr_d_pq_n,
  .tr_d_pq_n_usa,
  .herramientas_dos,
  .herramientas_tres,
  .herramientas_cuatro {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }

  .desv_box_interline.aosa {
    grid-gap: none;
  }

  .herramientas,
  .h_cargas,
  .h_cargas_dos,
  .h_cargas_tres,
  .h_btns_machotes {
    display: grid;
    grid-template-rows: 1fr;
    grid-gap: 10px;
  }

  .box_npq h5.estate {
    text-align: left;
  }

  .mapa_secciones,
  .box_npq h5, .dt_title_npq h5,
  .desv_box_interline :is(.observaciones h5) {
    font-size: 12px;
  }

  .sidebar a,
  span.npq,
  .desv_box_interline :is(.box_section_sv span, .box_section_usa span),
  .td_list_pq,
  .desv_box_interline :is(.observaciones p) {
    font-size: 14px;
  }

  .tcde_tr_fcTnTm {
    grid-template-columns: 70% 30%;
  }

  .tcde_tr_fcTnTm td,
  .ssdt {
    font-size: 14px;
  }

  .tcde_tr_fcTnTm td.title_totals {
    font-size: 12px;
  }

  .table_addEq th, .table_addEq td, .table_link th, .table_link td {
    padding: 5px;
    font-size: 12px;
  }

  .bday_card {
    padding: 10px;
  }

  /* Recolecta */
  .f_box_r .f_item_info_img, 
  .f_box_reclamos .f_item_info_img {
    display: none;
  }
  
  .f_box_r,
  .f_box_reclamos {
    grid-template-columns: none;
    grid-template-rows: 1fr;
    grid-template-areas: 'nombre' 'tel' 'ciudad' 'ident' 'dir' 'obser' 'acciones';
    gap: 10px;
    align-items: center;
  }

  .f_item_info_acc {
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }

  #item_add_encomienda_sv,
  .seccion_lista,
  .desv_box_interline .list_btn_actions_edit,
  .desv_box_interline .list_btn_actions_delete,
  .tr_d_pq_n th.th_list_pq:nth-child(1),
  .tr_d_pq_n th.th_list_pq:nth-child(3),
  .tr_d_pq_n th.th_list_pq:nth-child(4),
  .tr_d_pq_n th.th_list_pq:nth-child(5),
  .tr_d_pq_n td.td_list_pq:nth-child(1),
  .tr_d_pq_n td.td_list_pq:nth-child(3),
  .tr_d_pq_n td.td_list_pq:nth-child(4),
  .tr_d_pq_n td.td_list_pq:nth-child(5),
  .aum_des_list_encsv,
  .totales,
  #separador_autorizaciones,
  #separador_totales,
  .dm_oculto,
  .tr_d_pq_n_usa th.th_list_pq:nth-child(1),
  .tr_d_pq_n_usa th.th_list_pq:nth-child(3),
  .tr_d_pq_n_usa th.th_list_pq:nth-child(4),
  .tr_d_pq_n_usa th.th_list_pq:nth-child(5),
  .tr_d_pq_n_usa th.th_list_pq:nth-child(6),
  .tr_d_pq_n_usa th.th_list_pq:nth-child(7),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(1),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(3),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(4),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(5),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(6),
  .tr_d_pq_n_usa td.td_list_pq:nth-child(7),
  .aum_des_list_encusa {
    display: none;
  }

  /* Estimaciones */
  .precio_total h1 span.signo,
  .precio_total h1 span.monto {
    font-size: 30px;
  }

  .st_est_container h2,
  .st_est_container h2 span.d_st_est,
  .st_est_container h2 span.d_d_est,
  .st_est_container h2 span.d_n_est {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .title_formne {
    font-size: 20px;
  }
}