@charset "UTF-8";
.plan-card {
  flex: 1 0 auto;
  border: 1px solid #eee;
  background: #fff;
  text-align: center;
  margin-left: -1px;
  width: 100%;
  padding: 30px;
  color: #22344B;
  box-shadow: rgba(120, 122, 170, 0.25) 3px 7px 25px;
  border-radius: 5px;
  max-width: 380px;
  min-width: 300px;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.plan-card h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.plan-card .plan-image {
  align-self: center;
  height: 150px;
  width: 150px;
  object-fit: contain;
  margin-bottom: 20px;
}
.plan-card .premium-image {
  position: absolute;
  top: 0;
  right: 0;
}
.plan-card .price-section {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: 20px;
  position: relative;
}
.plan-card .price-section .mxn {
  margin-right: 15px;
  font-size: 28px;
}
.plan-card .price-section .price {
  font-size: 60px;
  line-height: 0.9;
}
.plan-card .price-section .iva-text {
  position: absolute;
  left: 0;
  bottom: 0;
}
.plan-card ul {
  margin-bottom: 15px;
}
.plan-card ul li {
  text-align: left;
}
.plan-card .lista-no-gratis {
  text-align: left;
}
.plan-card .lista-no-gratis:last-of-type {
  margin-bottom: 20px;
}
.plan-card button {
  background: #3cc7ff;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
  outline: none;
  border: 0;
  border-radius: 5px;
  color: #22344B;
  font-size: 19px;
  transition: 0.3s all;
  margin-top: auto;
}
.plan-card button:hover {
  transform: scale(1.03);
}
.plan-card .card-cupon-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  min-height: 34px;
  text-align: left;
}
.plan-card .card-cupon-container label {
  user-select: none;
  font-size: 15px;
}
.plan-card .checkbox-container input {
  position: relative;
  top: 2px;
}
.pagina-planes {
  padding-bottom: 50px;
  background: linear-gradient(135deg, #50f3c4 5%, #3cc7ff 60%, #50f3c4);
  margin: -40px -7px 0px -7px;
  min-height: 905px;
}
.pagina-planes .grid-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.pagina-planes .onboarding-title {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #22344B;
}
.pagina-planes .sub-text {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #22344B;
}
.pagina-cancel {
  padding: 10px;
}
.pagina-cancel .mainContainer {
  padding: 15px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background-color: #FAF9FF;
  width: 100%;
  height: fit-content;
}
.pagina-cancel .mainContainer > img {
  align-self: center;
  margin-bottom: 50px;
  height: 200px;
  width: 200px;
}
.pagina-cancel .mainContainer h2 {
  font-weight: 700;
  font-size: 29px;
  text-align: center;
  margin-bottom: 30px;
  color: #912211;
}
.pagina-cancel .mainContainer h2 + p {
  text-align: center;
  margin-bottom: 30px;
  font-size: 17px;
  color: #91A1B4;
  font-weight: bold;
}
.pagina-cancel .mainContainer .reservationCodeText {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.pagina-cancel .mainContainer .contact {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 35px;
  height: 35px;
}
.pagina-cancel .mainContainer .contact > div {
  padding: 3px 18px;
  position: relative;
}
.pagina-cancel .mainContainer .contact > div img {
  position: relative;
  margin-right: 5px;
  top: 2px;
}
.pagina-cancel .mainContainer .contact > div::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 19px;
  background-color: #99A0A3;
  right: -1px;
}
.pagina-cancel .mainContainer .contact > div:last-of-type::after {
  display: none;
}
.pagina-cancel .mainContainer .contact .number {
  color: #22344b;
}
.pagina-cancel .mainContainer .contact .langContainer {
  font-size: 16px;
}
.pagina-cancel .mainContainer .contactContainer {
  display: flex;
  justify-content: center;
}
.pagina-cancel .mainContainer .buttonsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
.pagina-cancel .mainContainer .buttonsContainer a {
  width: 195px;
  height: 53px;
  border: 1px solid #22344b;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  display: grid;
  place-content: center;
}
.pagina-cancel .mainContainer .buttonsContainer .btnLeft {
  color: #000;
  background: white;
  border: 1px solid #22344b;
  background-color: #d3f2e9;
}
.pagina-cancel .mainContainer .buttonsContainer .btnRight {
  background: #22344b;
  color: white;
}
.pagina-cancel .mainContainer .buttonsContainer .left {
  justify-self: right;
}
.pagina-cancel .mainContainer .buttonsContainer .right {
  justify-self: left;
}
.pagina-cancel .mainContainer .buttonsContainer.withoutCode {
  grid-template-columns: 1fr;
}
.pagina-cancel .mainContainer .buttonsContainer.withoutCode .left {
  justify-self: center;
}
.pagina-cancel .mainContainer .buttonContainer {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.pagina-cancel .mainContainer .buttonContainer button {
  width: 195px;
  height: 53px;
  border: 1px solid #22344b;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  display: grid;
  place-content: center;
  color: #000;
  background-color: #d3f2e9;
}
@media (max-width: 1200px) {
  .pagina-cancel .mainContainer {
    margin: 15px 0;
  }
}
@media (max-width: 732px) {
  .pagina-cancel .mainContainer > img {
    bottom: 300px;
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .pagina-cancel .mainContainer {
    padding: 15px;
  }
  .pagina-cancel .mainContainer > img {
    margin-bottom: 30px;
  }
  .pagina-cancel .mainContainer h2 {
    line-height: 34.8px;
    font-weight: 400;
  }
  .pagina-cancel .mainContainer .reservationCodeText {
    margin-bottom: 20px;
  }
  .pagina-cancel .mainContainer .contact {
    flex-direction: column;
    height: auto;
    padding: 10px 0;
    row-gap: 5px;
    margin-bottom: 20px;
  }
  .pagina-cancel .mainContainer .contact > div::after {
    display: none;
  }
}
@media (max-width: 500px) {
  .pagina-cancel .mainContainer .buttonsContainer {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .pagina-cancel .mainContainer .buttonsContainer a {
    width: 100%;
  }
  .pagina-cancel .mainContainer .buttonsContainer .left {
    justify-self: center;
    max-width: 294px;
    width: 100%;
  }
  .pagina-cancel .mainContainer .buttonsContainer .right {
    justify-self: center;
    max-width: 294px;
    width: 100%;
  }
  .pagina-cancel .mainContainer .buttonContainer button {
    width: 100%;
  }
}
.pagina-success {
  padding: 10px;
}
.pagina-success .mainContainer {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background-color: #FAF9FF;
  width: 100%;
  height: fit-content;
  padding: 15px;
}
.pagina-success .mainContainer > img {
  align-self: center;
  margin-bottom: 50px;
  height: 200px;
  width: 200px;
}
.pagina-success .mainContainer h2 {
  font-weight: 700;
  font-size: 29px;
  text-align: center;
  margin-bottom: 30px;
  color: #22344b;
}
.pagina-success .mainContainer h2 + p {
  text-align: center;
  margin-bottom: 30px;
  font-size: 17px;
  color: #22344b;
  font-weight: bold;
}
.pagina-success .mainContainer .reservationCodeText {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.pagina-success .mainContainer .contact {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 35px;
  height: 35px;
}
.pagina-success .mainContainer .contact > div {
  padding: 3px 18px;
  position: relative;
}
.pagina-success .mainContainer .contact > div::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 19px;
  background-color: #99A0A3;
  right: -1px;
}
.pagina-success .mainContainer .contact > div:last-of-type::after {
  display: none;
}
.pagina-success .mainContainer .contact a {
  color: #22344b;
}
.pagina-success .mainContainer .contact .langContainer {
  font-size: 16px;
}
.pagina-success .mainContainer .contactContainer {
  display: flex;
  justify-content: center;
}
.pagina-success .mainContainer .buttonsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
.pagina-success .mainContainer .buttonsContainer a {
  width: 195px;
  height: 53px;
  border: 1px solid #22344b;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  display: grid;
  place-content: center;
}
.pagina-success .mainContainer .buttonsContainer .btnLeft {
  color: #000;
  background: white;
  border: 1px solid #22344b;
  background-color: #d3f2e9;
}
.pagina-success .mainContainer .buttonsContainer .btnWhats {
  background: #25d366;
  color: white;
  font-size: 18px;
  border: 1px solid #25d366;
}
.pagina-success .mainContainer .buttonsContainer .btnRight {
  background: #22344b;
  color: white;
}
.pagina-success .mainContainer .buttonsContainer .left {
  justify-self: right;
}
.pagina-success .mainContainer .buttonsContainer .right {
  justify-self: left;
}
.pagina-success .mainContainer .buttonContainer {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.pagina-success .mainContainer .buttonContainer button {
  width: 195px;
  height: 53px;
  border: 1px solid #22344b;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  display: grid;
  place-content: center;
  color: #000;
  background-color: #d3f2e9;
}
@media (max-width: 1200px) {
  .pagina-success .mainContainer {
    margin: 15px 0;
  }
}
@media (max-width: 732px) {
  .pagina-success .mainContainer > img {
    bottom: 300px;
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .pagina-success .mainContainer {
    padding: 15px;
  }
  .pagina-success .mainContainer > img {
    margin-bottom: 30px;
  }
  .pagina-success .mainContainer h2 {
    line-height: 34.8px;
    font-weight: 400;
  }
  .pagina-success .mainContainer .reservationCodeText {
    margin-bottom: 20px;
  }
  .pagina-success .mainContainer .contact {
    flex-direction: column;
    height: auto;
    padding: 10px 0;
    row-gap: 5px;
    margin-bottom: 20px;
  }
  .pagina-success .mainContainer .contact > div::after {
    display: none;
  }
}
@media (max-width: 500px) {
  .pagina-success .mainContainer .buttonsContainer {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .pagina-success .mainContainer .buttonsContainer a {
    width: 100%;
  }
  .pagina-success .mainContainer .buttonsContainer .left {
    justify-self: center;
    max-width: 294px;
    width: 100%;
  }
  .pagina-success .mainContainer .buttonsContainer .right {
    justify-self: center;
    max-width: 294px;
    width: 100%;
  }
  .pagina-success .mainContainer .buttonContainer button {
    width: 100%;
  }
}
.metodo-de-pago {
  padding-bottom: 50px;
  background-color: #22344b;
  margin: -40px -7px 0px -7px;
  min-height: 905px;
}
.metodo-de-pago .metodo-de-pago-container {
  display: grid;
  place-content: center;
  width: 100%;
}
.metodo-de-pago .metodo-de-pago-container .metodo-de-pago-content {
  width: 380px;
}
.metodo-de-pago .top {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 50px;
  cursor: pointer;
}
.metodo-de-pago .top svg {
  fill: rgba(255, 255, 255, 0.6);
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.metodo-de-pago .top img {
  width: 30px;
  height: auto;
  margin-right: 10px;
}
.metodo-de-pago .top span {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.metodo-de-pago .plan-price-info {
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 50px;
}
.metodo-de-pago .plan-price-info .text-gray {
  color: rgba(255, 255, 255, 0.6);
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
.metodo-de-pago .plan-price-info .price {
  color: white;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}
.metodo-de-pago .metodos-de-pago-btns {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  font-family: Arial, Helvetica, sans-serif;
}
.metodo-de-pago .metodos-de-pago-btns button {
  width: 100%;
  background-color: white;
  height: 60px;
  color: #22344b;
  font-size: 28px;
  font-weight: bold;
  outline: 0;
  border: 0;
  border-radius: 30px;
  transition: 0.3s all;
}
.metodo-de-pago .metodos-de-pago-btns button:hover {
  transform: scale(1.03);
}
.metodo-de-pago .card-cupon-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  min-height: 34px;
  text-align: left;
  margin-top: 30px;
}
.metodo-de-pago .card-cupon-container label {
  user-select: none;
  font-size: 15px;
  color: white;
  font-weight: 400;
}
@media (max-width: 500px) {
  .metodo-de-pago .metodo-de-pago-container .metodo-de-pago-content {
    width: initial;
  }
  .metodo-de-pago .metodos-de-pago-btns button {
    font-size: 20px;
    height: 40px;
  }
}
.pagar-planes-pendientes {
  padding-bottom: 50px;
  background-color: #22344b;
  margin: -40px -7px 0px -7px;
  min-height: 905px;
}
.pagar-planes-pendientes .p-content {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
}
.pagar-planes-pendientes p {
  color: white;
  text-align: center;
  font-size: 20px;
}
.pagar-planes-pendientes .p-title {
  font-size: 24px;
}
.pagar-planes-pendientes .p-estimado-usuario {
  text-align: left;
}
.pagar-planes-pendientes .p-card {
  margin: 30px 0;
  border: 1px solid #eee;
  background: #fff;
  padding: 20px;
  color: #22344B;
  box-shadow: rgba(120, 122, 170, 0.25) 3px 7px 25px;
  border-radius: 5px;
  align-self: center;
  width: 100%;
  max-width: 600px;
}
.pagar-planes-pendientes .p-table {
  width: 100%;
  margin-bottom: 0;
}
.pagar-planes-pendientes .p-table button {
  background-color: #8ED5E1;
  border-color: #8ED5E1;
  box-shadow: 0px 2px 0px #8ED5E1;
  color: black;
}
.informacion-de-transferencia {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #22344b;
  margin: -40px -7px 0px -7px;
  min-height: 905px;
  font-family: Arial, Helvetica, sans-serif;
}
.informacion-de-transferencia p, .informacion-de-transferencia span {
  color: white;
  font-size: 20px;
  text-align: center;
}
.informacion-de-transferencia p {
  margin-bottom: 30px;
}
.informacion-de-transferencia .tranferencia-card-info {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
}
.informacion-de-transferencia .importe-a-pagar {
  font-size: 38px;
  font-weight: bold;
}
.informacion-de-transferencia .btn-container {
  display: flex;
  justify-content: center;
}
.informacion-de-transferencia button {
  width: 300px;
  background-color: white;
  height: 60px;
  color: #22344b;
  font-size: 28px;
  font-weight: bold;
  outline: 0;
  border: 0;
  border-radius: 30px;
  transition: 0.3s all;
}
.informacion-de-transferencia button:hover {
  transform: scale(1.03);
}
.agregar-transferencia .comprar-mas-planes-container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.agregar-transferencia .comprar-mas-planes-container .comprar-mas-planes {
  width: 300px;
  background-color: #324c6e;
  height: 60px;
  color: white;
  font-size: 25px;
  outline: 0;
  border: 0;
  border-radius: 30px;
  transition: 0.3s all;
  padding: 0 15px;
  display: grid;
  place-content: center;
  text-decoration: none;
}
.agregar-transferencia .comprar-mas-planes-container .comprar-mas-planes:hover {
  transform: scale(1.03);
}
.module-cuentas-contables-form {
  /* The switch - the box around the slider */
}
.module-cuentas-contables-form .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  transform: scale(0.7);
  /* Hide default HTML checkbox */
  /* The slider */
}
.module-cuentas-contables-form .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.module-cuentas-contables-form .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */
}
.module-cuentas-contables-form .switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.module-cuentas-contables-form .switch .slider.round {
  border-radius: 34px;
}
.module-cuentas-contables-form .switch .slider.round:before {
  border-radius: 50%;
}
.module-cuentas-contables-form .switch input:checked + .slider {
  background-color: #2196F3;
}
.module-cuentas-contables-form .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.module-cuentas-contables-form .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.module-cuentas-contables-form .preview:after {
  content: " ";
  clear: both;
}
.module-cuentas-contables-form .preview .preview-visor {
  display: none;
  position: absolute;
  right: 10px;
  width: 500px;
  background: white;
  z-index: 10;
  box-shadow: 5px 5px 20px black;
}
.module-cuentas-contables-form .preview.preview-open .preview-list {
  padding-right: 510px;
}
.module-cuentas-contables-form .preview.preview-open .preview-visor {
  display: block;
}
.reporte-migracion-balanza-comprobacion .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.module-estado-de-resultados .container-vista-previa h1, .module-balance-general .container-vista-previa h1 {
  font-size: 130%;
}
.module-estado-de-resultados .container-vista-previa h2, .module-balance-general .container-vista-previa h2 {
  font-size: 120%;
  padding-left: 20px;
}
.module-estado-de-resultados .container-vista-previa .col-xs-6, .module-balance-general .container-vista-previa .col-xs-6 {
  padding-right: 50px;
}
.module-estado-de-resultados .container-vista-previa .table-container, .module-balance-general .container-vista-previa .table-container {
  padding-left: 50px;
}
.module-estado-de-resultados .container-vista-previa a.btn-mostrar-auxiliares, .module-balance-general .container-vista-previa a.btn-mostrar-auxiliares {
  color: inherit;
  font-size: inherit;
}
.module-estado-de-resultados .container-vista-previa h1, .module-balance-general .container-vista-previa h1 {
  font-size: 130%;
}
.module-estado-de-resultados .container-vista-previa h2, .module-balance-general .container-vista-previa h2 {
  font-size: 120%;
  padding-left: 20px;
}
.module-estado-de-resultados .container-vista-previa .col-xs-6, .module-balance-general .container-vista-previa .col-xs-6 {
  padding-right: 50px;
}
.module-estado-de-resultados .container-vista-previa .table-container, .module-balance-general .container-vista-previa .table-container {
  padding-left: 50px;
}
.module-estado-de-resultados .container-vista-previa a.btn-mostrar-auxiliares, .module-balance-general .container-vista-previa a.btn-mostrar-auxiliares {
  color: inherit;
  font-size: inherit;
}
.module-estado-de-resultados .print_only, .module-balance-general .print_only {
  display: none;
}
@media print {
  .module-estado-de-resultados .print_only, .module-balance-general .print_only {
    display: block;
  }
}
.module-estado-de-resultados .container-vista-previa h1, .module-balance-general .container-vista-previa h1 {
  font-size: 130%;
}
.module-estado-de-resultados .container-vista-previa h2, .module-balance-general .container-vista-previa h2 {
  font-size: 120%;
  padding-left: 20px;
}
.module-estado-de-resultados .container-vista-previa .col-xs-6, .module-balance-general .container-vista-previa .col-xs-6 {
  padding-right: 50px;
}
.module-estado-de-resultados .container-vista-previa .table-container, .module-balance-general .container-vista-previa .table-container {
  padding-left: 50px;
}
.module-estado-de-resultados .container-vista-previa a.btn-mostrar-auxiliares, .module-balance-general .container-vista-previa a.btn-mostrar-auxiliares {
  color: inherit;
  font-size: inherit;
}
.module-reportes-auxiliares-de-cuentas .table tbody + tbody {
  border-top: 30px solid #F5F5F5;
}
#vista-previa-diot {
  overflow-x: auto;
}
#vista-previa-diot > table {
  border: 1px solid #ddd;
}
#vista-previa-diot > table > thead > tr > th {
  border: 1px solid #ddd;
}
#vista-previa-diot > table > tbody > tr > td {
  border: 1px solid #ddd;
}
.form-group.has-feedback.has-search {
  display: flex;
}
.has-search .form-control {
  padding-right: 12px;
  padding-left: 34px;
}
.form-group.has-feedback.has-search {
  display: flex;
}
.has-search .form-control {
  padding-right: 12px;
  padding-left: 34px;
}
.side-panel {
  padding: 0 !important;
}
.side-panel .side-panel-toolbar {
  position: absolute;
  top: -37px;
}
.side-panel .side-panel-body {
  padding: 10px;
  background: white;
  border: 1px solid #d0d0d0;
}
.side-panel .side-panel-body > div {
  position: relative;
  padding-bottom: 35px;
}
.side-panel .side-panel-body > div .btn-collapse-side-panel {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  color: #22344B;
}
.side-panel .side-panel-body > div h4 {
  margin-top: 0;
}
.side-panel.collapsed {
  flex: 0;
}
.side-panel.collapsed .side-panel-body {
  display: none;
}
.side-panel.collapsed .side-panel-toolbar {
  position: absolute;
  right: -24px;
  top: 6px;
}
.side-panel:not(.collapsed) {
  flex: 0 0 600px;
}
.container-datagrid-panel.open {
  max-height: 100vh;
  overflow-y: auto;
}
.filtro-rapido, .filtro-rapido-estilos {
  font-weight: bold;
  border-radius: 30px;
  font-size: 15px;
  height: 35px;
  padding: 0 8px;
  border: 1px solid #22344B;
  background-color: white;
  transition: 0.3s all;
}
.filtro-rapido:nth-child(1), .filtro-rapido-estilos:nth-child(1) {
  margin-left: 5px !important;
}
.filtro-rapido:last-of-type, .filtro-rapido-estilos:last-of-type {
  margin-right: 9px;
}
.filtro-rapido:hover, .filtro-rapido.selected, .filtro-rapido-estilos:hover, .filtro-rapido-estilos.selected {
  background-color: #22344B;
  color: white;
}
.filtro-rapido.selected, .filtro-rapido-estilos.selected {
  cursor: default;
  transform: scale(1.05);
  margin-left: 3px;
  margin-right: 3px;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.container-filtro .custom-input-group-btn {
  position: absolute;
  right: 0;
  width: 35px;
}
.container-filtro .input-group {
  width: 100%;
}
#grid-boveda-cfdi .sorting {
  text-align: center;
}
#grid-boveda-cfdi > .datagrid > .alert.alert-info.filter-applied {
  display: none !important;
}
.container-resumen {
  background: rgba(0, 0, 0, 0.02);
  padding: 20px 0;
  border-top: 2px dashed #CCC;
  border-bottom: 2px dashed #CCC;
}
.partida .no-width-100 {
  width: initial;
  -webkit-flex: initial;
  flex: initial;
}
.caption-observaciones {
  caption-side: bottom;
  border: 1px solid #ddd;
  padding: 8px;
}
.caption-observaciones ul {
  padding-left: 20px;
}
.chartWrapper {
  position: relative;
}
.chartWrapper > canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.chartAreaWrapper {
  width: 100%;
  overflow-x: auto;
}
.chartWrapper-conceptos {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.component-recuperar-usuario .input-code {
  font-family: monospace;
  font-size: 150%;
  padding: 20px;
  letter-spacing: 5px;
  text-align: center;
}
.module-polizas .preview:after {
  content: " ";
  clear: both;
}
.module-polizas .preview .preview-visor {
  display: none;
  position: absolute;
  right: 10px;
  width: 500px;
  background: white;
  z-index: 10;
  box-shadow: 5px 5px 20px black;
}
.module-polizas .preview.preview-open .preview-list {
  padding-right: 510px;
}
.module-polizas .preview.preview-open .preview-visor {
  display: block;
}
.module-polizas .partida .btn-eliminar-fila {
  margin-top: 12px;
}
.module-polizas .partida .btn-eliminar-fila i {
  color: #22344B;
}
.module-polizas input.error {
  border: 1px solid #df5353;
  box-shadow: 0px 0px 10px rgba(255, 105, 97, 0.9);
}
.myclass {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  /*comentario*/
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
  padding-top: 243px;
  padding-bottom: 243px;
  padding-left: 100px;
  padding-right: 100px;
  margin-left: 100px;
  margin-right: 100px;
}
.calculator {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
}
.calculator #historial {
  position: absolute;
  color: white;
  top: 0px;
  right: 21px;
}
.calculator .calculator-screen {
  width: 100%;
  height: 95px;
  border: none;
  background-color: #22344B;
  color: #fff;
  text-align: right;
  padding-right: 20px;
  padding-left: 10px;
  font-size: 4rem;
}
.calculator input#pantalla[value="0"] {
  padding-top: 12px;
}
.calculator .calculator-keys {
  background-color: white;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 20px;
}
.calculator .calculator-keys button {
  height: 60px;
  font-size: 30px;
}
.calculator .calculator-keys .operator {
  background-color: #009199;
  font-weight: bold;
  color: white;
  outline: none;
  transition: 0.3s all;
  box-shadow: 0px 0px 0px white;
}
.calculator .calculator-keys .operator:focus {
  outline: none;
  box-shadow: 0px 0px 10px #009199;
}
.calculator .calculator-keys .clearclass {
  /*clase de los clear y all clear*/
  background-color: #FF7474;
  color: white;
  outline: none;
  transition: 0.3s all;
  box-shadow: 0px 0px 0px white;
}
.calculator .calculator-keys .clearclass:focus {
  outline: none;
  box-shadow: 0px 0px 10px #ff6961e6;
}
.calculator .calculator-keys .number, .calculator .calculator-keys .decimal, .calculator .calculator-keys .equal-sign {
  outline: none;
  transition: 0.3s all;
  box-shadow: 0px 0px 0px white;
}
.calculator .calculator-keys .number:focus, .calculator .calculator-keys .decimal:focus, .calculator .calculator-keys .equal-sign:focus {
  outline: none;
  box-shadow: 0px 0px 10px #22344B;
}
.calculator .calculator-keys .plus {
  grid-column: 4/5;
  grid-row: 3/6;
  height: 100%;
}
.calculator .calculator-keys .equal-sign {
  background-color: #009199;
  color: white;
}
.registrarse {
  font-size: 110%;
}
.registrarse > .content {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 40px auto 0;
  width: 1150px;
  height: 700px;
  padding: 0;
  overflow: hidden;
  background-image: url("assets/images/img-registro.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.registrarse > .content > .form {
  background-color: white;
  margin-left: 565px;
  padding: 0 20px;
  height: 100%;
  overflow: auto;
}
.registrarse > .content > .form > .logo {
  background: white url("assets/images/logo-abaccor-fondo-blanco.png") no-repeat center bottom;
  height: 160px;
}
.registrarse .input-code {
  font-family: monospace;
  font-size: 150%;
  padding: 20px;
  letter-spacing: 5px;
  text-align: center;
}
.registrarse h1 {
  font-size: 130%;
  font-weight: bold;
}
.registro-empresas > .content {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 40px auto 0;
  width: 1150px;
  height: 790px;
  padding: 0;
  overflow: hidden;
  background-image: url("assets/images/img-registro-cuentas.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.registro-empresas > .content > .form {
  background-color: white;
  margin-left: 565px;
  padding: 0 20px;
  height: 100%;
  overflow: auto;
}
.registro-empresas > .content > .form .nav-tabs > li a {
  cursor: default;
}
.registro-empresas > .content > .form .nav-tabs > li:not(.active) a {
  background: transparent;
  color: initial;
  border: none;
}
table#permisos-treetable {
  margin-bottom: 50px;
}
table#permisos-treetable thead {
  font-size: 16px;
  line-height: 2;
  font-family: "Kanit", sans-serif;
}
table#permisos-treetable thead tr {
  background-color: white;
}
table#permisos-treetable thead tr th {
  font-weight: bold;
  border: 1px solid #aaaaaa;
  padding: 5px;
}
table#permisos-treetable thead tr th:first-child {
  width: 25px;
  text-align: center;
}
table#permisos-treetable thead tr th:last-child {
  width: 50px;
  padding: 0;
  text-align: center;
}
table#permisos-treetable tbody tr td {
  font-size: 14px;
  line-height: 2;
  font-family: "Kanit", sans-serif;
  border: 1px solid #aaaaaa;
  padding: 5px;
  vertical-align: middle;
}
table#permisos-treetable tbody tr td:first-child {
  width: 25px;
  text-align: left;
}
table#permisos-treetable tbody tr td:last-child {
  width: 50px;
  padding: 0;
  text-align: center;
}
table#permisos-treetable tbody tr.branch {
  background-color: #f9f9f9;
}
table#permisos-treetable tbody tr.leaf {
  background-color: white;
}
table#permisos-treetable tbody tr:hover {
  background-color: #f5f5f5;
}
table#permisos-treetable tbody tr.selected {
  background-color: rgba(255, 70, 3, 0.1);
  color: #333;
}
table#permisos-treetable tbody tr.selected.collapsed span.indenter a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHlJREFUeNrcU1sNgDAQ6wgmcAM2MICGGlg1gJnNzWQcvwQGy1j4oUl/7tH0mpwzM7SgQyO+EZAUWh2MkkzSWhJwuRAlHYsJwEwyvs1gABDuzqoJcTw5qxaIJN0bgQRgIjnlmn1heSO5PE6Y2YXe+5Cr5+h++gs12AcAS6FS+7YOsj4AAAAASUVORK5CYII=);
}
table#permisos-treetable tbody tr.selected.expanded span.indenter a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHFJREFUeNpi/P//PwMlgImBQsA44C6gvhfa29v3MzAwOODRc6CystIRbxi0t7fjDJjKykpGYrwwi1hxnLHQ3t7+jIGBQRJJ6HllZaUUKYEYRYBPOB0gBShKwKGA////48VtbW3/8clTnBIH3gCKkzJgAGvBX0dDm0sCAAAAAElFTkSuQmCC);
}
table#permisos-treetable.expandable tbody tr.branch td:first-child {
  cursor: pointer;
}
table#permisos-treetable .btn {
  margin: 0;
  padding: 5px;
}
table#permisos-treetable input[type=checkbox] {
  margin: 0;
  padding: 0;
}
table#permisos-treetable .btn-link {
  color: #7B939D;
}
table#permisos-treetable .text-green {
  color: #009199;
}
.configurar-cuentas-default .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.configurar-cuentas-default a.disabled {
  cursor: not-allowed;
  opacity: 0.38;
}
.mensaje-redireccionamiento .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.mensaje-redireccionamiento a.disabled {
  cursor: not-allowed;
  opacity: 0.38;
}
.reporte-importacion-polizas-desde-excel .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.reporte-validaciones-de-movimientos {
  display: flex;
  flex-direction: column;
}
.reporte-validaciones-de-movimientos .btn-detalle-movimientos {
  max-width: fit-content;
  align-self: center;
}
.reporte-validaciones-de-movimientos .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.reporte-comprobantes-no-vigentes {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}
.reporte-comprobantes-no-vigentes .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.reporte-comprobantes-no-vigentes table {
  width: 100%;
  margin: 20px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.reporte-comprobantes-no-vigentes table th, .reporte-comprobantes-no-vigentes table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.reporte-comprobantes-no-vigentes table th {
  background-color: #f5f5f5;
  font-weight: bold;
}
.reporte-comprobantes-no-vigentes table tr:hover {
  background-color: #f9f9f9;
}
.reporte-validaciones-xsd {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}
.reporte-validaciones-xsd .alert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.alert.alert-info .btn-link {
  color: white;
}
.animated {
  animation-duration: 0.3s;
}
.blockfilter {
  position: relative;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
}
.blockfilter .blockfilter-container {
  padding: 5px;
}
.blockfilter .blockfilter-item {
  display: inline-block;
  border-radius: 5px;
  background: #bdbdbd;
  margin-right: 10px;
  margin-bottom: 5px;
}
.blockfilter .blockfilter-item.blockfilter-item-green .blockfilter-item-wrapper .blockfilter-item-content {
  background: #67c367;
  color: white;
}
.blockfilter .blockfilter-item.blockfilter-item-blue .blockfilter-item-wrapper .blockfilter-item-content {
  background: #67a1c3;
  color: white;
}
.blockfilter .blockfilter-item.blockfilter-item-purple .blockfilter-item-wrapper .blockfilter-item-content {
  background: #9b67c3;
  color: white;
}
.blockfilter .blockfilter-item.blockfilter-item-red .blockfilter-item-wrapper .blockfilter-item-content {
  background: #c36767;
  color: white;
}
.blockfilter .blockfilter-item.blockfilter-item-light-yellow .blockfilter-item-wrapper .blockfilter-item-content {
  background: #fcfadc;
  color: #333;
}
.blockfilter .blockfilter-item.blockfilter-item-yellow .blockfilter-item-wrapper .blockfilter-item-content {
  background: #f6ef96;
  color: #333;
}
.blockfilter .blockfilter-item.blockfilter-item-light-green .blockfilter-item-wrapper .blockfilter-item-content {
  background: #cefaca;
  color: #333;
}
.blockfilter .blockfilter-item.blockfilter-item-light-blue .blockfilter-item-wrapper .blockfilter-item-content {
  background: #a1d2f5;
  color: #333;
}
.blockfilter .blockfilter-item.blockfilter-item-cyan .blockfilter-item-wrapper .blockfilter-item-content {
  background: #96e9f6;
  color: #333;
}
.blockfilter .blockfilter-item.blockfilter-item-sm .blockfilter-item-wrapper .blockfilter-item-content {
  width: 120px;
}
.blockfilter .blockfilter-item.blockfilter-item-md .blockfilter-item-wrapper .blockfilter-item-content {
  width: 250px;
}
.blockfilter .blockfilter-item.blockfilter-item-lg .blockfilter-item-wrapper .blockfilter-item-content {
  width: 350px;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper {
  display: flex;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content {
  border: 1px solid #999;
  border-radius: 5px;
  padding: 5px;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content .blockfilter-item-title {
  font-weight: bold;
  padding: 0 5px;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content .blockfilter-item-input {
  padding-top: 5px;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content .blockfilter-item-input {
  color: black;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content .blockfilter-item-input input, .blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-content .blockfilter-item-input select {
  border: 1px solid #999;
  padding: 5px;
  border-radius: 5px;
  width: 100%;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-options {
  width: 20px;
}
.blockfilter .blockfilter-item .blockfilter-item-wrapper .blockfilter-item-options .blockfilter-item-options-remove {
  font-size: 10px;
  text-align: center;
  padding: 9px 5px 5px 5px;
  cursor: pointer;
}
.blockfilter .blockfilter-toolbox {
  background: #FAFAFA;
  border: 1px solid #d2d6de;
  padding: 5px;
  position: absolute;
  width: 300px;
  z-index: 99;
  border-radius: 0px 0px 5px 5px;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item {
  border: 1px solid #999;
  margin: 2px 0px;
  padding: 2px 5px;
  border-radius: 3px;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-green {
  background: #67C367;
  color: white;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-blue {
  background: #67a1c3;
  color: white;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-purple {
  background: #9b67c3;
  color: white;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-red {
  background: #c36767;
  color: white;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-light-yellow {
  background: #fcfadc;
  color: #333;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-yellow {
  background: #f6ef96;
  color: #333;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-light-green {
  background: #cefaca;
  color: #333;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-light-blue {
  background: #a1d2f5;
  color: #333;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item.blockfilter-toolbox-item-cyan {
  background: #96e9f6;
  color: #333;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item:hover {
  font-weight: bold;
  border-radius: 0;
  cursor: pointer;
}
.blockfilter .blockfilter-toolbox .blockfilter-toolbox-item .blockfilter-toolbox-item-description {
  font-size: 80%;
}
.blockfilter .blockfilter-empty-label {
  text-align: center;
  background: #EEE;
  padding: 10px 0px;
  color: #555;
  font-size: 15px;
  cursor: pointer;
}
/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border: 0.5px solid #d2d6de;
  border-top: 3px solid #d2d6de;
  margin-bottom: 15px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*="bg"] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay, .overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
  content: " ";
  display: table;
}
.box-header:after, .box-body:after, .box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444 !important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.bring-to-front {
  z-index: 200000 !important;
}
/* Switch
   ========================================================================== */
.btn-switch, .btn-switch * {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.btn-switch label {
  cursor: pointer;
}
.btn-switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.btn-switch label input[type=checkbox]:checked + .lever {
  background-color: #677485;
}
.btn-switch label input[type=checkbox]:checked + .lever:before, .btn-switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}
.btn-switch label input[type=checkbox]:checked + .lever:after {
  background-color: #22344B;
}
.btn-switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}
.btn-switch label .lever:before, .btn-switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
}
.btn-switch label .lever:before {
  background-color: rgba(34, 52, 75, 0.15);
}
.btn-switch label .lever:after {
  background-color: #F1F1F1;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(34, 52, 75, 0.15);
}
input[type=checkbox]:not(:disabled) ~ .lever:active:before, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}
.btn-switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}
.btn-switch label input[type=checkbox][disabled] + .lever:after, .btn-switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #f2f2f2;
}
.container-resultado {
  overflow-y: auto;
  max-height: 70vh;
  padding-bottom: 12px;
}
@media (max-width: 800px) {
  .container-resultado {
    max-height: 60vh;
  }
}
.vista-previa-options .btn-guardar-borrador {
  margin-bottom: 0;
}
.vista-previa-options > .btn-volver {
  position: absolute;
  top: 5px;
  right: 3px;
  background: none;
}
.vista-previa-options > .btn-volver i {
  color: #30459e;
}
.container-concepts {
  max-height: 550px;
  overflow-y: auto;
}
.container-concepts .datagrid > tbody > tr > td, .container-concepts .datagrid > tbody > tr > th, .container-concepts .datagrid > tfoot > tr > td, .container-concepts .datagrid > tfoot > tr > th, .container-concepts .datagrid > thead > tr > td, .container-concepts .datagrid > thead > tr > th {
  padding: 2px;
}
.cfdi-tabs {
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .modal-footer .custom-padding {
    padding-top: 30px;
  }
}
.modal-partida .box-body .box-default {
  margin-bottom: 8px;
}
.container-polizas > .datagrid > .box-datagrid > .box-header {
  background: #cefaca;
  color: #333;
}
.container-transacciones > .datagrid > .box-datagrid > .box-header {
  background: #a1d2f5;
  color: #333;
}
#cuentas-c-porpagar .canvas-cuentas {
  background: #F9FAFB;
  position: relative;
  display: block;
  height: 21vw;
}
#cuentas-c-porpagar .chartCard {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 999;
}
#cuentas-c-porpagar .chartCard .canvas-outside {
  height: 17vw !important;
  width: 34vw !important;
  z-index: 992;
}
#cuentas-c-porpagar .chartCard .canvas-inside {
  height: 8vw !important;
  width: 8vw !important;
  left: 13vw;
  top: 4.5vw;
  z-index: -10;
  position: absolute;
}
.info-circles {
  padding: 10px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E0E7EB;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.info-circles > div {
  padding-right: 15px;
}
.info-circles > div:last-of-type {
  padding-right: 0;
}
.info-circles p {
  margin: 0 0 0;
}
.circle {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  line-height: 100px;
}
.days15 span {
  display: inline-block;
}
.days15 div {
  background-color: #00B6BF;
}
.days15 p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
.days30 span {
  display: inline-block;
}
.days30 div {
  background-color: #009199;
}
.days30 p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
.days45 span {
  display: inline-block;
}
.days45 div {
  background-color: #006166;
}
.days45 p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
.days60 span {
  display: inline-block;
}
.days60 div {
  background-color: #163E40;
}
.days60 p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
.days00 span {
  display: inline-block;
}
.days00 div {
  background-color: #00DAE5;
}
.days00 p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
.days60other span {
  display: inline-block;
}
.days60other div {
  background-color: #FF7474;
}
.days60other p {
  display: inline-block;
  font-size: 12px;
  color: #668999;
  margin-left: 5px;
}
@media (max-width: 1024px) {
  #cuentas-c-porpagar .canvas-cuentas {
    height: 35vw;
  }
  #cuentas-c-porpagar .chartCard {
    width: 50%;
  }
  #cuentas-c-porpagar .chartCard .canvas-outside {
    height: 31vw !important;
    width: 51vw !important;
    z-index: 992;
  }
  #cuentas-c-porpagar .chartCard .canvas-inside {
    height: 13vw !important;
    width: 14vw !important;
    left: 18.5vw;
    top: 9vw;
  }
}
#sin-contabilidad {
  display: flex;
  justify-content: center;
}
#sin-contabilidad .jumbotron {
  width: 100%;
  max-width: 850px;
}
#table-info-cuentas {
  padding-top: 20px;
}
#table-info-cuentas h4 {
  font-size: 16px;
  margin-bottom: 25px;
}
#table-info-cuentas > h5 {
  color: #22344B;
  font-size: 16px;
}
#table-info-cuentas > p {
  font-size: 16px;
  color: #22344B;
  margin: 0 0 0;
  font-weight: lighter;
}
.total-cuentas {
  color: #7E9CA9;
  margin: 0 0 0;
}
.color-text-cobrar {
  color: #00AFB8;
  font-size: 16px;
  margin-bottom: 25px;
}
.color-text-pagar {
  color: #FF7474;
  font-size: 16px;
  margin-bottom: 25px;
}
.ld-col-lg-7 {
  width: 62%;
}
.ld-col-lg-5 {
  width: 37.1%;
}
.ld-cuentas {
  padding-bottom: 60px;
}
.ld-cuentas h3 {
  color: #22344B;
}
.ld-cuentas .ld-cuentas-sub-header {
  border-bottom: #E0E7EB 1px solid;
  padding-bottom: 22px;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-cobrar {
  float: left;
  background-color: rgba(0, 175, 184, 0.1);
  border-radius: 5px;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-cobrar > p {
  margin: 0px;
  color: #00afb8;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-cobrar > p .title-cuenta {
  font-size: 15px;
  padding: 0px 5px;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-cobrar > p .money-cuenta {
  font-weight: 400;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-cobrar > p > i {
  transform: rotate(220deg);
  display: inline-block;
  margin-left: 5px;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-pagar {
  background-color: rgba(255, 116, 116, 0.1);
  float: left;
  border-radius: 5px;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-pagar > p {
  margin: 0px;
  color: #ff7474;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-pagar > p .title-cuenta {
  font-size: 15px;
  padding: 0px 5px;
  font-family: "Kanit", sans-serif;
  font-weight: 300;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-pagar > p .money-cuenta {
  font-weight: 400;
}
.ld-cuentas .ld-cuentas-sub-header .ld-cuentas-pagar > p > i {
  transform: rotate(220deg);
  display: inline-block;
  margin-left: 5px;
}
.ld-cuentas .ld-choose-type {
  float: right;
}
.cuenta-type {
  float: right;
}
.cuenta-type .left-btn-select {
  border-radius: 5px 0px 0px 5px;
  font-size: 12px;
  font-weight: 500;
}
.cuenta-type .right-btn-select {
  font-size: 12px;
  margin-left: -6px;
  border-radius: 0px 5px 5px 0px;
  border: #668999 1px solid;
  font-weight: 500;
}
.cuenta-type .selected {
  background-color: #22344B;
  color: #ECF1F3;
}
.cuenta-type .unselected {
  background-color: #F9FAFB;
  color: #668999;
}
.antiguedad-text {
  margin-bottom: 20px;
}
.antiguedad-text h3 {
  font-weight: 400;
  color: #00afb8;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .ld-col-lg-7 {
    width: 100%;
  }
  .ld-col-lg-5 {
    width: 100%;
  }
}
.ld-impuestos {
  border-bottom: #E0E7EB 1px solid;
}
.ld-impuestos h3 {
  color: #22344B;
}
.ld-impuestos .ld-tpagar {
  float: left;
  background-color: rgba(255, 116, 116, 0.1);
  border-radius: 5px;
}
.ld-impuestos .ld-tpagar > p {
  font-size: 16px;
  color: #FF7474;
  margin: auto 0;
  padding: 3px;
  padding-left: 12px;
  padding-right: 12px;
}
.ld-impuestos .ld-tpagar > p > i {
  transform: rotate(45deg);
  font-size: 22px;
  display: inline-block;
}
.ld-impuestos .ld-choose-month {
  float: right;
}
.ld-impuestos .ld-choose-month .ld-btn-periodos {
  min-width: 170px;
  background-color: #22344B;
  color: #ECF1F3;
}
.ld-impuestos .ld-choose-month .ld-btn-periodos i {
  font-size: 12px;
  margin-left: 6px;
}
.dropdown-item {
  min-width: 170px;
  background-color: transparent;
  color: #22344B;
  border-radius: 5px;
  margin: 2px 0px;
}
.dropdown-item:hover {
  background-color: #22344B;
  color: #ECF1F3;
}
.ld-line-separator {
  border-bottom: 1px solid #E0E7EB;
  padding-bottom: 20px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.dropdown-menu-periodos {
  max-height: 280px;
  overflow-y: auto;
}
@media (max-width: 425px) {
  .ld-impuestos .ld-choose-month {
    float: left;
    margin-top: 10px;
  }
}
#decl_anual h5 {
  color: #7A9DAD;
  font-size: 16px;
}
#decl_anual h6 {
  color: #668999;
  font-size: 14px;
}
#decl_anual p {
  color: #22344B;
  font-size: 20px;
}
#decl_anual .ld-encontra {
  background-color: rgba(255, 116, 116, 0.1);
  max-width: 72px;
  margin-left: 7.5px;
  color: #FF7473 !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1rem;
  padding: 0px 2px;
}
#decl_anual .decl-an-rigth-zone > div > h5 {
  color: #7A9DAD;
  font-size: 16px;
  margin-bottom: 10px;
}
#decl_anual .decl-an-rigth-zone > div > h5 i {
  margin-right: 5px;
}
#decl_anual:after {
  content: "";
  background: #E0E7EB;
  position: absolute;
  top: -10px;
  right: 0;
  height: 120%;
  width: 1px;
}
#isr_widget h5 {
  color: #00AFB8;
  font-size: 16px;
}
#isr_widget h6 {
  color: #668999;
  font-size: 14px;
}
#isr_widget p {
  color: #22344B;
  font-size: 19px;
}
#isr_widget:after {
  content: "";
  background: #E0E7EB;
  position: absolute;
  bottom: -10px;
  right: 0;
  height: 60%;
  width: 1px;
}
#ld-iva {
  display: flex;
  justify-content: center;
  align-items: center;
}
#ld-iva h5 {
  color: #00AFB8;
  font-size: 16px;
}
#ld-iva h6 {
  color: #668999;
  font-size: 14px;
}
#ld-iva p {
  font-size: 20px;
}
#ld-iva p:not(.text-success, .text-danger) {
  color: #22344B;
}
#ld-iva .ld-favor {
  background-color: rgba(0, 175, 184, 0.1);
  max-width: 72px;
  color: #00AFB8 !important;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin-left: 15px;
  padding: 0px 5px;
}
.dashboard-screen {
  background-color: white;
  height: 100%;
  width: 98%;
  margin: 0px 1%;
  margin-top: 50px;
}
#ventas-dashboard {
  padding: 30px 0px;
}
#ventas-dashboard h5 {
  font-size: 24px;
  color: #22344B;
  font-weight: 500;
  margin-left: 15px;
}
.graphic-type {
  float: right;
}
.graphic-type .left-btn-select {
  border-radius: 5px 0px 0px 5px;
}
.graphic-type .right-btn-select {
  margin-left: -6px;
  border-radius: 0px 5px 5px 0px;
  border: #668999 1px solid;
}
.graphic-type .selected {
  background-color: #22344B;
}
.graphic-type .selected i {
  color: #E0E7EB;
}
.graphic-type .unselected {
  background-color: #F9FAFB;
}
.graphic-type .unselected i {
  color: #668999;
}
#ld-ventas-graphic {
  width: 100vw;
  height: 20vw;
}
.info-circles-ventas {
  padding: 10px;
}
.info-circles-ventas p {
  margin: 0 0 0;
}
.info-circles-ventas .circle {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  font-size: 20px;
  line-height: 100px;
}
.info-circles-ventas .circle-ingresos span {
  display: inline-block;
}
.info-circles-ventas .circle-ingresos div {
  background-color: #00AFB8;
}
.info-circles-ventas .circle-ingresos p {
  display: inline-block;
  font-size: 12px;
  color: #00AFB8;
  margin-left: 5px;
}
.info-circles-ventas .circle-gastos span {
  display: inline-block;
}
.info-circles-ventas .circle-gastos div {
  background-color: #163E40 !important;
}
.info-circles-ventas .circle-gastos p {
  display: inline-block;
  font-size: 12px;
  color: #163E40 !important;
  margin-left: 5px;
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box small {
  font-size: 14px;
}
.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}
.info-box .progress, .info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description, .info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.datagrid .box-body > .alert {
  margin: 0;
}
.datagrid .box-datagrid {
  margin-bottom: 0px;
}
.datagrid .box-datagrid .table thead > tr > th {
  white-space: nowrap;
}
.datagrid .box-datagrid .table thead > tr > th.sorting {
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.datagrid .box-datagrid .table thead .sorting:after {
  opacity: 0.2;
}
.datagrid .box-datagrid .table thead .sorting:not(.asc):not(.desc):hover:after {
  content: "";
}
.datagrid .box-datagrid .table thead .sorting.desc:after {
  content: "";
}
.datagrid .box-datagrid .table thead .sorting.asc:after {
  content: "";
}
.datagrid .box-datagrid .table thead .sorting:hover:after {
  opacity: 1;
}
.datagrid .box-datagrid .table thead .sorting:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "FontAwesome";
  opacity: 0.5;
}
.datagrid .box-datagrid .table.table-options > thead > tr:first-child > th:last-child, .datagrid .box-datagrid .table.table-options > tbody > tr > td:last-child, .datagrid .box-datagrid .table.table-options > tfoot > tr > th:last-child {
  border-left: 2px solid #DDD;
}
.datagrid .box-datagrid .table.table-options > thead > tr > th:last-child, .datagrid .box-datagrid .table.table-options > tbody > tr > td:last-child {
  width: 1px;
  padding: 0;
  white-space: nowrap;
  text-align: right;
}
.datagrid .box-datagrid .table.table-options > tbody > tr > td .btn:not(:hover) {
  border: 1px solid transparent;
}
.datagrid .box-datagrid tr.bg-info {
  background-color: #d9edf7 !important;
}
.datagrid .box-datagrid tr.bg-success {
  background-color: #dff0d8 !important;
}
.datagrid .box-datagrid tr.bg-danger {
  background-color: #f2dede !important;
}
.datagrid .box-datagrid tr.clickable:not(.disabled) {
  cursor: pointer;
}
.datagrid .box-datagrid tr.selected:not(.disabled) {
  border-color: #ff4603;
  border-style: solid;
  border-width: 0px 0px 0px 3px;
  background-color: rgba(255, 70, 3, 0.1);
}
.datagrid tr.clickable:not(.disabled):hover > td {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.datagrid tr.clickable:not(.disabled):hover > td:last-child > .btn {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.datagrid tr.active > td {
  background-color: rgba(255, 255, 0, 0.5) !important;
}
.datagrid tr.disabled > td {
  position: relative;
  color: #AAA;
}
.datagrid tr.disabled > td .btn, .datagrid tr.disabled > td .dropdown {
  display: none;
}
.datagrid tr.disabled > td:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
div.datetimerangepicker > i:first-child {
  padding-right: 10px;
}
div.datetimerangepicker > i:last-child {
  padding-left: 10px;
}
.dropdown .submenu-icon {
  position: absolute;
  right: 10px;
  top: 6px;
}
.dropdown .dropdown-submenu {
  position: relative;
}
.dropdown .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  z-index: 999;
}
.dropdown .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown .dropdown-submenu:active > .dropdown-submenu {
  display: block;
}
.dropdown .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown .dropdown-submenu.pull-left {
  float: none;
}
.dropdown .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
@media (max-width: 1023px) {
  .dropdown .dropdown-submenu > .dropdown-menu {
    left: -80%;
  }
}
body.local.skin-abaccor.sidebar-collapse .logo {
  background-color: #ff0303;
}
body.sandbox.skin-abaccor.sidebar-collapse .main-header .logo {
  background-color: #0379ff !important;
}
.container-files > .file {
  position: relative;
  width: 100px;
  height: 100px;
  float: left;
  margin: 5px;
}
.container-files > .file * {
  cursor: default;
}
.container-files > .file > .btn-download, .container-files > .file > .btn-delete, .container-files > .file > .btn-preview {
  padding: 5px;
  position: absolute;
  cursor: pointer;
  display: none;
}
.container-files > .file > .btn-download:hover, .container-files > .file > .btn-delete:hover, .container-files > .file > .btn-preview:hover {
  text-shadow: 0px 0px 5px black;
}
.container-files > .file > .btn-download {
  top: 0;
  right: 0;
}
.container-files > .file > .btn-preview {
  right: 0;
  bottom: 0;
}
.container-files > .file > .btn-delete {
  top: 0;
  left: 0;
}
.container-files > .file > .icon-file {
  width: 100%;
  font-size: 30px;
  text-align: center;
  padding: 10px 0;
}
.container-files > .file > label {
  padding: 5px;
  text-overflow: ellipsis;
  height: 45px;
  overflow: hidden;
  font-size: 10px;
  text-align: center;
  width: 100%;
}
.container-files > .file:hover {
  cursor: pointer;
  background: #d9f5ff;
}
.container-files > .file:hover > .btn-download, .container-files > .file:hover > .btn-delete, .container-files > .file:hover > .btn-preview {
  display: block;
}
.container-files:after {
  content: "";
  clear: both;
  display: block;
}
a:not([href]) {
  cursor: pointer;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  margin-top: inherit;
}
.select2-container--bootstrap .select2-selection {
  border-radius: 0px;
}
.modal {
  overflow: auto;
}
.modal-info > .modal-dialog > .modal-content > .modal-footer > .btn-link {
  color: white;
}
.flex {
  /* flexbox setup */
  display: -webkit-flex;
  -webkit-flex-direction: row;
  display: flex;
  flex-direction: row;
}
.flex > div {
  width: 100%;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex > div:not(:last-child) {
  padding-right: 5px;
}
.flex > div:not(:first-child) {
  padding-left: 5px;
}
.flex > div.flex-shrink {
  flex-grow: 0;
}
.flex > div.flex-grow {
  flex-shrink: 0;
}
#footer-cambios > ul {
  background-color: #F9FAFB;
  padding: 10px 0;
  margin: 0px auto;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
}
#footer-cambios > ul > li {
  display: inline-block;
  margin: 0px 15px;
}
#footer-cambios > ul > li > h5 {
  float: left;
  color: #668999;
  font-size: 12px;
}
.fullscreen-box {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F9FAFB;
}
#hamburger-movil {
  margin: 13px 15px;
}
#hamburger-movil > ul {
  list-style: none;
  z-index: 1;
}
#menu {
  z-index: 1 !important;
}
@media (max-width: 390px) {
  #hamburger-movil {
    margin: 7.5px 5px;
    z-index: 1;
  }
}
.ld-default > li {
  list-style: none;
  float: right;
  padding-top: 10px;
  padding-right: 10px;
}
.ld-default > li a {
  font-family: "Kanit", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: #22344B;
  text-decoration: none;
}
.left-item-header {
  float: left;
  margin-right: 5px;
}
.right-item-header > li {
  margin: 17.5px 15px;
}
.container-img-logo-default img {
  height: 50px;
  width: 55px;
  border-right: 1px solid #E0E7EB;
  padding: 0 0 0 0;
}
.submenu-third-level {
  left: -100%;
}
.bell-notification-movil {
  display: inline-block;
  list-style-type: none;
  background-color: white;
  border: solid 1px #FF675C;
  border-radius: 50%;
  padding: 2px 2px;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 11px;
  top: -1px;
}
.bell-with-notification-movil {
  color: #FF675C;
  margin-right: 5px;
}
.submenu-ld2-movil {
  background-color: #F9FAFB;
  height: 72px;
  display: none;
  width: 100%;
}
.submenu-ld2-movil .submenu-movil {
  width: auto !important;
  padding: 0;
}
.submenu-ld2-movil .submenu-movil > li {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  border-radius: 15px;
  padding: 15px 5px 5px 5px;
  font-weight: normal;
  z-index: 999;
}
.submenu-ld2-movil .submenu-movil > li > a {
  color: #22344B;
  font-family: "Kanit", sans-serif;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: left;
}
.submenu-ld2-movil .submenu-movil .avatar-notifications-movil {
  float: right;
}
.submenu-ld2-movil .submenu-movil .avatar-notifications-movil .ld-avatar-movil {
  list-style: none;
}
.image-perfil-header-movil {
  padding: 0px;
}
.image-perfil-header-movil img {
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  background-size: 100% auto;
}
.dropdown, .dropup {
  position: relative;
  list-style: none;
}
@media (max-width: 1024px) {
  .submenu-ld2-movil {
    display: inline;
  }
  #menu-empresa {
    z-index: 1;
  }
}
/*@media (max-width: 480px){

  .bell-notification-movil{
      display: none;
      list-style-type: none;
      background-color: white;
      border: solid 1px #FF675C;
      border-radius: 50%;
      padding: 2px 2px;
      width: 8px;
      height: 8px;
      position: absolute;
      left: 11px;
      top: -1px;            
  }
  
  .bell-with-notification-movil{
      color: #FF675C;
      display: none;
      margin-right: 15px;
  }
 }

 @media (max-width: 390px){
  .image-perfil-header-movil{
      padding:0px;
      margin: 0px;
          img{
              width: 30px;
              height: 30px;
              background-repeat: no-repeat;
              background-position: 50%;
              border-radius: 50%;
              background-size: 100% auto;
  
          }   
   
  }
 }

 @media (max-width: 375px){


    .submenu-ld2-movil {
      
        .submenu-movil  {
         
                > li{
                   padding: 15px 0px 5px 0px;
                }
            }
        }
    
 }*/
.ld-bell-space {
  margin-top: 10px;
  margin-right: 1.3rem;
  z-index: 999;
}
.ld-bell-space > a {
  line-height: inherit !important;
}
.bell-notification {
  list-style-type: none;
  background-color: #FF675C;
  border: solid 1px #FF675C;
  color: white;
  border-radius: 50%;
  padding: 1px;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 15px;
  font-size: 9px;
  top: -5px;
}
.bell-with-notification {
  font-size: 25px;
  line-height: 20px;
}
.bell-with-notification.active {
  color: #FF675C;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 0px;
}
.ld-header {
  height: 72px;
  background-color: #F9FAFB;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 9;
}
.ld-header .ld-navbar {
  text-align: left;
  height: 72px;
}
.ld-header .ld-navbar .ld-nav {
  padding-inline-start: 0px;
  list-style: none;
  height: 72px;
}
.ld-header .ld-navbar .ld-nav > li > a {
  padding: 10px;
  font-family: "Kanit", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  color: #22344B;
  text-decoration: none;
}
.ld-header .ld-navbar .ld-nav > li > a:hover, .ld-header .ld-navbar .ld-nav > li > a:active, .ld-header .ld-navbar .ld-nav > li > a:focus {
  color: #22344B;
}
.ld-header .ld-navbar .ld-nav > li > a > .txtCuenta {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: left;
  padding: 5px 0;
}
.ld-header .ld-navbar .ld-nav > li > .container-img-logo {
  border-right: 1px solid #E0E7EB;
}
.ld-header .ld-navbar .ld-nav > li > .container-img-logo img {
  margin: 7.5px 7.5px 7.5px -10px;
  height: 55px;
  width: 60px;
}
.ld-header .ld-navbar .ld-nav .open > a {
  background: rgba(0, 0, 0, 0.1);
  color: #22344B;
}
.ld-header .ld-navbar .ld-nav .open > a:hover, .ld-header .ld-navbar .ld-nav .open > a:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.ld-header .ld-navbar .ld-nav .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.ld-header .menu-items {
  margin-top: 17px;
}
.ld-header .image-perfil-header {
  padding: 0px;
  margin-right: 0.3rem;
}
.ld-header .image-perfil-header img {
  width: 38px;
  height: 38px;
  border: 0.1px solid #0000001a;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  background-size: 100% auto;
}
.ld-header .logo {
  background-color: #F9FAFB;
  color: #F1F2F2;
  border-bottom: 0 solid transparent;
  padding: 0;
}
.ld-header .logo > img {
  float: left;
}
.ld-header li.user-header {
  background-color: #F9FAFB;
}
.ld-header .dropdown .submenu-icon {
  position: absolute;
  right: 10px;
  top: 6px;
}
.ld-header .avatar-notifications {
  height: 72px;
  float: right;
  padding: 19px 8px;
}
.ld-header .avatar-notifications .ld-avatar {
  padding-inline-start: 1rem;
  list-style: none;
}
.ld-header .hide-menu {
  display: block;
}
.ld-header .fa-whatsapp:before {
  content: "";
  padding: 20px;
}
.ld-header #linkwhats {
  text-decoration: none;
  color: #00afb8;
}
.ld-header .fa-2x {
  font-size: 2em;
  margin: 6px;
}
.ld-bell-space, .ld-bell-space-movil {
  position: relative;
}
.ld-bell-space .notifications, .ld-bell-space-movil .notifications {
  box-shadow: rgba(120, 122, 170, 0.25) 3px 7px 25px;
  position: absolute;
  background-color: white;
  right: 0;
  top: 43px;
  width: 350px;
  z-index: 1000;
}
.ld-bell-space .notifications > div, .ld-bell-space-movil .notifications > div {
  max-height: 650px;
  overflow: auto;
}
.ld-bell-space .notifications .notification, .ld-bell-space-movil .notifications .notification {
  display: grid;
  grid-template-columns: 56px 1fr;
  column-gap: 20px;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ld-bell-space .notifications .notification .title, .ld-bell-space-movil .notifications .notification .title {
  color: rgba(0, 0, 0, 0.77);
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 5px;
  padding-right: 30px;
}
.ld-bell-space .notifications .notification .text, .ld-bell-space-movil .notifications .notification .text {
  line-height: 1.3;
  font-weight: 300;
  color: #333;
}
.ld-bell-space .notifications .notification > .right, .ld-bell-space-movil .notifications .notification > .right {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ld-bell-space .notifications .notification .time, .ld-bell-space-movil .notifications .notification .time {
  position: absolute;
  right: 0;
  top: 5px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}
.ld-bell-space .notifications .notification .iconContainer, .ld-bell-space-movil .notifications .notification .iconContainer {
  width: 56px;
  height: 56px;
  background-color: #060606;
  border-radius: 50%;
  display: grid;
  place-content: center;
}
.ld-bell-space .notifications .notification .iconContainer i, .ld-bell-space-movil .notifications .notification .iconContainer i {
  color: white;
  margin: 0;
}
.ld-bell-space .notifications .notification .iconContainer.primary, .ld-bell-space-movil .notifications .notification .iconContainer.primary {
  background-color: #1677ff;
}
.ld-bell-space .notifications .notification .iconContainer.warning, .ld-bell-space-movil .notifications .notification .iconContainer.warning {
  background-color: orange;
}
.ld-bell-space .notifications .notification .iconContainer.danger, .ld-bell-space-movil .notifications .notification .iconContainer.danger {
  background-color: red;
}
.ld-bell-space .notifications .notification.hasNotBeenRead, .ld-bell-space-movil .notifications .notification.hasNotBeenRead {
  background-color: #f1f1fd;
}
.ld-bell-space .notifications .notification:hover, .ld-bell-space-movil .notifications .notification:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
@media (max-width: 600px) {
  .ld-bell-space .notifications, .ld-bell-space-movil .notifications {
    right: -66px;
  }
}
.no-notifications {
  padding: 15px 30px 50px 20px;
  font-size: 15px;
  text-align: center;
}
.acc-line {
  margin-left: 10px;
  margin-top: 15px;
}
.cuenta-component {
  list-style: none;
  height: 72px;
  padding: 0px;
  z-index: 999;
}
.cuenta-component > li {
  padding: 15px 1.5rem;
}
.cuenta-component > li > a {
  font-family: "Kanit", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: #22344B;
  height: 72px;
  text-decoration: none;
}
.cuenta-component > li > a span {
  color: #6B8794;
}
.cuenta-component > li > a:hover, .cuenta-component > li > a:active, .cuenta-component > li > a:focus {
  color: #22344B;
}
.button-cuenta-open {
  height: 100%;
  width: 100%;
}
.cuenta-component:hover {
  background-color: #f6f6f6;
}
.desktop-menu {
  display: block;
}
.menu {
  min-width: 290px;
  padding-inline-start: 10px;
}
.menu > li {
  list-style: none;
  border-bottom: #6B8794 1px solid;
}
.menu > li > a {
  padding: 0px !important;
}
@media (max-width: 1024px) {
  /*.ld-header {
    display: none ;
  }*/
  #navbarid {
    background-color: white;
    display: none;
  }
  .menu-home {
    display: none;
  }
  .submenus {
    position: initial !important;
  }
}
@media (max-width: 1259px) {
  .ld-header .ld-navbar .ld-nav > li > a {
    padding: 4.6px;
    font-size: 1.25rem;
  }
  .skin-abaccor #desktopmenu > li > a {
    font-size: 11px;
  }
  .cuenta-component > li {
    padding: 15px 0.5rem;
  }
  #btn-connection {
    width: 95px !important;
  }
  #btn-soporte {
    width: 70px !important;
  }
  .ld-bell-space {
    margin-right: 0.23rem;
  }
}
@media (max-width: 1357px) {
  .dropdown-panel {
    display: none;
  }
}
.form-group .form-control.has-error {
  border-color: #dd4b39;
}
.form-group .form-control.has-success {
  border-color: #00a65a;
}
.form-group .help-block {
  display: none;
}
.form-group .help-block.has-error, .form-group .help-block .has-success {
  display: inherit !important;
}
.form-group .help-block.has-error {
  color: #dd4b39;
}
.form-group .help-block.has-success {
  color: #00a65a;
}
.form-group .help-block:not(.help-block--has-error):not(.help-block--has-warning):not(.help-block--has-success) {
  display: inherit;
}
.form-group.has-error .help-block--has-error {
  display: inherit;
}
.form-group.has-warning .help-block--has-warning {
  display: inherit;
}
.form-group.has-success .help-block--has-success {
  display: inherit;
}
.pagar-suscripcion {
  position: relative;
  width: 1000px;
  margin: 40px auto 0;
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.pagar-suscripcion .btn-volver {
  font-size: 200%;
  position: absolute;
  right: 20px;
  cursor: pointer;
  line-height: 0;
}
.pagar-suscripcion .promo-text {
  padding: 10px 0;
  color: #222;
  font-size: 110%;
}
.pagar-suscripcion .select-usuarios {
  padding: 5px;
  margin-left: 10px;
}
.pagar-suscripcion .input-referencia {
  padding: 5px 10px;
  margin-left: 10px;
  width: 200px;
  font-family: monospace;
}
.pagar-suscripcion .paquetes {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  padding: 20px 100px 0px 100px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.pagar-suscripcion .paquetes > .paquete {
  border: 1px solid #d3d3d3;
  border-top: 10px solid #22344B;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  margin: 0 5px;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.pagar-suscripcion .paquetes > .paquete:hover {
  border-color: #333;
}
.pagar-suscripcion .paquetes > .paquete.active {
  border-color: #F34114;
}
.pagar-suscripcion .paquetes > .paquete.active .paquete-bullet {
  color: #F34114;
}
.pagar-suscripcion .paquetes > .paquete > p {
  color: #222;
  font-size: 120%;
}
.pagar-suscripcion .paquetes > .paquete > .paquete-bullet {
  position: relative;
  top: -40px;
  text-align: center;
  height: 0;
}
.pagar-suscripcion .paquetes > .paquete > .paquete-title {
  font-weight: bold;
  font-size: 175%;
  height: 90px;
  line-height: 27px;
  vertical-align: middle;
  display: table-cell;
}
.pagar-suscripcion .paquetes > .paquete > .paquete-precio {
  display: flex;
  padding: 10px 0;
}
.pagar-suscripcion .paquetes > .paquete > .paquete-precio > label {
  font-weight: bold;
  font-size: 300%;
  color: #22344B;
  flex-grow: 1;
  text-align: right;
  line-height: 1;
}
.pagar-suscripcion .paquetes > .paquete > .paquete-precio > span {
  color: #666;
  padding-left: 10px;
  width: 70px;
}
.pagar-suscripcion .paquetes > .paquete > hr {
  margin: 20px 0;
  border-color: #999;
}
.pagar-suscripcion .payment-panel > h1 {
  text-align: center;
}
.pagar-suscripcion .payment-panel .payment-container {
  display: flex;
}
.pagar-suscripcion .payment-panel .payment-container > .payment-left-column {
  width: 50%;
  padding-top: 100px;
}
.pagar-suscripcion .payment-panel .payment-container > .payment-left-column .form-group {
  padding: 5px 0;
}
.pagar-suscripcion .payment-panel .payment-container > .payment-right-column {
  width: 50%;
  padding: 0 50px;
}
.pagar-suscripcion .payment-panel .payment-container > .payment-right-column .logo-garantia {
  text-align: center;
}
.payment-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
}
.payment-cards .payment-card {
  transition: 0.3s all;
  display: grid;
  place-content: center;
  cursor: pointer;
  border: 1px solid transparent;
  box-shadow: 0 0 6px #00000033;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
}
.payment-cards .payment-card:hover {
  border: 1px solid #1449ff;
}
.payment-cards .payment-card img {
  width: 100%;
  height: auto;
}
.cupon-container {
  margin-top: 30px;
  margin-bottom: -15px;
}
.input-group--without-divider > .input-group-addon:first-child {
  padding-right: 0;
}
.input-group--without-divider > .input-group-addon:not(:first-child):not(:last-child) {
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
}
.input-group--without-divider > .input-group-addon:last-child {
  padding-left: 0;
}
.input-group--without-divider > .form-control:first-child {
  padding-right: 0;
  border-right: 0;
}
.input-group--without-divider > .form-control:last-child {
  padding-left: 0;
  border-left: 0;
}
.input-group--without-divider > .form-control:not(:first-child):not(:last-child) {
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
}
.container-kpis li > .options {
  display: none;
}
.container-kpis li.active > .options {
  display: flex;
}
.container-kpis .on-hover {
  display: none;
}
.container-kpis:hover .on-hover {
  display: inherit;
}
.letter-effect {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
}
.letter-effect:before, .letter-effect:after {
  content: "";
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.letter-effect:before {
  background: #fafafa;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  left: -5px;
  top: 4px;
  transform: rotate(-2.5deg);
}
.letter-effect:after {
  background: #f6f6f6;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  right: -3px;
  top: 1px;
  transform: rotate(1.4deg);
}
.list-group-item {
  user-select: none;
}
.list-group-item.disabled {
  pointer-events: none;
}
.list-group input[type="checkbox"] {
  display: none;
}
.list-group input[type="checkbox"] + .list-group-item {
  cursor: pointer;
}
.list-group input[type="checkbox"] + .list-group-item:before {
  content: "✓";
  color: transparent;
  font-weight: bold;
  margin-right: 1em;
}
.list-group input[type="checkbox"]:checked + .list-group-item {
  background-color: #0275D8;
  color: #FFF;
}
.list-group input[type="checkbox"]:checked + .list-group-item:before {
  color: inherit;
}
.list-group input[type="radio"] {
  display: none;
}
.list-group input[type="radio"] + .list-group-item {
  cursor: pointer;
}
.list-group input[type="radio"] + .list-group-item:before {
  content: "•";
  color: transparent;
  font-weight: bold;
  margin-right: 1em;
}
.list-group input[type="radio"]:checked + .list-group-item {
  background-color: #0275D8;
  color: #FFF;
}
.list-group input[type="radio"]:checked + .list-group-item:before {
  color: inherit;
}
.list-group-nav {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  margin-left: 2%;
  margin-bottom: 2%;
}
.list-group-nav.list-group-nav-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
}
.list-group-nav.list-group-nav-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-nav.list-group-nav-flush .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-nav-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
}
.list-group-nav-item.selected {
  position: relative;
}
.list-group-nav-item.selected::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #50F3C4;
}
.content-tab {
  display: none;
  margin-left: 25px;
  margin-right: 25px;
}
.content-tab.selected {
  display: block !important;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lds-ring {
  margin: auto;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #6B8794;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #6B8794 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.init-screen {
  position: absolute;
  justify-content: center;
  top: 30vh;
  display: flex;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.init-screen img {
  width: 300px;
}
.init-screen .init-legend {
  margin-top: 5px;
  color: #22344B;
}
.loading > .loading-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  animation-delay: 0.5s;
  display: flex;
  justify-content: center;
  align-content: center;
}
.loading > .loading-overlay > div {
  margin: 5px auto 0px;
  color: #FFF;
  text-align: center;
  border-radius: 50px;
  display: flex;
  flex-wrap: nowrap;
  padding-top: 18vh;
  flex-direction: column;
}
.loading > .loading-overlay > div > img {
  width: 300px;
  display: flex;
}
.loading > .loading-overlay > div .lds-ring {
  margin-top: 0;
  margin-bottom: 0;
}
.loading > .loading-overlay > div .lds-ring > div {
  border-color: #FFF transparent transparent transparent;
}
.loading > .loading-overlay > div .text-loading {
  font-weight: 700;
  font-size: 15px;
}
.loading > .wrapper, .loading > .modal {
  filter: blur(2px);
}
.login-box {
  margin-top: 15%;
  padding: 15px;
}
.login-box .login-logo, .login-box .register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-box .login-logo img, .login-box .register-logo img {
  max-width: 300px;
}
[data-notify="progressbar"] {
  margin-bottom: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
}
.big-dashed-bottom-separator {
  border-bottom: 5px dashed rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.dropzone {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 255, 0, 0.1);
  z-index: 99999999999;
}
.nav-pills > li > a:not([href]) {
  cursor: default;
}
.label-money {
  text-align: right;
  font-family: monospace;
}
.table.table-options > thead > tr > th:not([colspan]):last-child, .table.table-options > tbody > tr > td:last-child, .table.table-options > tfoot > tr > th:last-child {
  border-left: 2px solid #DDD;
  width: 1px;
  white-space: nowrap;
  padding: 0;
}
.table.table-options > thead > tr > th:not([colspan]):last-child > .btn, .table.table-options > tbody > tr > td:last-child > .btn, .table.table-options > tfoot > tr > th:last-child > .btn {
  padding: 5px;
}
.table.table-titled > thead > tr:first-child {
  background: #F5F5F5;
  cursor: default;
  text-align: center;
}
.table.table-tbody-group tbody + tbody {
  border-top: 30px solid #F5F5F5;
}
.text-underline {
  text-decoration: underline;
}
.btn {
  margin-bottom: 5px;
}
.clickable {
  pointer-events: initial;
  cursor: pointer;
}
.m-10 {
  margin: 10px;
}
@media (max-width: 992px) {
  .modal-lg {
    width: 90vw;
  }
}
@media (min-width: 993px) {
  .modal-lg {
    width: 930px;
  }
}
.fullscreen-box.onboarding {
  background-color: transparent;
  display: grid;
  place-content: center;
}
.fullscreen-box.onboarding.payment {
  position: relative;
}
.fullscreen-box.onboarding.payment .onboarding-container {
  width: 560px;
}
.onboarding-container {
  width: 100%;
  max-width: 560px;
  font-family: "Kanit";
}
.onboarding-container .onboarding-title {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #22344B;
}
.onboarding-container .sub-text {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #819198;
}
.onboarding-container .onboarding-continuar {
  background-color: #00AFB8;
  font-size: 19px;
  border-radius: 24px;
  color: white;
  height: 48px;
  padding-bottom: 9px;
  margin-top: 32px;
  transition: 0.3s all;
}
.onboarding-container .onboarding-continuar:hover {
  transform: scale(1.1);
}
.onboarding-container .onboarding-continuar:focus {
  outline: none;
}
.onboarding-container .onboarding-continuar.disabled {
  color: #CCD3D6;
  background-color: #F9FAFB;
}
.onboarding-container .onboarding-continuar.back {
  width: 48px;
}
.onboarding-container .onboarding-continuar.usuario-nuevo {
  background-color: #ed1e79;
}
.onboarding-container .control-label {
  font-size: 20px;
  color: #22344B;
  font-weight: 400;
}
.onboarding-container .has-error .control-label, .onboarding-container .has-error .help-block {
  color: #FF7474;
}
.onboarding-container .has-error .help-block {
  position: absolute;
}
.onboarding-container .form-group {
  margin-bottom: 32px;
}
.onboarding-container .title-spacer {
  margin-bottom: 64px;
}
.onboarding-container .bg-container {
  padding: 10px 24px;
  background: #F9FAFB;
  border-radius: 5px;
  margin-top: 32px;
}
.onboarding-container .bg-container p, .onboarding-container .bg-container a {
  color: #668999;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 0;
}
.onboarding-container .bg-container a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .onboarding-container {
    padding: 15px;
  }
}
.onboarding-blue {
  color: #00AFB8;
  cursor: pointer;
}
.onboarding.form-control, .has-error .onboarding.form-control {
  border: none;
  border-bottom: 1px solid #B9C2C6;
  box-shadow: none;
  border-radius: 0;
  color: #22344B;
  font-size: 24px;
  height: initial;
  padding-left: 0;
}
.onboarding.form-control::placeholder, .has-error .onboarding.form-control::placeholder {
  color: #B9C2C6;
}
.has-error .onboarding.form-control {
  border-bottom: 1px solid #FF7474;
}
.input-codes {
  margin: 65px 0;
  position: relative;
}
.input-codes .input-complete {
  width: 100%;
  padding-left: 14px !important;
  padding-right: 14px;
  letter-spacing: 31.5px;
}
.input-codes .spacer {
  height: 2px;
  width: 4px;
  background-color: white;
  bottom: 0;
  position: absolute;
}
.input-codes .spacer:nth-child(2) {
  left: 40px;
}
.input-codes .spacer:nth-child(3) {
  left: 84px;
}
.input-codes .spacer:nth-child(4) {
  left: 128px;
}
.input-codes .spacer:nth-child(5) {
  left: 172px;
}
.input-codes .spacer:nth-child(6) {
  left: 216px;
}
.input-codes img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 270px;
  z-index: 1;
  margin: auto 0;
  opacity: 0;
  transition: 0.3s all;
}
.input-codes.has-error .incorrecto-icon {
  opacity: 1;
}
.input-codes.codigo-correcto .correcto-icon {
  opacity: 1;
}
.input-codes::after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 308px;
  background-color: white;
}
.plan-options {
  position: relative;
  margin-bottom: 35px;
  margin-top: 5px;
}
.plan-options .option-item {
  padding: 16px 24px;
  padding-right: 45px;
  position: relative;
  cursor: pointer;
}
.plan-options .option-item p {
  margin-bottom: 0;
  font-size: 16px;
}
.plan-options .option-item > p:nth-child(1) {
  line-height: 24px;
  color: #22344B;
  font-weight: bold;
  margin-bottom: 2px;
}
.plan-options .option-item > p:nth-child(2) {
  line-height: 22px;
  color: #668999;
  margin-bottom: 5px;
}
.plan-options .option-item > p:nth-child(3) {
  font-size: 14px;
  line-height: 19px;
  color: #22344B;
}
.plan-options .option-item img {
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 16px;
  transition: 0.3s all;
}
.plan-options .option-item.open img {
  transform: rotate(180deg);
}
.plan-options .plan-card {
  background: #FFFFFF;
  border: 1px solid #B9C2C6;
  border-radius: 5px;
}
.plan-options .options {
  position: absolute;
  top: 95px;
  width: 100%;
  transition: 0.3s all;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
.plan-options .options.open {
  opacity: 1;
  pointer-events: initial;
}
.plan-options .options .option-item {
  transition: 0.3s all;
  background-color: white;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.plan-options .options .option-item:hover {
  background: #F9FAFB;
}
.plan-options.blocked {
  pointer-events: none;
}
.plan-options.blocked .plan-card {
  cursor: not-allowed;
  background-color: #e0e0e0;
}
.plan-options.blocked .plan-card > p:nth-child(2) {
  text-decoration: line-through;
}
.onboarding-tabs-container {
  display: flex;
  margin-top: 10px;
  margin-bottom: 48px;
}
.onboarding-tabs-container .onboarding-tab {
  background-color: transparent;
  color: #22344B;
  font-size: 15px;
  padding: 5px 17px;
  border-radius: 15px;
  transition: 0.3s all;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.onboarding-tabs-container .onboarding-tab.selected {
  background-color: #22344B;
  color: white;
  box-shadow: 0px 2px 6px -3px rgba(34, 52, 75, 0.3);
  pointer-events: none;
}
.onboarding-tabs-container .onboarding-tab.selected.usuario-nuevo {
  background-color: #ed1e79;
}
.tabs-content {
  padding-bottom: 40px;
  min-height: 689px;
}
.form-group.tarjetas-img-container {
  position: relative;
}
.form-group.tarjetas-img-container img {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.main-container.bg-container {
  display: grid;
  place-content: center;
  width: 100%;
  min-height: 240px;
  margin-top: 0;
  padding: 24px;
}
.main-container.bg-container p {
  color: #22344B;
  margin-bottom: 7px;
}
.main-container.bg-container > p:first-of-type {
  margin-bottom: 20px;
}
.main-container.bg-container .paypal-btn {
  background-color: #F9CE61;
  display: flex;
  align-items: center;
  color: #22344B;
  font-size: 19px;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s all;
}
.main-container.bg-container .paypal-btn:hover {
  transform: scale(1.05);
}
.main-container.bg-container .paypal-btn img {
  margin-left: 10px;
}
.main-container.bg-container .send-mail {
  margin-top: 20px;
  cursor: pointer;
}
.main-container.bg-container .send-mail i {
  margin-right: 6px;
}
.onoffswitch {
  position: relative;
  width: 120px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #a0a0a0;
  border-radius: 0px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner-active, .onoffswitch-inner-inactive {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 26px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.onoffswitch-inner-active {
  padding-left: 10px;
  background-color: #016b01;
  color: #FFFFFF;
  text-align: left;
}
.onoffswitch-inner-inactive {
  padding-right: 10px;
  background-color: #9c9c9c;
  color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 25px;
  margin: 0px;
  background: #a0a0a0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 95px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox--important + label > .onoffswitch-switch {
  background: #3c8dbc;
}
.onoffswitch-checkbox[disabled] + label > .onoffswitch-switch {
  background: repeating-linear-gradient(45deg, #A0A0A0, #A0A0A0 10px, #707070 10px, #707070 20px);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.onoffswitch.onoffswitch-180 {
  width: 180px;
}
.onoffswitch.onoffswitch-180 .onoffswitch-switch {
  right: 155px;
}
.paper-effect {
  position: relative;
  background: white;
}
.paper-effect::before, .paper-effect::after {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 40%;
  height: 10px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.paper-effect::before {
  left: 15px;
  transform: skew(-5deg) rotate(-5deg);
}
.paper-effect::after {
  right: 15px;
  transform: skew(5deg) rotate(5deg);
}
.paper-effect:hover::before, .paper-effect:hover::after {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}
.paper-effect:hover::before {
  left: 5px;
}
.paper-effect:hover::after {
  right: 5px;
}
.el-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ebeef5;
  position: fixed;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification > .resize-observer {
  display: none;
}
.el-notification__group {
  margin-left: 13px;
  margin-right: 8px;
}
.el-notification__title {
  font-weight: 700;
  font-size: 16px;
  color: #303133;
  margin: 0;
}
.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0 0;
  color: #606266;
  text-align: justify;
}
.el-notification__content p {
  margin: 0;
}
.el-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: #909399;
  font-size: 16px;
}
.el-notification__closeBtn:hover {
  color: #606266;
}
.el-notification .el-icon-success {
  color: #67c23a;
}
.el-notification .el-icon-error {
  color: #f56c6c;
}
.el-notification .el-icon-info {
  color: #909399;
}
.el-notification .el-icon-warning {
  color: #e6a23c;
}
.el-notification-fade-enter.right {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.el-notification-fade-enter.left {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.el-notification-fade-leave-active {
  opacity: 0;
}
.el-loading-parent--relative {
  position: relative !important;
}
.el-loading-parent--hidden {
  overflow: hidden !important;
}
.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px;
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width: 50px;
}
.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner .el-loading-text {
  color: #13a0d5;
  margin: 3px 0;
  font-size: 14px;
}
.el-loading-spinner .circular {
  height: 42px;
  width: 42px;
  -webkit-animation: loading-rotate 2s linear infinite;
  animation: loading-rotate 2s linear infinite;
}
.el-loading-spinner .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #13a0d5;
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: #13a0d5;
}
.el-loading-fade-enter, .el-loading-fade-leave-active {
  opacity: 0;
}
@-webkit-keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes loading-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.el-link.is-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid #13a0d5;
}
.el-link.is-disabled {
  cursor: not-allowed;
}
.el-link [class*="el-icon-"] + span {
  margin-left: 5px;
}
.el-link.el-link--default {
  color: #606266;
}
.el-link.el-link--default:hover {
  color: #13a0d5;
}
.el-link.el-link--default:after {
  border-color: #13a0d5;
}
.el-link.el-link--default.is-disabled {
  color: #c0c4cc;
}
.el-link.el-link--primary {
  color: #13a0d5;
}
.el-link.el-link--primary:hover {
  color: #42b3dd;
}
.el-link.el-link--primary:after {
  border-color: #13a0d5;
}
.el-link.el-link--primary.is-disabled {
  color: #89d0ea;
}
.el-link.el-link--primary.is-underline:hover:after {
  border-color: #13a0d5;
}
.el-link.el-link--danger {
  color: #f56c6c;
}
.el-link.el-link--danger:hover {
  color: #f78989;
}
.el-link.el-link--danger:after {
  border-color: #f56c6c;
}
.el-link.el-link--danger.is-disabled {
  color: #fab6b6;
}
.el-link.el-link--danger.is-underline:hover:after {
  border-color: #f56c6c;
}
.el-link.el-link--success {
  color: #67c23a;
}
.el-link.el-link--success:hover {
  color: #85ce61;
}
.el-link.el-link--success:after {
  border-color: #67c23a;
}
.el-link.el-link--success.is-disabled {
  color: #b3e19d;
}
.el-link.el-link--success.is-underline:hover:after {
  border-color: #67c23a;
}
.el-link.el-link--warning {
  color: #e6a23c;
}
.el-link.el-link--warning:hover {
  color: #ebb563;
}
.el-link.el-link--warning:after {
  border-color: #e6a23c;
}
.el-link.el-link--warning.is-disabled {
  color: #f3d19e;
}
.el-link.el-link--warning.is-underline:hover:after {
  border-color: #e6a23c;
}
.el-link.el-link--info {
  color: #909399;
}
.el-link.el-link--info:hover {
  color: #a6a9ad;
}
.el-link.el-link--info:after {
  border-color: #909399;
}
.el-link.el-link--info.is-disabled {
  color: #c8c9cc;
}
.el-link.el-link--info.is-underline:hover:after {
  border-color: #909399;
}
.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.el-alert.is-light .el-alert__closebtn {
  color: #c0c4cc;
}
.el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description {
  color: #fff;
}
.el-alert.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.el-alert--success.is-light {
  background-color: #f0f9eb;
  color: #67c23a;
}
.el-alert--success.is-light .el-alert__description {
  color: #67c23a;
}
.el-alert--success.is-dark {
  background-color: #67c23a;
  color: #fff;
}
.el-alert--info.is-light {
  background-color: #f4f4f5;
  color: #909399;
}
.el-alert--info.is-dark {
  background-color: #909399;
  color: #fff;
}
.el-alert--info .el-alert__description {
  color: #909399;
}
.el-alert--warning.is-light {
  background-color: #fdf6ec;
  color: #e6a23c;
}
.el-alert--warning.is-light .el-alert__description {
  color: #e6a23c;
}
.el-alert--warning.is-dark {
  background-color: #e6a23c;
  color: #fff;
}
.el-alert--error.is-light {
  background-color: #fef0f0;
  color: #f56c6c;
}
.el-alert--error.is-light .el-alert__description {
  color: #f56c6c;
}
.el-alert--error.is-dark {
  background-color: #f56c6c;
  color: #fff;
}
.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}
.el-alert__icon {
  font-size: 16px;
  width: 16px;
}
.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}
.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}
.el-alert__title.is-bold {
  font-weight: 700;
}
.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 0 0;
}
.el-alert__closebtn {
  font-size: 12px;
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
}
.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}
.el-alert-fade-enter, .el-alert-fade-leave-active {
  opacity: 0;
}
.el-form--label-left .el-form-item__label {
  text-align: left;
}
.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0;
}
.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.el-form--inline.el-form--label-top .el-form-item__content {
  display: block;
}
.el-form-item {
  margin-bottom: 22px;
}
.el-form-item:after, .el-form-item:before {
  display: table;
  content: "";
}
.el-form-item:after {
  clear: both;
}
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.el-form-item .el-input__validateIcon {
  display: none;
}
.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label {
  line-height: 36px;
}
.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
  line-height: 32px;
}
.el-form-item--small.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--small .el-form-item__error {
  padding-top: 2px;
}
.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
  line-height: 28px;
}
.el-form-item--mini.el-form-item {
  margin-bottom: 18px;
}
.el-form-item--mini .el-form-item__error {
  padding-top: 1px;
}
.el-form-item__label-wrap {
  float: left;
}
.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none;
}
.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.el-form-item__content:after, .el-form-item__content:before {
  display: table;
  content: "";
}
.el-form-item__content:after {
  clear: both;
}
.el-form-item__content .el-input-group {
  vertical-align: top;
}
.el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:after {
  content: "*";
  color: #FF4603;
}
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-textarea__inner {
  border-color: #f56c6c;
}
.el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f56c6c;
}
.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent;
}
.el-form-item.is-error .el-input__validateIcon {
  color: #f56c6c;
}
.el-button, .el-form-item--feedback .el-input__validateIcon {
  display: inline-block;
}
.el-button {
  line-height: 1.42857143;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
  color: #333;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  font-weight: 400;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button + .el-button {
  margin-left: 10px;
}
.el-button.is-round {
  padding: 12px 20px;
}
.el-button:focus, .el-button:hover {
  color: #13a0d5;
  border-color: #b8e3f2;
  background-color: #e7f6fb;
}
.el-button:active {
  color: #1190c0;
  border-color: #1190c0;
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}
.el-button.is-plain:focus, .el-button.is-plain:hover {
  background: #fff;
  border-color: #13a0d5;
  color: #13a0d5;
}
.el-button.is-plain:active {
  background: #fff;
  outline: none;
}
.el-button.is-active, .el-button.is-plain:active {
  border-color: #1190c0;
  color: #1190c0;
}
.el-button.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
}
.el-button.is-disabled:focus, .el-button.is-disabled:hover {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.el-button.is-loading {
  position: relative;
  pointer-events: none;
}
.el-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.el-button--primary {
  color: #F1F2F2;
  background-color: #22344B;
  border-color: #121c28;
}
.el-button--primary:focus, .el-button--primary:hover {
  background: #42b3dd;
  border-color: #42b3dd;
  color: #fff;
}
.el-button--primary:active {
  outline: none;
}
.el-button--primary.is-active, .el-button--primary:active {
  background: #1190c0;
  border-color: #1190c0;
  color: #fff;
}
.el-button--primary.is-disabled {
  color: #fff;
  background-color: #89d0ea;
  border-color: #89d0ea;
}
.el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: #89d0ea;
  border-color: #89d0ea;
}
.el-button--primary.is-plain {
  color: #13a0d5;
  background: #e7f6fb;
  border-color: #a1d9ee;
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
  background: #13a0d5;
  border-color: #13a0d5;
  color: #fff;
}
.el-button--primary.is-plain:active {
  background: #1190c0;
  border-color: #1190c0;
  color: #fff;
  outline: none;
}
.el-button--primary.is-plain.is-disabled {
  color: #71c6e6;
  background-color: #e7f6fb;
  border-color: #d0ecf7;
}
.el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
  color: #71c6e6;
  background-color: #e7f6fb;
  border-color: #d0ecf7;
}
.el-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}
.el-button--success:focus, .el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}
.el-button--success:active {
  outline: none;
}
.el-button--success.is-active, .el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
}
.el-button--success.is-disabled {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.el-button--success.is-plain {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}
.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: none;
}
.el-button--success.is-plain.is-disabled {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
.el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
.el-button--warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.el-button--warning:focus, .el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}
.el-button--warning:active {
  outline: none;
}
.el-button--warning.is-active, .el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
}
.el-button--warning.is-disabled {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.el-button--warning.is-plain {
  color: #e6a23c;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}
.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: none;
}
.el-button--warning.is-plain.is-disabled {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}
.el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}
.el-button--danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.el-button--danger:focus, .el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}
.el-button--danger:active {
  outline: none;
}
.el-button--danger.is-active, .el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
}
.el-button--danger.is-disabled {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.el-button--danger.is-plain {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}
.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: none;
}
.el-button--danger.is-plain.is-disabled {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}
.el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}
.el-button--info {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
.el-button--info:focus, .el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff;
}
.el-button--info:active {
  outline: none;
}
.el-button--info.is-active, .el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
}
.el-button--info.is-disabled {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff;
}
.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: none;
}
.el-button--info.is-plain.is-disabled {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}
.el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}
.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.el-button--medium.is-round {
  padding: 10px 20px;
}
.el-button--medium.is-circle {
  padding: 10px;
}
.el-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 20px;
}
.el-button--small.is-round {
  padding: 9px 15px;
}
.el-button--small.is-circle {
  padding: 9px;
}
.el-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.el-button--mini.is-round {
  padding: 7px 15px;
}
.el-button--mini.is-circle {
  padding: 7px;
}
.el-button--text {
  border-color: transparent;
  color: #13a0d5;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:focus, .el-button--text:hover {
  color: #42b3dd;
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: #1190c0;
  background-color: transparent;
}
.el-button--text.is-disabled {
  border-color: transparent;
}
.el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover {
  border-color: transparent;
}
.el-button--text:active {
  border-color: transparent;
}
.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group:after, .el-button-group:before {
  display: table;
  content: "";
}
.el-button-group:after {
  clear: both;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button.is-disabled {
  z-index: 1;
}
.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button.is-active, .el-button-group > .el-button:active, .el-button-group > .el-button:focus, .el-button-group > .el-button:hover {
  z-index: 1;
}
.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:first-child, .el-button-group .el-button--success:first-child, .el-button-group .el-button--warning:first-child, .el-button-group .el-button--danger:first-child, .el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:last-child, .el-button-group .el-button--success:last-child, .el-button-group .el-button--warning:last-child, .el-button-group .el-button--danger:last-child, .el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:not(:first-child):not(:last-child), .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.el-popper .popper__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.el-popper .popper__arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 6px;
}
.el-popper[x-placement^="top"] {
  margin-bottom: 12px;
}
.el-popper[x-placement^="top"] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.el-popper[x-placement^="top"] .popper__arrow:after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.el-popper[x-placement^="bottom"] {
  margin-top: 12px;
}
.el-popper[x-placement^="bottom"] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.el-popper[x-placement^="bottom"] .popper__arrow:after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.el-popper[x-placement^="right"] {
  margin-left: 12px;
}
.el-popper[x-placement^="right"] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.el-popper[x-placement^="right"] .popper__arrow:after {
  bottom: -6px;
  left: 1px;
  border-right-color: #fff;
  border-left-width: 0;
}
.el-popper[x-placement^="left"] {
  margin-right: 12px;
}
.el-popper[x-placement^="left"] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.el-popper[x-placement^="left"] .popper__arrow:after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #fff;
}
.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #13a0d5;
  background-color: #fff;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
  position: absolute;
  right: 20px;
  font-family: element-icons;
  content: "";
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0;
}
.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.el-select-dropdown__wrap {
  max-height: 274px;
}
.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.el-tag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e7f6fb;
  border-color: #d0ecf7;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #13a0d5;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: #13a0d5;
}
.el-tag .el-tag__close {
  color: #13a0d5;
}
.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #13a0d5;
}
.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399;
}
.el-tag.el-tag--info.is-hit {
  border-color: #909399;
}
.el-tag.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}
.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a;
}
.el-tag.el-tag--success.is-hit {
  border-color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}
.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c;
}
.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}
.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}
.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.el-tag .el-icon-close:before {
  display: block;
}
.el-tag--dark {
  background-color: #13a0d5;
  color: #fff;
  border-color: #13a0d5;
}
.el-tag--dark.is-hit {
  border-color: #13a0d5;
}
.el-tag--dark .el-tag__close {
  color: #fff;
}
.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #42b3dd;
}
.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399;
}
.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff;
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad;
}
.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a;
}
.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff;
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61;
}
.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c;
}
.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff;
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563;
}
.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c;
}
.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff;
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989;
}
.el-tag--plain {
  background-color: #fff;
  border-color: #a1d9ee;
  color: #13a0d5;
}
.el-tag--plain.is-hit {
  border-color: #13a0d5;
}
.el-tag--plain .el-tag__close {
  color: #13a0d5;
}
.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #13a0d5;
}
.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399;
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399;
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399;
}
.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a;
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a;
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a;
}
.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c;
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c;
}
.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c;
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c;
}
.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #f5f7fa;
}
.el-select-dropdown__item.selected {
  color: #13a0d5;
  font-weight: 700;
}
.el-select-group {
  margin: 0;
  padding: 0;
}
.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.el-select-group__wrap:not(:last-of-type):after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #e4e7ed;
}
.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
}
.el-select-group .el-select-dropdown__item {
  padding-left: 20px;
}
.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  -webkit-transition: opacity 0.34s ease-out;
  transition: opacity 0.34s ease-out;
}
.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.12s ease-out;
  transition: opacity 0.12s ease-out;
}
.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.el-select {
  display: inline-block;
  position: relative;
}
.el-select .el-select__tags > span {
  display: contents;
}
.el-select:hover .el-input__inner {
  border-color: #c0c4cc;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: #13a0d5;
}
.el-select .el-input .el-select__caret {
  color: #c0c4cc;
  font-size: 14px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  border-radius: 100%;
  color: #c0c4cc;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399;
}
.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #e4e7ed;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #13a0d5;
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent;
}
.el-select__input.is-mini {
  height: 14px;
}
.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #c0c4cc;
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: #909399;
}
.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.el-select .el-tag__close {
  margin-top: -2px;
}
.el-select .el-tag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #c0c4cc;
  right: -7px;
  top: 0;
  color: #fff;
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399;
}
.el-select .el-tag__close.el-icon-close:before {
  display: block;
  -webkit-transform: translateY(0.5px);
  transform: translateY(0.5px);
}
.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-webkit-input-placeholder, .el-textarea__inner::-moz-placeholder, .el-textarea__inner::-ms-input-placeholder, .el-textarea__inner:-ms-input-placeholder, .el-textarea__inner::placeholder {
  color: #c0c4cc;
}
.el-textarea__inner:hover {
  border-color: #c0c4cc;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: #13a0d5;
}
.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder, .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder, .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder, .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder, .el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc;
}
.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c;
}
.el-textarea.is-exceed .el-input__count {
  color: #f56c6c;
}
.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: #909399;
}
.el-input .el-input__count {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-webkit-input-placeholder, .el-input__inner::-moz-placeholder, .el-input__inner::-ms-input-placeholder, .el-input__inner:-ms-input-placeholder, .el-input__inner::placeholder {
  color: #c0c4cc;
}
.el-input__inner:hover {
  border-color: #c0c4cc;
}
.el-input__inner:focus {
  outline: none;
  border-color: #13a0d5;
}
.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.el-input__suffix-inner {
  pointer-events: all;
}
.el-input__prefix {
  position: absolute;
  left: 5px;
  top: 0;
  color: #c0c4cc;
}
.el-input__icon, .el-input__prefix {
  height: 100%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.el-input__icon {
  width: 25px;
  line-height: 40px;
}
.el-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.el-input__validateIcon {
  pointer-events: none;
}
.el-input.is-active .el-input__inner {
  outline: none;
  border-color: #13a0d5;
}
.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder, .el-input.is-disabled .el-input__inner::-moz-placeholder, .el-input.is-disabled .el-input__inner::-ms-input-placeholder, .el-input.is-disabled .el-input__inner:-ms-input-placeholder, .el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}
.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}
.el-input--suffix .el-input__inner {
  padding-right: 30px;
}
.el-input--prefix .el-input__inner {
  padding-left: 30px;
}
.el-input--medium {
  font-size: 14px;
}
.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}
.el-input--medium .el-input__icon {
  line-height: 36px;
}
.el-input--small {
  font-size: 13px;
}
.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px;
}
.el-input--small .el-input__icon {
  line-height: 32px;
}
.el-input--mini {
  font-size: 12px;
}
.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px;
}
.el-input--mini .el-input__icon {
  line-height: 28px;
}
.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.el-input-group__append, .el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: none;
}
.el-input-group__append .el-button, .el-input-group__append .el-select {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}
.el-input-group__append button.el-button {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__prepend button.el-button {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.el-input-group__append .el-button, .el-input-group__append .el-input {
  font-size: inherit;
}
.el-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
  font-size: inherit;
}
.el-input-group__append {
  border-left: 0;
}
.el-input-group--prepend .el-input__inner, .el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}
.el-input-group--append .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}
.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.fade-in-linear-enter-active, .fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
  opacity: 0;
}
.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active {
  opacity: 0;
}
.el-fade-in-enter-active, .el-fade-in-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter, .el-fade-in-leave-active {
  opacity: 0;
}
.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.el-zoom-in-left-enter, .el-zoom-in-left-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.45);
  transform: scale(0.45);
}
.collapse-transition {
  -webkit-transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
.horizontal-collapse-transition {
  -webkit-transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out;
}
.el-list-enter-active, .el-list-leave-active {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.el-list-enter, .el-list-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
.el-opacity-transition {
  -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.el-menu {
  border-right: 1px solid #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #fff;
}
.el-menu:after, .el-menu:before {
  display: table;
  content: "";
}
.el-menu:after {
  clear: both;
}
.el-menu.el-menu--horizontal {
  border-bottom: 1px solid #e6e6e6;
}
.el-menu--horizontal {
  border-right: none;
}
.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-menu-item a {
  color: inherit;
}
.el-menu--horizontal > .el-menu-item a:hover {
  color: inherit;
}
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu {
  float: left;
}
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
  outline: none;
}
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #13a0d5;
  color: #303133;
}
.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #fff;
}
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #fff;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #909399;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  color: #303133;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  outline: none;
  color: #303133;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #13a0d5;
  color: #303133;
}
.el-menu--collapse {
  width: 64px;
}
.el-menu--collapse > .el-menu-item [class^="el-icon-"], .el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit;
}
.el-menu--collapse .el-menu .el-submenu {
  min-width: 200px;
}
.el-menu--collapse .el-submenu {
  position: relative;
}
.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  z-index: 10;
  border: 1px solid #e4e7ed;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  -webkit-transform: none;
  transform: none;
}
.el-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-menu--popup-bottom-start {
  margin-top: 5px;
}
.el-menu--popup-right-start {
  margin-left: 5px;
  margin-right: 5px;
}
.el-menu-item {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: middle;
}
.el-menu-item i {
  color: #909399;
}
.el-menu-item:focus, .el-menu-item:hover {
  outline: none;
  background-color: #e7f6fb;
}
.el-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.el-menu-item [class^="el-icon-"] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.el-menu-item.is-active {
  color: #13a0d5;
}
.el-menu-item.is-active i {
  color: inherit;
}
.el-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.el-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-submenu__title * {
  vertical-align: middle;
}
.el-submenu__title i {
  color: #909399;
}
.el-submenu__title:focus, .el-submenu__title:hover {
  outline: none;
  background-color: #e7f6fb;
}
.el-submenu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.el-submenu__title:hover {
  background-color: #e7f6fb;
}
.el-submenu .el-menu {
  border: none;
}
.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px;
}
.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: 12px;
}
.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #13a0d5;
}
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.el-submenu [class^="el-icon-"] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}
.el-menu-item-group > ul {
  padding: 0;
}
.el-menu-item-group__title {
  padding: 7px 0 7px 20px;
  line-height: normal;
  font-size: 12px;
  color: #909399;
}
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}
.pb-w-sync_custom-main-notification-inner {
  width: 100%;
  color: #31383e;
}
.pb-w-sync_custom-main-notification-inner * {
  font-family: LatoRegular, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
}
.pb-w-sync_custom-main-notification-inner h1, .pb-w-sync_custom-main-notification-inner h2 {
  font-weight: 800;
}
.pb-w-sync_custom-main-notification-inner .pb-w-sync_icon-close {
  line-height: 10px;
}
.pb-w-sync_custom-main-notification-inner .pb-w-sync_icon-close svg {
  width: 10px;
  height: 10px;
}
.pb-w-sync_widget-close-notification-mobile-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #3a414c;
  border-radius: 20px;
  width: 23px;
  height: 23px;
  outline: none !important;
  border: none;
  cursor: pointer;
}
.pb-w-sync_widget-close-notification-mobile-btn svg {
  position: relative;
  bottom: 1px;
}
.pb-w-sync_widget-custom-notification {
  border-radius: 4px;
  border-left: 4px solid #13a0d5;
  box-shadow: 0px 0px 400px 4000px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 400px 4000px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 400px 4000px rgba(0, 0, 0, 0.2);
}
.pb-w-sync_widget-custom-notification.center {
  left: 50%;
  margin-left: -150px;
  top: 20% !important;
}
.pb-w-sync_widget-custom-notification.error {
  border-left-color: #f56c6c;
}
.pb-w-sync_widget-custom-notification.success {
  border-left-color: #67c23a;
}
.pb-w-sync_widget-custom-notification.is-mobile {
  overflow: visible;
}
.pb-w-sync_widget-custom-notification.is-mobile:not(.has-twofa) {
  width: auto;
  max-width: 80%;
  border-radius: 200px;
  padding: 5px;
  border: 4px solid #13a0d5;
}
.pb-w-sync_widget-custom-notification.is-mobile:not(.has-twofa).error {
  border-color: #f56c6c;
}
.pb-w-sync_widget-custom-notification.is-mobile:not(.has-twofa).success {
  border-color: #67c23a;
}
.pb-w-sync_widget-custom-notification.has-twofa.is-mobile {
  width: 100%;
  max-height: 60%;
  overflow: auto;
  border-radius: 0;
}
.pb-w-sync_widget-custom-notification.has-twofa.is-mobile.right {
  right: 0;
}
.pb-w-sync_widget-custom-notification.has-twofa.is-mobile.left {
  left: 0;
}
.pb-w-sync_widget-custom-notification.has-twofa.is-mobile.center {
  top: 0 !important;
}
.pb-w-sync_organization-sites-container {
  height: 100%;
  width: 100%;
}
.pb-w-sync_organization-sites-container h2 {
  font-size: 16px;
  text-align: center;
}
.pb-w-sync_widget-plaid-container {
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_organization-sites, .pb-w-sync_widget-plaid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pb-w-sync_organization-sites {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pb-w-sync_organization-sites .pb-w-sync_organization-button {
  font-size: 14px;
  font-weight: 800;
  width: 220px;
  height: 66px;
  padding: 0;
  margin: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.pb-w-sync_organization-sites .pb-w-sync_organization-button:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.pb-w-sync_organization-sites .pb-w-sync_organization-button img {
  width: 100%;
}
.pb-w-sync_sites-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_sites-container h2 {
  font-size: 16px;
  text-align: center;
}
.pb-w-sync_sites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.pb-w-sync_sites button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 250px;
  flex: 1 1 250px;
  padding: 0;
  margin: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.pb-w-sync_sites button:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.pb-w-sync_sites button .pb-w-sync_site-inner {
  padding: 0 10px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ddd;
}
.pb-w-sync_sites button .pb-w-sync_site-inner .pb-w-sync_avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.pb-w-sync_sites button .pb-w-sync_site-inner .pb-w-sync_site-name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 800;
}
.pb-w-sync_sites button img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pb-w-sync_upload-document {
  overflow: hidden;
}
.pb-w-sync_upload-document-button {
  font-size: 14px;
  color: #50546d;
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #f6f7fa;
  border: 1px solid #adb6c6;
  margin-right: 20px;
}
.pb-w-sync_upload-document-input {
  border: 1px solid #dcdfe6;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}
.pb-w-sync_upload-document-input.pb-w-sync_upload-document-input-error {
  border-color: #f56c6c;
}
.pb-w-sync_upload-document-label {
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding-bottom: 10px;
}
.pb-w-sync_upload-document-label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
.pb-w-sync_upload-document-name {
  font-size: 14px;
  color: #7b8097;
}
.pb-w-sync_upload-document-required-error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 12px;
  padding-top: 4px;
}
.pb-w-sync_auth-error h3 {
  color: #f56c6c;
  font-size: 15px;
}
.pb-w-sync_auth-error p {
  font-size: 14px;
}
.pb-w-sync_icon-eye svg {
  width: 24px;
  height: 24px;
}
.pb-w-sync_one-site-flow-back {
  display: none;
}
.pb-w-sync_site-form {
  visibility: visible;
}
.pb-w-sync_site-header-form {
  text-align: center;
}
.pb-w-sync_site-header-form h2 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: unset;
  font-size: 16px;
  text-align: center;
}
.pb-w-sync_site-cover {
  max-width: 50%;
}
.pb-w-sync_multiple-images-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pb-w-sync_multiple-images-wrapper {
  width: 400px;
  max-width: 100%;
}
.pb-w-sync_credential-options-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px -5px;
}
.pb-w-sync_credential-options-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.3;
}
.pb-w-sync_credential-options-col.pb-w-sync_selected {
  opacity: 1;
}
.pb-w-sync_credential-options-col:hover {
  cursor: pointer;
}
.pb-w-sync_credential-options-col .pb-w-sync_credental-options-img {
  width: 100%;
}
.pb-w-sync_icon-eye-twofa svg {
  width: 24px;
  height: 24px;
}
.pb-w-sync_input-image {
  max-width: 100%;
  margin-left: 40%;
}
.pb-w-sync_show-hide {
  padding: 0;
  border-width: 0;
  margin-top: -18px;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.pb-w-sync_twofa-buttons, .pb-w-sync_twofa-form {
  visibility: visible;
}
.pb-w-sync_widget-form-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pb-w-sync_external-action-img-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
}
.pb-w-sync_external-action-img-container img {
  width: 200px;
  max-width: 100%;
}
.pb-w-sync_external-action-label {
  font-weight: 600;
}
.pb-w-sync_widget-avatar-container {
  width: 35px;
  height: 35px;
  position: relative;
}
.pb-w-sync_widget-avatar-container .pb-w-sync_widget-avatar-inner {
  width: 100%;
  height: 100%;
  padding: 3px;
}
.pb-w-sync_widget-avatar-container .pb-w-sync_widget-avatar-inner .pb-w-sync_widget-avatar-mask {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.pb-w-sync_widget-avatar-container .pb-w-sync_widget-avatar-inner .pb-w-sync_widget-avatar-mask img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pb-w-sync_widget-avatar-container .pb-w-sync_widget-avatar-loader-container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}
.pb-w-sync_widget-avatar-loader {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
  border-right: 2px solid #13a0d5;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation: loading-rotate 0.4s linear infinite;
  animation: loading-rotate 0.4s linear infinite;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-identifier-description {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin-left: 0;
  padding-right: 20px;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-name {
  font-size: 14px;
  font-weight: 800;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-name.pb-w-sync_success {
  color: #67c23a;
}
.pb-w-sync_site-indentifier.pb-w-sync_is-mobile .pb-w-sync_widget-avatar-container {
  width: 56px;
  height: 56px;
}
.pb-w-sync_notification-form {
  margin-top: 15px;
  position: relative;
}
.pb-w-sync_site-indentifier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-identifier-description {
  padding-right: 10px;
  max-height: 100%;
  overflow: hidden;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-identifier-description.pb-w-sync_with-loader {
  margin-left: 20px;
}
.pb-w-sync_site-indentifier p {
  color: #747474;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-name.pb-w-sync_error {
  color: #f56c6c;
}
.pb-w-sync_site-indentifier .pb-w-sync_site-identifier-message {
  font-weight: 700;
}
.pb-w-sync_site-indentifier.pb-w-sync_is-mobile .pb-w-sync_unauthorized-icon-cotainer {
  width: 56px;
  height: 56px;
}
.pb-w-sync_widget-notification-show-more-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.pb-w-sync_unauthorized-icon-cotainer {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.pb-w-sync_unauthorized-icon-cotainer .pb-w-sync_unauthorized-icon {
  width: 100%;
  height: 100%;
}
.pb-w-sync_unauthorized-button-container {
  margin-top: 10px;
}
.pb-w-sync_modal-container {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
}
.pb-w-sync_modal-wrapper {
  pointer-events: none;
}
.pb-w-sync_modal-overlay-backdrop {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pb-w-sync_modal-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pb-w-sync_modal-overlay-backdrop {
  pointer-events: auto;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
}
.pb-w-sync_modal {
  pointer-events: auto;
  border-radius: 6px;
  background: #fff;
  border: #ddd;
  width: 740px;
  height: 740px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pb-w-sync_modal.pb-w-sync_is-mobile {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.pb-w-sync_final-response-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_icon-container {
  height: 80px;
}
.pb-w-sync_icon-container svg {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.pb-w-sync_final-response-message {
  text-align: center;
  max-width: 70%;
}
.pb-w-sync_widget-aside {
  width: 200px;
  border-right: 1px solid #ddd;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: -200px;
  overflow: visible;
}
.pb-w-sync_widget-aside .pb-w-sync_widget-country {
  padding: 20px;
}
.pb-w-sync_widget-aside .pb-w-sync_organization-types-list {
  padding: 0;
}
.pb-w-sync_widget-aside .pb-w-sync_widget-aside-description {
  font-size: 14px;
  color: #666e7b;
  margin: 15px 0;
}
.pb-w-sync_widget-aside.pb-w-sync_is-open {
  margin-left: 0;
}
.pb-w-sync_widget-version {
  position: absolute;
  bottom: 3px;
  right: 3px;
  background: #5abde2;
  color: #fff;
  font-size: 11px;
  border: 1px solid #2baad9;
  border-radius: 10px;
  padding: 3px 5px;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0.4;
  z-index: 100;
}
.pb-w-sync_widget-version:hover {
  max-width: 100%;
  opacity: 1;
}
.pb-w-sync_widget-mobile-aside-mask {
  background: rgba(212, 212, 212, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pb-w-sync_is-mobile .pb-w-sync_widget-aside {
  position: absolute;
  z-index: 2;
  background: #fff;
  height: 100%;
  width: 70%;
  margin-left: 0;
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
}
.pb-w-sync_is-mobile .pb-w-sync_widget-aside.pb-w-sync_is-open {
  -webkit-transform: translate(0);
  transform: translate(0);
}
.pb-w-sync_is-mobile .pb-w-sync_widget-aside.pb-w-sync_is-open + .pb-w-sync_widget-mobile-aside-mask + .pb-w-sync_widget-inner {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.pb-w-sync_accounts-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_accounts-container h2 {
  font-size: 16px;
  text-align: center;
}
.pb-w-sync_accounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.pb-w-sync_accounts .pb-w-sync_account-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 250px;
  flex: 1 1 250px;
  padding: 0;
  margin: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.pb-w-sync_accounts .pb-w-sync_account-button:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.pb-w-sync_accounts .pb-w-sync_account-button .pb-w-sync_account-inner {
  padding: 0 10px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pb-w-sync_accounts .pb-w-sync_account-button .pb-w-sync_account-inner .pb-w-sync_avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.pb-w-sync_accounts .pb-w-sync_account-button .pb-w-sync_account-inner .pb-w-sync_account-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: flex-start center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.pb-w-sync_accounts .pb-w-sync_account-button .pb-w-sync_account-inner .pb-w-sync_account-text .pb-w-sync_account-message {
  margin-top: 4px;
  color: #a4aaae;
  padding-left: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 800;
}
.pb-w-sync_accounts .pb-w-sync_account-button .pb-w-sync_account-inner .pb-w-sync_account-text .pb-w-sync_account-name {
  padding-left: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 800;
}
.pb-w-sync_choose-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pb-w-sync_transfer-form {
  visibility: visible;
}
.pb-w-sync_transfer-form h2 {
  font-size: 14px;
  color: #606266;
  font-weight: 400 !important;
}
.pb-w-sync_transfer-form .pb-w-sync_property-name {
  font-size: 12px;
}
.pb-w-sync_secure-message-container {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 500px;
  max-width: 100%;
}
.pb-w-sync_secure-message-container svg {
  margin-right: 30px;
}
.pb-w-sync_secure-message-container p {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
}
.pb-w-sync_secure-message-wrapper {
  margin-top: 20px;
}
.pb-w-sync_button-container, .pb-w-sync_secure-message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pb-w-sync_widget-close-button {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.pb-w-sync_widget-close-button svg {
  width: 15px;
  height: 15px;
}
.pb-w-sync_container {
  font-family: LatoRegular, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #31383e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  background: #fff;
}
.pb-w-sync_container h1, .pb-w-sync_container h2 {
  font-weight: 800;
}
.pb-w-sync_widget-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.pb-w-sync_widget-header, .pb-w-sync_widget-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.pb-w-sync_widget-header {
  padding: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
  height: 65px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
.pb-w-sync_widget-header h1 {
  font-size: 20px;
  margin: 0;
}
.pb-w-sync_widget-inner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  width: 100%;
  background: #fff;
  position: relative;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pb-w-sync_widget-inner .pb-w-sync_widget-inner-content {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 20px;
}
.pb-w-sync_widget-data-error {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pb-w-sync_widget-transfer-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pb-w-sync_is-mobile input, .pb-w-sync_is-mobile select, .pb-w-sync_is-mobile textarea {
  font-size: 1.3em;
}
.img-logo-preferencia {
  max-width: 100%;
  height: auto;
}
#btn-menu-admin {
  display: none;
}
#btn-menu-user {
  display: none;
}
#btn-menu-admin-abrir {
  display: none;
}
#animation {
  float: right;
}
#animation-user {
  float: right;
}
.ld-navbar-movil .dropdown-menu, .ld-header .dropdown-menu {
  position: absolute;
  right: 0;
  z-index: 1000;
  float: left;
  min-width: min-content;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
.container-groups {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px;
}
.container-groups .list-group, .container-groups .items-group {
  max-height: 90vh;
  overflow-y: auto;
  text-align: center;
}
.container-groups .items-group > a {
  display: inline-block;
  width: 300px;
  margin: 5px;
}
.container-groups .items-group > a .container-logo {
  height: 100px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: flex-end;
}
.container-groups .items-group > a .container-logo > img {
  max-height: 100px;
  max-width: 200px;
  display: flex;
}
@media (max-width: 1024px) {
  /*.ld-header {
        display: contents;
    }*/
  .menu-class2 {
    display: contents;
  }
  .dropdown-menu {
    position: absolute;
    top: 98% !important;
    left: 77px;
    right: 0;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  }
  #dropdown-menu-user {
    top: 71px !important;
    position: fixed;
    left: 0;
    right: auto;
  }
  #animation {
    position: absolute;
    float: none !important;
    bottom: -25%;
  }
  #animation-user {
    position: fixed;
    left: 0;
    top: 50px;
    visibility: hidden;
  }
  #btn-menu-admin {
    display: block;
    text-align: right;
  }
  #btn-menu-user {
    background-color: #50f3c4;
    display: block;
    text-align: right;
    text-decoration: none;
    font-size: 22px;
  }
  #btn-menu-admin-abrir {
    display: block;
  }
  #barrabuscar {
    z-index: -1;
  }
  #navbaradmin {
    width: 80%;
    height: 100%;
    margin: 0;
    left: -1000px;
    position: fixed;
    background-color: #3cc7ff;
    z-index: 1;
  }
  .dropdown-toggle {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #icono {
    position: absolute;
    margin-left: -24px;
    top: 46px;
  }
  .container-img-logo-default img {
    margin: 12px;
  }
}
@media (max-width: 280px) {
  .ld-header {
    display: contents;
  }
  .dropdown-menu {
    top: 257px;
    left: 0px;
  }
  .left-item-header {
    float: left;
    margin-right: 5px;
    margin-left: -35px;
  }
  #icono {
    margin-left: 10px;
    top: 40px;
  }
  .container-img-logo-default {
    margin-left: 20px;
  }
}
.select2-container .select2-results__option[aria-disabled="true"] {
  display: none;
}
.submenu-ld2 {
  background-color: white;
  height: 65px;
  padding: 18px 5px 13px 5px;
  width: 100%;
}
.submenu-ld2 .submenu {
  width: auto !important;
  padding: 0;
}
.submenu-ld2 .submenu > .activetab {
  background-color: #22344B;
}
.submenu-ld2 .submenu > .activetab > a {
  color: white;
  font-family: "Kanit", sans-serif;
}
.submenu-ld2 .submenu > li {
  display: inline;
  list-style-type: none;
  text-align: center;
  border-radius: 15px;
  padding: 5px 15px 5px 15px;
  margin-right: -30px;
  font-weight: normal;
}
.submenu-ld2 .submenu > li > a {
  color: #22344B;
  font-family: "Kanit", sans-serif;
}
.submenu-ld2 .submenu > li > a.disabled {
  color: #7B939D;
  cursor: not-allowed;
  text-decoration: none;
}
.submenu-ld2 .hidde-ld2-tabs {
  display: none;
}
.submenu-ld2 .shortcuts {
  float: right;
}
.submenu-ld2 .shortcuts > li {
  margin-left: 12px;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
}
.submenu-ld2 .shortcuts > li:last-child {
  margin-right: 35px;
}
.submenu-ld2 .shortcuts > li > a {
  color: #7B939D;
  position: relative;
}
.submenu-ld2 .shortcuts > li > a.disabled {
  cursor: not-allowed;
}
.submenu-ld2 .shortcuts > li > a > img.disabled {
  opacity: 60%;
}
.submenu-ld2 .shortcuts > li > a:hover {
  font-weight: bold;
  margin-top: 5px;
}
.submenu-ld2 .shortcuts > li > a > span {
  color: white;
  font-family: "Kanit", sans-serif;
  visibility: hidden;
  background-color: #22344B;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px 5px 5px;
  position: absolute;
  z-index: 100;
  top: -20px;
  width: auto;
}
.submenu-ld2 .shortcuts > li > a:hover > img:hover {
  margin-top: 5px;
}
.submenu-ld2 .shortcuts > li a:hover span {
  visibility: visible;
  z-index: 1001;
}
.submenu-ld2 .shortcuts > li a span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid #22344B;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.submenu-ld2:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 95%;
  padding-top: 50px;
  border-bottom: 1px solid #E0E7EB;
}
#impuestos-locales {
  box-shadow: 0px 2px 0px #00733e;
  color: white;
  background-color: #5cb85c;
}
@media (max-width: 715px) {
  .submenu-ld2 .shortcuts {
    display: none;
  }
}
.swal-modal {
  width: 50%;
}
.text-monospace {
  font-family: monospace;
}
.input-group.date:before {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  left: 11px;
  top: 7px;
}
.input-group.date .input-group-addon {
  cursor: default !important;
}
.input-group.date .input-group-btn button {
  border-left: none;
  background: transparent;
}
.input-group.date input {
  background: transparent;
  padding-left: 35px;
  border-right: none;
}
.daterangepicker.dropdown-menu {
  z-index: 3;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  overflow: initial;
  text-overflow: initial;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  white-space: initial;
}
#linkwhats-home {
  display: none;
}
#notification-home {
  display: none;
}
@media (max-width: 1077px) {
  #linkwhats-home {
    display: block;
    margin-right: 20px;
  }
  #notification {
    top: -7px;
    z-index: 1 !important;
  }
  #notification-home {
    display: block;
    z-index: 1;
  }
  #submenu-navbar {
    display: flex;
    float: left;
  }
  .ld-header .avatar-notifications {
    height: 72px;
    float: right;
  }
}
@media (min-width: 1060px) and (max-width: 1077px) {
  .ld-header .avatar-notifications {
    margin: 0px;
  }
}
@media (min-width: 1024px) and (max-width: 1077px) {
  .navbar-nav {
    float: left;
    margin: 0 -6px;
  }
}
/*
 * Skin: Abaccor
 * ----------
 */
html, body {
  height: 100%;
}
.layout-boxed html, .layout-boxed body {
  height: 100%;
}
body {
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
/* Layout */
.wrapper {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.wrapper:before, .wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
button.disabled {
  cursor: not-allowed;
}
.skin-abaccor {
  font-family: "Kanit", sans-serif;
}
.skin-abaccor .top-margin {
  margin-top: 15px;
  z-index: 999;
}
.skin-abaccor .scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.skin-abaccor .scrollbar-hide ::-webkit-scrollbar {
  display: none;
}
.skin-abaccor:not(.sidebar-collapse) .logo {
  background-color: rgba(0, 0, 0, 0.2);
}
.skin-abaccor.sidebar-collapse .main-header .logo {
  background-color: #FF4603;
}
.skin-abaccor .content-header {
  background: transparent;
}
.skin-abaccor .jumbotron {
  font-family: "Kanit" !important;
}
.skin-abaccor .user-panel {
  min-height: 70px;
}
.skin-abaccor .user-panel > .info {
  color: #fff;
}
.skin-abaccor .user-panel > .info > a {
  color: #fff;
}
.skin-abaccor #btn-soporte {
  height: 25px;
  width: 80px;
  background-color: #22344b;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-right: 10px;
}
.skin-abaccor #btn-connection {
  height: 25px;
  width: 105px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  font-size: 12px;
  margin-right: 4PX;
  padding-right: 1px;
  padding-left: 1px;
}
.skin-abaccor #btn-connection > .icono {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  background-size: cover;
}
.skin-abaccor #btn-connection.btn-success > .icono {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMi4xLDExLjFMMCw5YzEuNS0xLjYsMy4zLTIuOCw1LjQtMy43UzkuNiw0LDEyLDRjMC40LDAsMC44LDAsMS4yLDBjMC40LDAsMC44LDAuMSwxLjIsMC4xTDEyLjksN2MtMC4yLDAtMC40LDAtMC41LDBIMTIKCWMtMS45LDAtMy43LDAuNC01LjQsMS4xQzQuOSw4LjgsMy40LDkuOCwyLjEsMTEuMXogTTYuMywxNS4zbC0yLjEtMi4xYzAuOS0wLjksMi0xLjcsMy4yLTIuMnMyLjUtMC45LDMuOS0wLjlsLTEuNiwzLjIKCWMtMC42LDAuMi0xLjMsMC41LTEuOCwwLjhTNi44LDE0LjksNi4zLDE1LjN6IE0xMS4zLDE5LjhjLTAuNS0wLjItMC45LTAuNS0xLjItMWMtMC4zLTAuNS0wLjMtMSwwLTEuNWw2LTEyLjIKCWMwLjEtMC4xLDAuMi0wLjIsMC4zLTAuM2MwLjEsMCwwLjMsMCwwLjQsMGMwLjEsMCwwLjIsMC4xLDAuMywwLjJzMC4xLDAuMiwwLDAuNGwtMy4yLDEzLjFjLTAuMSwwLjYtMC41LDAuOS0xLDEuMgoJQzEyLjQsMjAsMTEuOCwyMCwxMS4zLDE5Ljh6IE0xNy42LDE1LjNjLTAuMS0wLjEtMC4yLTAuMi0wLjMtMC4zYy0wLjEtMC4xLTAuMi0wLjItMC40LTAuM2wwLjgtMy4xYzAuNCwwLjIsMC43LDAuNSwxLDAuOAoJYzAuMywwLjMsMC43LDAuNSwxLDAuOEwxNy42LDE1LjN6IE0yMS45LDExLjFjLTAuNS0wLjUtMS0xLTEuNi0xLjRzLTEuMi0wLjgtMS44LTEuMWwwLjctM2MwLjksMC40LDEuOCwwLjksMi42LDEuNVMyMy4zLDguMywyNCw5CglMMjEuOSwxMS4xeiIvPgo8L3N2Zz4K");
}
.skin-abaccor #btn-connection.btn-warning > .icono {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMTcuNCw4LjFDMTUuNyw3LjQsMTMuOSw3LDEyLDdoLTAuNGMtMC4xLDAtMC4zLDAtMC41LDBMOS42LDQuMWMwLjQsMCwwLjgtMC4xLDEuMi0wLjFzMC44LDAsMS4yLDBjMi40LDAsNC42LDAuNCw2LjYsMS4zCglTMjIuNSw3LjQsMjQsOWwtMi4xLDIuMUMyMC42LDkuOCwxOS4xLDguOCwxNy40LDguMXogTTE2LjEsMTQuMWMtMC42LTAuMy0xLjItMC42LTEuOS0wLjhMMTIuNiwxMGMxLjQsMC4xLDIuNywwLjQsMy45LDAuOQoJczIuMywxLjMsMy4yLDIuMmwtMi4xLDIuMUMxNy4yLDE0LjksMTYuNiwxNC41LDE2LjEsMTQuMXogTTExLjEsMTkuOGMtMC41LTAuMi0wLjktMC42LTEtMS4yTDYuOCw1LjVjMC0wLjIsMC0wLjMsMC4xLTAuNAoJczAuMi0wLjIsMC4zLTAuMmMwLjEtMC4xLDAuMy0wLjEsMC40LDBjMC4xLDAsMC4yLDAuMSwwLjMsMC4zbDYsMTIuMmMwLjIsMC41LDAuMiwxLDAsMS41cy0wLjcsMC45LTEuMiwxCglDMTIuMiwyMCwxMS42LDIwLDExLjEsMTkuOHogTTQuMiwxMy4yYzAuMy0wLjMsMC42LTAuNiwxLTAuOGMwLjMtMC4zLDAuNy0wLjUsMS0wLjhsMC44LDMuMWMtMC4xLDAuMS0wLjMsMC4yLTAuNCwwLjMKCWMtMC4xLDAuMS0wLjIsMC4yLTAuMywwLjNMNC4yLDEzLjJ6IE0wLDljMC43LTAuNywxLjUtMS4zLDIuMy0xLjlTNCw2LDQuOCw1LjZsMC43LDNDNC45LDguOSw0LjMsOS4zLDMuNyw5LjdzLTEuMSwwLjktMS42LDEuNEwwLDkKCXoiLz4KPC9zdmc+Cg==");
}
.skin-abaccor #btn-connection.btn-danger > .icono {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik04NC01MTYgMC02MDBxOTItOTQgMjE1LTE0N3QyNjUtNTNxMjQgMCA0OCAxLjV0NDggNC41bC02MCAxMTZxLTEyLTItMTkuNS0ySDQ4MHEtMTE2IDAtMjE3LjUgNDMuNVQ4NC01MTZabTE3MCAxNzAtODQtODZxNTYtNTYgMTI4LjUtODguNVQ0NTYtNTU4bC02NCAxMzBxLTM5IDEyLTc0IDMyLjVUMjU0LTM0NlptMTk4IDE4MHEtMzAtMTEtNDYuNS00MS41VDQwNC0yNjhsMjQwLTQ4OHE0LTggMTEuNS0xMC41dDE2LjUuNXE4IDMgMTIgMTB0MiAxNkw1NTYtMjE0cS04IDMzLTQwIDQ2LjV0LTY0IDEuNVptMjU0LTE4MHEtNi02LTEzLTEydC0xNS0xMmwzMi0xMjZxMjEgMTUgNDEuNSAzMC41VDc5MC00MzJsLTg0IDg2Wm0xNzAtMTcwcS0zMC0zMC02NC41LTU1VDczOC02MTZsMjgtMTIwcTU0IDI2IDEwMyA2MHQ5MSA3NmwtODQgODRaIi8+PC9zdmc+");
}
.skin-abaccor #btn-connection:hover {
  text-decoration: none;
}
.skin-abaccor .sidebar-menu > li.header {
  color: #4b646f;
  background: rgba(253, 0, 0, 0.2);
}
.skin-abaccor .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-abaccor .sidebar-menu > li:hover > a, .skin-abaccor .sidebar-menu > li.active > a, .skin-abaccor .sidebar-menu > li.menu-open > a {
  color: #F1F2F2;
  background: #eaedf1;
}
.skin-abaccor .sidebar-menu > li.active > a {
  border-left-color: #F9FAFB;
}
.skin-abaccor .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-abaccor .sidebar a {
  color: #b8c7ce;
}
.skin-abaccor .sidebar a:hover {
  text-decoration: none;
}
.skin-abaccor .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-abaccor .sidebar-menu .treeview-menu > li.active > a, .skin-abaccor .sidebar-menu .treeview-menu > li > a:hover {
  color: #F1F2F2;
}
.skin-abaccor .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-abaccor .sidebar-form input[type="text"], .skin-abaccor .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-abaccor .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-abaccor .sidebar-form input[type="text"]:focus {
  background-color: #fff;
  color: #666;
}
.skin-abaccor .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
  border-left-color: #fff;
}
.skin-abaccor .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-abaccor.login-page {
  background-color: #F9FAFB;
}
.skin-abaccor .login-box-body, .skin-abaccor .register-box-body {
  background: none;
}
.skin-abaccor .login-box-body [type="submit"], .skin-abaccor .register-box-body [type="submit"] {
  background-color: #FF4603;
  border: none;
}
.skin-abaccor .link-hightlight {
  color: #FF4603;
  text-decoration: underline;
  font-size: 130%;
}
.skin-abaccor .link-blanco {
  color: #F1F2F2;
}
.skin-abaccor .label-required::after {
  content: "*";
  color: #FF4603;
}
.skin-abaccor .label-important, .skin-abaccor .badge-important {
  background-color: #b94a48;
}
.skin-abaccor .label-important[href], .skin-abaccor .badge-important[href] {
  background-color: #953b39;
}
.skin-abaccor .label-warning, .skin-abaccor .badge-warning {
  background-color: #f89406;
}
.skin-abaccor .label-warning[href], .skin-abaccor .badge-warning[href] {
  background-color: #c67605;
}
.skin-abaccor .label-success, .skin-abaccor .badge-success {
  background-color: #468847;
}
.skin-abaccor .label-success[href], .skin-abaccor .badge-success[href] {
  background-color: #356635;
}
.skin-abaccor .label-info, .skin-abaccor .badge-info {
  background-color: #3a87ad;
}
.skin-abaccor .label-info[href], .skin-abaccor .badge-info[href] {
  background-color: #2d6987;
}
.skin-abaccor .label-inverse, .skin-abaccor .badge-inverse {
  background-color: #333333;
}
.skin-abaccor .label-inverse[href], .skin-abaccor .badge-inverse[href] {
  background-color: #1a1a1a;
}
.skin-abaccor .btn {
  padding: 6px 10px;
}
.skin-abaccor .btn-primary {
  background-color: #22344B;
  border-color: #121c28;
  box-shadow: 0px 2px 0px #324c6e;
  color: #F1F2F2;
}
.skin-abaccor .btn-secondary {
  background-color: #33dbe380;
  border-color: rgba(27, 192, 200, 0.5019607843);
  box-shadow: 0px 2px 0px rgba(96, 227, 233, 0.5019607843);
  color: black;
}
.skin-abaccor .btn-success {
  box-shadow: 0px 2px 0px #00733e;
  color: white;
}
.skin-abaccor .btn-danger {
  background-color: #e63923;
  border-color: #c02916;
  box-shadow: 0px 2px 0px #c02916;
}
.skin-abaccor .btn-warning {
  background-color: #f89406;
  border-color: #c67605;
  box-shadow: 0px 2px 0px #c67605;
}
.skin-abaccor .btn-default {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
  background: white;
  color: black;
}
.skin-abaccor .btn-default.btn-inactive {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  background: #f2f2f2;
  color: gray;
}
.skin-abaccor .btn-default.active {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  background: #f2f2f2;
}
.skin-abaccor .btn-info {
  background: #3CC7FF;
  border-color: #09b8ff;
  box-shadow: 0px 2px 0px #0097bc;
}
.skin-abaccor .input-group-btn > .btn {
  box-shadow: none;
}
.skin-abaccor .bg-aqua, .skin-abaccor .callout.callout-info, .skin-abaccor .alert-info, .skin-abaccor .label-info, .skin-abaccor .modal-info .modal-body {
  background-color: #5879ff !important;
}
.skin-abaccor .box.box-info {
  border-top-color: #5879ff;
}
.skin-abaccor .pagination > .active > a, .skin-abaccor .pagination > .active > a:focus, .skin-abaccor .pagination > .active > a:hover, .skin-abaccor .pagination > .active > span, .skin-abaccor .pagination > .active > span:focus, .skin-abaccor .pagination > .active > span:hover {
  background-color: #426591;
  border-color: #324c6e;
}
.skin-abaccor .dropdown-submenu > .dropdown-menu {
  min-width: min-content;
}
.skin-abaccor .dropdown-menu {
  color: #22344B;
  text-align: left;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
}
.skin-abaccor .dropdown-menu hr {
  margin: 5px 0;
}
.skin-abaccor .dropdown-menu a {
  font-weight: 400;
  padding: 5px 15px;
  color: #22344B;
  font-size: 1.5rem;
}
.skin-abaccor .dropdown-menu a.disabled {
  color: #7B939D;
  cursor: not-allowed;
}
.skin-abaccor .dropdown-menu.multi-level {
  min-width: min-content;
}
.skin-abaccor .dropdown-menu-perfil {
  background-color: #fff;
  text-align: left;
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  padding: 10px;
}
.skin-abaccor .dropdown-menu-perfil hr {
  margin: 5px 0;
}
.skin-abaccor .dropdown-menu-perfil a {
  font-weight: 400;
  padding: 5px;
  color: #22344B;
  font-size: 1.5rem;
}
.skin-abaccor .has-error-inside {
  background: rgba(221, 75, 57, 0.2);
}
.skin-abaccor #site-content {
  max-width: 99%;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}
.skin-abaccor .has-search .form-control-feedback {
  right: initial;
  left: 0;
  color: #7B939D;
}
.skin-abaccor .form-group {
  margin-bottom: 12px;
}
.skin-abaccor .text-danger {
  color: #FF4603;
}
.skin-abaccor .text-green {
  color: #50F3C4;
}
.skin-abaccor .input-group > .select2-container--bootstrap.select2-container {
  z-index: 1;
}
.skin-abaccor .has-error .select2-dropdown, .skin-abaccor .has-error .select2-selection {
  border-color: #dd4b39 !important;
}
.skin-abaccor .datagrid .text-info {
  color: #22344B;
}
.skin-abaccor .datagrid .btn-link {
  color: #7B939D;
}
.skin-abaccor .datagrid .text-red {
  color: #FF4603;
}
.skin-abaccor .datagrid .text-green {
  color: #009199;
}
.skin-abaccor .datagrid .btn-quitar-filtro {
  color: #F1F2F2;
}
.skin-abaccor .datagrid .fila-principal {
  background-color: #a3c4eb;
}
.skin-abaccor table.sticky {
  position: relative !important;
  border-collapse: collapse;
}
.skin-abaccor table.sticky > thead:first-of-type > tr > th {
  background: white;
  position: sticky !important;
  top: 0;
  box-shadow: inset 0px 0px 0px 0.5px #ddd;
}
.skin-abaccor .modal .modal-title {
  font-weight: 700;
}
.skin-abaccor .modal .modal-footer .btn {
  margin-bottom: 0;
}
div.alert.animated.fadeInUp {
  z-index: 1051 !important;
}
@media (max-width: 767px) {
  .skin-abaccor .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-abaccor .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-abaccor .main-header .navbar .dropdown-menu li a:hover {
    background: #F9FAFB;
  }
}