@charset "UTF-8";
body {
/*background-color: #f0f2f5; Reemplaza este código por el color que prefieras */
  background-color: #e6f0fa;
}
.btn-sunat {
  background-color: #ae0d41 !important;
}

.btn-sunat:hover {
  background-color: #930d37 !important;
}

.header {
  position: static;
  top: 0;
  left: 0;
  z-index: 5;
  background: #c8c8c8;
}
.header .conatiner-l a {
  text-decoration: none;
}
.header .conatiner-l h1 {
  margin: 0;
  padding: 10px 0 10px 150px;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
}

.conatiner-loginv2 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.conatiner-loginv3 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.espacio {
  height: 100vh;
  background-size: cover;
}

.login-separacion {
  display: grid;
  grid-template-columns: 60% 40%;
}
.login-separacion .imagen {
/*background-image: url(../../image/aprico1.jpg);*/
  background-image: url(../../image/pwebA30.png);
  width: 100%;
/*background-size: cover; */
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
}

.formulario {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
}
.formulario .borde {
  border: 5px solid #7abaff;
  padding: 40px;
}
.formulario .borde .login-wrap {
  position: relative;
}
.formulario .borde .login-wrap h3 {
  font-weight: 700;
  font-size: 20px;
  color: #99ccff;
  text-align: center;
}
.formulario .borde .login-wrap .icon {
  width: 200px;
  height: 200px;
  background: #99ccff;
  border-radius: 50%;
  font-size: 100px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.formulario .borde .login-wrap .icon span {
  color: #fff;
  margin-left: 55px;
  margin-top: 47px;
}
.formulario .borde .login-wrap .form-group1 {
  font-size: 18px;
}
.formulario .borde .login-wrap .form-group1 label {
  display: inline-block;
  margin-bottom: 5px;
}
.formulario .borde .login-wrap .form-group1 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 3.75px 7.5px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 2.5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formulario .borde .login-wrap .separarA {
  padding-top: 15px;
}
.formulario .borde .login-wrap .formbtn-group1 {
  padding-top: 25px;
  display: grid;
}


/*=============================================
Monitores HD (Monitores HP mayormente)
=============================================*/
.Todo-producto .registrapro-datos {
  margin: 0 0 0 94px;
  position: absolute;
}
.Todo-producto .registrapro-datos ul {
  display: none;
  list-style-type: none;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #000000;
  border-top: none;
  max-height: 180px;
  margin: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0;
}
.Todo-producto .registrapro-datos ul li {
  padding: 7px 9px;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  color: #6e6e6e;
}
.Todo-producto .registrapro-datos ul li.selected {
  background-color: #e8e8e8;
  color: #ffffff;
}
.Todo-producto .registrapro-datos li:hover {
  background-color: #0062ba;
  color: #ffffff;
}

@media (max-width: 1501px) and (min-width: 1200px) {
  .Todo-producto .registrapro-datos {
    margin: 0 0 0 84px;
    position: absolute;
  }
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .formulario {
    padding-top: 25px;
  }

  .login-separacion {
    display: grid;
    grid-template-columns: 55% 45%;
  }

  .login-separacion .imagen {
    background-position: revert;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .header .conatiner-l h1 {
    padding: 10px 0;
    text-align: center;
  }

  .formulario {
    padding-top: 25px;
  }

  .login-separacion {
    display: grid;
    grid-template-columns: 55% 45%;
  }

  .login-separacion .imagen {
    background-size: contain;
    background-position: inherit;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .formulario {
    padding-top: 25px;
  }

  .login-separacion {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .header .conatiner-l h1 {
    padding: 10px 0 10px 10px;
    font-size: 21px;
  }

  .login-separacion {
    display: block;
  }
  .login-separacion .imagen {
    width: 0;
    height: 0;
  }
}
.select2-container {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  width: 135px !important;
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* TABLE CONTAINER*/
.table-cebra {
  border: solid 1px #ccc;
  border-spacing: 0;
}

.table-cebra thead tr {
  background: #ccc;
  color: white;
}
.table-cebra thead tr .pdi4 {
  padding-top: 7px;
}

.table-cebra th,
.table-cebra td {
  border-right: 1px solid #ccc;
  min-width: 150px;
  padding: 5px;
  text-align: left;
}

.table-cebra th:last-child,
.table-cebra td:last-child {
  border-right: 0;
}

.table-cebra td {
  border-bottom: 1px solid #ccc;
}

.table-cebra tbody tr {
  background: white;
}

.table-cebra tbody tr:nth-child(2n) {
  background: #f2f2f2;
}

.table-container {
  max-width: 100%;
  overflow-x: scroll;
}

.table-letra {
  margin: 10px;
  font-size: 15px;
}

.table-container2 {
  padding-left: 2rem;
  max-width: 100%;
  height: 50.7rem;
  overflow-y: scroll;
}

.stycky {
  position: sticky;
  left: 0;
}

.table-bordered thead tr .stycky {
  background: #f6f6f6;
}

.table-bordered tbody tr .stycky {
  background: #ffffff;
}

.table-containerEditarA {
  max-width: 100%;
  overflow-y: scroll;
  height: 36.5rem;
}

.digitacion-tablaA .digitacion-tablaA1 thead {
  position: sticky;
  top: 0 !important;
  z-index: 10 !important;
  text-transform: uppercase;
  font-size: 13px;
}
.digitacion-tablaA .digitacion-tablaA1 th {
  background-color: #d4e6f1 !important;
  text-align: center !important;
  border: 1px solid !important;
  padding: 5px 0 !important;
}
.digitacion-tablaA .digitacion-tablaA1 td {
  padding: 2px 5px 2px 5px !important;
  background-color: #ffffff !important;
}

.pensiones-Formula label {
  margin: 0;
}

.pensiones-Formula .encabezado-pensiones {
  display: grid;
  grid-template-columns: 25% 75%;
}
.pensiones-Formula .encabezado-pensiones .encabezado-pensionesA {
  display: grid;
  grid-template-columns: 30% 60%;
}
.pensiones-Formula .encabezado-pensiones .encabezado-pensionesA label {
  padding-top: 5px;
}
.pensiones-Formula .encabezado-pensiones .encabezado-pensionesB {
  display: grid;
  grid-template-columns: 25% 25%;
  gap: 15px;
}
.pensiones-Formula .encabezado-pensiones .encabezado-pensionesB .pensionesBtn-texto {
  padding-left: 10px;
}
.pensiones-Formula .tabs-pensiones {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 2.5px solid;
  border-style: outset;
}
.pensiones-Formula .tabs-pensiones .tabdig-btn2 {
  border-left: 1px solid;
}
.pensiones-Formula .secciones-pensiones {
  padding-top: 5px;
}
.pensiones-Formula .active-pensiones {
  background: #0984CC;
  color: #ffffff;
}
.pensiones-Formula .active-pensiones:hover {
  color: #ffffff;
}
.pensiones-Formula .secpenciones-separacion {
  display: grid;
  grid-template-columns: 65% 33%;
  gap: 20px;
}
.pensiones-Formula .secpenciones-separacion .tabla-digipensionesM1 {
  height: 424px;
}
.pensiones-Formula .secpenciones-separacion .tabla-digipensionesM1 table {
  width: 100%;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen {
  margin: 15px 10px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .pension-seccionClase select {
  width: 100%;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .pension-seccionClase {
  padding-bottom: 15px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .tabla-digipensionesM2 table {
  width: 100%;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .tabla-digipensionesM2 {
  height: 300px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .botoneS-seccionesYvenci {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .tabla-digipensionesM3 {
  height: 335px;
}
.pensiones-Formula .secpenciones-separacion .pension-bordeArri .pension-borde .pension-margen .tabla-digipensionesM3 table {
  width: 100%;
}
.pensiones-Formula .tabla-digicomprobanteM4 {
  height: 424px;
}
.pensiones-Formula .tabla-digicomprobanteM4 table {
  width: 100%;
}
.pensiones-Formula .pensiones-Btnes {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.pensiones-Formula .pensiones-Btnes .pensiones-BtnesA {
  display: grid;
  grid-template-columns: 25% 25%;
  gap: 15px;
}
.pensiones-Formula .pensiones-Btnes .pensiones-BtnesB {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.pensiones-Formula .pensiones-Btnes .pensiones-BtnesB .pension-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .pensiones-Formula label {
    font-size: 14px;
  }

  .pensiones-Formula input {
    font-size: 14px;
  }

  .pensiones-Formula .encabezado-pensiones {
    grid-template-columns: 30% 70%;
  }
  .pensiones-Formula .encabezado-pensiones .encabezado-pensionesA {
    grid-template-columns: 32% 60%;
  }
  .pensiones-Formula .pensiones-Btnes {
    padding-top: 15px;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA button {
    font-size: 15px;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA {
    grid-template-columns: 30% 33%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB i {
    display: none;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB .pension-texto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .pensiones-Formula label {
    font-size: 14px;
  }

  .pensiones-Formula input {
    font-size: 14px;
  }

  .pensiones-Formula .encabezado-pensiones {
    grid-template-columns: 30% 70%;
  }
  .pensiones-Formula .encabezado-pensiones .encabezado-pensionesA {
    grid-template-columns: 32% 60%;
  }
  .pensiones-Formula .pensiones-Btnes {
    padding-top: 15px;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA button {
    font-size: 15px;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA {
    grid-template-columns: 33% 33%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB i {
    display: none;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB .pension-texto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .pensiones-Formula label {
    font-size: 14px;
  }

  .pensiones-Formula input {
    font-size: 14px;
  }

  .pensiones-Formula .encabezado-pensiones {
    grid-template-columns: 30% 70%;
  }
  .pensiones-Formula .encabezado-pensiones .encabezado-pensionesA {
    grid-template-columns: 32% 60%;
  }
  .pensiones-Formula .pensiones-Btnes {
    padding-top: 15px;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA button {
    font-size: 15px;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA {
    grid-template-columns: 33% 33%;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB i {
    display: none;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB .pension-texto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .pensiones-Formula .encabezado-pensiones {
    display: block;
  }
  .pensiones-Formula .encabezado-pensiones .encabezado-pensionesA {
    grid-template-columns: 50% 50%;
  }
  .pensiones-Formula .encabezado-pensiones .encabezado-pensionesB {
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .pensiones-Formula .secpenciones-separacion {
    display: block;
  }
  .pensiones-Formula .secpenciones-separacion .pension-bordeArri {
    padding-top: 15px;
  }
  .pensiones-Formula .pensiones-Btnes {
    display: block;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesA {
    grid-template-columns: repeat(2, 1fr);
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB {
    padding-top: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB .pension-texto {
    padding-left: 0;
  }
  .pensiones-Formula .pensiones-Btnes .pensiones-BtnesB i {
    display: none;
  }
}
.alumnos-Formula label {
  margin: 0;
}

.alumnos-Formula .alumnos-BlqA {
  display: grid;
  grid-template-columns: 20% 40% 26% 14%;
}
.alumnos-Formula .alumnos-BlqA .alumnosBlqA-data label {
  padding-top: 5px;
}
.alumnos-Formula .alumnos-BlqA .alumnosBlqA-data {
  display: grid;
  grid-template-columns: 30% 55%;
}
.alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones {
  display: grid;
  grid-template-columns: 45% 45%;
  gap: 30px;
}
.alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones .digialumnoBtn-texto {
  padding-left: 10px;
}
.alumnos-Formula .alumnos-BlqA .alumnosBlqA-alerta {
  text-align: center;
  font-size: 24px;
}
.alumnos-Formula .alumnos-BlqA .alumno-datos8 {
  padding-top: 8px;
}
.alumnos-Formula .alumnos-BlqA .alumno-datos8 label {
  padding: 0;
  padding-left: 5px;
  font-weight: 400 !important;
}
.alumnos-Formula .tabs-alumno {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 2.5px solid;
  border-style: outset;
}
.alumnos-Formula .tabs-alumno .tabdig-btn2 {
  border-left: 1px solid;
}
.alumnos-Formula .active-alumnos {
  background: #0984CC;
  color: #ffffff;
}
.alumnos-Formula .active-alumnos:hover {
  color: #ffffff;
}
.alumnos-Formula .alumno-separacion {
  padding-top: 10px;
  display: grid;
  grid-template-columns: 72% 26%;
  gap: 20px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 {
  display: grid;
  grid-template-columns: 62% 38%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-DocI {
  display: grid;
  grid-template-columns: 36% 61%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-DocI select {
  font-size: 15.5px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-CodInt {
  display: grid;
  grid-template-columns: 27% 43%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 {
  padding: 15px 0;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APaterno {
  display: grid;
  grid-template-columns: 22% 38%;
  gap: 4px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 {
  display: grid;
  grid-template-columns: 30% 32% 38%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento input {
  font-size: 14.5px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento {
  display: grid;
  grid-template-columns: 44% 50%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-sexo {
  display: grid;
  grid-template-columns: 50% 50%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-sexo .alumno-mascu label {
  padding-left: 5px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-sexo .alumno-femenino label {
  padding-left: 5px;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-APmater {
  display: grid;
  grid-template-columns: 27% 66%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 65% 35%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 .alumDato-Direccion {
  display: grid;
  grid-template-columns: 20.5% 72%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 .alumDato-Email {
  display: grid;
  grid-template-columns: 21% 71%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos5 {
  display: grid;
  grid-template-columns: 18.5% 41.5%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos6 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 18.5% 41.5%;
}
.alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B {
  display: none;
}
.alumnos-Formula .alumno-separacion .alumno-foto {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alumnos-Formula .alumno-separacion .alumno-foto img {
  height: auto;
  width: auto;
  max-height: 250px;
  max-width: 250px;
}
.alumnos-Formula .alumno-datos7 .textoDatExtra {
  display: grid;
  grid-template-columns: 24% 25%;
}
.alumnos-Formula .alumno-datos7 .textoDatExtra .textoDatExtraA {
  display: grid;
  grid-template-columns: 38% 62%;
}
.alumnos-Formula .alumno-datos7 .textoArea {
  padding-top: 15px;
}
.alumnos-Formula .alumno-datos7 .textoArea textarea {
  width: 100%;
  height: 100px;
}
.alumnos-Formula .alumnos-botonesPrinci {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.alumnos-Formula .alumnos-botonesPrinci .alumnoBtn-texto {
  padding-left: 10px;
}
.alumnos-Formula .apoderado-datos {
  padding-top: 10px;
}
.alumnos-Formula .apoderado-datos .apoderado-datos1 {
  display: grid;
  grid-template-columns: 20% 42%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-Dni {
  display: grid;
  grid-template-columns: 22% 64%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC select {
  width: 80%;
  height: 100%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 30% 30% 40%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APpaterno {
  display: grid;
  grid-template-columns: 33% 57%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APmaterno {
  display: grid;
  grid-template-columns: 35% 55%;
}
.alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APnombre {
  display: grid;
  grid-template-columns: 20% 80%;
}
.alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi {
  display: grid;
  grid-template-columns: 60% 40%;
}
.alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos3 {
  display: grid;
  grid-template-columns: 16.5% 78.5%;
}
.alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos4 {
  display: grid;
  grid-template-columns: 20% 80%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia {
  padding-top: 15px;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen {
  margin: 10px;
  display: grid;
  grid-template-columns: 70% 30%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 {
  padding-top: 15px;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 {
  display: grid;
  grid-template-columns: 42% 58%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1F {
  display: grid;
  grid-template-columns: 35% 45%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1Sexo {
  display: grid;
  grid-template-columns: 50% 50%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1Sexo label {
  padding-left: 10px;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 {
  padding: 18px 0;
  display: grid;
  grid-template-columns: 42% 58%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .apoderado-Parentesco {
  display: grid;
  grid-template-columns: 35% 45%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .inf-part3 {
  display: grid;
  grid-template-columns: 16% 60%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 {
  display: grid;
  grid-template-columns: 42% 58%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele {
  display: grid;
  grid-template-columns: 35% 45%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele input {
  height: 80%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1TeleBtn button {
  width: 46%;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .apoderado-foto {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .apoderado-foto img {
  height: auto;
  width: auto;
  max-height: 170px;
  max-width: 170px;
}
.alumnos-Formula .apoderado-datos .apoderado-distancia .inf-part4 textarea {
  width: 100%;
  height: 100px;
}
.alumnos-Formula .apoderado-datos .tabla-AlumnoPadding {
  padding-top: 15px;
}
.alumnos-Formula .apoderado-datos .tabla-AlumnoPadding .tabla-alumnosM1 {
  height: 150px;
}
.alumnos-Formula .apoderado-datos .inf-part4 {
  padding-top: 15px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .alumnos-Formula label {
    font-size: 14px;
  }

  .alumnos-Formula input {
    font-size: 14px;
  }

  .alumnos-Formula textarea {
    font-size: 14px;
  }

  .alumnos-Formula .alumnos-BlqA {
    grid-template-columns: 24% 40% 22% 14%;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-data label {
    padding-top: 7px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones button {
    font-size: 14px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones span {
    font-size: 14px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones {
    grid-template-columns: 45% 45%;
    gap: 25px;
  }
  .alumnos-Formula .alumno-separacion {
    grid-template-columns: 100%;
    gap: 0;
  }
  .alumnos-Formula .alumno-separacion .alumno-foto {
    display: none;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-CodInt {
    grid-template-columns: 27% 66%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APaterno {
    gap: 3px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento input {
    font-size: 14px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 {
    display: grid;
    grid-template-columns: 65% 33%;
    gap: 20px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos5 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos6 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B {
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B img {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 100px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 {
    grid-template-columns: 30% 42%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-Dni {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC select {
    width: 100%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APpaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APmaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APnombre {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos3 {
    grid-template-columns: 22.5% 73.5%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos4 {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1F {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .apoderado-Parentesco {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .inf-part3 {
    grid-template-columns: 20% 68%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1TeleBtn button {
    width: 70%;
  }
  .alumnos-Formula .alumno-datos7 .textoDatExtra {
    grid-template-columns: 32% 30%;
  }
  .alumnos-Formula .alumnos-botonesPrinci span {
    font-size: 14px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .alumnos-Formula label {
    font-size: 14px;
  }

  .alumnos-Formula input {
    font-size: 14px;
  }

  .alumnos-Formula textarea {
    font-size: 14px;
  }

  .alumnos-Formula .alumnos-BlqA {
    grid-template-columns: 24% 40% 22% 14%;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-data label {
    padding-top: 7px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones button {
    font-size: 14px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones span {
    font-size: 14px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones {
    grid-template-columns: 45% 45%;
    gap: 25px;
  }
  .alumnos-Formula .alumno-separacion {
    grid-template-columns: 100%;
    gap: 0;
  }
  .alumnos-Formula .alumno-separacion .alumno-foto {
    display: none;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-CodInt {
    grid-template-columns: 27% 66%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APaterno {
    gap: 3px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento input {
    font-size: 14px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 {
    display: grid;
    grid-template-columns: 65% 33%;
    gap: 20px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos5 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos6 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B {
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B img {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 100px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 {
    grid-template-columns: 30% 42%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-Dni {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC select {
    width: 100%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APpaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APmaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APnombre {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos3 {
    grid-template-columns: 22.5% 73.5%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos4 {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1F {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .apoderado-Parentesco {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .inf-part3 {
    grid-template-columns: 20% 68%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1TeleBtn button {
    width: 70%;
  }
  .alumnos-Formula .alumno-datos7 .textoDatExtra {
    grid-template-columns: 32% 30%;
  }
  .alumnos-Formula .alumnos-botonesPrinci span {
    font-size: 14px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .alumnos-Formula label {
    font-size: 14px;
  }

  .alumnos-Formula input {
    font-size: 14px;
  }

  .alumnos-Formula textarea {
    font-size: 14px;
  }

  .alumnos-Formula .alumnos-BlqA {
    grid-template-columns: 24% 40% 20% 16%;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-data label {
    padding-top: 7px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones button {
    font-size: 15px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones span {
    font-size: 15px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones {
    grid-template-columns: 45% 45%;
    gap: 25px;
  }
  .alumnos-Formula .alumno-separacion {
    grid-template-columns: 100%;
    gap: 0;
  }
  .alumnos-Formula .alumno-separacion .alumno-foto {
    display: none;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-CodInt {
    grid-template-columns: 27% 66%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APaterno {
    gap: 3px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento input {
    font-size: 14px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 {
    display: grid;
    grid-template-columns: 65% 33%;
    gap: 20px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos5 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos6 {
    grid-template-columns: 30% 63%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B {
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2B img {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 100px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 {
    grid-template-columns: 30% 42%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-Dni {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC select {
    width: 100%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APpaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APmaterno {
    grid-template-columns: 45% 47%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APnombre {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos3 {
    grid-template-columns: 22.5% 73.5%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos4 {
    grid-template-columns: 25% 75%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1F {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .apoderado-Parentesco {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .inf-part3 {
    grid-template-columns: 20% 68%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 {
    grid-template-columns: 45% 55%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele {
    grid-template-columns: 41% 52%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1TeleBtn button {
    width: 72%;
    font-size: 15px;
  }
  .alumnos-Formula .alumno-datos7 .textoDatExtra {
    grid-template-columns: 32% 30%;
  }
  .alumnos-Formula .alumnos-botonesPrinci span {
    font-size: 14px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .alumnos-Formula .alumnos-BlqA {
    display: block;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-data label {
    padding-top: 0px;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-data {
    grid-template-columns: 30% 70%;
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-botones {
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .alumnos-Formula .alumnos-BlqA .alumnosBlqA-alerta {
    padding-top: 15px;
  }
  .alumnos-Formula .alumno-separacion {
    display: block;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 {
    display: block;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-DocI {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos1 .alumDato-CodInt {
    padding-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 {
    display: block;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APaterno {
    grid-template-columns: 50% 50%;
    gap: 0;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-APmater {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos2 .alumno-Nombre {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 {
    display: block;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-Nacimiento input {
    font-size: 16px;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-sexo {
    padding: 15px 0;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos3 .alumno-APmater {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 {
    display: block;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 .alumDato-Direccion {
    grid-template-columns: 30% 70%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-datos4 .alumDato-Email {
    padding-top: 15px;
    grid-template-columns: 30% 70%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos5 {
    grid-template-columns: 30% 70%;
  }
  .alumnos-Formula .alumno-separacion .alumno-datos .alumno-separacion2 .alumno-sep2A .alumno-datos6 {
    grid-template-columns: 40% 60%;
  }
  .alumnos-Formula .alumno-separacion .alumno-foto {
    display: none;
  }
  .alumnos-Formula .alumno-datos7 .textoDatExtra {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-Dni {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC {
    padding-top: 15px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos1 .datosap-selecDOC select {
    width: 100%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APpaterno {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APmaterno {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datos2 .datosap-APnombre {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos3 {
    grid-template-columns: 35% 65%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-datosDireyUbi .apoderado-datos4 {
    padding-top: 15px;
    grid-template-columns: 35% 65%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1F {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq1 .inf-part1Sexo {
    padding-top: 15px;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 {
    padding: 15px 0;
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .apoderado-Parentesco {
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq2 .inf-part3 {
    padding-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 {
    display: block;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1Tele {
    padding-bottom: 15px;
    grid-template-columns: 50% 50%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .inf-part1 .apoderado-DABlq3 .inf-part1TeleBtn button {
    width: 100%;
  }
  .alumnos-Formula .apoderado-datos .apoderado-distancia .apoderado-datosABorde .apoderado-datosAMargen .apoderado-foto {
    display: none;
  }
  .alumnos-Formula .alumnos-botonesPrinci i {
    display: none;
  }
  .alumnos-Formula .alumnos-botonesPrinci {
    grid-template-columns: repeat(3, 1fr);
  }
  .alumnos-Formula .alumnos-botonesPrinci .alumnoBtn-texto {
    padding-left: 0;
  }
}
.matricula-Formula label {
  margin: 0;
}

.matricula-Formula .encabezado-matricula {
  display: grid;
  grid-template-columns: 25% 75%;
}
.matricula-Formula .encabezado-matricula .encabezado-matriculaA {
  display: grid;
  grid-template-columns: 30% 60%;
}
.matricula-Formula .encabezado-matricula .encabezado-matriculaA label {
  padding-top: 5px;
}
.matricula-Formula .encabezado-matricula .encabezado-matriculaB {
  display: grid;
  grid-template-columns: 25% 25%;
  gap: 15px;
}
.matricula-Formula .encabezado-matricula .encabezado-matriculaB .matriculasBtn-texto {
  padding-left: 10px;
}
.matricula-Formula .formulario-matricula .tabs-matricula {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 2.5px solid;
  border-style: outset;
}
.matricula-Formula .formulario-matricula .tabs-matricula .tabdig-btn2 {
  border-left: 1px solid;
}
.matricula-Formula .active-matricula {
  background: #0984CC;
  color: #ffffff;
}
.matricula-Formula .active-matricula:hover {
  color: #ffffff;
}
.matricula-Formula .secciones-matricula {
  padding-top: 5px;
}
.matricula-Formula .matricula-parteABoder {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen {
  margin: 7px 10px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 {
  display: grid;
  grid-template-columns: 18% 27% 39% 16%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni label {
  padding-top: 5px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni {
  display: grid;
  grid-template-columns: 38% 50%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NivelAcademico select {
  width: 93%;
  height: 100%;
  font-size: 15px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante {
  padding-top: 5px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante label {
  font-weight: 400;
  font-size: 15px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-BtnCargPensiones button {
  width: 100%;
  height: 100%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 25% 54% 21%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula {
  display: grid;
  grid-template-columns: 33% 53%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones {
  display: grid;
  grid-template-columns: 36% 54%;
  gap: 15px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones1 {
  display: grid;
  grid-template-columns: 48% 52%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones2 input {
  width: 100%;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones {
  display: grid;
  grid-template-columns: 42% 58%;
}
.matricula-Formula .tabla-matricula1 {
  padding-top: 15px;
}
.matricula-Formula .tabla-matricula1 .tabla-matriculaM1 {
  height: 350px;
}
.matricula-Formula .matriculas-Btns {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.matricula-Formula .matriculas-Btns .matriculasBtn-texto {
  padding-left: 10px;
}
.matricula-Formula .matricula-parteABoder2 {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 28% 24% 20% 28%;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Selecciones label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Selecciones {
  display: grid;
  grid-template-columns: 33% 58%;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-FechMatricula label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-FechMatricula {
  display: grid;
  grid-template-columns: 36% 54%;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Seccion label {
  padding-top: 3px;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Seccion {
  display: grid;
  grid-template-columns: 36% 54%;
}
.matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Texto label {
  padding-top: 3px;
  font-size: 15px;
  font-weight: 400;
}
.matricula-Formula .apartado-datasTab2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 35% 37% 25%;
  gap: 15px;
}
.matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre label {
  padding-top: 5px;
}
.matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre {
  display: grid;
  grid-template-columns: 22% 78%;
}
.matricula-Formula .apartado-datasTab2 .apartadoTab2-texto label {
  padding-top: 7px;
  font-size: 15px;
  font-weight: 400;
}
.matricula-Formula .apartado-datasTab2 .apartadoTab2-texto button {
  width: 100%;
}
.matricula-Formula .tabla-matricula2 {
  padding-top: 15px;
}
.matricula-Formula .tabla-matricula2 .tabla-matriculaM2 {
  height: 350px;
}
.matricula-Formula .matricula-parteABoder3 {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 43% 57%;
}
.matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3A {
  display: grid;
  grid-template-columns: 38% 52%;
}
.matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3B label {
  font-style: italic;
  font-size: 20px;
}
.matricula-Formula .tabla-matricula3 {
  padding-top: 15px;
}
.matricula-Formula .tabla-matricula3 .tabla-matriculaM3 {
  height: 350px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .matricula-Formula label {
    font-size: 14px;
  }

  .matricula-Formula input {
    font-size: 14px;
  }

  .matricula-Formula .encabezado-matricula {
    grid-template-columns: 30% 70%;
  }
  .matricula-Formula .encabezado-matricula .encabezado-matriculaA {
    grid-template-columns: 32% 60%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 {
    display: grid;
    grid-template-columns: 20% 24% 35% 21%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni {
    grid-template-columns: 40% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante label {
    font-size: 13px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-BtnCargPensiones button {
    font-size: 14px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 {
    grid-template-columns: 27% 50% 23%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula {
    grid-template-columns: 39% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula input {
    width: 100%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones {
    grid-template-columns: 45% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones1 {
    display: grid;
    grid-template-columns: 54% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones {
    grid-template-columns: 48% 52%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 {
    grid-template-columns: 36% 34% 30%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Texto {
    display: none;
  }
  .matricula-Formula .apartado-datasTab2 {
    grid-template-columns: 43% 54.5%;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre {
    grid-template-columns: 24% 76%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 {
    grid-template-columns: 55% 45%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3A label {
    padding-top: 5px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .matricula-Formula label {
    font-size: 14px;
  }

  .matricula-Formula input {
    font-size: 14px;
  }

  .matricula-Formula .encabezado-matricula {
    grid-template-columns: 30% 70%;
  }
  .matricula-Formula .encabezado-matricula .encabezado-matriculaA {
    grid-template-columns: 32% 60%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 {
    display: grid;
    grid-template-columns: 20% 24% 35% 21%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni {
    grid-template-columns: 40% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante label {
    font-size: 13px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-BtnCargPensiones button {
    font-size: 14px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 {
    grid-template-columns: 27% 50% 23%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula {
    grid-template-columns: 39% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula input {
    width: 100%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones {
    grid-template-columns: 45% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones1 {
    display: grid;
    grid-template-columns: 54% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones {
    grid-template-columns: 48% 52%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 {
    grid-template-columns: 36% 34% 30%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Texto {
    display: none;
  }
  .matricula-Formula .apartado-datasTab2 {
    grid-template-columns: 43% 54.5%;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre {
    grid-template-columns: 24% 76%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 {
    grid-template-columns: 55% 45%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3A label {
    padding-top: 5px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .matricula-Formula label {
    font-size: 14px;
  }

  .matricula-Formula input {
    font-size: 14px;
  }

  .matricula-Formula .encabezado-matricula {
    grid-template-columns: 30% 70%;
  }
  .matricula-Formula .encabezado-matricula .encabezado-matriculaA {
    grid-template-columns: 32% 60%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 {
    display: grid;
    grid-template-columns: 20% 24% 35% 21%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni {
    grid-template-columns: 40% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante label {
    font-size: 13px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-BtnCargPensiones button {
    font-size: 14px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 {
    grid-template-columns: 27% 50% 23%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula {
    grid-template-columns: 39% 55%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones {
    grid-template-columns: 45% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones1 {
    display: grid;
    grid-template-columns: 54% 46%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones {
    grid-template-columns: 48% 52%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 {
    grid-template-columns: 36% 34% 30%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Texto {
    display: none;
  }
  .matricula-Formula .apartado-datasTab2 {
    grid-template-columns: 43% 54.5%;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre {
    grid-template-columns: 24% 76%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 {
    grid-template-columns: 55% 45%;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3A label {
    padding-top: 5px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .matricula-Formula .encabezado-matricula {
    display: block;
  }
  .matricula-Formula .encabezado-matricula .encabezado-matriculaA {
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .encabezado-matricula .encabezado-matriculaB {
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 {
    display: block;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-Dni {
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NivelAcademico {
    padding: 15px 0;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NivelAcademico select {
    font-size: 18px;
    width: 100%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante {
    padding-top: 0;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-NombreEstudiante label {
    font-size: 18px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq1 .matricula-BtnCargPensiones {
    padding-top: 15px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 {
    display: block;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula input {
    font-size: 18px;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-Matricula {
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones {
    display: block;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-pensiones .matricula-pensiones1 {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder .matricula-parteAMargen .matricula-parteABlq2 .matricula-secciones {
    padding-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 {
    display: block;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Selecciones {
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-FechMatricula {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Seccion {
    padding-bottom: 15px;
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matricula-parteABoder2 .matricula-parteAMargen2 .matricula-Texto label {
    padding-top: 0;
    font-size: 16.5px;
  }
  .matricula-Formula .apartado-datasTab2 {
    display: block;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-Nombre {
    padding-bottom: 15px;
    grid-template-columns: 28% 72%;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-texto label {
    font-size: 16px;
  }
  .matricula-Formula .apartado-datasTab2 .apartadoTab2-texto {
    padding-bottom: 15px;
  }
  .matricula-Formula .tabla-matricula2 {
    padding-top: 0;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 {
    display: block;
  }
  .matricula-Formula .matricula-parteABoder3 .matricula-parteAMargen3 .matricula-partM3A {
    padding-bottom: 15px;
    grid-template-columns: 50% 50%;
  }
  .matricula-Formula .matriculas-Btns i {
    display: none;
  }
  .matricula-Formula .matriculas-Btns {
    grid-template-columns: repeat(3, 1fr);
  }
  .matricula-Formula .matriculas-Btns .matriculasBtn-texto {
    padding-left: 0;
  }
}
.traslado-Formula label {
  margin: 0;
}

.traslado-Formula .encabezado-traslado {
  display: grid;
  grid-template-columns: 20% 66% 14%;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoA label {
  padding-top: 5px;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoA {
  display: grid;
  grid-template-columns: 37% 53%;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoB {
  display: grid;
  grid-template-columns: 24% 24%;
  gap: 20px;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoB .trasladBtn-texto {
  padding-left: 10px;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoC {
  padding-top: 7px;
}
.traslado-Formula .encabezado-traslado .encabezado-trasladoC label {
  font-weight: 400;
  padding-left: 10px;
}
.traslado-Formula .traslado-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.traslado-Formula .traslado-borde .traslado-margen {
  margin: 10px 10px;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 {
  display: grid;
  grid-template-columns: 20% 30% 50%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni label {
  padding-top: 5px;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni {
  display: grid;
  grid-template-columns: 37% 49%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-select select {
  width: 90%;
  height: 100%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn {
  display: grid;
  grid-template-columns: 65% 35%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn label {
  padding-top: 7px;
  font-size: 15px;
  font-weight: 400;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 70% 30%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 {
  display: grid;
  grid-template-columns: 27% 37% 36%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A {
  display: grid;
  grid-template-columns: 40% 51%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A select {
  font-size: 15px;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B {
  display: grid;
  grid-template-columns: 35% 60%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-C input {
  width: 94%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 {
  display: grid;
  grid-template-columns: 65% 35%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-A {
  display: grid;
  grid-template-columns: 47% 44%;
}
.traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-B select {
  width: 100%;
}
.traslado-Formula .trasladoTabla-Padding {
  padding-top: 15px;
}
.traslado-Formula .trasladoTabla-Padding .tabla-trasladoM1 {
  height: 400px;
}
.traslado-Formula .traslado-BTNS {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.traslado-Formula .traslado-BTNS .trasladoBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .traslado-Formula label {
    font-size: 14px;
  }

  .traslado-Formula input {
    font-size: 14px;
  }

  .traslado-Formula .encabezado-traslado {
    grid-template-columns: 26% 55% 19%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoA {
    grid-template-columns: 40% 52%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoB {
    grid-template-columns: 28% 28%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 {
    grid-template-columns: 22% 24% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni {
    grid-template-columns: 34% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn label {
    font-size: 13px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn button {
    font-size: 14px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn {
    grid-template-columns: 62% 38%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 {
    grid-template-columns: 34% 36% 30%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A {
    grid-template-columns: 40% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B {
    grid-template-columns: 48% 46%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 {
    grid-template-columns: 74% 26%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-A {
    grid-template-columns: 51% 44%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .traslado-Formula label {
    font-size: 14px;
  }

  .traslado-Formula input {
    font-size: 14px;
  }

  .traslado-Formula .encabezado-traslado {
    grid-template-columns: 26% 55% 19%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoA {
    grid-template-columns: 40% 52%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoB {
    grid-template-columns: 28% 28%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 {
    grid-template-columns: 22% 24% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni {
    grid-template-columns: 34% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn label {
    font-size: 13px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn button {
    font-size: 14px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn {
    grid-template-columns: 62% 38%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 {
    grid-template-columns: 34% 36% 30%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A {
    grid-template-columns: 40% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B {
    grid-template-columns: 48% 46%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B input {
    width: 100%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 {
    grid-template-columns: 74% 26%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-A {
    grid-template-columns: 51% 44%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .traslado-Formula label {
    font-size: 13px;
  }

  .traslado-Formula input {
    font-size: 13px;
  }

  .traslado-Formula button {
    font-size: 13px;
  }

  .traslado-Formula span {
    font-size: 13px;
  }

  .traslado-Formula .encabezado-traslado {
    grid-template-columns: 26% 55% 19%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoA {
    grid-template-columns: 40% 52%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoB {
    grid-template-columns: 28% 28%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 {
    grid-template-columns: 22% 24% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni {
    grid-template-columns: 34% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn label {
    font-size: 12px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn button {
    font-size: 13px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn {
    grid-template-columns: 62% 38%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 {
    grid-template-columns: 34% 36% 30%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A {
    grid-template-columns: 40% 54%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B {
    grid-template-columns: 48% 46%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 {
    grid-template-columns: 74% 26%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-A {
    grid-template-columns: 54% 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .traslado-Formula .encabezado-traslado {
    display: block;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoA {
    grid-template-columns: 50% 50%;
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoB {
    padding: 15px 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .traslado-Formula .encabezado-traslado .encabezado-trasladoC {
    padding: 0;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 {
    display: block;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-Dni {
    grid-template-columns: 50% 50%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-select {
    padding: 15px 0;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-select select {
    width: 100%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn {
    display: block;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn label {
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 18px;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion1 .traslado-DatyBtn button {
    width: 100%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 {
    display: block;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 {
    padding-bottom: 15px;
    display: block;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-A {
    grid-template-columns: 50% 50%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-B {
    padding: 15px 0;
    grid-template-columns: 50% 50%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat1 .trasDat1-C input {
    width: 100%;
  }
  .traslado-Formula .traslado-borde .traslado-margen .traslado-separacion2 .traslado-Dat2 .trasDat2-A {
    grid-template-columns: 53% 40%;
  }
  .traslado-Formula .traslado-BTNS i {
    display: none;
  }
  .traslado-Formula .traslado-BTNS {
    grid-template-columns: repeat(3, 1fr);
  }
  .traslado-Formula .traslado-BTNS .trasladoBtn-texto {
    padding-left: 0;
  }
}
.pagotercero-Formula label {
  margin: 0;
}

.pagotercero-Formula .pagotercero-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen {
  margin: 10px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 {
  display: grid;
  grid-template-columns: 40% 42% 18%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-PagoPensiones label {
  padding-top: 5px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-PagoPensiones {
  display: grid;
  grid-template-columns: 41% 37% 22%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-PagoPensiones .pago-pensionesBtn {
  padding-left: 16px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreAlumno {
  padding-top: 5px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreAlumno label {
  font-size: 15px;
  font-family: inherit;
  font-weight: 400;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo select {
  width: 80%;
  height: 100%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 40% 33% 27%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-DoiAlumno label {
  padding-top: 5px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-DoiAlumno {
  display: grid;
  grid-template-columns: 41% 37% 22%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-DoiAlumno .pago-pensionesBtn {
  padding-left: 16px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreAlumno label {
  font-size: 15px;
  font-family: inherit;
  font-weight: 400;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreAlumno {
  padding-top: 5px;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo {
  padding-top: 5px;
  display: grid;
  grid-template-columns: 33% 56% 10%;
}
.pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo label {
  font-weight: 400;
}
.pagotercero-Formula .pagotercero-Sep1B {
  padding-top: 15px;
}
.pagotercero-Formula .pagotercero-Sep1B .tabla-pagoTecerosM1 {
  height: 300px;
}
.pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3 p {
  font-size: 18px;
  text-align: justify;
}
.pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3Icon {
  text-align: center;
}
.pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3Icon i {
  font-size: 50px;
}
.pagotercero-Formula .pagotercero-BTNS {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.pagotercero-Formula .pagotercero-BTNS .pagoterceroBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .pagotercero-Formula label {
    font-size: 14px;
  }

  .pagotercero-Formula input {
    font-size: 14px;
  }

  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo select {
    width: 40%;
    height: 100%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo label {
    font-weight: 400;
    font-size: 16px;
  }
  .pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3 p {
    font-size: 16px;
    text-align: justify;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .pagotercero-Formula label {
    font-size: 14px;
  }

  .pagotercero-Formula input {
    font-size: 14px;
  }

  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo select {
    width: 40%;
    height: 100%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo label {
    font-weight: 400;
    font-size: 16px;
  }
  .pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3 p {
    font-size: 16px;
    text-align: justify;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .pagotercero-Formula label {
    font-size: 14px;
  }

  .pagotercero-Formula input {
    font-size: 14px;
  }

  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo select {
    width: 40%;
    height: 100%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 {
    grid-template-columns: 50% 50%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo label {
    font-weight: 400;
    font-size: 16px;
  }
  .pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3 p {
    font-size: 16px;
    text-align: justify;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 label {
    font-size: 14px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 {
    display: block;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-PagoPensiones {
    grid-template-columns: 44% 33% 23%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreAlumno {
    padding: 15px 0;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat1 .pagotercero-NombreInfo select {
    width: 100%;
    height: 100%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 label {
    font-size: 14px;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 {
    display: block;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-DoiAlumno {
    grid-template-columns: 50% 32% 18%;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreAlumno {
    padding: 15px 0;
  }
  .pagotercero-Formula .pagotercero-borde .pagotercero-margen .pagotercero-Sep1A .pagotercero-dat2 .pagotercero-NombreInfo {
    padding-top: 0;
    grid-template-columns: 25% 53% 22%;
  }
  .pagotercero-Formula .pagotercero-Sep1B .pagotercero-dat3 {
    padding-top: 15px;
  }
  .pagotercero-Formula .pagotercero-BTNS i {
    display: none;
  }
  .pagotercero-Formula .pagotercero-BTNS {
    grid-template-columns: repeat(3, 1fr);
  }
  .pagotercero-Formula .pagotercero-BTNS .pagoterceroBtn-texto {
    padding-left: 0;
  }
}
#examplex thead {
  visibility: collapse;
}

.overlay {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
}
.overlay .popup {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 550px;
  transition: 0.1s ease all;
  transform: scale(0.7);
  opacity: 0;
}
.overlay .popup .btn-cerrar-popup {
  font-size: 20px;
  line-height: 20px;
  display: block;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  transition: 0.1s ease all;
  color: #BBBBBB;
}
.overlay .popup .btn-cerrar-popup:hover {
  color: #000;
}
.overlay .over-Tablas {
  margin: 0 50px 10px 50px;
  max-width: 100%;
}
.overlay .over-Tablas thead {
  top: 0 !important;
  z-index: 10 !important;
  text-transform: uppercase;
}
.overlay .over-Tablas th {
  background-color: #d4e6f1 !important;
  text-align: center !important;
  border: 1px solid !important;
  padding: 5px 0 !important;
}
.overlay .over-Tablas td {
  background-color: #FFF !important;
}

.activeover {
  visibility: visible;
}
.activeover .activepop {
  transform: scale(1);
  opacity: 1;
}

.margen-venta {
  margin: 10px 60px;
}
.margen-venta .ventana-1 label {
  padding-top: 5px;
}
.margen-venta .ventana-1 {
  display: grid;
  grid-template-columns: 18% 40% 32%;
  gap: 20px;
}
.margen-venta .ventana-1 .over-texto {
  padding-left: 10px;
}

.Usuario-separacion {
  display: grid;
  grid-template-columns: 45% 55%;
}
.Usuario-separacion .usuario-bloque1 {
  display: grid;
  grid-template-columns: 74% 26%;
}
.Usuario-separacion .usuario-bloque1 .cnt-1 {
  display: grid;
  grid-template-columns: 44% 30%;
}
.Usuario-separacion .usuario-bloque2 {
  margin: 5px 10px;
}
.Usuario-separacion .usuario-bloque2 .cnt2-3 {
  margin: 10px 0 0 0;
  display: grid;
  grid-template-columns: 32% 65%;
}
.Usuario-separacion .usuario-bloque3 {
  margin: 10px 10px 0 10px;
}
.Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-1 {
  margin: 0 0 10px 0;
  display: grid;
  grid-template-columns: 32% 65%;
}
.Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-2 {
  margin: 0 0 10px 0;
  display: grid;
  grid-template-columns: 32% 65%;
}
.Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-3 {
  margin: 0 0 10px 0;
  display: grid;
  grid-template-columns: 32% 65%;
}
.Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-4 {
  margin: 0 0 10px 0;
  display: grid;
  grid-template-columns: 32% 65%;
}

.tabla-usuarioM1 {
  height: 450px;
}

.botones-Usuarios {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.botones-Usuarios .usuarios-Texto {
  text-transform: uppercase;
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .Usuario-separacion label {
    margin: 0;
    font-size: 14px;
  }

  .Usuario-separacion .usuario-bloque1 {
    grid-template-columns: 61% 33%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 label {
    padding-top: 5px;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 {
    grid-template-columns: 55% 35%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-2 button {
    width: 100%;
  }
  .Usuario-separacion .usuario-bloque2 label {
    padding-top: 7px;
  }
  .Usuario-separacion .usuario-bloque3 label {
    padding-top: 7px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .Usuario-separacion label {
    margin: 0;
    font-size: 14px;
  }

  .Usuario-separacion .usuario-bloque1 {
    grid-template-columns: 61% 33%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 label {
    padding-top: 5px;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 {
    grid-template-columns: 55% 35%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-2 button {
    width: 100%;
  }
  .Usuario-separacion .usuario-bloque2 label {
    padding-top: 7px;
  }
  .Usuario-separacion .usuario-bloque3 label {
    padding-top: 7px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .Usuario-separacion label {
    margin: 0;
    font-size: 14px;
  }

  .Usuario-separacion .usuario-bloque1 {
    grid-template-columns: 61% 33%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 label {
    padding-top: 5px;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 {
    grid-template-columns: 55% 35%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-2 button {
    width: 100%;
  }
  .Usuario-separacion .usuario-bloque2 label {
    padding-top: 7px;
  }
  .Usuario-separacion .usuario-bloque3 label {
    padding-top: 7px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .Usuario-separacion {
    display: block;
  }

  .Usuario-separacion .usuario-bloque1 {
    grid-template-columns: 66% 34%;
  }
  .Usuario-separacion .usuario-bloque1 .cnt-1 {
    grid-template-columns: 53% 40%;
  }
  .Usuario-separacion .usuario-bloque2 {
    margin: 0;
  }
  .Usuario-separacion .usuario-bloque2 .cnt2-3 {
    grid-template-columns: 32% 68%;
  }
  .Usuario-separacion .usuario-bloque3 {
    margin: 0;
    padding-top: 10px;
  }
  .Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-1 {
    grid-template-columns: 32% 68%;
  }
  .Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-2 {
    grid-template-columns: 32% 68%;
  }
  .Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-3 {
    grid-template-columns: 32% 68%;
  }
  .Usuario-separacion .usuario-bloque3 .cnt3-1 .cnt3-1-4 {
    grid-template-columns: 32% 68%;
  }

  .botones-Usuarios i {
    display: none;
  }

  .botones-Usuarios {
    grid-template-columns: repeat(3, 1fr);
  }
  .botones-Usuarios .usuarios-Texto {
    padding-left: 0;
    text-transform: none;
  }
}
.puntosCajas-Todo label {
  margin: 0;
}

.puntosCajas-Todo .pcajadig2-A label {
  padding-top: 5px;
}
.puntosCajas-Todo .pcajadig2-A {
  display: grid;
  grid-template-columns: 30% 22% 48%;
}
.puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 {
  display: grid;
  grid-template-columns: 16% 77%;
}
.puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 {
  display: grid;
  grid-template-columns: 30% 58%;
}
.puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 input {
  width: 100%;
}
.puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 {
  display: grid;
  grid-template-columns: 32% 32%;
  gap: 20px;
}
.puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 .pcajadig1A3D-2 {
  padding-left: 8px;
}
.puntosCajas-Todo .pcajadig2-B {
  padding-bottom: 15px;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 30% 70%;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A label {
  padding-top: 5px;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A {
  display: grid;
  grid-template-columns: 36% 56%;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B {
  display: grid;
  grid-template-columns: 25% 25% 25%;
  gap: 20px;
}
.puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B .pcajadig2B2-texto {
  padding-left: 10px;
}
.puntosCajas-Todo .tabla-puntoCaja {
  height: 380px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .puntosCajas-Todo label {
    font-size: 15px;
  }

  .puntosCajas-Todo input {
    font-size: 15px;
  }

  .puntosCajas-Todo span {
    font-size: 15px;
  }

  .puntosCajas-Todo select {
    font-size: 15px;
  }

  .puntosCajas-Todo .pcajadig2-A label {
    padding-top: 6px;
  }
  .puntosCajas-Todo .pcajadig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 input {
    width: 95%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntosCajas-Todo .tabla-puntoCaja {
    height: 300px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .puntosCajas-Todo label {
    font-size: 15px;
  }

  .puntosCajas-Todo input {
    font-size: 15px;
  }

  .puntosCajas-Todo span {
    font-size: 15px;
  }

  .puntosCajas-Todo select {
    font-size: 15px;
  }

  .puntosCajas-Todo .pcajadig2-A label {
    padding-top: 6px;
  }
  .puntosCajas-Todo .pcajadig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 input {
    width: 95%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntosCajas-Todo .tabla-puntoCaja {
    height: 300px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .puntosCajas-Todo label {
    font-size: 14px;
  }

  .puntosCajas-Todo input {
    font-size: 14px;
  }

  .puntosCajas-Todo span {
    font-size: 14px;
  }

  .puntosCajas-Todo select {
    font-size: 14px;
  }

  .puntosCajas-Todo .pcajadig2-A label {
    padding-top: 6px;
  }
  .puntosCajas-Todo .pcajadig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 input {
    width: 95%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntosCajas-Todo .tabla-puntoCaja {
    height: 300px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .puntosCajas-Todo .pcajadig2-A {
    display: block;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 label {
    padding-top: 0;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d1 {
    grid-template-columns: 48% 52%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 label {
    padding-top: 0;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d2 {
    padding: 15px 0;
    grid-template-columns: 48% 52%;
  }
  .puntosCajas-Todo .pcajadig2-A .pcajadig1A-d3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen {
    display: block;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-A {
    padding-bottom: 15px;
    grid-template-columns: 48% 52%;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B i {
    display: none;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .puntosCajas-Todo .pcajadig2-B .pcajadig2B2-borde .pcajadig2B2-margen .pcajadig2B2-B .pcajadig2B2-texto {
    padding-left: 0;
  }
}
.puntosCajasVentas-Todo label {
  margin: 0;
}

.puntosCajasVentas-Todo .comprobantesdig2-Info {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn button {
  width: 48%;
}
.puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn .comprobantesdig2Info-texto {
  text-transform: uppercase;
  padding-left: 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
  text-align: right;
  font-weight: bold;
  font-size: 22px;
  padding-top: 1px;
}
.puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas {
  display: flex;
  align-items: center;
  justify-content: right;
}
.puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
  font-size: 16.5px;
}
.puntosCajasVentas-Todo .tabla-puntoCajaVenta {
  height: 230px;
}
.puntosCajasVentas-Todo .comprobantesdig2-A {
  padding: 15px 0;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 27% 27% 27% 19%;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-A {
  display: grid;
  grid-template-columns: 30% 60%;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-B {
  display: grid;
  grid-template-columns: 30% 60%;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-C {
  display: grid;
  grid-template-columns: 32% 60%;
}
.puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-D {
  display: grid;
  grid-template-columns: 30% 60%;
}
.puntosCajasVentas-Todo .comprobantesdig2-B {
  display: grid;
  grid-template-columns: 40% 58%;
  gap: 20px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde {
  margin: 7px 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta1 {
  display: grid;
  grid-template-columns: 34% 66%;
  gap: 1px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 32% 29% 34%;
  gap: 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta3 {
  display: grid;
  grid-template-columns: 34% 66%;
  gap: 1px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 {
  margin: 7px 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 label {
  padding-top: 5.5px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 {
  display: grid;
  grid-template-columns: 40% 30%;
  gap: 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2A-btn4 {
  display: grid;
  grid-template-columns: 40% 60%;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 {
  padding-left: 10px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 button {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 label {
  padding-top: 2px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 16% 84%;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 label {
  padding-top: 2px;
}
.puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 {
  display: grid;
  grid-template-columns: 16% 84%;
}
.puntosCajasVentas-Todo .comprobantesdig2-C {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 30% 70%;
}
.puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 i {
  font-size: 20px;
}
.puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 {
  display: grid;
  grid-template-columns: 18% 18% 18%;
  gap: 15px;
}
.puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 .notacreditoBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .puntosCajasVentas-Todo label {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo input {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo select {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo .comprobantesdig2-Info {
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn button {
    width: 74%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
    font-size: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-A {
    grid-template-columns: 40% 53%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-B {
    grid-template-columns: 42% 50%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-C {
    grid-template-columns: 45% 46%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-D {
    grid-template-columns: 38% 62%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B {
    grid-template-columns: 46% 51%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 {
    padding-left: 7px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 i {
    display: none;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .puntosCajasVentas-Todo label {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo input {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo select {
    font-size: 15px;
  }

  .puntosCajasVentas-Todo .comprobantesdig2-Info {
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn button {
    width: 74%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
    font-size: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-A {
    grid-template-columns: 40% 53%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-B {
    grid-template-columns: 42% 50%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-C {
    grid-template-columns: 45% 46%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-D {
    grid-template-columns: 38% 62%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B {
    grid-template-columns: 46% 51%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 {
    padding-left: 7px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 i {
    display: none;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .puntosCajasVentas-Todo label {
    font-size: 14px;
  }

  .puntosCajasVentas-Todo input {
    font-size: 14px;
  }

  .puntosCajasVentas-Todo select {
    font-size: 14px;
  }

  .puntosCajasVentas-Todo .comprobantesdig2-Info {
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn button {
    width: 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
    font-size: 13.5px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-A {
    grid-template-columns: 40% 53%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-B {
    grid-template-columns: 42% 50%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-C {
    grid-template-columns: 45% 46%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-D {
    grid-template-columns: 38% 62%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B {
    grid-template-columns: 46% 51%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 {
    padding-left: 7px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 i {
    display: none;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .puntosCajasVentas-Todo .comprobantesdig2-Info {
    display: block;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-btn button {
    width: 100%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas {
    padding-top: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-Info .comprobantesdig2Info-dtas label {
    text-align: center;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen {
    display: block;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-A {
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-B {
    padding: 15px 0;
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-C {
    padding-bottom: 15px;
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-A .comprobantesdigC-borde .comprobantesdigC-margen .comprobantesdigC-D {
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B {
    display: block;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta1 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta2 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, 1fr);
    gap: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosA .comprobantesdig2Bdata-borde .comprobantesdig2B-dta3 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 {
    display: block;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta4 .comprobantesdig2B-btn4 {
    padding-left: 0;
    padding-top: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta5 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-B .comprobantesdig2B-datosB .comprobantesdig2Bdata-borde2 .comprobantesdig2B-dta6 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C {
    display: block;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 i {
    display: none;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .puntosCajasVentas-Todo .comprobantesdig2-C .comprobantesdig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
.overlay .margen-pago label {
  margin: 0;
}
.overlay .margen-pago {
  margin: 0 26px;
}
.overlay .margen-pago .ventana-pago label {
  text-align: center;
}
.overlay .margen-pago .ventana-pago {
  display: grid;
  grid-template-rows: 33px;
}
.overlay .margen-pago .ventana-pago .labelv1 {
  font-size: 22px;
}
.overlay .margen-pago .ventana-pago .labelv2 {
  font-size: 17px;
  font-weight: 500;
}
.overlay .overpago-Tabla {
  margin: 0 20px 0 20px;
  max-width: 100%;
}
.overlay .overpago-Tabla .overpago-TablaA thead {
  position: sticky;
  top: 0 !important;
  z-index: 10 !important;
  text-transform: uppercase;
}
.overlay .overpago-Tabla .overpago-TablaA th {
  background-color: #d4e6f1 !important;
  text-align: center !important;
  border: 1px solid !important;
  padding: 5px 0 !important;
}
.overlay .overpago-Tabla .overpago-TablaA td {
  padding: 5px 5px 5px 5px !important;
  background-color: #ffffff !important;
}
.overlay .margen-pago2 {
  padding: 0 0 10px 0;
  margin: 0 26px;
  display: grid;
  grid-template-columns: 70% 30%;
}
.overlay .margen-pago2 .ventana-info label {
  font-size: 20px;
}
.overlay .margen-pago2 .ventana-info {
  display: grid;
  grid-template-rows: 25px;
}
.overlay .margen-pago2 .ventana-info .font-w {
  font-weight: 500;
}
.overlay .margen-pago2 .over-texto {
  padding-left: 10px;
}
.overlay .margen-pago2 a {
  margin-top: 22px;
}

.overlay-estado label {
  margin: 0;
}

.overlay-estado input {
  font-size: 13px;
}

#lnom {
  font-size: 13px;
}

.overlay-estado {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
}
.overlay-estado .popup-estado {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 760px;
  transition: 0.1s ease all;
  transform: scale(0.7);
  opacity: 0;
}
.overlay-estado .popup-estado .btn-cerrar-popup {
  font-size: 20px;
  line-height: 20px;
  display: block;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  transition: 0.1s ease all;
  color: #BBBBBB;
}
.overlay-estado .popup-estado .btn-cerrar-popup:hover {
  color: #000;
}
.overlay-estado .popup-estado .margen-estado {
  margin: 0 25px;
}
.overlay-estado .popup-estado .margen-estado .estado-1 {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 10% 12% 42% 18% 12%;
  gap: 10px;
}
.overlay-estado .popup-estado .margen-estado .estado-1 label {
  padding-top: 7px;
}
.overlay-estado .popup-estado .margen-estado .label-nombreAlum {
  text-transform: uppercase;
}
.overlay-estado .popup-estado .margen-estado .over-texto {
  padding-left: 7px;
}
.overlay-estado .popup-estado .margen-estado .input-Todo {
  text-align: right;
}
.overlay-estado .popup-estado .margen-estado .input-Todo label {
  padding-left: 5px;
}
.overlay-estado .popup-estado .estado-partBaja {
  margin: 0 25px;
  padding-top: 10px;
  text-align: right;
}
.overlay-estado .popup-estado .estado-partBaja label {
  padding-left: 8px;
}
.overlay-estado .popup-estado .tablapop-Estado {
  height: 350px;
}
.overlay-estado .overEstado-tabla {
  margin: 0 20px 0 20px;
  max-width: 100%;
  overflow-y: scroll;
  height: 400px;
}
.overlay-estado .overEstado-tabla .overEstado-tablaA thead {
  position: sticky;
  top: 0 !important;
  z-index: 10 !important;
  text-transform: uppercase;
}
.overlay-estado .overEstado-tabla .overEstado-tablaA th {
  background-color: #d4e6f1 !important;
  text-align: center !important;
  border: 1px solid !important;
  padding: 5px 0 !important;
}
.overlay-estado .overEstado-tabla .overEstado-tablaA td {
  padding: 2px 5px 2px 5px !important;
  background-color: #ffffff !important;
}

.activeover-estado {
  visibility: visible;
}
.activeover-estado .activepop {
  transform: scale(1);
  opacity: 1;
}

.comprobanteInveVenta-Todo label {
  margin: 0;
}

.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion {
  display: grid;
  grid-template-columns: 50% 50%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 {
  padding: 0 0 15px 0;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 45px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen {
  margin: 10px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 40% 30% 30%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat1 {
  display: grid;
  grid-template-columns: 43% 48%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat2 label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat3 label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part1 {
  display: grid;
  grid-template-columns: 17.5% 82.5%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 65% 35%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3Comp {
  display: grid;
  grid-template-columns: 40% 54%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3MaxI {
  display: grid;
  grid-template-columns: 53% 47%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 {
  display: grid;
  grid-template-columns: 30% 30% 40%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Abrebia {
  display: grid;
  grid-template-columns: 54% 38%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Serie {
  display: grid;
  grid-template-columns: 38% 52%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Numero {
  display: grid;
  grid-template-columns: 43% 57%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part5 {
  padding-top: 10px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part5 label {
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 {
  padding-bottom: 15px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 45px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen {
  margin: 10px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen .compteblo1-part2 .compteblo1pt2-A label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen .compteblo1-part2 .compteblo1pt2-B label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen .compteblo1-part2 .compteblo1pt2-B {
  padding: 7px 0;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen .compteblo1-part2 .compteblo1pt2-C label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde .compteb2-margen .compteb2-Datos2 {
  display: none;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 {
  padding: 0 0 15px 0;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 45px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen {
  margin: 10px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig {
  display: grid;
  grid-template-columns: 36% 64%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 36% 64%;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .comptebl5-titulo h3 {
  font-size: 20px;
  text-decoration: underline;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .comptebl5-titulo {
  padding-bottom: 15px;
}
.comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .tabla-compteBlq5 {
  height: 410px;
}
.comprobanteInveVenta-Todo .compte-bloqueBtn {
  padding-top: 10px;
  display: grid;
  grid-template-columns: 25% 75%;
}
.comprobanteInveVenta-Todo .compte-bloqueBtn .compteBT-FacElec {
  padding-top: 5px;
}
.comprobanteInveVenta-Todo .compte-bloqueBtn .compteBT-FacElec label {
  padding-left: 10px;
  font-weight: 500;
}
.comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte .comptebtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .comprobanteInveVenta-Todo label {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo input {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo span {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo button {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion {
    grid-template-columns: 55% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa {
    grid-template-columns: 41% 35% 24%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat1 {
    grid-template-columns: 47% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat2 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat3 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part1 {
    grid-template-columns: 22.5% 77.5%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3Comp {
    grid-template-columns: 40% 60%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3MaxI {
    padding-top: 15px;
    grid-template-columns: 60% 40%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Abrebia {
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Serie {
    padding: 15px 0;
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .tabla-compteBlq5 {
    height: 515px;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte i {
    display: none;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte .comptebtn-texto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .comprobanteInveVenta-Todo label {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo input {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo span {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo button {
    font-size: 15px;
  }

  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion {
    grid-template-columns: 55% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa {
    grid-template-columns: 41% 35% 24%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat1 {
    grid-template-columns: 47% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat2 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat3 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part1 {
    grid-template-columns: 22.5% 77.5%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3Comp {
    grid-template-columns: 40% 60%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3MaxI {
    padding-top: 15px;
    grid-template-columns: 60% 40%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Abrebia {
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Serie {
    padding: 15px 0;
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .tabla-compteBlq5 {
    height: 515px;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte i {
    display: none;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte .comptebtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .comprobanteInveVenta-Todo label {
    font-size: 14px;
  }

  .comprobanteInveVenta-Todo input {
    font-size: 14px;
  }

  .comprobanteInveVenta-Todo span {
    font-size: 14px;
  }

  .comprobanteInveVenta-Todo button {
    font-size: 14px;
  }

  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion {
    grid-template-columns: 55% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa {
    grid-template-columns: 41% 35% 24%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat1 {
    grid-template-columns: 47% 45%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat2 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat3 label {
    padding-left: 5px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part1 {
    grid-template-columns: 22.5% 77.5%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3Comp {
    grid-template-columns: 40% 60%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3MaxI {
    padding-top: 15px;
    grid-template-columns: 60% 40%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Abrebia {
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Serie {
    padding: 15px 0;
    grid-template-columns: 62% 38%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde {
    margin-right: 30px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloque5 .tabla-compteBlq5 {
    height: 515px;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte i {
    display: none;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte .comptebtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde {
    margin-right: 0px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat1 {
    grid-template-columns: 52% 48%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-datoSepa .comptebloDat2 {
    padding: 10px 0;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part1 {
    grid-template-columns: 35% 65%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3Comp {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part3 .compteblo1-p3MaxI {
    padding-top: 15px;
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Abrebia {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Serie {
    padding: 15px 0;
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque1 .compteblo1-borde .compteblo1-margen .compteblo1-part4 .compteb2D-Numero {
    grid-template-columns: 45% 55%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque2 .compteb2-borde {
    margin-right: 0;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde {
    margin-right: 0;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig label {
    padding-bottom: 10px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-alOrig select {
    width: 100%;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe label {
    padding-bottom: 10px;
  }
  .comprobanteInveVenta-Todo .compte-borseparacion .compte-separacion .compte-bloquemargen .compte-bloque3 .compteb3-borde .compteb3-margen .compteb3-TOpe select {
    width: 100%;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn {
    display: block;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .compteBT-FacElec {
    padding: 15px 0;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte i {
    display: none;
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte {
    grid-template-columns: repeat(3, 1fr);
  }
  .comprobanteInveVenta-Todo .compte-bloqueBtn .botones-compte .comptebtn-texto {
    padding-left: 0;
  }
}
.puntosCajasPedidos-Todo label {
  margin: 0;
}

.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 {
  display: grid;
  grid-template-columns: 32% 16%;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja label {
  padding-top: 5px;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja {
  display: grid;
  grid-template-columns: 25% 51% 14%;
  gap: 11px;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Continuar button {
  width: 100%;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 50% 50%;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Vendedor {
  display: grid;
  grid-template-columns: 18% 78%;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Almacen {
  display: grid;
  grid-template-columns: 22.5% 77.5%;
}
.puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-CActiva {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 9% 39%;
}
.puntosCajasPedidos-Todo .ocultar-puntoTabla {
  display: none;
}
.puntosCajasPedidos-Todo .tabla-puntoVenta {
  height: 250px;
}
.puntosCajasPedidos-Todo .puntosPa-parte3 {
  padding: 15px 0;
}
.puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde {
  border: 1px solid;
  border-radius: 7px;
  margin-right: 600px;
}
.puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen {
  margin: 5px 10px;
  display: grid;
  grid-template-columns: 60% 40%;
}
.puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-RAlumno label {
  padding-left: 10px;
}
.puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-Acgtiva label {
  padding-left: 10px;
}
.puntosCajasPedidos-Todo .puntosPa-Botones {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.puntosCajasPedidos-Todo .puntosPa-Botones .puntosPabtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .puntosCajasPedidos-Todo label {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo input {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo select {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo span {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 {
    grid-template-columns: 46% 17%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja {
    grid-template-columns: 24% 52% 12%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Vendedor {
    grid-template-columns: 25.5% 63%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Almacen {
    grid-template-columns: 27.5% 72.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-CActiva {
    grid-template-columns: 12.9% 31.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde {
    margin-right: 360px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-RAlumno label {
    padding-left: 7px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-Acgtiva label {
    padding-left: 7px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .puntosCajasPedidos-Todo label {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo input {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo select {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo span {
    font-size: 15px;
  }

  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 {
    grid-template-columns: 46% 17%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja {
    grid-template-columns: 24% 52% 12%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Vendedor {
    grid-template-columns: 25.5% 63%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Almacen {
    grid-template-columns: 27.5% 72.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-CActiva {
    grid-template-columns: 12.9% 31.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde {
    margin-right: 360px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-RAlumno label {
    padding-left: 7px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-Acgtiva label {
    padding-left: 7px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .puntosCajasPedidos-Todo label {
    font-size: 14px;
  }

  .puntosCajasPedidos-Todo input {
    font-size: 14px;
  }

  .puntosCajasPedidos-Todo select {
    font-size: 14px;
  }

  .puntosCajasPedidos-Todo span {
    font-size: 14px;
  }

  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 {
    grid-template-columns: 46% 17%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja {
    grid-template-columns: 24% 52% 12%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Vendedor {
    grid-template-columns: 25.5% 63%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Almacen {
    grid-template-columns: 27.5% 72.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-CActiva {
    grid-template-columns: 12.9% 31.5%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde {
    margin-right: 360px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-RAlumno label {
    padding-left: 7px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen .puntosPaBlq3-Acgtiva label {
    padding-left: 7px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 {
    display: block;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Caja {
    grid-template-columns: 18% 58% 44px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD1 .puntosPaD-Continuar {
    padding-top: 15px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja {
    display: block;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Vendedor {
    grid-template-columns: 34% 66%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-Caja .puntosPaD2-Almacen {
    padding: 15px 0;
    grid-template-columns: 34% 66%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte1 .puntosPaD2-CActiva {
    grid-template-columns: 34% 66%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen {
    margin: 10px 15px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos1 {
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    gap: 5px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos1 .puntosPaBlq2-sele1 {
    width: 165px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos1 .puntosPaBlq2-compro select {
    width: 100%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos2 {
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    gap: 5px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos2 .puntosPaBlq2-sele2 {
    width: 158px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos2 .puntosPaBlq2-compro2 select {
    width: 100%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos3 {
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    gap: 5px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos3 .puntosPaBlq2-sele3 {
    width: 158px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos3 .puntosPaBlq2-compro3 select {
    width: 100%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos4 {
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    gap: 5px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos4 .puntosPaBlq2-sele4 {
    width: 163px;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte2 .puntosPaBlq2-margen .puntosPaBlq2-Datos4 .puntosPaBlq2-compro4 select {
    width: 100%;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde {
    margin-right: 0;
  }
  .puntosCajasPedidos-Todo .puntosPa-parte3 .puntosPaBlq3-borde .puntosPaBlq3-margen {
    grid-template-columns: 100%;
  }
  .puntosCajasPedidos-Todo .puntosPa-Botones i {
    display: none;
  }
  .puntosCajasPedidos-Todo .puntosPa-Botones {
    grid-template-columns: repeat(3, 1fr);
  }
  .puntosCajasPedidos-Todo .puntosPa-Botones .puntosPabtn-texto {
    padding-left: 0;
  }
}
.deposito-TodoFormula label {
  margin: 0;
}

.deposito-TodoFormula .deposito-Separacion {
  display: grid;
  grid-template-columns: 40% 60%;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Codigo {
  display: grid;
  grid-template-columns: 24% 26%;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Nombre {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 24% 71%;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Direccion {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 24% 71%;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo {
  border: 1px solid;
  border-radius: 7px;
  margin-right: 20px;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo .deposito-MargenActivo {
  margin: 5px 10px;
}
.deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo .deposito-MargenActivo label {
  padding-left: 5px;
}
.deposito-TodoFormula .deposito-Separacion .tabla-deposito {
  height: 215px;
}
.deposito-TodoFormula .deposito-Botones {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.deposito-TodoFormula .deposito-Botones .depositoPabtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .deposito-TodoFormula .deposito-Separacion {
    grid-template-columns: 50% 50%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Codigo {
    display: grid;
    grid-template-columns: 28% 30%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Nombre {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Direccion {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo {
    margin-right: 25px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .deposito-TodoFormula .deposito-Separacion {
    grid-template-columns: 50% 50%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Codigo {
    display: grid;
    grid-template-columns: 28% 30%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Nombre {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Direccion {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo {
    margin-right: 25px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .deposito-TodoFormula .deposito-Separacion {
    grid-template-columns: 50% 50%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Codigo {
    display: grid;
    grid-template-columns: 28% 30%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Nombre {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Direccion {
    grid-template-columns: 28% 65%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo {
    margin-right: 25px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .deposito-TodoFormula .deposito-Separacion {
    display: block;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG {
    padding-bottom: 15px;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Codigo {
    grid-template-columns: 33% 35%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Nombre {
    grid-template-columns: 33% 67%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-Direccion {
    grid-template-columns: 33% 67%;
  }
  .deposito-TodoFormula .deposito-Separacion .deposito-DatosG .deposito-BordeActivo {
    margin-right: 0;
  }
  .deposito-TodoFormula .deposito-Separacion .tabla-deposito {
    height: 300px;
  }
  .deposito-TodoFormula .deposito-Botones i {
    display: none;
  }
  .deposito-TodoFormula .deposito-Botones {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .deposito-TodoFormula .deposito-Botones .depositoPabtn-texto {
    padding-left: 0;
  }
}
.RegisNotaCrediDebi-Todo label {
  margin: 0;
}

.RegisNotaCrediDebi-Todo .rCompras-bloque1 {
  display: grid;
  grid-template-columns: 30% 22% 48%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A label {
  padding-top: 5px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A {
  display: grid;
  grid-template-columns: 16% 77%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B label {
  padding-top: 5px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B {
  display: grid;
  grid-template-columns: 30% 58%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B input {
  width: 100%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C {
  display: grid;
  grid-template-columns: 32% 32%;
  gap: 20px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C .rComprasBB-textoS {
  padding-left: 8px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 30% 70%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A label {
  padding-top: 5px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A {
  display: grid;
  grid-template-columns: 36% 58%;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B {
  display: grid;
  grid-template-columns: 25% 25% 25%;
  gap: 20px;
}
.RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B .rComprasCC-texto {
  padding-left: 10px;
}
.RegisNotaCrediDebi-Todo .tabla-RegisNotaCrediDebi table {
  background-color: #ffffff !important;
}
.RegisNotaCrediDebi-Todo .tabla-RegisNotaCrediDebi {
  padding-top: 15px;
  height: 350px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .RegisNotaCrediDebi-Todo label {
    font-size: 15px;
  }

  .RegisNotaCrediDebi-Todo input {
    font-size: 15px;
  }

  .RegisNotaCrediDebi-Todo .rCompras-bloque1 {
    grid-template-columns: 36% 28% 36%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A {
    grid-template-columns: 18% 74%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B {
    grid-template-columns: 28% 62%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen {
    grid-template-columns: 35% 65%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A {
    grid-template-columns: 41% 54%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B {
    grid-template-columns: 27% 27% 27%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .RegisNotaCrediDebi-Todo label {
    font-size: 15px;
  }

  .RegisNotaCrediDebi-Todo input {
    font-size: 15px;
  }

  .RegisNotaCrediDebi-Todo .rCompras-bloque1 {
    grid-template-columns: 36% 28% 36%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A {
    grid-template-columns: 18% 74%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B {
    grid-template-columns: 28% 62%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen {
    grid-template-columns: 35% 65%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A {
    grid-template-columns: 41% 54%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B {
    grid-template-columns: 27% 27% 27%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .RegisNotaCrediDebi-Todo label {
    font-size: 14px;
  }

  .RegisNotaCrediDebi-Todo input {
    font-size: 14px;
  }

  .RegisNotaCrediDebi-Todo span {
    font-size: 14px;
  }

  .RegisNotaCrediDebi-Todo .rCompras-bloque1 {
    grid-template-columns: 36% 28% 36%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A {
    grid-template-columns: 18% 74%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B {
    grid-template-columns: 28% 62%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen {
    grid-template-columns: 35% 65%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A {
    grid-template-columns: 41% 54%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B {
    grid-template-columns: 27% 27% 27%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 {
    display: block;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-A {
    grid-template-columns: 45% 55%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-B {
    padding: 15px 0;
    grid-template-columns: 45% 55%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque1 .rComprasB1-C {
    grid-template-columns: repeat(2, 1fr);
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen {
    display: block;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-A {
    grid-template-columns: 45% 55%;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B i {
    display: none;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
  .RegisNotaCrediDebi-Todo .rCompras-bloque2 .rComprasB2-margen .rComprasB2-B .rComprasCC-texto {
    padding-left: 0;
  }
}
.notaCredito-Formula label {
  margin: 0;
}

.notaCredito-Formula .notacreditodig2-A {
  padding-bottom: 15px;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 {
  display: grid;
  grid-template-columns: 50% 50%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 {
  display: grid;
  grid-template-columns: 52% 48%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 {
  display: grid;
  grid-template-columns: 42.5% 51.3%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 input {
  width: 100%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d2 {
  display: grid;
  grid-template-columns: 43% 52%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 {
  display: grid;
  grid-template-columns: 70% 30%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 {
  display: grid;
  grid-template-columns: 32% 64%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 select {
  font-size: 14.5px;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d2 input {
  width: 100%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 50% 50%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par1 {
  display: grid;
  grid-template-columns: 21.5% 74%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 {
  display: grid;
  grid-template-columns: 70% 30%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d5 {
  display: grid;
  grid-template-columns: 30% 65%;
}
.notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d6 input {
  width: 100%;
}
.notaCredito-Formula .notacreditodig2-B {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 50% 50%;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 {
  display: grid;
  grid-template-columns: 55% 45%;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi label {
  padding-top: 5px;
  font-size: 14.5px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi {
  display: grid;
  grid-template-columns: 33% 42% 15%;
  gap: 10px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig2A-d4 label {
  font-size: 15px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig2A-d4 {
  padding-top: 7px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-Nombre {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 95.5%;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-Direccion {
  display: grid;
  grid-template-columns: 95.5%;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 {
  padding-top: 9.5px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen {
  margin: 10px 10px;
  padding: 10px 10px;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque1 {
  display: grid;
  grid-template-columns: 40% 60%;
}
.notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 40% 60%;
}
.notaCredito-Formula .notacreditodig2-C {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 75% 25%;
}
.notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup {
  display: grid;
  grid-template-columns: 35% 35%;
  gap: 20px;
}
.notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup .notacreditodig2E-texto {
  padding-left: 10px;
  text-transform: uppercase;
}
.notaCredito-Formula .notacreditodig2-C .notacreditodig2C-label {
  padding-top: 10px;
  text-align: right;
}
.notaCredito-Formula .tabla-notacreditodig {
  height: 300px;
}
.notaCredito-Formula .notacreditodig2-D {
  padding: 15px 0;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 25% 27% 27% 21%;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-A {
  display: grid;
  grid-template-columns: 30% 60%;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-B {
  display: grid;
  grid-template-columns: 30% 60%;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-C {
  display: grid;
  grid-template-columns: 33% 58%;
}
.notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-D {
  display: grid;
  grid-template-columns: 30% 70%;
}
.notaCredito-Formula .notacreditodig2-E {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.notaCredito-Formula .notacreditodig2-E .notacreditoBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .notaCredito-Formula label {
    font-size: 14px;
  }

  .notaCredito-Formula input {
    font-size: 14px;
  }

  .notaCredito-Formula span {
    font-size: 14px;
  }

  .notaCredito-Formula select {
    font-size: 14px;
  }

  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 {
    grid-template-columns: 50% 50%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 {
    grid-template-columns: 36.5% 58.3%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d2 {
    grid-template-columns: 47% 47%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par1 {
    grid-template-columns: 23.5% 72%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d5 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi {
    grid-template-columns: 26% 48% 15%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig2A-d4 {
    padding-top: 15px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 {
    padding-top: 11px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen {
    margin: 10px 10px;
    padding: 16px 0;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque1 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque2 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup .notacreditodig2E-texto {
    font-size: 14px;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-A {
    grid-template-columns: 41% 53%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-B {
    grid-template-columns: 39% 54%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-C {
    grid-template-columns: 43% 51%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-D {
    grid-template-columns: 36% 64%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .notaCredito-Formula label {
    font-size: 14px;
  }

  .notaCredito-Formula input {
    font-size: 14px;
  }

  .notaCredito-Formula span {
    font-size: 14px;
  }

  .notaCredito-Formula select {
    font-size: 14px;
  }

  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 {
    grid-template-columns: 50% 50%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 {
    grid-template-columns: 35.5% 60%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d2 {
    grid-template-columns: 47% 47%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par1 {
    grid-template-columns: 23.5% 72%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d5 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi {
    grid-template-columns: 26% 48% 15%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig2A-d4 {
    padding-top: 15px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 {
    padding-top: 11px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen {
    margin: 10px 10px;
    padding: 16px 0;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque1 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque2 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup .notacreditodig2E-texto {
    font-size: 14px;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-A {
    grid-template-columns: 41% 53%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-B {
    grid-template-columns: 39% 54%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-C {
    grid-template-columns: 43% 51%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-D {
    grid-template-columns: 36% 64%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .notaCredito-Formula label {
    font-size: 14px;
  }

  .notaCredito-Formula input {
    font-size: 14px;
  }

  .notaCredito-Formula span {
    font-size: 14px;
  }

  .notaCredito-Formula select {
    font-size: 14px;
  }

  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 {
    grid-template-columns: 50% 50%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 {
    grid-template-columns: 35.5% 60%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d2 {
    grid-template-columns: 47% 47%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par1 {
    grid-template-columns: 23.5% 72%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d5 {
    grid-template-columns: 39% 55%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi {
    grid-template-columns: 26% 48% 15%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig2A-d4 {
    padding-top: 15px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 {
    padding-top: 11px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen {
    margin: 10px 10px;
    padding: 16px 0;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque1 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque2 {
    grid-template-columns: 47% 53%;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup {
    grid-template-columns: 42% 44%;
    gap: 15px;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup .notacreditodig2E-texto {
    font-size: 14px;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-A {
    grid-template-columns: 41% 53%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-B {
    grid-template-columns: 39% 54%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-C {
    grid-template-columns: 43% 51%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-D {
    grid-template-columns: 36% 64%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d1 {
    grid-template-columns: 58% 42%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par1 .notacreditodig1A-d2 {
    padding: 15px 0;
    grid-template-columns: 58% 42%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-1 .notacreditodig1A-par2 .notacreditodig2A-d1 {
    padding-bottom: 15px;
    grid-template-columns: 38% 62%;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par1 {
    grid-template-columns: 34% 66%;
    padding-bottom: 15px;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-A .notacreditodigA-2 .notacreditodig2A-par2 .notacreditodig2A-d5 {
    padding-bottom: 15px;
    grid-template-columns: 34% 66%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-bloque1 .notacreditodig1B-RUCDNi {
    grid-template-columns: 33% 42% 16%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-Nombre {
    grid-template-columns: 100%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigB-1 .notacreditodig1B-Direccion {
    grid-template-columns: 100%;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen {
    padding: 0;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque1 {
    grid-template-columns: 100%;
    gap: 10px;
  }
  .notaCredito-Formula .notacreditodig2-B .notacreditodigB-margen .notacreditodigP2-2 .notacreditodigP2-borde .notacreditodigP2-margen .notacreditodig2P-bloque2 {
    grid-template-columns: 100%;
    gap: 10px;
  }
  .notaCredito-Formula .notacreditodig2-C {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2-BntPopup {
    grid-template-columns: 100%;
    gap: 10px;
  }
  .notaCredito-Formula .notacreditodig2-C .notacreditodig2C-label {
    text-align: center;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen {
    display: block;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-A {
    grid-template-columns: 40% 60%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-B {
    padding: 15px 0;
    grid-template-columns: 40% 60%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-C {
    padding-bottom: 15px;
    grid-template-columns: 40% 60%;
  }
  .notaCredito-Formula .notacreditodig2-D .notacreditodigD-borde .notacreditodigD-margen .notacreditodigD-D {
    grid-template-columns: 40% 60%;
  }
  .notaCredito-Formula .notacreditodig2-E i {
    display: none;
  }
  .notaCredito-Formula .notacreditodig2-E {
    grid-template-columns: repeat(3, 1fr);
  }
  .notaCredito-Formula .notacreditodig2-E .notacreditoBtn-texto {
    padding-left: 0;
  }
}
.consultaSaldo-Todo label {
  margin: 0;
}

.consultaSaldo-Todo .consultaSaldo-BloqueA {
  display: grid;
  grid-template-columns: 35% 63%;
  gap: 20px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 label {
  padding-top: 5px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 {
  border: 1px solid;
  border-radius: 7px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen {
  margin: 5px 0 5px 5px;
  display: grid;
  grid-template-columns: 80% 20%;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen .consulSalBlq-1A {
  display: grid;
  grid-template-columns: 20% 72%;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 {
  margin: 5px 0;
  display: grid;
  grid-template-columns: 25% 25% 25%;
  gap: 20px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 .btnConsulSaldo-texto {
  padding-left: 10px;
}
.consultaSaldo-Todo .tabla-consultaSaldo {
  height: 400px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 60% 40%;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 {
  display: grid;
  grid-template-columns: 40% 40%;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 .consultaSaldo-Check1 label {
  padding-left: 10px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 .consultaSaldo-Check2 label {
  padding-left: 10px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B2 .btnConsulSaldo-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen .consulSalBlq-1A {
    grid-template-columns: 22% 70%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 {
    grid-template-columns: 30% 30% 25%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 {
    grid-template-columns: 54% 30%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen .consulSalBlq-1A {
    grid-template-columns: 22% 70%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 {
    grid-template-columns: 30% 30% 25%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 {
    grid-template-columns: 54% 30%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .consultaSaldo-Todo label {
    font-size: 14px;
  }

  .consultaSaldo-Todo input {
    font-size: 14px;
  }

  .consultaSaldo-Todo button {
    font-size: 14px;
  }

  .consultaSaldo-Todo span {
    font-size: 14px;
  }

  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 label {
    padding-top: 7px;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen {
    grid-template-columns: 77% 20%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA1 .consulSalBlq-margen .consulSalBlq-1A {
    grid-template-columns: 22% 70%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 {
    grid-template-columns: 30% 30% 25%;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 {
    grid-template-columns: 54% 30%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .consultaSaldo-Todo .consultaSaldo-BloqueA {
    display: block;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueA .consulSaldo-BlqA2 {
    margin: 0;
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB {
    display: block;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 {
    display: block;
  }
  .consultaSaldo-Todo .consultaSaldo-BloqueB .consultaSaldoBlqB-B1 .consultaSaldo-Check2 {
    padding: 15px 0;
  }
}
.condicion-Todo label {
  margin: 0;
}

.condicion-Todo .condicion-Separacion {
  display: grid;
  grid-template-columns: 50% 50%;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 {
  display: grid;
  grid-template-columns: 65% 35%;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-Codigo {
  display: grid;
  grid-template-columns: 37% 50%;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF {
  display: flex;
  align-items: center;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF label {
  padding-left: 10px;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-A {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 24% 33%;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-B {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 22% 21% 15%;
  gap: 10px;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque3 .condicion-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 20px;
}
.condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque3 .condicion-borde .org-caja {
  margin: 5px 10px;
  display: flex;
  justify-content: space-between;
  width: 162px;
}
.condicion-Todo .condicion-Separacion .tabla-condicionM {
  height: 180px;
}
.condicion-Todo .condicion-Separacion .tabla-condicionM table {
  background-color: #ffffff !important;
}
.condicion-Todo .condicion-Btns {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.condicion-Todo .condicion-Btns .condBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .condicion-Todo label {
    font-size: 15px;
  }

  .condicion-Todo input {
    font-size: 15px;
  }

  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-Codigo {
    grid-template-columns: 51% 32%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF label {
    padding-left: 7px;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-A {
    grid-template-columns: 33% 40%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-B {
    grid-template-columns: 30% 21% 15%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .condicion-Todo label {
    font-size: 15px;
  }

  .condicion-Todo input {
    font-size: 15px;
  }

  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-Codigo {
    grid-template-columns: 51% 32%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF label {
    padding-left: 7px;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-A {
    grid-template-columns: 33% 40%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-B {
    grid-template-columns: 30% 21% 15%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .condicion-Todo label {
    font-size: 14px;
  }

  .condicion-Todo input {
    font-size: 14px;
  }

  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-Codigo {
    grid-template-columns: 51% 32%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF label {
    padding-left: 7px;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-A {
    grid-template-columns: 33% 40%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-B {
    grid-template-columns: 30% 22% 15%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .condicion-Todo .condicion-Separacion {
    display: block;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 {
    display: block;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-Codigo {
    grid-template-columns: 42% 58%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque1 .condicion-CashF {
    padding-top: 15px;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-A {
    grid-template-columns: 42% 57%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque2 .bloque2-B {
    grid-template-columns: 39% 22% 15%;
  }
  .condicion-Todo .condicion-Separacion .condicion-Datos .condicion-bloque3 .condicion-borde {
    margin-right: 0;
  }
  .condicion-Todo .condicion-Separacion .tabla-condicionM {
    padding-top: 15px;
    height: 190px;
  }
  .condicion-Todo .condicion-Btns i {
    display: none;
  }
  .condicion-Todo .condicion-Btns {
    grid-template-columns: repeat(3, 1fr);
  }
  .condicion-Todo .condicion-Btns .condBtn-Texto {
    padding-left: 0;
  }
}
.tipoCambio-Todo label {
  margin: 0;
}

.tipoCambio-Todo .tcambio-bloque1 {
  display: grid;
  grid-template-columns: 25% 33%;
}
.tipoCambio-Todo .tcambio-bloque1 .tcab1-1 label {
  padding-top: 5px;
}
.tipoCambio-Todo .tcambio-bloque1 .tcab1-1 {
  display: grid;
  grid-template-columns: 35% 50%;
}
.tipoCambio-Todo .tcambio-bloque1 .tcab1-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.tipoCambio-Todo .tcambio-bloque1 .tcab1-2 .btn-tcambio-texto1 {
  padding-left: 10px;
}
.tipoCambio-Todo .tcambio-bloque2 {
  display: grid;
  grid-template-columns: 50% 50%;
}
.tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-1 {
  display: grid;
  grid-template-columns: 15% 30% 30%;
  gap: 15px;
}
.tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 18% 30%;
}
.tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-3 {
  display: grid;
  grid-template-columns: 18% 30%;
}
.tipoCambio-Todo .tcambio-bloque2 .tabla-tcambioNF table {
  background-color: #ffffff !important;
}
.tipoCambio-Todo .tcambio-bloque2 .tabla-tcambioNF {
  height: 200px;
}
.tipoCambio-Todo .tcab3-4 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.tipoCambio-Todo .tcab3-4 .btn-tpcambio-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .tipoCambio-Todo input {
    font-size: 15px;
  }

  .tipoCambio-Todo label {
    font-size: 15px;
  }

  .tipoCambio-Todo .tcambio-bloque1 {
    display: grid;
    grid-template-columns: 28% 36%;
  }
  .tipoCambio-Todo .tcambio-bloque1 .tcab1-1 {
    grid-template-columns: 38% 54%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-1 {
    grid-template-columns: 20% 30% 30%;
    gap: 13px;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-2 {
    grid-template-columns: 24% 30%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-3 {
    grid-template-columns: 24% 30%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .tipoCambio-Todo input {
    font-size: 15px;
  }

  .tipoCambio-Todo label {
    font-size: 15px;
  }

  .tipoCambio-Todo .tcambio-bloque1 {
    display: grid;
    grid-template-columns: 28% 36%;
  }
  .tipoCambio-Todo .tcambio-bloque1 .tcab1-1 {
    grid-template-columns: 38% 54%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-1 {
    grid-template-columns: 20% 30% 30%;
    gap: 13px;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-2 {
    grid-template-columns: 24% 30%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-3 {
    grid-template-columns: 24% 30%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .tipoCambio-Todo input {
    font-size: 14px;
  }

  .tipoCambio-Todo label {
    font-size: 14px;
  }

  .tipoCambio-Todo span {
    font-size: 14px;
  }

  .tipoCambio-Todo .tcambio-bloque1 {
    display: grid;
    grid-template-columns: 28% 36%;
  }
  .tipoCambio-Todo .tcambio-bloque1 .tcab1-1 {
    grid-template-columns: 38% 50%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-2 {
    grid-template-columns: 20% 30%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-3 {
    grid-template-columns: 20% 30%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .tipoCambio-Todo .tcambio-bloque1 {
    display: block;
  }
  .tipoCambio-Todo .tcambio-bloque1 .tcab1-1 {
    grid-template-columns: 43% 57%;
  }
  .tipoCambio-Todo .tcambio-bloque1 .tcab1-2 {
    padding-top: 15px;
  }
  .tipoCambio-Todo .tcambio-bloque2 {
    display: block;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-1 {
    grid-template-columns: 32% 23% 36%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-2 {
    grid-template-columns: 36.5% 63.5%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tcambio-Datos .tcab3-3 {
    grid-template-columns: 36.5% 63.5%;
  }
  .tipoCambio-Todo .tcambio-bloque2 .tabla-tcambioNF {
    height: 300px;
    padding-top: 15px;
  }
  .tipoCambio-Todo .tcab3-4 i {
    display: none;
  }
  .tipoCambio-Todo .tcab3-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .tipoCambio-Todo .tcab3-4 .btn-tpcambio-texto {
    padding-left: 0;
  }
}
.selecpventa {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
}
.selecpventa .popuppventa {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 600px;
  transition: 0.1s ease all;
  transform: scale(0.7);
  opacity: 0;
}
.selecpventa .popuppventa .btn-cerrar-popup {
  font-size: 20px;
  line-height: 20px;
  display: block;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  transition: 0.1s ease all;
  color: #BBBBBB;
}
.selecpventa .btn-cerrar-popup:hover {
  color: #000;
}
.selecpventa .popuppventa-1 {
  display: grid;
  grid-template-columns: 23% 40% 28%;
  gap: 15px;
  margin: 0 30px;
  padding-bottom: 15px;
}
.selecpventa .tabla-seleclistaprecio {
  height: 350px;
  margin: 0 15px;
}

.selecpventa-spot {
  visibility: visible !important;
}

.selecpventa-spot .active {
  transform: scale(1) !important;
  opacity: 1 !important;
}

.selecpventa-spot form .contenedor-inputs {
  animation: entradaInputs 0.3s linear 0.3s forwards;
}

.registrpVenta-Todo label {
  margin: 0;
}

.registrpVenta-Todo .registrpVenta-Blq1 {
  display: grid;
  grid-template-columns: 22% 43% 36%;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A label {
  padding-top: 5px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A {
  display: grid;
  grid-template-columns: 38% 52%;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B .registrpVentaB-Texto {
  padding-left: 10px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C {
  padding-left: 25px;
  display: grid;
  grid-template-columns: 50% 50%;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 label {
  padding-top: 7px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 {
  display: flex;
  justify-content: space-between;
  width: 144px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 label {
  padding-top: 7px;
}
.registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 {
  display: flex;
  justify-content: space-between;
  width: 130px;
}
.registrpVenta-Todo .tabla-registrpVenta {
  height: 400px;
}
.registrpVenta-Todo .registrpVenta-Blq2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.registrpVenta-Todo .registrpVenta-Blq2 .registrpVenta-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .registrpVenta-Todo label {
    font-size: 15px;
  }

  .registrpVenta-Todo input {
    font-size: 15px;
  }

  .registrpVenta-Todo span {
    font-size: 15px;
  }

  .registrpVenta-Todo button {
    font-size: 15px;
  }

  .registrpVenta-Todo .registrpVenta-Blq1 {
    grid-template-columns: 24% 40% 36%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A {
    grid-template-columns: 45% 45%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B i {
    display: none;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B .registrpVentaB-Texto {
    padding-left: 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C label {
    font-size: 14px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C {
    padding-left: 14px;
    grid-template-columns: 58% 42%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 {
    width: 125px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 {
    width: 110px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .registrpVenta-Todo label {
    font-size: 15px;
  }

  .registrpVenta-Todo input {
    font-size: 15px;
  }

  .registrpVenta-Todo span {
    font-size: 15px;
  }

  .registrpVenta-Todo button {
    font-size: 15px;
  }

  .registrpVenta-Todo .registrpVenta-Blq1 {
    grid-template-columns: 24% 40% 36%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A {
    grid-template-columns: 45% 45%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B i {
    display: none;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B .registrpVentaB-Texto {
    padding-left: 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C label {
    font-size: 14px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C {
    padding-left: 14px;
    grid-template-columns: 58% 42%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 {
    width: 125px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 {
    width: 110px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .registrpVenta-Todo label {
    font-size: 14px;
  }

  .registrpVenta-Todo input {
    font-size: 14px;
  }

  .registrpVenta-Todo span {
    font-size: 14px;
  }

  .registrpVenta-Todo button {
    font-size: 14px;
  }

  .registrpVenta-Todo .registrpVenta-Blq1 {
    grid-template-columns: 24% 40% 36%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A {
    grid-template-columns: 45% 45%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B i {
    display: none;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B .registrpVentaB-Texto {
    padding-left: 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C label {
    font-size: 13px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C {
    padding-left: 14px;
    grid-template-columns: 58% 42%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 label {
    padding-top: 9px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 {
    width: 116px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 label {
    padding-top: 9px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 {
    width: 104px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .registrpVenta-Todo .registrpVenta-Blq1 {
    display: block;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-A {
    grid-template-columns: 40% 60%;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B i {
    display: none;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B {
    padding: 15px 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-B .registrpVentaB-Texto {
    padding-left: 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C {
    padding-left: 0;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 label {
    padding-top: 0;
    font-size: 13px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta1 {
    width: 118px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 label {
    padding-top: 0;
    font-size: 13.5px;
  }
  .registrpVenta-Todo .registrpVenta-Blq1 .registrpVentaBl1-C .opciones-registrpVenta2 {
    width: 112px;
  }
  .registrpVenta-Todo .registrpVenta-Blq2 i {
    display: none;
  }
  .registrpVenta-Todo .registrpVenta-Blq2 .registrpVenta-texto {
    padding-left: 0;
  }
}
.LiqVenta-Todo label {
  margin: 0;
}

.LiqVenta-Todo .liqVenta-Blq1 {
  display: grid;
  grid-template-columns: 45% 55%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 20px;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen {
  margin: 10px;
  display: grid;
  grid-template-columns: 63% 37%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion {
  display: grid;
  grid-template-columns: 48% 48%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion input {
  width: 100%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al {
  display: grid;
  grid-template-columns: 18% 80%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al input {
  width: 100%;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B {
  margin: 6px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B .liqVentaBlq1-btnTexto {
  padding-left: 10px;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos B .liqVentaBlq2A-opciones h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-clientes label {
  padding-left: 10px;
  font-weight: 500;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-clientes {
  padding: 15px 0;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-producto label {
  padding-left: 10px;
  font-weight: 500;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-producto {
  padding-bottom: 15px;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-vendedor label {
  padding-left: 10px;
  font-weight: 500;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .liqVentaBlq2A-vendedor {
  padding-bottom: 15px;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-B {
  padding-top: 5px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-B .liqVentaBlq2-btnTexto {
  padding-left: 10px;
}
.LiqVenta-Todo .liqVenta-Blq3 {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 40% 60%;
}
.LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-opciones {
  display: grid;
  grid-template-columns: 50% 50%;
}
.LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-opciones .liqVentaBlq3-A label {
  padding-left: 10px;
  font-weight: 500;
}
.LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-opciones .liqVentaBlq3-B label {
  padding-left: 10px;
  font-weight: 500;
}
.LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-C select {
  width: 80%;
}
.LiqVenta-Todo .tabla-liqVentaBlq4 {
  height: 420px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .LiqVenta-Todo label {
    font-size: 15px;
  }

  .LiqVenta-Todo input {
    font-size: 15px;
  }

  .LiqVenta-Todo select {
    font-size: 15px;
  }

  .LiqVenta-Todo button {
    font-size: 15px;
  }

  .LiqVenta-Todo span {
    font-size: 15px;
  }

  .LiqVenta-Todo .liqVenta-Blq1 {
    grid-template-columns: 53% 47%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen label {
    font-size: 14.5px;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen {
    grid-template-columns: 65% 35%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion {
    grid-template-columns: 53% 43%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al {
    grid-template-columns: 20% 80%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-mes {
    grid-template-columns: 46% 40%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B i {
    display: none;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B {
    gap: 10px;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B .liqVentaBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .LiqVenta-Todo label {
    font-size: 15px;
  }

  .LiqVenta-Todo input {
    font-size: 15px;
  }

  .LiqVenta-Todo select {
    font-size: 15px;
  }

  .LiqVenta-Todo button {
    font-size: 15px;
  }

  .LiqVenta-Todo span {
    font-size: 15px;
  }

  .LiqVenta-Todo .liqVenta-Blq1 {
    grid-template-columns: 53% 47%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen {
    grid-template-columns: 65% 35%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion {
    grid-template-columns: 54% 43%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al {
    grid-template-columns: 20% 80%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-mes {
    grid-template-columns: 46% 40%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B i {
    display: none;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B {
    gap: 10px;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B .liqVentaBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .LiqVenta-Todo label {
    font-size: 14px;
  }

  .LiqVenta-Todo input {
    font-size: 14px;
  }

  .LiqVenta-Todo select {
    font-size: 14px;
  }

  .LiqVenta-Todo button {
    font-size: 14px;
  }

  .LiqVenta-Todo span {
    font-size: 14px;
  }

  .LiqVenta-Todo .liqVenta-Blq1 {
    grid-template-columns: 53% 47%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen {
    grid-template-columns: 65% 35%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion {
    grid-template-columns: 54% 43%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al {
    grid-template-columns: 20% 80%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-mes {
    grid-template-columns: 46% 40%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B i {
    display: none;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B {
    gap: 8px;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B .liqVentaBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .LiqVenta-Todo .liqVenta-Blq1 {
    display: block;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A {
    margin-right: 0;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen {
    display: block;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-liquidacion {
    grid-template-columns: 50% 50%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-A .liqVentaBlq1-margen .liqVentaBlq1-al {
    padding-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B i {
    display: none;
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B {
    margin: 0;
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .LiqVenta-Todo .liqVenta-Blq1 .liqVentaBlq1-B .liqVentaBlq1-btnTexto {
    padding-left: 0;
  }
  .LiqVenta-Todo .liqVenta-Blq2 .liqVentaBlq2-B {
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .LiqVenta-Todo .liqVenta-Blq3 {
    display: block;
  }
  .LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-C {
    padding-top: 15px;
  }
  .LiqVenta-Todo .liqVenta-Blq3 .liqVentaBlq3-C select {
    width: 100%;
  }
}
.saldoPeriodo-Todo label {
  margin: 0;
}

.saldoPeriodo-Todo .saldoPeriodo-PartA {
  display: grid;
  grid-template-columns: 25% 75%;
}
.saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 {
  display: grid;
  grid-template-columns: 32% 56%;
}
.saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 label {
  padding-top: 5px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 .saldoP-1 {
  padding-left: 10px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 .saldoPerA-2Check {
  text-align: center;
  margin: 6px 0 0 0;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-salGeneral {
  padding-top: 15px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-salGeneral label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-SalDetallado {
  padding: 15px 0;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-SalDetallado label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-ListHistorico {
  padding-bottom: 15px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-ListHistorico label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar {
  padding-bottom: 15px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar select {
  width: 30%;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .saldoPBlq2-B {
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.saldoPeriodo-Todo .saldoPeriodo-PartB .saldoPBlq2-B .saldoPeriodoBlq2-btnTexto {
  padding-left: 10px;
}
.saldoPeriodo-Todo .tabla-saldoPBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .saldoPeriodo-Todo label {
    font-size: 15px;
  }

  .saldoPeriodo-Todo button {
    font-size: 15px;
  }

  .saldoPeriodo-Todo span {
    font-size: 15px;
  }

  .saldoPeriodo-Todo a {
    font-size: 15px;
  }

  .saldoPeriodo-Todo .saldoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 {
    grid-template-columns: 38% 53%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .saldoPeriodo-Todo label {
    font-size: 15px;
  }

  .saldoPeriodo-Todo button {
    font-size: 15px;
  }

  .saldoPeriodo-Todo span {
    font-size: 15px;
  }

  .saldoPeriodo-Todo a {
    font-size: 15px;
  }

  .saldoPeriodo-Todo .saldoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 {
    grid-template-columns: 38% 53%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .saldoPeriodo-Todo label {
    font-size: 14px;
  }

  .saldoPeriodo-Todo button {
    font-size: 14px;
  }

  .saldoPeriodo-Todo input {
    font-size: 14px;
  }

  .saldoPeriodo-Todo span {
    font-size: 14px;
  }

  .saldoPeriodo-Todo a {
    font-size: 14px;
  }

  .saldoPeriodo-Todo .saldoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 {
    grid-template-columns: 25% 25% 30%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .saldoPeriodo-Todo .saldoPeriodo-PartA {
    display: block;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-1 {
    grid-template-columns: 40% 60%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 i {
    display: none;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartA .saldoPerA-2 .saldoP-1 {
    padding-left: 0;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartB .liqVentaBlq2-A .liqVentaBlq2A-datos .liqVentaBlq2A-opciones .saldoPeriodo2A-Seleccionar select {
    width: 100%;
  }
  .saldoPeriodo-Todo .saldoPeriodo-PartB .saldoPBlq2-B {
    grid-template-columns: repeat(2, 1fr);
  }
}
.saldoVencido-Todo label {
  margin: 0;
}

.saldoVencido-Todo .saldoVencido-PartA {
  display: grid;
  grid-template-columns: 25% 25% 50%;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 {
  display: grid;
  grid-template-columns: 30% 62%;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 label {
  padding-top: 5px;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 label {
  padding-top: 5px;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 {
  display: grid;
  grid-template-columns: 37% 54%;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 input {
  width: 100%;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 .saldoV-1 {
  padding-left: 10px;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-salGeneral {
  padding: 15px 0 15px 0;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-salGeneral label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-SalDetallado {
  padding: 0 0 15px 0;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-SalDetallado label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-ListHistorico {
  padding: 0 0 15px 0;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-ListHistorico label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-Seleccionar select {
  width: 30%;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB2 .saldoPeriodoBlq2-btnTexto {
  padding-left: 10px;
}
.saldoVencido-Todo .tabla-VenciPBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .saldoVencido-Todo label {
    font-size: 15px;
  }

  .saldoVencido-Todo input {
    font-size: 15px;
  }

  .saldoVencido-Todo button {
    font-size: 15px;
  }

  .saldoVencido-Todo span {
    font-size: 15px;
  }

  .saldoVencido-Todo .saldoVencido-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 i {
    display: none;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 .saldoV-1 {
    padding-left: 0;
  }
  .saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .saldoVencido-Todo label {
    font-size: 15px;
  }

  .saldoVencido-Todo input {
    font-size: 15px;
  }

  .saldoVencido-Todo button {
    font-size: 15px;
  }

  .saldoVencido-Todo span {
    font-size: 15px;
  }

  .saldoVencido-Todo .saldoVencido-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 i {
    display: none;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 .saldoV-1 {
    padding-left: 0;
  }
  .saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .saldoVencido-Todo label {
    font-size: 14px;
  }

  .saldoVencido-Todo input {
    font-size: 14px;
  }

  .saldoVencido-Todo button {
    font-size: 14px;
  }

  .saldoVencido-Todo span {
    font-size: 14px;
  }

  .saldoVencido-Todo .saldoVencido-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 label {
    padding-top: 7px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 i {
    display: none;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 .saldoV-1 {
    padding-left: 0;
  }
  .saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .saldoVencido-Todo .saldoVencido-PartA {
    display: block;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 {
    grid-template-columns: 40% 60%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-1 label {
    padding-top: 3px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 {
    padding: 15px 0;
    grid-template-columns: 40% 60%;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-2 label {
    padding-top: 3px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 i {
    display: none;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 {
    gap: 15px;
  }
  .saldoVencido-Todo .saldoVencido-PartA .saldoPerA-3 .saldoV-1 {
    padding-left: 0;
  }
  .saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB1 .saldoVencido2B-Seleccionar select {
    width: 100%;
  }
  .saldoVencido-Todo .saldoVencido-PartB .saldoVencidoPB2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.alumnoLista-Todo label {
  margin: 0;
}

.alumnoLista-Todo .alumnoLista-PartA {
  display: grid;
  grid-template-columns: 25% 75%;
}
.alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 label {
  padding-top: 5px;
}
.alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 {
  display: grid;
  grid-template-columns: 32% 56%;
}
.alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-2 .alumnoLista-1 {
  padding-left: 10px;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-salGeneral {
  padding-top: 15px;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-salGeneral label {
  padding-left: 10px;
  font-weight: 500;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-SalDetallado {
  padding: 15px 0;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-SalDetallado label {
  padding-left: 10px;
  font-weight: 500;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-ListHistorico {
  padding: 0 0 15px 0;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-ListHistorico label {
  padding-left: 10px;
  font-weight: 500;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-Seleccionar select {
  width: 30%;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-B {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-B .alumnoListaBlq2-btnTexto {
  padding-left: 10px;
}
.alumnoLista-Todo .tabla-alumnoListaPBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .alumnoLista-Todo label {
    font-size: 15px;
  }

  .alumnoLista-Todo input {
    font-size: 15px;
  }

  .alumnoLista-Todo select {
    font-size: 15px;
  }

  .alumnoLista-Todo button {
    font-size: 15px;
  }

  .alumnoLista-Todo span {
    font-size: 15px;
  }

  .alumnoLista-Todo .alumnoLista-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 {
    grid-template-columns: 38% 52%;
  }
  .alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .alumnoLista-Todo label {
    font-size: 15px;
  }

  .alumnoLista-Todo input {
    font-size: 15px;
  }

  .alumnoLista-Todo select {
    font-size: 15px;
  }

  .alumnoLista-Todo button {
    font-size: 15px;
  }

  .alumnoLista-Todo span {
    font-size: 15px;
  }

  .alumnoLista-Todo .alumnoLista-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 {
    grid-template-columns: 38% 52%;
  }
  .alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .alumnoLista-Todo label {
    font-size: 14px;
  }

  .alumnoLista-Todo input {
    font-size: 14px;
  }

  .alumnoLista-Todo select {
    font-size: 14px;
  }

  .alumnoLista-Todo button {
    font-size: 14px;
  }

  .alumnoLista-Todo span {
    font-size: 14px;
  }

  .alumnoLista-Todo .alumnoLista-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 {
    grid-template-columns: 38% 52%;
  }
  .alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .alumnoLista-Todo .alumnoLista-PartA {
    display: block;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-1 {
    grid-template-columns: 40% 60%;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-2 i {
    display: none;
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .alumnoLista-Todo .alumnoLista-PartA .alumnoListaA-2 .alumnoLista-1 {
    padding-left: 0;
  }
  .alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-A .alumnoLista2B-Seleccionar select {
    width: 100%;
  }
  .alumnoLista-Todo .alumnoLista-PartB .alumnoListaBlq2-B {
    grid-template-columns: repeat(2, 1fr);
  }
}
.alumnoTraslado-Todo label {
  margin: 0;
}

.alumnoTraslado-Todo .alumnoTraslado-PartA {
  display: grid;
  grid-template-columns: 25% 75%;
}
.alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 {
  display: grid;
  grid-template-columns: 32% 56%;
}
.alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 label {
  padding-top: 5px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-2 .alumnoTrasP-1 {
  padding-left: 10px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasBlq2A-datos .alumnoTrasBlq2A-opciones h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasBlq2A-datos .alumnoTrasBlq2A-opciones .alumnoTraslado2A-Interno {
  padding-top: 15px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasBlq2A-datos .alumnoTrasBlq2A-opciones .alumnoTraslado2A-Interno label {
  padding-left: 10px;
  font-weight: 500;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasBlq2A-datos .alumnoTrasBlq2A-opciones .alumnoTraslado2A-Externo {
  padding-top: 15px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasBlq2A-datos .alumnoTrasBlq2A-opciones .alumnoTraslado2A-Externo label {
  padding-left: 10px;
  font-weight: 500;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasPBlq2-B {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasPBlq2-B .alumnoTrasladoBlq2-btnTexto {
  padding-left: 10px;
}
.alumnoTraslado-Todo .tabla-alumnoTrasBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .alumnoTraslado-Todo label {
    font-size: 15px;
  }

  .alumnoTraslado-Todo input {
    font-size: 15px;
  }

  .alumnoTraslado-Todo button {
    font-size: 15px;
  }

  .alumnoTraslado-Todo span {
    font-size: 15px;
  }

  .alumnoTraslado-Todo .alumnoTraslado-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 {
    grid-template-columns: 38% 53%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .alumnoTraslado-Todo label {
    font-size: 15px;
  }

  .alumnoTraslado-Todo input {
    font-size: 15px;
  }

  .alumnoTraslado-Todo button {
    font-size: 15px;
  }

  .alumnoTraslado-Todo span {
    font-size: 15px;
  }

  .alumnoTraslado-Todo .alumnoTraslado-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 {
    grid-template-columns: 38% 53%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .alumnoTraslado-Todo label {
    font-size: 14px;
  }

  .alumnoTraslado-Todo input {
    font-size: 14px;
  }

  .alumnoTraslado-Todo button {
    font-size: 14px;
  }

  .alumnoTraslado-Todo span {
    font-size: 14px;
  }

  .alumnoTraslado-Todo .alumnoTraslado-PartA {
    grid-template-columns: 27% 73%;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 {
    grid-template-columns: 38% 53%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .alumnoTraslado-Todo .alumnoTraslado-PartA {
    display: block;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-1 {
    grid-template-columns: 40% 60%;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-2 i {
    display: none;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartA .alumnoTraslA-2 .alumnoTrasP-1 {
    padding-left: 0;
  }
  .alumnoTraslado-Todo .alumnoTraslado-PartB .alumnoTrasPBlq2-B {
    grid-template-columns: repeat(2, 1fr);
  }
}
.honomastico-Todo label {
  margin: 0;
}

.honomastico-Todo .honomastico-PartA {
  display: grid;
  grid-template-columns: 28% 23% 50%;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-1 {
  display: grid;
  grid-template-columns: 33% 48%;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-1 label {
  padding-top: 5px;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-2 {
  display: grid;
  grid-template-columns: 14% 58%;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-2 label {
  padding-top: 5px;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.honomastico-Todo .honomastico-PartA .honomasticoA-3 .honomasticoV-1 {
  padding-left: 10px;
}
.honomastico-Todo .saldoVencido-PartB .saldoVencidoPB1 h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-salGeneral {
  padding-top: 15px;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-salGeneral label {
  padding-left: 10px;
  font-weight: 500;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-SalDetallado {
  padding-top: 15px;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-SalDetallado label {
  padding-left: 10px;
  font-weight: 500;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar {
  padding-top: 15px;
}
.honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar select {
  width: 30%;
}
.honomastico-Todo .saldoVencido-PartB .honomasticoPB2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.honomastico-Todo .saldoVencido-PartB .honomasticoPB2 .honomasticoBlq2-btnTexto {
  padding-left: 10px;
}
.honomastico-Todo .tabla-honomasticoBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .honomastico-Todo label {
    font-size: 15px;
  }

  .honomastico-Todo input {
    font-size: 15px;
  }

  .honomastico-Todo select {
    font-size: 15px;
  }

  .honomastico-Todo button {
    font-size: 15px;
  }

  .honomastico-Todo span {
    font-size: 15px;
  }

  .honomastico-Todo .honomastico-PartA {
    grid-template-columns: 31% 24% 45%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-1 {
    grid-template-columns: 37% 56%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-2 {
    grid-template-columns: 15% 72%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 i {
    display: none;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 .honomasticoV-1 {
    padding-left: 0;
  }
  .honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .honomastico-Todo label {
    font-size: 15px;
  }

  .honomastico-Todo input {
    font-size: 15px;
  }

  .honomastico-Todo select {
    font-size: 15px;
  }

  .honomastico-Todo button {
    font-size: 15px;
  }

  .honomastico-Todo span {
    font-size: 15px;
  }

  .honomastico-Todo .honomastico-PartA {
    grid-template-columns: 31% 24% 45%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-1 {
    grid-template-columns: 37% 56%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-2 {
    grid-template-columns: 15% 72%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 i {
    display: none;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 .honomasticoV-1 {
    padding-left: 0;
  }
  .honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .honomastico-Todo label {
    font-size: 14px;
  }

  .honomastico-Todo input {
    font-size: 14px;
  }

  .honomastico-Todo select {
    font-size: 14px;
  }

  .honomastico-Todo button {
    font-size: 14px;
  }

  .honomastico-Todo span {
    font-size: 14px;
  }

  .honomastico-Todo .honomastico-PartA {
    grid-template-columns: 31% 24% 45%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-1 {
    grid-template-columns: 37% 56%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-2 {
    grid-template-columns: 15% 72%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 i {
    display: none;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 .honomasticoV-1 {
    padding-left: 0;
  }
  .honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .honomastico-Todo .honomastico-PartA {
    display: block;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-1 {
    grid-template-columns: 50% 50%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-2 {
    padding-top: 15px;
    grid-template-columns: 50% 50%;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 i {
    display: none;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 {
    padding-top: 15px;
    gap: 15px;
  }
  .honomastico-Todo .honomastico-PartA .honomasticoA-3 .honomasticoV-1 {
    padding-left: 0;
  }
  .honomastico-Todo .saldoVencido-PartB .honomastico2B-Seleccionar select {
    width: 100%;
  }
  .honomastico-Todo .saldoVencido-PartB .honomasticoPB2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.configSistema-Todo label {
  margin: 0;
}

.configSistema-Todo h3 {
  margin: 0;
}

.configSistema-Todo .config-blq1 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq1 .configB1-datos {
  padding: 10px 0;
}
.configSistema-Todo .config-blq1 .configB1-datos label {
  padding-left: 10px;
  font-weight: 400;
}
.configSistema-Todo .config-blq2 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq2 .configBlq2-Opc {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 35% 35%;
}
.configSistema-Todo .config-blq2 .configBlq2-Opc .config-Opc1 label {
  padding-left: 10px;
  font-weight: 400;
}
.configSistema-Todo .config-blq2 .configBlq2-Opc .config-Opc2 label {
  padding-left: 10px;
  font-weight: 400;
}
.configSistema-Todo .config-TipoCambio h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-TipoCambio .tipoCambio-opc {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 20% 10.5%;
}
.configSistema-Todo .config-TipoCambio .tipoCambio-opc label {
  font-weight: 400;
}
.configSistema-Todo .config-blq3 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq3 .configBlq3-Dat {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 35% 35%;
}
.configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A label {
  font-weight: 400;
}
.configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A {
  display: grid;
  grid-template-columns: 32% 30%;
}
.configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-B label {
  padding-left: 10px;
  font-weight: 400;
}
.configSistema-Todo .config-blq4 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat {
  padding: 10px 0;
  display: grid;
  grid-template-columns: 35% 33% 32%;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A {
  display: grid;
  grid-template-columns: 38% 30%;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A label {
  font-weight: 400;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B {
  display: grid;
  grid-template-columns: 44% 30%;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B label {
  font-weight: 400;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C {
  display: grid;
  grid-template-columns: 56% 44%;
}
.configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C label {
  font-weight: 400;
}
.configSistema-Todo .config-blq5 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq5 .configBlq5Dat {
  padding: 10px 0;
}
.configSistema-Todo .config-blq5 .configBlq5Dat input {
  width: 100%;
}
.configSistema-Todo .config-blq6 h3 {
  font-size: 20px;
  text-decoration: underline;
}
.configSistema-Todo .config-blq6 .configBlq6Dat {
  padding: 10px 0;
}
.configSistema-Todo .config-blq6 .configBlq6Dat input {
  width: 100%;
}
.configSistema-Todo .botones-config {
  padding-top: 5px;
  margin-left: 58%;
  margin-right: 15px;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 15px;
}
.configSistema-Todo .botones-config .btn-confTexto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .configSistema-Todo label {
    font-size: 15px;
  }

  .configSistema-Todo input {
    font-size: 15px;
  }

  .configSistema-Todo .config-blq2 .configBlq2-Opc {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-TipoCambio .tipoCambio-opc {
    grid-template-columns: 26% 13.5%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A {
    grid-template-columns: 38% 26%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat {
    grid-template-columns: 26% 29% 45%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A {
    grid-template-columns: 69% 24%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B {
    grid-template-columns: 68% 25%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C {
    grid-template-columns: 56% 44%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .configSistema-Todo label {
    font-size: 15px;
  }

  .configSistema-Todo input {
    font-size: 15px;
  }

  .configSistema-Todo .config-blq2 .configBlq2-Opc {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-TipoCambio .tipoCambio-opc {
    grid-template-columns: 26% 13.5%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A {
    grid-template-columns: 38% 26%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat {
    grid-template-columns: 26% 29% 45%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A {
    grid-template-columns: 69% 24%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B {
    grid-template-columns: 68% 25%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C {
    grid-template-columns: 56% 44%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .configSistema-Todo label {
    font-size: 14px;
  }

  .configSistema-Todo input {
    font-size: 14px;
  }

  .configSistema-Todo .config-blq2 .configBlq2-Opc {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-TipoCambio .tipoCambio-opc {
    grid-template-columns: 26% 13.5%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat {
    grid-template-columns: 44% 44%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A {
    grid-template-columns: 38% 26%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat {
    grid-template-columns: 26% 29% 45%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A {
    grid-template-columns: 69% 24%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B {
    grid-template-columns: 68% 25%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C {
    grid-template-columns: 56% 44%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .configSistema-Todo label {
    font-size: 14px;
  }

  .configSistema-Todo input {
    font-size: 14px;
  }

  .configSistema-Todo .config-blq1 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .config-blq1 .configB1-datos label {
    padding-left: 5px;
  }
  .configSistema-Todo .config-blq2 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .config-blq2 .configBlq2-Opc {
    display: block;
  }
  .configSistema-Todo .config-blq2 .configBlq2-Opc .config-Opc1 label {
    padding-left: 5px;
  }
  .configSistema-Todo .config-blq2 .configBlq2-Opc .config-Opc2 {
    padding-top: 10px;
  }
  .configSistema-Todo .config-blq2 .configBlq2-Opc .config-Opc2 label {
    padding-left: 5px;
  }
  .configSistema-Todo .config-TipoCambio .tipoCambio-opc {
    grid-template-columns: 60% 40%;
  }
  .configSistema-Todo .config-blq3 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat {
    display: block;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-A {
    grid-template-columns: 60% 40%;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-B {
    padding-top: 10px;
  }
  .configSistema-Todo .config-blq3 .configBlq3-Dat .configBlq3Dat-B label {
    padding-left: 5px;
  }
  .configSistema-Todo .config-blq4 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat {
    display: block;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-A {
    grid-template-columns: 60% 40%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-B {
    padding: 10px 0;
    grid-template-columns: 60% 40%;
  }
  .configSistema-Todo .config-blq4 .configBlq4-Dat .configBlq4Dat-C {
    grid-template-columns: 60% 40%;
  }
  .configSistema-Todo .config-blq5 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .config-blq6 h3 {
    font-size: 18px;
  }
  .configSistema-Todo .botones-config {
    margin-left: 0;
  }
}
.unidad-Todo label {
  margin: 0;
}

.unidad-Todo .unidad-Separacion {
  display: grid;
  grid-template-columns: 45% 55%;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque1 {
  display: grid;
  grid-template-columns: 22% 38%;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2A {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 22% 38%;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2B {
  display: grid;
  grid-template-columns: 22% 38%;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A .unit-caja {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 25px;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A .unit-caja .unit-margen {
  margin: 5px 10px;
  display: grid;
  grid-template-columns: 100%;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 25px;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen {
  margin: 5px 10px;
  display: grid;
  grid-template-columns: 72% 25%;
  gap: 10px;
}
.unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen .unitbtn-textoBuscar {
  padding-left: 10px;
}
.unidad-Todo .unidad-Separacion .tabla-unidadM table {
  background-color: #ffffff;
}
.unidad-Todo .unidad-Separacion .tabla-unidadM {
  height: 290px;
}
.unidad-Todo .unidad-Botones {
  padding: 15px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.unidad-Todo .unidad-Botones .unidadbtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .unidad-Todo label {
    font-size: 15px;
  }

  .unidad-Todo input {
    font-size: 15px;
  }

  .unidad-Todo select {
    font-size: 15px;
  }

  .unidad-Todo span {
    font-size: 15px;
  }

  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque1 {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2A {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2B {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen {
    grid-template-columns: 78% 17%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen .unitbtn-textoBuscar {
    padding-left: 0;
    display: none;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .unidad-Todo label {
    font-size: 15px;
  }

  .unidad-Todo input {
    font-size: 15px;
  }

  .unidad-Todo select {
    font-size: 15px;
  }

  .unidad-Todo span {
    font-size: 15px;
  }

  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque1 {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2A {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2B {
    grid-template-columns: 25% 40%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen {
    grid-template-columns: 78% 17%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen .unitbtn-textoBuscar {
    padding-left: 0;
    display: none;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .unidad-Todo label {
    font-size: 14px;
  }

  .unidad-Todo input {
    font-size: 14px;
  }

  .unidad-Todo select {
    font-size: 14px;
  }

  .unidad-Todo span {
    font-size: 14px;
  }

  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque1 {
    grid-template-columns: 26% 46%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2A {
    grid-template-columns: 26% 46%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2B {
    grid-template-columns: 26% 46%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen {
    grid-template-columns: 78% 17%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen .unitbtn-textoBuscar {
    padding-left: 0;
    display: none;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .unidad-Todo .unidad-Separacion {
    display: block;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque1 {
    grid-template-columns: 30% 70%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2A {
    grid-template-columns: 30% 70%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque2 .bloque2-2B {
    grid-template-columns: 30% 70%;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1A .unit-caja {
    margin-right: 0;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B h4 {
    font-size: 15px;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja {
    margin-right: 0;
  }
  .unidad-Todo .unidad-Separacion .unidad-datosBlqs .unidad-bloque3 .bloque3-1B .unit-caja .unit-margen .unitbtn-textoBuscar {
    padding-left: 0;
    display: none;
  }
  .unidad-Todo .unidad-Separacion .tabla-unidadM {
    padding-top: 15px;
  }
  .unidad-Todo .unidad-Botones i {
    display: none;
  }
  .unidad-Todo .unidad-Botones {
    grid-template-columns: repeat(3, 1fr);
  }
  .unidad-Todo .unidad-Botones .unidadbtn-Texto {
    padding-left: 0;
  }
}
.cierreMes-Todo label {
  margin: 0;
}

.cierreMes-Todo .cierreMes-Bloq1 {
  display: grid;
  grid-template-columns: 30% 60% 10%;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos label {
  padding-top: 5px;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos {
  display: grid;
  grid-template-columns: 27% 55%;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Botones {
  display: grid;
  grid-template-columns: 33% 33%;
  gap: 20px;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Botones .cierreMesB-Salir {
  padding-left: 8px;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Icono i {
  font-size: 27px;
}
.cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Icono {
  padding-top: 10px;
}
.cierreMes-Todo .cierreMes-Separacion {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.cierreMes-Todo .cierreMes-Separacion .tabla-cierreMes {
  height: 350px;
}
.cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf {
  padding-top: 70px;
  margin: 0 50px;
}
.cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf p {
  text-align: justify;
}
.cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN {
  margin: 0 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN .cierreBtn-texot {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .cierreMes-Todo label {
    font-size: 15px;
  }

  .cierreMes-Todo input {
    font-size: 15px;
  }

  .cierreMes-Todo span {
    font-size: 15px;
  }

  .cierreMes-Todo p {
    font-size: 15px;
  }

  .cierreMes-Todo .cierreMes-Bloq1 {
    display: grid;
    grid-template-columns: 33% 60% 7%;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos {
    display: grid;
    grid-template-columns: 37% 50%;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf {
    padding-top: 70px;
    margin: 0 28px;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN {
    margin: 0 28px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .cierreMes-Todo label {
    font-size: 15px;
  }

  .cierreMes-Todo input {
    font-size: 15px;
  }

  .cierreMes-Todo span {
    font-size: 15px;
  }

  .cierreMes-Todo p {
    font-size: 15px;
  }

  .cierreMes-Todo .cierreMes-Bloq1 {
    display: grid;
    grid-template-columns: 33% 60% 7%;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos {
    display: grid;
    grid-template-columns: 37% 50%;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf {
    padding-top: 70px;
    margin: 0 28px;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN {
    margin: 0 28px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .cierreMes-Todo label {
    font-size: 14px;
  }

  .cierreMes-Todo input {
    font-size: 14px;
  }

  .cierreMes-Todo span {
    font-size: 14px;
  }

  .cierreMes-Todo p {
    font-size: 14px;
  }

  .cierreMes-Todo .cierreMes-Bloq1 {
    display: grid;
    grid-template-columns: 33% 60% 7%;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos {
    display: grid;
    grid-template-columns: 37% 50%;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf {
    padding-top: 70px;
    margin: 0 28px;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN {
    margin: 0 28px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .cierreMes-Todo .cierreMes-Bloq1 {
    display: block;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos label {
    padding-top: 3px;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Datos {
    grid-template-columns: 45% 55%;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Botones {
    padding-top: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Icono i {
    display: none;
  }
  .cierreMes-Todo .cierreMes-Bloq1 .cierreMesB1-Icono {
    padding-top: 0;
  }
  .cierreMes-Todo .cierreMes-Separacion {
    display: block;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-Inf {
    padding-top: 15px;
    margin: 0;
  }
  .cierreMes-Todo .cierreMes-Separacion .cierreMes-Inform .cierreMes-IBTN {
    margin: 0 0px;
  }
}
.ubigeoT-Todo label {
  margin: 0;
}

.ubigeoT-Todo .ubigeoB1-Separacion {
  display: grid;
  grid-template-columns: 50% 50%;
}
.ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueA select {
  width: 64%;
}
.ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueB {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 22% 42%;
}
.ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC .bloqueC-A {
  display: grid;
  grid-template-columns: 22% 42%;
}
.ubigeoT-Todo .ubigeoB1-Separacion .tabla-ubigeoM {
  height: 230px;
}
.ubigeoT-Todo .ubigeoB2-Btns {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.ubigeoT-Todo .ubigeoB2-Btns .ubigeBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .ubigeoT-Todo label {
    font-size: 15px;
  }

  .ubigeoT-Todo input {
    font-size: 15px;
  }

  .ubigeoT-Todo select {
    font-size: 15px;
  }

  .ubigeoT-Todo button {
    font-size: 15px;
  }

  .ubigeoT-Todo span {
    font-size: 15px;
  }

  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueA select {
    width: 80%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueB {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC .bloqueC-A {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .tabla-ubigeoM {
    height: 240px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .ubigeoT-Todo label {
    font-size: 15px;
  }

  .ubigeoT-Todo input {
    font-size: 15px;
  }

  .ubigeoT-Todo select {
    font-size: 15px;
  }

  .ubigeoT-Todo button {
    font-size: 15px;
  }

  .ubigeoT-Todo span {
    font-size: 15px;
  }

  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueA select {
    width: 80%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueB {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC .bloqueC-A {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .tabla-ubigeoM {
    height: 240px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .ubigeoT-Todo label {
    font-size: 14px;
  }

  .ubigeoT-Todo input {
    font-size: 14px;
  }

  .ubigeoT-Todo select {
    font-size: 14px;
  }

  .ubigeoT-Todo button {
    font-size: 14px;
  }

  .ubigeoT-Todo span {
    font-size: 14px;
  }

  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueA select {
    width: 80%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueB {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC .bloqueC-A {
    grid-template-columns: 25% 55%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .tabla-ubigeoM {
    height: 240px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .ubigeoT-Todo .ubigeoB1-Separacion {
    display: block;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueA select {
    width: 100%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueB {
    grid-template-columns: 30% 70%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC {
    padding-bottom: 15px;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .ubigeo-datos .ubigeo-bloqueC .bloqueC-A {
    grid-template-columns: 30% 70%;
  }
  .ubigeoT-Todo .ubigeoB1-Separacion .tabla-ubigeoM {
    height: 235px;
  }
  .ubigeoT-Todo .ubigeoB2-Btns i {
    display: none;
  }
  .ubigeoT-Todo .ubigeoB2-Btns {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .ubigeoT-Todo .ubigeoB2-Btns .ubigeBtn-Texto {
    padding-left: 0;
  }
}
.ingresotab-Todo label {
  margin: 0;
}

.ingresotab-Todo .ingresotab-BlqA {
  display: grid;
  grid-template-columns: 50% 50%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo {
  display: grid;
  grid-template-columns: 65% 35%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 {
  display: grid;
  grid-template-columns: 22% 46% 14%;
  gap: 20px;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 label {
  padding-top: 5px;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 button {
  width: 65%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Nombre {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 18% 70%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Grupo {
  display: grid;
  grid-template-columns: 18% 44%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Unidad {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 18% 22%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Moneda {
  display: grid;
  grid-template-columns: 18% 22%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Precio {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 18% 22%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Igv {
  display: grid;
  grid-template-columns: 18% 22%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Detrac {
  padding: 15px 0 0 0;
  display: grid;
  grid-template-columns: 18% 22%;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual {
  padding: 15px 0 0 0;
}
.ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual label {
  padding-left: 15px;
}
.ingresotab-Todo .ingresotab-BlqA .tabla-ingresoT {
  height: 300px;
}
.ingresotab-Todo .ingresotab-BlqB {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.ingresotab-Todo .ingresotab-BlqB .ingresoBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .ingresotab-Todo label {
    font-size: 15px;
  }

  .ingresotab-Todo input {
    font-size: 15px;
  }

  .ingresotab-Todo button {
    font-size: 15px;
  }

  .ingresotab-Todo span {
    font-size: 15px;
  }

  .ingresotab-Todo .ingresotab-BlqA {
    grid-template-columns: 50% 48%;
    gap: 12px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo {
    grid-template-columns: 70% 30%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 {
    grid-template-columns: 26% 40% 16%;
    gap: 15px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 button {
    width: 90%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Nombre {
    grid-template-columns: 22.5% 74.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Grupo {
    grid-template-columns: 22.5% 42.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Unidad {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Moneda {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Precio {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Igv {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Detrac {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual label {
    padding-left: 10px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .ingresotab-Todo label {
    font-size: 15px;
  }

  .ingresotab-Todo input {
    font-size: 15px;
  }

  .ingresotab-Todo button {
    font-size: 15px;
  }

  .ingresotab-Todo span {
    font-size: 15px;
  }

  .ingresotab-Todo .ingresotab-BlqA {
    grid-template-columns: 50% 48%;
    gap: 12px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo {
    grid-template-columns: 70% 30%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 {
    grid-template-columns: 26% 40% 16%;
    gap: 15px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 button {
    width: 90%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Nombre {
    grid-template-columns: 22.5% 74.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Grupo {
    grid-template-columns: 22.5% 42.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Unidad {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Moneda {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Precio {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Igv {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Detrac {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual label {
    padding-left: 10px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .ingresotab-Todo label {
    font-size: 14px;
  }

  .ingresotab-Todo input {
    font-size: 14px;
  }

  .ingresotab-Todo button {
    font-size: 14px;
  }

  .ingresotab-Todo span {
    font-size: 14px;
  }

  .ingresotab-Todo .ingresotab-BlqA {
    grid-template-columns: 50% 48%;
    gap: 12px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo {
    grid-template-columns: 70% 30%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 {
    grid-template-columns: 26% 40% 16%;
    gap: 15px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 button {
    width: 90%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Nombre {
    grid-template-columns: 22.5% 74.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Grupo {
    grid-template-columns: 22.5% 42.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Unidad {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Moneda {
    grid-template-columns: 22.5% 25.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Precio {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Igv {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Detrac {
    grid-template-columns: 22.5% 21.5%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual label {
    padding-left: 10px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .ingresotab-Todo .ingresotab-BlqA {
    display: block;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo {
    display: block;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod1 {
    grid-template-columns: 22% 46% 17%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 {
    padding-top: 15px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Codigo .ingresos-Cod2 button {
    width: 100%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Nombre {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Grupo {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Unidad {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Moneda {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Precio {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Igv {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-Detrac {
    grid-template-columns: 30% 70%;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual label {
    padding-left: 10px;
  }
  .ingresotab-Todo .ingresotab-BlqA .ingres-part1 .ingresos-PagAnual {
    padding: 15px 0;
  }
  .ingresotab-Todo .ingresotab-BlqB i {
    display: none;
  }
  .ingresotab-Todo .ingresotab-BlqB {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .ingresotab-Todo .ingresotab-BlqB .ingresoBtn-Texto {
    padding-left: 0;
  }
}
.personatab-Todo label {
  margin: 0;
}

.personatab-Todo .personatab-BlqA {
  display: grid;
  grid-template-columns: 22% 64% 14%;
}
.personatab-Todo .personatab-BlqA .persona-Doi {
  display: grid;
  grid-template-columns: 24% 67%;
}
.personatab-Todo .personatab-BlqA .persona-Doi label {
  padding-top: 5px;
}
.personatab-Todo .personatab-BlqA .persona-Btn1 {
  display: grid;
  grid-template-columns: 25% 25%;
  gap: 20px;
}
.personatab-Todo .personatab-BlqA .persona-Btn1 .personaBtn-Texto {
  padding-left: 10px;
}
.personatab-Todo .personatab-BlqA .persona-check {
  text-align: center;
  margin: 6px 0 0 0;
}
.personatab-Todo .personatab-BlqA .persona-check label {
  padding-left: 10px;
  font-weight: 400;
}
.personatab-Todo .personatab-BlqB .personataB-blq1 {
  display: grid;
  grid-template-columns: 60% 40%;
}
.personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento {
  display: grid;
  grid-template-columns: 20% 73%;
}
.personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-categoria {
  display: grid;
  grid-template-columns: 24% 52%;
}
.personatab-Todo .personatab-BlqB .personataB-blq2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 30% 30% 40%;
}
.personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Paterno {
  display: grid;
  grid-template-columns: 36% 50%;
}
.personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Materno {
  display: grid;
  grid-template-columns: 36% 50%;
}
.personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Nombre {
  display: grid;
  grid-template-columns: 24% 76%;
}
.personatab-Todo .personatab-BlqB .personataB-blq3 {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 60% 40%;
}
.personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Direccion {
  display: grid;
  grid-template-columns: 18% 75%;
}
.personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Ubigeo {
  display: grid;
  grid-template-columns: 24% 76%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 {
  border: 1px solid;
  border-radius: 7px;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen {
  margin: 10px;
  display: grid;
  grid-template-columns: 70% 30%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A {
  display: grid;
  grid-template-columns: 44% 28% 28%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Nacimiento {
  display: grid;
  grid-template-columns: 33% 44%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Maculino label {
  padding-left: 10px;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Femenino label {
  padding-left: 10px;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 44% 56%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Telefono {
  display: grid;
  grid-template-columns: 33% 44%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Email {
  display: grid;
  grid-template-columns: 20% 62%;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1C textarea {
  width: 90%;
  height: 150px;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto img {
  height: auto;
  width: auto;
  max-height: 250px;
  max-width: 250px;
}
.personatab-Todo .personatab-BlqB .personataB-blq5 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.personatab-Todo .personatab-BlqB .personataB-blq5 .personaBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .personatab-Todo label {
    font-size: 15px;
  }

  .personatab-Todo input {
    font-size: 15px;
  }

  .personatab-Todo select {
    font-size: 15px;
  }

  .personatab-Todo button {
    font-size: 15px;
  }

  .personatab-Todo span {
    font-size: 15px;
  }

  .personatab-Todo .personatab-BlqA {
    grid-template-columns: 25% 57% 18%;
  }
  .personatab-Todo .personatab-BlqA .persona-Doi {
    grid-template-columns: 26% 62%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento {
    grid-template-columns: 27% 69%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-categoria {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Paterno {
    grid-template-columns: 46% 45%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Materno {
    grid-template-columns: 48% 44%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Nombre {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Direccion {
    grid-template-columns: 23% 73%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Ubigeo {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A {
    grid-template-columns: 50% 25% 25%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Nacimiento {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Maculino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Femenino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B {
    grid-template-columns: 50% 50%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Telefono {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Email {
    grid-template-columns: 24% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1C textarea {
    width: 92%;
    height: 140px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto img {
    max-width: 200px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .personatab-Todo label {
    font-size: 15px;
  }

  .personatab-Todo input {
    font-size: 15px;
  }

  .personatab-Todo select {
    font-size: 15px;
  }

  .personatab-Todo button {
    font-size: 15px;
  }

  .personatab-Todo span {
    font-size: 15px;
  }

  .personatab-Todo .personatab-BlqA {
    grid-template-columns: 25% 57% 18%;
  }
  .personatab-Todo .personatab-BlqA .persona-Doi {
    grid-template-columns: 26% 62%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento {
    grid-template-columns: 27% 69%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-categoria {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Paterno {
    grid-template-columns: 46% 45%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Materno {
    grid-template-columns: 48% 44%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Nombre {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Direccion {
    grid-template-columns: 23% 73%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Ubigeo {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A {
    grid-template-columns: 50% 25% 25%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Nacimiento {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Maculino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Femenino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B {
    grid-template-columns: 50% 50%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Telefono {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Email {
    grid-template-columns: 24% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1C textarea {
    width: 92%;
    height: 140px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto img {
    max-width: 200px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .personatab-Todo label {
    font-size: 14px;
  }

  .personatab-Todo input {
    font-size: 14px;
  }

  .personatab-Todo select {
    font-size: 14px;
  }

  .personatab-Todo button {
    font-size: 14px;
  }

  .personatab-Todo span {
    font-size: 14px;
  }

  .personatab-Todo .personatab-BlqA {
    grid-template-columns: 25% 57% 18%;
  }
  .personatab-Todo .personatab-BlqA .persona-Doi {
    grid-template-columns: 26% 62%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento {
    grid-template-columns: 27% 69%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-categoria {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Paterno {
    grid-template-columns: 46% 45%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Materno {
    grid-template-columns: 48% 44%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Nombre {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Direccion {
    grid-template-columns: 23% 73%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Ubigeo {
    grid-template-columns: 30% 70%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A {
    grid-template-columns: 50% 25% 25%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Nacimiento {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Maculino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Femenino label {
    padding-left: 4px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B {
    grid-template-columns: 50% 50%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Telefono {
    grid-template-columns: 40% 52%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Email {
    grid-template-columns: 24% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1C textarea {
    width: 92%;
    height: 140px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto img {
    max-width: 200px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .personatab-Todo .personatab-BlqA {
    display: block;
  }
  .personatab-Todo .personatab-BlqA .persona-Doi {
    grid-template-columns: 35% 65%;
  }
  .personatab-Todo .personatab-BlqA .persona-Btn1 {
    padding: 15px 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .personatab-Todo .personatab-BlqA .persona-check {
    text-align: left;
    margin: 0;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento label {
    padding-bottom: 15px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-documento select {
    width: 100%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq1 .personataB-categoria {
    padding-top: 15px;
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Paterno {
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Materno {
    padding: 15px 0;
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq2 .personataB-Nombre {
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Direccion {
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq3 .personataB-Ubigeo {
    padding-top: 15px;
    grid-template-columns: 40% 60%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A {
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Nacimiento {
    grid-template-columns: 46% 54%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1A .personataB4-Maculino {
    padding: 15px 0;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B {
    padding: 15px 0;
    display: block;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Telefono {
    padding-bottom: 15px;
    grid-template-columns: 46% 54%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1B .personataB4-Email {
    grid-template-columns: 46% 54%;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-datos1 .personataB4-datos1C textarea {
    width: 100%;
    height: 150px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq4 .personataB4-margen .personataB4-Foto {
    display: none;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq5 i {
    display: none;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq5 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .personatab-Todo .personatab-BlqB .personataB-blq5 .personaBtn-Texto {
    padding-left: 0;
  }
}
.tablaSunat-Todo label {
  margin: 0;
}

.tablaSunat-Todo .tablasunat-bloque2 {
  display: grid;
  grid-template-columns: 55% 45%;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA {
  padding-bottom: 15px;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA label {
  padding-left: 10px;
  font-weight: 400;
}
.tablaSunat-Todo .tablasunat-bloque2 .tabla-sunatTabla table {
  width: 100%;
}
.tablaSunat-Todo .tablasunat-bloque2 .tabla-sunatTabla {
  height: 400px;
}
.tablaSunat-Todo .tablasunatob2-botones {
  margin-left: 55%;
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.tablaSunat-Todo .tablasunatob2-botones .sunat-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .tablaSunat-Todo label {
    font-size: 15px;
  }

  .tablaSunat-Todo input {
    font-size: 15px;
  }

  .tablaSunat-Todo span {
    font-size: 15px;
  }

  .tablaSunat-Todo button {
    font-size: 15px;
  }

  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA label {
    padding-left: 8px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA label {
    padding-left: 8px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .tablaSunat-Todo label {
    font-size: 15px;
  }

  .tablaSunat-Todo input {
    font-size: 15px;
  }

  .tablaSunat-Todo span {
    font-size: 15px;
  }

  .tablaSunat-Todo button {
    font-size: 15px;
  }

  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA label {
    padding-left: 7px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .tablaSunat-Todo label {
    font-size: 14px;
  }

  .tablaSunat-Todo input {
    font-size: 14px;
  }

  .tablaSunat-Todo span {
    font-size: 14px;
  }

  .tablaSunat-Todo button {
    font-size: 14px;
  }

  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA label {
    padding-left: 7px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA label {
    padding-left: 7px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .tablaSunat-Todo label {
    font-size: 11px;
  }

  .tablaSunat-Todo input {
    font-size: 14px;
  }

  .tablaSunat-Todo span {
    font-size: 14px;
  }

  .tablaSunat-Todo button {
    font-size: 14px;
  }

  .tablaSunat-Todo .tablasunat-bloque2 {
    display: block;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TCPD label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TDI label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TMP label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-FE label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-EF label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-TPC label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CA label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA {
    padding-bottom: 15px;
  }
  .tablaSunat-Todo .tablasunat-bloque2 .tablasunatob2 .tablasunatob2-CBSA label {
    padding-left: 0;
  }
  .tablaSunat-Todo .tablasunatob2-botones {
    margin-left: 0;
    padding-top: 15px;
  }
  .tablaSunat-Todo .tablasunatob2-botones .sunat-texto {
    padding-left: 10px;
  }
}
.saldoG-Todo label {
  margin: 0;
}

.saldoG-Todo .salGeneral-Blq1 {
  display: grid;
  grid-template-columns: 45% 55%;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A {
  border: 1px solid #8b8f93;
  border-radius: 7px;
  margin-right: 20px;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen {
  margin: 10px;
  display: grid;
  grid-template-columns: 46% 54%;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Ejercicio {
  display: grid;
  grid-template-columns: 38% 52%;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido {
  display: grid;
  grid-template-columns: 42% 57%;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido input {
  width: 100%;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B {
  margin: 7px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B .salGeneralBlq1-btnTexto {
  padding-left: 10px;
}
.saldoG-Todo .salGeneral-Blq2 .titulo-Informe h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-1 {
  padding: 15px 0;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-1 label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-2 {
  padding: 0 0 15px 0;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-2 label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-3 {
  padding: 0 0 15px 0;
}
.saldoG-Todo .salGeneral-Blq2 .saldo-3 label {
  padding-left: 10px;
  font-weight: 500;
}
.saldoG-Todo .salGeneral-Blq3 {
  padding-top: 5px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.saldoG-Todo .salGeneral-Blq3 .salGeneralBlq2-btnTexto {
  padding-left: 10px;
}
.saldoG-Todo .salGeneral-Blq4 {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 20% 20% 60%;
}
.saldoG-Todo .salGeneral-Blq4 .salGeneralBlq4-A label {
  padding-left: 10px;
}
.saldoG-Todo .salGeneral-Blq4 .salGeneralBlq4-B label {
  padding-left: 10px;
}
.saldoG-Todo .salGeneral-Blq4 .salGeneralBlq4-C select {
  width: 85%;
}
.saldoG-Todo .tabla-salGeneralBlq5 {
  height: 420px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .saldoG-Todo label {
    font-size: 15px;
  }

  .saldoG-Todo input {
    font-size: 15px;
  }

  .saldoG-Todo span {
    font-size: 14px;
  }

  .saldoG-Todo button {
    font-size: 14px;
  }

  .saldoG-Todo .salGeneral-Blq1 {
    grid-template-columns: 55% 45%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A {
    margin-right: 12px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Ejercicio {
    grid-template-columns: 45% 47%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B i {
    display: none;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B {
    gap: 10px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B .salGeneralBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .saldoG-Todo label {
    font-size: 15px;
  }

  .saldoG-Todo input {
    font-size: 15px;
  }

  .saldoG-Todo span {
    font-size: 14px;
  }

  .saldoG-Todo button {
    font-size: 14px;
  }

  .saldoG-Todo .salGeneral-Blq1 {
    grid-template-columns: 55% 45%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A {
    margin-right: 12px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Ejercicio {
    grid-template-columns: 45% 47%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B i {
    display: none;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B {
    gap: 10px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B .salGeneralBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .saldoG-Todo label {
    font-size: 14px;
  }

  .saldoG-Todo input {
    font-size: 14px;
  }

  .saldoG-Todo span {
    font-size: 13px;
  }

  .saldoG-Todo button {
    font-size: 13px;
  }

  .saldoG-Todo .salGeneral-Blq1 {
    grid-template-columns: 55% 45%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A {
    margin-right: 12px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Ejercicio {
    grid-template-columns: 45% 47%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido {
    grid-template-columns: 43% 57%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B i {
    display: none;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B {
    gap: 10px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B .salGeneralBlq1-btnTexto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .saldoG-Todo .salGeneral-Blq1 {
    display: block;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A {
    margin-right: 0;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen {
    display: block;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Ejercicio {
    padding-bottom: 15px;
    grid-template-columns: 48% 52%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-A .salGeneraBlq1-margen .salGeneraBlq1-Vencido {
    grid-template-columns: 48% 52%;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B i {
    display: none;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B {
    padding-top: 15px;
    margin: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
  .saldoG-Todo .salGeneral-Blq1 .salGeneralBlq1-B .salGeneralBlq1-btnTexto {
    padding-left: 0;
  }
  .saldoG-Todo .salGeneral-Blq3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .saldoG-Todo .salGeneral-Blq4 {
    display: block;
  }
  .saldoG-Todo .salGeneral-Blq4 .salGeneralBlq4-B {
    padding: 15px 0;
  }
  .saldoG-Todo .salGeneral-Blq4 .salGeneralBlq4-C select {
    width: 100%;
  }
}
.salapertura-GeneralT label {
  margin: 0;
}

.salapertura-GeneralT .salapertura-BlqA {
  display: grid;
  grid-template-columns: 45% 55%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo {
  display: grid;
  grid-template-columns: 52% 23%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 label {
  padding-top: 5px;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 {
  display: grid;
  grid-template-columns: 37% 52%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod2 button {
  width: 100%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Nombre {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 19% 56%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio {
  display: grid;
  grid-template-columns: 19% 20%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Grupo {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 19% 56%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Unidad {
  padding: 0 0 15px 0;
  display: grid;
  grid-template-columns: 19% 56%;
}
.salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio1 {
  display: grid;
  grid-template-columns: 19% 20%;
}
.salapertura-GeneralT .salapertura-BlqA .tabla-salApertura {
  height: 300px;
}
.salapertura-GeneralT .saldoApertura-BlqB {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.salapertura-GeneralT .saldoApertura-BlqB .ingresoBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .salapertura-GeneralT label {
    font-size: 15px;
  }

  .salapertura-GeneralT input {
    font-size: 15px;
  }

  .salapertura-GeneralT span {
    font-size: 15px;
  }

  .salapertura-GeneralT button {
    font-size: 15px;
  }

  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo {
    grid-template-columns: 55% 33%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 {
    grid-template-columns: 44% 47%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Nombre {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Grupo {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Unidad {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio {
    grid-template-columns: 24% 24%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio1 {
    grid-template-columns: 24% 24%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .salapertura-GeneralT label {
    font-size: 15px;
  }

  .salapertura-GeneralT input {
    font-size: 15px;
  }

  .salapertura-GeneralT span {
    font-size: 15px;
  }

  .salapertura-GeneralT button {
    font-size: 15px;
  }

  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo {
    grid-template-columns: 55% 33%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 {
    grid-template-columns: 44% 47%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Nombre {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Grupo {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Unidad {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio {
    grid-template-columns: 24% 24%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio1 {
    grid-template-columns: 24% 24%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .salapertura-GeneralT label {
    font-size: 14px;
  }

  .salapertura-GeneralT input {
    font-size: 14px;
  }

  .salapertura-GeneralT span {
    font-size: 14px;
  }

  .salapertura-GeneralT button {
    font-size: 14px;
  }

  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo {
    grid-template-columns: 55% 33%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 {
    grid-template-columns: 44% 47%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Nombre {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Grupo {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Unidad {
    grid-template-columns: 24% 64%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio {
    grid-template-columns: 24% 24%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio1 {
    grid-template-columns: 24% 24%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .salapertura-GeneralT .salapertura-BlqA {
    display: block;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo {
    display: block;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 {
    padding-bottom: 15px;
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod1 label {
    padding-top: 0;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Codigo .apertura-Cod2 button {
    text-transform: uppercase;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Nombre {
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio {
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Grupo {
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Unidad {
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .salapertura-BlqA .apertura-part1 .apertura-Precio1 {
    padding-bottom: 15px;
    grid-template-columns: 28% 72%;
  }
  .salapertura-GeneralT .saldoApertura-BlqB i {
    display: none;
  }
  .salapertura-GeneralT .saldoApertura-BlqB {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .salapertura-GeneralT .saldoApertura-BlqB .ingresoBtn-Texto {
    padding-left: 0;
  }
}
.userpase-GeneralT label {
  margin: 0;
}

.userpase-GeneralT .userpase-borde {
  margin-right: 200px;
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.userpase-GeneralT .userpase-borde .userpase-margen {
  margin: 10px;
}
.userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 {
  display: grid;
  grid-template-columns: 38% 62%;
}
.userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones label {
  padding-top: 5px;
}
.userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones {
  display: grid;
  grid-template-columns: 22% 45% 19%;
  gap: 20px;
}
.userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-NombreAlumno label {
  font-size: 18px;
}
.userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-NombreAlumno {
  padding-top: 5px;
}
.userpase-GeneralT .pagotercero-Sep1B {
  padding: 15px 0 0 0;
}
.userpase-GeneralT .userpasebtn-margen {
  padding: 15px 0 0 0;
}
.userpase-GeneralT .userpasebtn-margen .userpase-BTNS {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.userpase-GeneralT .userpasebtn-margen .userpase-BTNS .pagoterceroBtn-texto {
  text-transform: uppercase;
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .userpase-GeneralT label {
    font-size: 15px;
  }

  .userpase-GeneralT input {
    font-size: 15px;
  }

  .userpase-GeneralT select {
    font-size: 15px;
  }

  .userpase-GeneralT span {
    font-size: 15px;
  }

  .userpase-GeneralT button {
    font-size: 15px;
  }

  .userpase-GeneralT .userpase-borde {
    margin-right: 0;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 {
    grid-template-columns: 43% 57%;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones {
    grid-template-columns: 22% 44% 20%;
    gap: 20px;
  }
  .userpase-GeneralT .tabla-pagoTecerosM1 {
    height: 440px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .userpase-GeneralT label {
    font-size: 15px;
  }

  .userpase-GeneralT input {
    font-size: 15px;
  }

  .userpase-GeneralT select {
    font-size: 15px;
  }

  .userpase-GeneralT span {
    font-size: 15px;
  }

  .userpase-GeneralT button {
    font-size: 15px;
  }

  .userpase-GeneralT .userpase-borde {
    margin-right: 0;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 {
    grid-template-columns: 43% 57%;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones {
    grid-template-columns: 22% 44% 20%;
    gap: 20px;
  }
  .userpase-GeneralT .tabla-pagoTecerosM1 {
    height: 680px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .userpase-GeneralT label {
    font-size: 14px;
  }

  .userpase-GeneralT input {
    font-size: 14px;
  }

  .userpase-GeneralT select {
    font-size: 14px;
  }

  .userpase-GeneralT span {
    font-size: 14px;
  }

  .userpase-GeneralT button {
    font-size: 14px;
  }

  .userpase-GeneralT .userpase-borde {
    margin-right: 0;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 {
    grid-template-columns: 43% 57%;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones {
    grid-template-columns: 22% 44% 20%;
    gap: 20px;
  }
  .userpase-GeneralT .tabla-pagoTecerosM1 {
    height: 440px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .userpase-GeneralT .userpase-borde {
    margin: 0;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 {
    display: block;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-PagoPensiones {
    grid-template-columns: 28% 48% 16%;
    gap: 10px;
  }
  .userpase-GeneralT .userpase-borde .userpase-margen .userpase-dat1 .userpase-NombreAlumno {
    padding-top: 15px;
  }
  .userpase-GeneralT .userpasebtn-margen .userpase-BTNS i {
    display: none;
  }
  .userpase-GeneralT .userpasebtn-margen .userpase-BTNS {
    grid-template-columns: repeat(3, 1fr);
  }
  .userpase-GeneralT .userpasebtn-margen .userpase-BTNS .pagoterceroBtn-texto {
    padding-left: 0;
    font-size: 14.5px;
  }
}
.hermano-titulo {
  font-size: 24px !important;
}

.hermanos-Formula label {
  margin: 0;
}

.hermanos-Formula .hermanos-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen {
  margin: 10px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 35% 65%;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A label {
  padding-top: 5px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A {
  display: grid;
  grid-template-columns: 30% 44% 12%;
  gap: 15px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat2A {
  padding-top: 7px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 {
  display: grid;
  grid-template-columns: 35% 65%;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B label {
  padding-top: 5px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B {
  display: grid;
  grid-template-columns: 30% 44% 12%;
  gap: 15px;
}
.hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat2B {
  padding-top: 7px;
}
.hermanos-Formula .hermano-separa {
  padding-top: 15px;
}
.hermanos-Formula .hermano-separa .tabla-hermanosM1 {
  height: 300px;
}
.hermanos-Formula .pagoHermanos-BTNS {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.hermanos-Formula .pagoHermanos-BTNS .pagoHermanosoBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .hermano-titulo {
    font-size: 18px !important;
  }

  .hermanos-Formula label {
    font-size: 14px;
  }

  .hermanos-Formula input {
    font-size: 14px;
  }

  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermano-separa .tabla-hermanosM1 {
    height: 360px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .hermano-titulo {
    font-size: 18px !important;
  }

  .hermanos-Formula label {
    font-size: 14px;
  }

  .hermanos-Formula input {
    font-size: 14px;
  }

  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermano-separa .tabla-hermanosM1 {
    height: 500px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .hermano-titulo {
    font-size: 18px !important;
  }

  .hermanos-Formula label {
    font-size: 14px;
  }

  .hermanos-Formula input {
    font-size: 14px;
  }

  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 {
    grid-template-columns: 45% 55%;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B {
    grid-template-columns: 32% 40% 14%;
  }
  .hermanos-Formula .hermano-separa .tabla-hermanosM1 {
    height: 320px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .hermano-titulo {
    font-size: 17px !important;
  }

  .hermanos-Formula label {
    font-size: 14px;
  }

  .hermanos-Formula input {
    font-size: 14px;
  }

  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos1 .hermanos-dat1A {
    grid-template-columns: 36% 39% 16%;
    gap: 10px;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .hermanos-Formula .hermanos-borde .hermanos-margen .hermanos-Datos .hermanos-Datos2 .hermanos-dat1B {
    grid-template-columns: 36% 39% 16%;
    gap: 10px;
  }
  .hermanos-Formula .pagoHermanos-BTNS i {
    display: none;
  }
  .hermanos-Formula .pagoHermanos-BTNS {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .hermanos-Formula .pagoHermanos-BTNS .pagoHermanosoBtn-texto {
    padding-left: 0;
  }
}
.rectifica-GeneralT label {
  margin: 0;
}

.rectifica-GeneralT .rectifica-BlqA {
  display: grid;
  grid-template-columns: 45% 55%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo {
  display: grid;
  grid-template-columns: 58% 28%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 label {
  padding-top: 5px;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 {
  display: grid;
  grid-template-columns: 38% 52%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod2 button {
  width: 100%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Nombre {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 22% 64%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Info {
  padding: 0 0 15px 0;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Precio {
  display: grid;
  grid-template-columns: 22% 30%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Grupo {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 22% 64%;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText {
  margin: 0 60px 0 0;
}
.rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText p {
  margin: 0;
  text-align: justify;
}
.rectifica-GeneralT .rectifica-BlqA .tabla-salRectifica {
  height: 300px;
}
.rectifica-GeneralT .rectifica-BlqB {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.rectifica-GeneralT .rectifica-BlqB .ingresoBtn-Texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .rectifica-GeneralT label {
    font-size: 14px;
  }

  .rectifica-GeneralT input {
    font-size: 14px;
  }

  .rectifica-GeneralT select {
    font-size: 14px;
  }

  .rectifica-GeneralT span {
    font-size: 14px;
  }

  .rectifica-GeneralT button {
    font-size: 13px;
  }

  .rectifica-GeneralT p {
    font-size: 13px;
  }

  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo {
    grid-template-columns: 62% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 {
    grid-template-columns: 48% 45%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Nombre {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Precio {
    grid-template-columns: 30% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Grupo {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText {
    margin: 0 32px 0 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .rectifica-GeneralT label {
    font-size: 14px;
  }

  .rectifica-GeneralT input {
    font-size: 14px;
  }

  .rectifica-GeneralT select {
    font-size: 14px;
  }

  .rectifica-GeneralT span {
    font-size: 14px;
  }

  .rectifica-GeneralT button {
    font-size: 13px;
  }

  .rectifica-GeneralT p {
    font-size: 13px;
  }

  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo {
    grid-template-columns: 62% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 {
    grid-template-columns: 48% 45%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Nombre {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Precio {
    grid-template-columns: 30% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Grupo {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText {
    margin: 0 32px 0 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .rectifica-GeneralT label {
    font-size: 13px;
  }

  .rectifica-GeneralT input {
    font-size: 13px;
  }

  .rectifica-GeneralT select {
    font-size: 13px;
  }

  .rectifica-GeneralT span {
    font-size: 14px;
  }

  .rectifica-GeneralT button {
    font-size: 12px;
  }

  .rectifica-GeneralT p {
    font-size: 12px;
  }

  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo {
    grid-template-columns: 62% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 {
    grid-template-columns: 48% 45%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Nombre {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Precio {
    grid-template-columns: 30% 28%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Grupo {
    grid-template-columns: 30% 60%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText {
    margin: 0 32px 0 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .rectifica-GeneralT .rectifica-BlqA {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 label {
    padding-top: 0;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Codigo .rectifica-Cod1 {
    grid-template-columns: 50% 50%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Nombre {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Precio {
    grid-template-columns: 50% 50%;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-Grupo {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .rectifica-GeneralT .rectifica-BlqA .rectifica-part1 .rectifica-InfoText {
    margin: 0;
  }
  .rectifica-GeneralT .rectifica-BlqB i {
    display: none;
  }
  .rectifica-GeneralT .rectifica-BlqB {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .rectifica-GeneralT .rectifica-BlqB .ingresoBtn-Texto {
    padding-left: 0;
  }
}
.puntSaldo-Todo label {
  margin: 0;
}

.puntSaldo-Todo .pSaldodig2-A label {
  padding-top: 5px;
}
.puntSaldo-Todo .pSaldodig2-A {
  display: grid;
  grid-template-columns: 30% 22% 48%;
}
.puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 {
  display: grid;
  grid-template-columns: 16% 77%;
}
.puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 input {
  width: 100%;
}
.puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 {
  display: grid;
  grid-template-columns: 30% 58%;
}
.puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 {
  display: grid;
  grid-template-columns: 32% 32%;
  gap: 20px;
}
.puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 .pSaldodig1A3D-2 {
  padding-left: 8px;
}
.puntSaldo-Todo .pSaldodig2-B {
  padding-bottom: 15px;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 30% 70%;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A label {
  padding-top: 5px;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A {
  display: grid;
  grid-template-columns: 36% 56%;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B {
  display: grid;
  grid-template-columns: 25% 25% 25%;
  gap: 20px;
}
.puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B .pSaldodig2B2-texto {
  padding-left: 10px;
}
.puntSaldo-Todo .tabla-puntoSaldo {
  height: 380px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .puntSaldo-Todo label {
    font-size: 15px;
  }

  .puntSaldo-Todo input {
    font-size: 15px;
  }

  .puntSaldo-Todo span {
    font-size: 15px;
  }

  .puntSaldo-Todo select {
    font-size: 15px;
  }

  .puntSaldo-Todo .pSaldodig2-A label {
    padding-top: 6px;
  }
  .puntSaldo-Todo .pSaldodig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 input {
    width: 95%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntSaldo-Todo .tabla-puntoSaldo {
    height: 300px;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .puntSaldo-Todo label {
    font-size: 15px;
  }

  .puntSaldo-Todo input {
    font-size: 15px;
  }

  .puntSaldo-Todo span {
    font-size: 15px;
  }

  .puntSaldo-Todo select {
    font-size: 15px;
  }

  .puntSaldo-Todo .pSaldodig2-A label {
    padding-top: 6px;
  }
  .puntSaldo-Todo .pSaldodig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 input {
    width: 95%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntSaldo-Todo .tabla-puntoSaldo {
    height: 300px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .puntSaldo-Todo label {
    font-size: 14px;
  }

  .puntSaldo-Todo input {
    font-size: 14px;
  }

  .puntSaldo-Todo span {
    font-size: 14px;
  }

  .puntSaldo-Todo select {
    font-size: 14px;
  }

  .puntSaldo-Todo .pSaldodig2-A label {
    padding-top: 6px;
  }
  .puntSaldo-Todo .pSaldodig2-A {
    grid-template-columns: 36% 28% 36%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 {
    grid-template-columns: 18% 74%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 {
    grid-template-columns: 28% 62%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 input {
    width: 95%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 {
    grid-template-columns: 42% 42%;
    gap: 15px;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen {
    grid-template-columns: 35% 65%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A {
    grid-template-columns: 42% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B {
    grid-template-columns: 27% 27% 27%;
    gap: 15px;
  }
  .puntSaldo-Todo .tabla-puntoSaldo {
    height: 300px;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .puntSaldo-Todo .pSaldodig2-A {
    display: block;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 label {
    padding-top: 0;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d1 {
    grid-template-columns: 48% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 label {
    padding-top: 0;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d2 {
    padding: 15px 0;
    grid-template-columns: 48% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-A .pSaldodig1A-d3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen {
    display: block;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-A {
    padding-bottom: 15px;
    grid-template-columns: 48% 52%;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B i {
    display: none;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .puntSaldo-Todo .pSaldodig2-B .pSaldodig2B2-borde .pSaldodig2B2-margen .pSaldodig2B2-B .pcajadig2B2-texto {
    padding-left: 0;
  }
}
.pRegularizacionVentas-Todo label {
  margin: 0;
}

.pRegularizacionVentas-Todo .regularizadig2-Info {
  padding-bottom: 15px;
  display: grid;
  grid-template-columns: 55% 45%;
}
.pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn button {
  width: 48%;
}
.pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn .regularizadig2Info-texto {
  text-transform: uppercase;
  padding-left: 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
  text-align: right;
  font-weight: bold;
  font-size: 22px;
  padding-top: 1px;
}
.pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas {
  display: flex;
  align-items: center;
  justify-content: right;
}
.pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
  font-size: 16.5px;
}
.pRegularizacionVentas-Todo .tabla-RegularizaVenta {
  height: 230px;
}
.pRegularizacionVentas-Todo .regularizadig2-A {
  padding: 15px 0;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen {
  margin: 7px 10px;
  display: grid;
  grid-template-columns: 27% 27% 27% 19%;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-A {
  display: grid;
  grid-template-columns: 30% 60%;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-B {
  display: grid;
  grid-template-columns: 30% 60%;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-C {
  display: grid;
  grid-template-columns: 32% 60%;
}
.pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-D {
  display: grid;
  grid-template-columns: 30% 60%;
}
.pRegularizacionVentas-Todo .regularizadig2-B {
  display: grid;
  grid-template-columns: 40% 58%;
  gap: 20px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde {
  margin: 7px 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta1 {
  display: grid;
  grid-template-columns: 34% 66%;
  gap: 1px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta2 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 32% 29% 34%;
  gap: 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta3 {
  display: grid;
  grid-template-columns: 34% 66%;
  gap: 1px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 {
  margin: 7px 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 label {
  padding-top: 5.5px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 {
  display: grid;
  grid-template-columns: 40% 30%;
  gap: 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2A-btn4 {
  display: grid;
  grid-template-columns: 40% 60%;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 {
  padding-left: 10px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 button {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 label {
  padding-top: 2px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 {
  padding: 15px 0;
  display: grid;
  grid-template-columns: 16% 84%;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 label {
  padding-top: 2px;
}
.pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 {
  display: grid;
  grid-template-columns: 16% 84%;
}
.pRegularizacionVentas-Todo .regularizadig2-C {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 30% 70%;
}
.pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 i {
  font-size: 20px;
}
.pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 {
  display: grid;
  grid-template-columns: 18% 18% 18%;
  gap: 15px;
}
.pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 .regularizaBtn-texto {
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .pRegularizacionVentas-Todo label {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo input {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo select {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo .regularizadig2-Info {
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn button {
    width: 74%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
    font-size: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-A {
    grid-template-columns: 40% 53%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-B {
    grid-template-columns: 42% 50%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-C {
    grid-template-columns: 45% 46%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-D {
    grid-template-columns: 38% 62%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B {
    grid-template-columns: 46% 51%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 {
    padding-left: 7px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 i {
    display: none;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .pRegularizacionVentas-Todo label {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo input {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo select {
    font-size: 15px;
  }

  .pRegularizacionVentas-Todo .regularizadig2-Info {
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn button {
    width: 74%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
    font-size: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-A {
    grid-template-columns: 40% 53%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-B {
    grid-template-columns: 42% 50%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-C {
    grid-template-columns: 45% 46%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-D {
    grid-template-columns: 38% 62%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B {
    grid-template-columns: 46% 51%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 {
    padding-left: 7px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 i {
    display: none;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 .notacreditoBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .pRegularizacionVentas-Todo label {
    font-size: 14px;
  }

  .pRegularizacionVentas-Todo input {
    font-size: 14px;
  }

  .pRegularizacionVentas-Todo select {
    font-size: 14px;
  }

  .pRegularizacionVentas-Todo .regularizadig2-Info {
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn button {
    width: 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
    font-size: 13.5px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-A {
    grid-template-columns: 40% 53%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-B {
    grid-template-columns: 42% 50%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-C {
    grid-template-columns: 45% 46%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-D {
    grid-template-columns: 38% 62%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B {
    grid-template-columns: 46% 51%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta1 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta2 {
    grid-template-columns: 39% 20% 34%;
    gap: 10px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta3 {
    grid-template-columns: 42% 57%;
    gap: 1px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 {
    grid-template-columns: 52% 42%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2A-btn4 {
    grid-template-columns: 46% 54%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 {
    padding-left: 7px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 {
    grid-template-columns: 24% 76%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 {
    grid-template-columns: 20% 25% 23%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 i {
    display: none;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 .regularizaBtn-texto {
    padding-left: 0;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .pRegularizacionVentas-Todo .regularizadig2-Info {
    display: block;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-btn button {
    width: 100%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas {
    padding-top: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-Info .regularizadig2Info-dtas label {
    text-align: center;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen {
    display: block;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-A {
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-B {
    padding: 15px 0;
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-C {
    padding-bottom: 15px;
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-A .regularizadigC-borde .regularizadigC-margen .regularizadigC-D {
    display: grid;
    grid-template-columns: 45% 55%;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B {
    display: block;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta1 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta2 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, 1fr);
    gap: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosA .regularizadig2Bdata-borde .regularizadig2B-dta3 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 {
    display: block;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta4 .regularizadig2B-btn4 {
    padding-left: 0;
    padding-top: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta5 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-B .regularizadig2B-datosB .regularizadig2Bdata-borde2 .regularizadig2B-dta6 {
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C {
    display: block;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 i {
    display: none;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .pRegularizacionVentas-Todo .regularizadig2-C .regularizadig2C-btn2 .regularizaBtn-texto {
    padding-left: 0;
  }
}
.salVencidoN-Todo label {
  margin: 0;
}

.salVencidoN-Todo .salVencidoN-PartA {
  display: grid;
  grid-template-columns: 25% 25% 50%;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 label {
  padding-top: 5px;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 {
  display: grid;
  grid-template-columns: 30% 62%;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 label {
  padding-top: 5px;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 input {
  width: 100%;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 {
  display: grid;
  grid-template-columns: 37% 54%;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 .saldoVN-1 {
  padding-left: 10px;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 h3 {
  margin: 0;
  font-size: 22px;
  text-decoration: underline;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-salGeneral {
  padding: 15px 0 15px 0;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-salGeneral label {
  padding-left: 10px;
  font-weight: 500;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-SalDetallado {
  padding: 0 0 15px 0;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-SalDetallado label {
  padding-left: 10px;
  font-weight: 500;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-ListHistorico {
  padding: 0 0 15px 0;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-ListHistorico label {
  padding-left: 10px;
  font-weight: 500;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-Seleccionar select {
  width: 30%;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB2 {
  padding-top: 15px;
  display: grid;
  grid-template-columns: 22% 22%;
  gap: 15px;
}
.salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB2 .salVencidoBlq2-btnTexto {
  padding-left: 10px;
}
.salVencidoN-Todo .tabla-VenciPBlq3 {
  height: 400px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .salVencidoN-Todo label {
    font-size: 15px;
  }

  .salVencidoN-Todo input {
    font-size: 15px;
  }

  .salVencidoN-Todo button {
    font-size: 15px;
  }

  .salVencidoN-Todo span {
    font-size: 15px;
  }

  .salVencidoN-Todo .salVencidoN-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .saldoPerA-3 i {
    display: none;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 .saldoVN-1 {
    padding-left: 0;
  }
  .salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .salVencidoN-Todo label {
    font-size: 15px;
  }

  .salVencidoN-Todo input {
    font-size: 15px;
  }

  .salVencidoN-Todo button {
    font-size: 15px;
  }

  .salVencidoN-Todo span {
    font-size: 15px;
  }

  .salVencidoN-Todo .salVencidoN-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .saldoPerA-3 i {
    display: none;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 .saldoVN-1 {
    padding-left: 0;
  }
  .salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .salVencidoN-Todo label {
    font-size: 14px;
  }

  .salVencidoN-Todo input {
    font-size: 14px;
  }

  .salVencidoN-Todo button {
    font-size: 14px;
  }

  .salVencidoN-Todo span {
    font-size: 14px;
  }

  .salVencidoN-Todo .salVencidoN-PartA {
    grid-template-columns: 24% 34% 42%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 {
    grid-template-columns: 42% 48%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 label {
    padding-top: 7px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 {
    grid-template-columns: 40% 52%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .saldoPerA-3 i {
    display: none;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 .saldoVN-1 {
    padding-left: 0;
  }
  .salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-Seleccionar select {
    width: 40%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .salVencidoN-Todo .salVencidoN-PartA {
    display: block;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 {
    grid-template-columns: 40% 60%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-1 label {
    padding-top: 3px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 {
    padding: 15px 0;
    grid-template-columns: 40% 60%;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-2 label {
    padding-top: 3px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 i {
    display: none;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 {
    gap: 15px;
  }
  .salVencidoN-Todo .salVencidoN-PartA .salVencidoNPerA-3 .saldoVN-1 {
    padding-left: 0;
  }
  .salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB1 .salVencidoN2B-Seleccionar select {
    width: 100%;
  }
  .salVencidoN-Todo .salVencidoN-PartB .salVencidoNPB2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.estadoPeriodo-Todo label {
  margin: 0;
}

.estadoPeriodo-Todo .estadoPeriodo-PartA {
  display: grid;
  grid-template-columns: 25% 75%;
}
.estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 {
  display: grid;
  grid-template-columns: 32% 56%;
}
.estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 label {
  padding-top: 5px;
}
.estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-2 .estadoP-1 {
  padding-left: 10px;
}
.estadoPeriodo-Todo .estadoPeriodo-PartB .tabla-estadoPBlq3 {
  height: 380px;
}
.estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B {
  padding-top: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B .estadoPeriodoBlq2-btnTexto {
  padding-left: 10px;
}
.estadoPeriodo-Todo .tabla-saldoPBlq3 {
  height: 380px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .estadoPeriodo-Todo label {
    font-size: 15px;
  }

  .estadoPeriodo-Todo button {
    font-size: 15px;
  }

  .estadoPeriodo-Todo span {
    font-size: 15px;
  }

  .estadoPeriodo-Todo a {
    font-size: 15px;
  }

  .estadoPeriodo-Todo .estadoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 {
    grid-template-columns: 38% 53%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B {
    grid-template-columns: 26% 26% 26%;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .estadoPeriodo-Todo label {
    font-size: 15px;
  }

  .estadoPeriodo-Todo button {
    font-size: 15px;
  }

  .estadoPeriodo-Todo span {
    font-size: 15px;
  }

  .estadoPeriodo-Todo a {
    font-size: 15px;
  }

  .estadoPeriodo-Todo .estadoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 {
    grid-template-columns: 38% 53%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B {
    grid-template-columns: 26% 26% 26%;
  }
  .estadoPeriodo-Todo .tabla-saldoPBlq3 {
    height: 500px;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .estadoPeriodo-Todo label {
    font-size: 14px;
  }

  .estadoPeriodo-Todo button {
    font-size: 14px;
  }

  .estadoPeriodo-Todo span {
    font-size: 14px;
  }

  .estadoPeriodo-Todo a {
    font-size: 14px;
  }

  .estadoPeriodo-Todo .estadoPeriodo-PartA {
    grid-template-columns: 27% 73%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 {
    grid-template-columns: 38% 53%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B {
    grid-template-columns: 27% 27% 26%;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .estadoPeriodo-Todo .estadoPeriodo-PartA {
    display: block;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 label {
    padding-top: 0;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-1 {
    grid-template-columns: 40% 60%;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-2 i {
    display: none;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-2 {
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartA .estadoPerA-2 .estadoP-1 {
    padding-left: 0;
  }
  .estadoPeriodo-Todo .estadoPeriodo-PartB .estadoPBlq2-B {
    grid-template-columns: 100%;
  }
}
.bajaAlumno-GeneralT label {
  margin: 0;
}

.bajaAlumno-GeneralT .bajaAlumno-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen {
  margin: 10px;
}
.bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones label {
  padding-top: 5px;
}
.bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones {
  display: grid;
  grid-template-columns: 8% 26% 20%;
  gap: 20px;
}
.bajaAlumno-GeneralT .bajaAlumno-Sep1B {
  padding: 15px 0 0 0;
}
.bajaAlumno-GeneralT .bajaAlumnobtn-margen {
  padding: 15px 0 0 0;
}
.bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS .pagoterceroBtn-texto {
  text-transform: uppercase;
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .bajaAlumno-GeneralT label {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT input {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT select {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT span {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT button {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones {
    grid-template-columns: 10% 34% 20%;
  }
  .bajaAlumno-GeneralT .bajaAlumno-Sep1B .table-containerEditarA {
    height: 450px !important;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .bajaAlumno-GeneralT label {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT input {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT select {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT span {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT button {
    font-size: 15px;
  }

  .bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones {
    grid-template-columns: 10% 34% 20%;
  }
  .bajaAlumno-GeneralT .bajaAlumno-Sep1B .table-containerEditarA {
    height: 686px !important;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .bajaAlumno-GeneralT label {
    font-size: 14px;
  }

  .bajaAlumno-GeneralT input {
    font-size: 14px;
  }

  .bajaAlumno-GeneralT select {
    font-size: 14px;
  }

  .bajaAlumno-GeneralT span {
    font-size: 14px;
  }

  .bajaAlumno-GeneralT button {
    font-size: 14px;
  }

  .bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones {
    grid-template-columns: 10% 34% 20%;
  }
  .bajaAlumno-GeneralT .bajaAlumno-Sep1B .table-containerEditarA {
    height: 450px !important;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones {
    display: grid;
    grid-template-columns: 100%;
    gap: 15px;
  }
  .bajaAlumno-GeneralT .bajaAlumno-borde .bajaAlumno-margen .bajaAlumno-dat1 .bajaAlumno-PagoPensiones .bajaAlumno-pensionesBtn {
    text-align: center;
  }
  .bajaAlumno-GeneralT .bajaAlumno-Sep1B .table-containerEditarA {
    height: 350px !important;
  }
  .bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS {
    grid-template-columns: 100%;
  }
  .bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS i {
    font-size: 15px;
  }
  .bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS button {
    font-size: 15px;
  }
  .bajaAlumno-GeneralT .bajaAlumnobtn-margen .userpase-BTNS span {
    font-size: 15px;
  }
}
.asistencia-GeneralT label {
  margin: 0;
}

.asistencia-GeneralT .asiste-borde {
  border: 1px solid #8b8f93;
  border-radius: 7px;
}
.asistencia-GeneralT .asiste-borde .asiste-margen {
  margin: 10px;
  padding: 0;
}
.asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones label {
  padding-top: 5px;
}
.asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones {
  display: grid;
  grid-template-columns: 14% 26% 20%;
  gap: 20px;
}
.asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones .asiste-select select {
  width: 90%;
  height: 100%;
}
.asistencia-GeneralT .asiste-Sep1B {
  padding: 15px 0 0 0;
}
.asistencia-GeneralT .asiste-margen {
  padding: 15px 0 0 0;
}
.asistencia-GeneralT .asiste-margen .asiste-BTNS {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.asistencia-GeneralT .asiste-margen .asiste-BTNS .pagoterceroBtn-texto {
  text-transform: uppercase;
  padding-left: 10px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width: 1199px) and (min-width: 992px) {
  .asistencia-GeneralT label {
    font-size: 15px;
  }

  .asistencia-GeneralT input {
    font-size: 15px;
  }

  .asistencia-GeneralT select {
    font-size: 15px;
  }

  .asistencia-GeneralT span {
    font-size: 15px;
  }

  .asistencia-GeneralT button {
    font-size: 15px;
  }

  .asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones {
    grid-template-columns: 20% 35% 20%;
  }
  .asistencia-GeneralT .asiste-Sep1B .table-containerEditarA {
    height: 450px !important;
  }
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width: 991px) and (min-width: 768px) {
  .asistencia-GeneralT label {
    font-size: 15px;
  }

  .asistencia-GeneralT input {
    font-size: 15px;
  }

  .asistencia-GeneralT select {
    font-size: 15px;
  }

  .asistencia-GeneralT span {
    font-size: 15px;
  }

  .asistencia-GeneralT button {
    font-size: 15px;
  }

  .asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones {
    grid-template-columns: 20% 35% 20%;
  }
  .asistencia-GeneralT .asiste-Sep1B .table-containerEditarA {
    height: 686px !important;
  }
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width: 767px) and (min-width: 576px) {
  .asistencia-GeneralT label {
    font-size: 14px;
  }

  .asistencia-GeneralT input {
    font-size: 14px;
  }

  .asistencia-GeneralT select {
    font-size: 14px;
  }

  .asistencia-GeneralT span {
    font-size: 14px;
  }

  .asistencia-GeneralT button {
    font-size: 14px;
  }

  .asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones {
    grid-template-columns: 20% 35% 20%;
  }
  .asistencia-GeneralT .asiste-Sep1B .table-containerEditarA {
    height: 450px !important;
  }
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width: 575px) {
  .asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .asistencia-GeneralT .asiste-borde .asiste-margen .asiste-dat1 .asiste-PagoPensiones .asiste-pensionesBtn {
    text-align: center;
  }
  .asistencia-GeneralT .asiste-Sep1B .table-containerEditarA {
    height: 350px !important;
  }
  .asistencia-GeneralT .asiste-margen .asiste-BTNS {
    grid-template-columns: 100%;
    gap: 15px;
  }
  .asistencia-GeneralT .asiste-margen .asiste-BTNS i {
    font-size: 15px;
  }
  .asistencia-GeneralT .asiste-margen .asiste-BTNS button {
    font-size: 15px;
  }
  .asistencia-GeneralT .asiste-margen .asiste-BTNS span {
    font-size: 15px;
  }
}


.overlay-glosa {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  visibility: hidden;
}
.overlay-glosa .popup {
  background: #F8F8F8;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  width: 550px;
  transition: 0.1s ease all;
  transform: scale(0.7);
  opacity: 0;
}
.overlay-glosa .popup .btn-cerrar-popup {
  font-size: 20px;
  line-height: 20px;
  display: block;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  transition: 0.1s ease all;
  color: #BBBBBB;
}
.overlay-glosa .popup .btn-cerrar-popup:hover {
  color: #000;
}
.overlay-glosa .popup .margen-ventaGlosa {
  margin: 10px 25px 20px 25px;
}
.overlay-glosa .popup .margen-ventaGlosa .Glosa-1 textarea {
  width: 100%;
  height: 200px;
}
.overlay-glosa .popup .margen-botonesGlosa {
  margin: 7px 20px 0 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.overlay-glosa .popup .margen-botonesGlosa .over-texto {
  padding-left: 10px;
}

.activeover-glosa {
  visibility: visible;
}
.activeover-glosa .activepop-glosa {
  transform: scale(1);
  opacity: 1;
}