@charset "UTF-8";
.cbg-ppl1 {
  background-color: #fdfdfd;
}

.c-ppl1 {
  color: #020304;
}

.loginerror {
  background-color: rgba(0, 0, 0, 0.7333333333);
}
.loginerror p {
  background-color: #eeeeef;
}

.sectionin {
  background-color: rgba(253, 253, 253, 0.5333333333);
}

.acceso, button, .button {
  background-color: #fdfdfd;
  border: 1.5px solid #fdfdfd;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #1b1b1c;
}
.acceso:hover, button:hover, .button:hover {
  border: 1.5px solid #020304;
  box-shadow: none;
}

/*
h1, h2, h3, h4, h5, h6, p, text, a {
    color: #020304;
    text-decoration: none;
    &:hover {
        color: #020304;
    }
    &:visited {
        color: #020304;
    }
}*/
header, #header, #pagewrap {
  background-color: transparent;
}
header .logo, #header .logo, #pagewrap .logo {
  background: rgba(241, 241, 245, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 8px rgba(64, 60, 67, 0.14);
}
header .center li, #header .center li, #pagewrap .center li {
  background: #fdfdfd;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}
header nav, #header nav, #pagewrap nav {
  background: rgba(241, 241, 245, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 8px rgba(64, 60, 67, 0.14);
}

/*
body {
    background-color: #f1f1f5;
    color: $negro;
}
#bgwrap {
    background: url($backgroundurllight) no-repeat center center fixed;
    background-color: #f1f1f5;
}*/
#content {
  background-color: #f1f1f5;
}
#content li {
  background: #f1f1f5;
}
#content li select {
  background: transparent;
  color: #1b1b1b;
}

.confirmaction,
.confirmaction .icono,
.confirmaction p {
  color: #c5c4c6;
}

.confirmaction p {
  font-family: "AllRound", sans-serif;
}

li i {
  background: #eeeeef;
  color: #1b1b1c;
}

.menu-content {
  background: rgba(241, 241, 245, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 12px 40px rgba(64, 60, 67, 0.22);
}
.menu-content ul li {
  background: transparent;
  box-shadow: none;
}

.pe,
.selfiltros {
  background-color: #fdfdfd;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}

.pe {
  color: #303030;
}
.pe a {
  color: #303030;
}
.pe a:hover {
  color: #111111;
}

.profile .content {
  background: rgba(253, 253, 253, 0.8666666667);
}
.profile ul {
  background: #fdfdfd;
}
.profile li {
  background: #fdfdfd !important;
}
.profile li:hover {
  box-shadow: none;
}
.profile li i {
  color: #1b1b1c;
}
.profile li select {
  background: transparent;
  color: #1b1b1b;
}
.profile li select:hover {
  box-shadow: none;
}

.selfiltros {
  color: #020304;
}

.shipping-type-modal {
  background-color: #f1f1f5;
}

.filters p span {
  background-color: #fdfdfd;
  border: 1px solid #fdfdfd;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}

.infoservizos {
  background-color: #f1f1f5;
  color: #000000;
}
.infoservizos p {
  color: #000000;
}

.planning {
  background: #fdfdfd;
}
.planning .row {
  background: #f1f1f5;
}
.planning .row .left p {
  color: #98999e;
}
.planning .row.title {
  background: transparent;
  color: #98999e;
}

.miron th, .miron td {
  color: #303030;
}

.error-message {
  border-bottom: 1px solid #e10d0d;
  border-left: 5px solid #e10d0d;
  color: #e10d0d;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 90%;
}

#responseMessage {
  border: 0px solid transparent;
  color: #e10d0d;
  font-size: 20px;
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  width: 90%;
}
#responseMessage.error-message {
  color: #e10d0d;
  margin-top: 20px;
}
#responseMessage.success-message {
  color: #1d7f34;
  margin-top: 20px;
}

.disc_cont .int {
  background-image: url("../../cont/system/img/pum_gal-logo.png");
}

@media (prefers-color-scheme: dark) {
  :root h1, :root h2, :root h3, :root h4, :root h5, :root h6, :root p, :root text {
    color: #f1f1f5;
  }
  .cbg-ppl1 {
    background-color: #1b1b1c;
  }
  .c-ppl1 {
    color: #f1f1f5;
  }
  .loginerror {
    background-color: rgba(0, 0, 0, 0.7333333333);
  }
  .loginerror p {
    background-color: #1b1b1c;
  }
  .sectionin {
    background-color: rgba(2, 3, 4, 0.5333333333);
  }
  .acceso, button, .button {
    border: solid 1.5px transparent;
    background-color: #3d3d42;
    color: #eeeeef;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .acceso:hover, button:hover, .button:hover {
    border: solid 1.5px #eeeeef;
    color: #eeeeef;
  }
  a {
    color: #f1f1f5;
  }
  a:hover {
    color: #f1f1f5;
  }
  a:visited {
    color: #f1f1f5;
  }
  header, #header, #pagewrap {
    background-color: transparent;
  }
  header .logo, #header .logo, #pagewrap .logo {
    background: rgba(22, 22, 24, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
    color: #eeeeef;
  }
  header .logo img, #header .logo img, #pagewrap .logo img {
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  header .center li, #header .center li, #pagewrap .center li {
    background: #1b1b1c;
  }
  header nav, #header nav, #pagewrap nav {
    background: rgba(22, 22, 24, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
  }
  /*
  body {
      background-color: #000000;
      color: #f1f1f5; 
  }
  #bgwrap {
      background: url($backgroundurldark);// no-repeat center center fixed;
      background-color: #020304;
  }*/
  #content {
    background-color: #000000;
  }
  .confirmaction, .confirmaction .icono {
    color: #5b5b5e;
  }
  li {
    background: #303030;
  }
  li i {
    background: #111111;
    color: #c5c4c6;
  }
  .menu-content {
    background: rgba(22, 22, 24, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  }
  .menu-content ul li {
    background: transparent;
    box-shadow: none;
    color: #f1f1f5;
  }
  .menu-content ul li i {
    color: #c5c4c6;
  }
  .menu-content ul li select {
    background: transparent;
    color: #f1f1f5;
  }
  .pe,
  .selfiltros {
    background-color: #1b1b1c;
    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
  }
  .pe a {
    color: #fdfdfd;
  }
  .profile .content {
    background: rgba(30, 30, 30, 0.7333333333);
  }
  .profile .content p {
    color: #f1f1f5;
  }
  .profile ul {
    background: #111111;
  }
  .profile ul input {
    background: #1e1e1e;
    color: #f1f1f5;
  }
  .profile ul input::placeholder {
    color: #5b5b5e;
  }
  .profile ul li {
    background: #111111 !important;
    color: #c5c4c6;
  }
  .profile ul li:hover {
    box-shadow: none;
  }
  .profile ul li i {
    background: #1b1b1c;
    color: #c5c4c6;
  }
  .profile ul li select {
    background: transparent;
    color: #c5c4c6 !important;
  }
  .profile ul li select:hover {
    box-shadow: none;
  }
  .selfiltros {
    color: #f1f1f5;
  }
  .shipping-type-modal {
    background-color: #303030;
  }
  .filters p span {
    background-color: #3d3d42;
    border: 1px solid #3d3d42;
    color: #eeeeef;
  }
  .infoservizos {
    background-color: #1b1b1c;
    color: #f1f1f5;
  }
  .infoservizos p {
    color: #f1f1f5;
  }
  .history table {
    border: 1.5px solid #a5a4a6;
    color: #d5d4d6;
  }
  .planning {
    background: #1b1b1c;
  }
  .planning .row {
    background: #353436;
  }
  .planning .row .left p {
    color: #98999e;
  }
  .planning .row.title {
    background: transparent;
  }
  .disc_cont .int {
    background-image: url("../../cont/system/img/pum_gal-logo_dark.png");
  }
  .miron th, .miron td {
    color: #98999e;
  }
}
.tox-promotion {
  display: none;
}

#btn-menu {
  display: none;
}

.container-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 340px;
  max-width: 100vw;
  pointer-events: none;
  z-index: 999999999 !important;
}

#btn-menu:checked ~ .container-menu {
  pointer-events: auto;
}

.menu-content {
  font-family: "Ubuntu", sans-serif;
  position: absolute;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
  right: 12px;
  width: 202px;
  max-width: calc(100vw - 24px);
  padding-top: 66px;
  border-radius: 26px;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  display: flex;
  flex-direction: column;
  clip-path: inset(0px 0px 100% 100% round 26px);
  transition: clip-path 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
.menu-content .top {
  display: inline-flex;
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
}
.menu-content .top .acceso {
  border-radius: 100px;
  cursor: pointer;
  font-family: "AllRound", sans-serif;
  font-size: 15px;
  height: 34px;
  margin: 8px 8px 0px 8px;
  padding: 7.5px 0px 0px 1.5px;
  text-align: center;
  width: 34px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.menu-content .top .acceso:hover {
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}
@media (prefers-color-scheme: dark) {
  .menu-content .top .acceso {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.2);
  }
  .menu-content .top .acceso:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
body.dark .menu-content .top .acceso {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
}
body.dark .menu-content .top .acceso:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.menu-content .top .acceso.hora, .menu-content .top .acceso.hr {
  font-size: 12px;
  line-height: 11px;
  padding-top: 5px;
}
.menu-content .menu-foot {
  margin-top: auto;
  padding: 12px 8px;
  color: #1b1b1c;
}
@media (prefers-color-scheme: dark) {
  .menu-content .menu-foot {
    color: #eeeeef;
  }
}
.menu-content .menu-foot .mf-cookies-msg {
  display: none;
  margin-bottom: 12px;
  max-height: 40vh;
  overflow-y: auto;
  font-size: 12px;
  line-height: 16px;
}
.menu-content .menu-foot .mf-cookies-msg.show {
  display: block;
}
.menu-content .menu-foot .mf-cookies-msg h4 {
  font-size: 12px;
  margin-bottom: 6px;
}
.menu-content .menu-foot .mf-cookies-msg p, .menu-content .menu-foot .mf-cookies-msg p a {
  font-size: 12px;
  line-height: 16px;
}
.menu-content .menu-foot .mf-cookies-msg p {
  text-align: justify;
}
.menu-content .menu-foot .mf-cookies-msg a {
  text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
  .menu-content .menu-foot .mf-cookies-msg h4, .menu-content .menu-foot .mf-cookies-msg p, .menu-content .menu-foot .mf-cookies-msg p a {
    color: #f1f1f5;
  }
}
.menu-content .menu-foot .mf-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.menu-content .menu-foot .mf-actions:last-child {
  margin-bottom: 0;
}
.menu-content .menu-foot .mf-lang {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px 0 13px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #1b1b1c;
  cursor: pointer;
}
.menu-content .menu-foot .mf-lang i {
  font-size: 14px;
}
.menu-content .menu-foot .mf-lang form {
  display: flex;
  align-items: center;
}
.menu-content .menu-foot .mf-lang select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-family: "Ubuntu", sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 0;
  transition: none;
}
.menu-content .menu-foot .mf-lang select:hover, .menu-content .menu-foot .mf-lang select:focus, .menu-content .menu-foot .mf-lang select:active {
  background: transparent;
  box-shadow: none;
  outline: none;
}
.menu-content .menu-foot .mf-lang:hover {
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}
@media (prefers-color-scheme: dark) {
  .menu-content .menu-foot .mf-lang {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
    color: #f1f1f5;
  }
  .menu-content .menu-foot .mf-lang:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
  }
}
body.dark .menu-content .menu-foot .mf-lang {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
  color: #f1f1f5;
}
body.dark .menu-content .menu-foot .mf-lang:hover {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}
.menu-content .menu-foot .mf-cookies, .menu-content .menu-foot .mf-logout {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}
.menu-content .menu-foot .mf-cookies i, .menu-content .menu-foot .mf-logout i {
  font-size: 16px;
}
.menu-content .menu-foot .mf-cookies:hover, .menu-content .menu-foot .mf-logout:hover {
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}
@media (prefers-color-scheme: dark) {
  .menu-content .menu-foot .mf-cookies, .menu-content .menu-foot .mf-logout {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
  }
  .menu-content .menu-foot .mf-cookies:hover, .menu-content .menu-foot .mf-logout:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
  }
}
body.dark .menu-content .menu-foot .mf-cookies, body.dark .menu-content .menu-foot .mf-logout {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
}
body.dark .menu-content .menu-foot .mf-cookies:hover, body.dark .menu-content .menu-foot .mf-logout:hover {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}
.menu-content .menu-foot .mf-info {
  font-size: 11px;
  line-height: 15px;
  text-align: center;
  opacity: 0.75;
  padding: 0 8px;
}
.menu-content .menu-foot .mf-info:not(:last-child) {
  margin-bottom: 12px;
}
.menu-content .menu-foot .mf-info > span {
  display: block;
}
.menu-content .menu-foot .mf-info.mf-user .mf-name, .menu-content .menu-foot .mf-info.mf-user .mf-org, .menu-content .menu-foot .mf-info.mf-user .mf-branch {
  text-align: left;
}
.menu-content .menu-foot .mf-info .mf-name {
  font-weight: 700;
}
.menu-content .menu-foot .mf-info .mf-company {
  cursor: pointer;
}
.menu-content .menu-foot .mf-info .mf-site {
  margin-top: 5px;
}
.menu-content .menu-foot .mf-info .mf-site .cupo {
  cursor: pointer;
}
.menu-content ul {
  list-style: none;
  text-align: center;
  width: 100% auto;
}
.menu-content ul li {
  cursor: pointer;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 10px 16px;
  text-align: left;
}
.menu-content ul li:hover {
  opacity: 0.6;
}
.menu-content ul li i {
  display: none;
  background: transparent;
}
.menu-content ul li.ico-li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.menu-content ul li.ico-li i {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.25em;
  text-align: center;
}

#btn-menu:checked ~ .container-menu .menu-content {
  clip-path: inset(-40px round 26px);
}

div.mail-block1 {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
div.mail-block1 div.shortcut, div.mail-block1 div.mailtowho {
  margin: 0 auto;
  min-width: 400px;
  padding: 12px;
  width: 50%;
}
div.mail-block1 div.shortcut div.in {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 0px 2px 0.5px rgba(64, 60, 67, 0.1);
  display: flex;
  margin-bottom: 12px;
  padding: 12px;
  text-align: center;
  width: 100%;
}
div.mail-block1 div.mailtowho div.in {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 0px 2px 0.5px rgba(64, 60, 67, 0.1);
  margin-bottom: 12px;
  padding: 12px;
  width: 100%;
}
div.mail-block1 div.mailtowho div.in div.options {
  margin: 0 auto;
  text-align: center;
  width: auto;
}
div.mail-block1 div.mailtowho div.in div.options h2 {
  margin: 20px 0px 24px 0px;
  width: auto;
}
div.mail-block1 div.mailtowho div.in div.options label {
  display: block;
  height: 36px;
  text-align: left;
  width: auto;
}
div.mail-block1 div.mailtowho div.in div.options label:hover {
  cursor: pointer;
}
div.mail-block1 div.mailtowho div.in div.options label input.mailtowho {
  display: inline-flex;
}
div.mail-block1 div.mailtowho div.in div.options label input.mailtowho:hover {
  cursor: pointer;
}

div.input {
  padding: 0px 12px 0px 12px;
}
div.input input[type=mail], div.input input[type=text] {
  appearance: none;
  background: #ffffff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0px 2px 0.5px rgba(64, 60, 67, 0.1);
  color: #020304;
  height: 36px;
  margin-bottom: 12px;
  padding: 0px 12px 0px 12px;
  width: 100%;
}
div.input input[type=mail]:focus, div.input input[type=text]:focus {
  outline: none;
}
div.input textarea {
  appearance: none;
  background: #ffffff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0px 2px 0.5px rgba(64, 60, 67, 0.1);
  color: #020304;
  height: 200px;
  margin-bottom: 12px;
  padding: 0px 12px 0px 12px;
  width: 100%;
}
div.input textarea:focus {
  outline: none;
}
div.input .tox.tox-tinymce {
  border: none;
  box-shadow: 0 0px 2px 0.5px rgba(64, 60, 67, 0.1);
  width: 100%;
}

/*main {
    display:flex;
    justify-content:center;
    margin-bottom:60px;
    margin-top: 60px;
    min-width: 320px;
    width: 100%;
    content {
        margin:0 auto;
        margin-left:24px;
        margin-right:24px;
        max-width:1000px;
    }
}
main {
    font-family: 'Ubuntu', sans-serif;
}*/
.history-services {
  margin: 0 auto;
  margin: 24px 12px 60px 12px;
  text-align: center;
}
.history-services div.date {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.history-services div.date div.startdate,
.history-services div.date div.enddate {
  display: block;
  margin: 0 auto;
}
.history-services div.date div.startdate div.label,
.history-services div.date div.enddate div.label {
  display: flex;
  text-align: right !important;
  width: 100px;
}
.history-services p {
  margin: 12px 4px 4px 4px;
}
.history-services input[type=date],
.history-services input[type=time],
.history-services select,
.history-services select::placeholder,
.history-services select option {
  appearance: none;
  color: #303030 !important;
  cursor: pointer;
  height: 36px;
  text-align: center !important;
}
.history-services select {
  padding: 0px 8px 0px 8px;
  width: 253px;
}
.history-services input[type=date]::-webkit-calendar-picker-indicator,
.history-services input[type=time]::-webkit-calendar-picker-indicator {
  border-radius: 8px;
  cursor: pointer;
  filter: invert(1);
}
.history-services table {
  border: 1.5px solid #303030;
  border-radius: 12px;
  margin: 0 auto;
  margin-top: 24px;
}
.history-services table tr th {
  border-bottom: 1.5px solid #303030;
  font-weight: bold;
  padding: 12px;
}
.history-services table tr td {
  border-bottom: 1px solid #303030;
  line-height: 20px;
  padding: 8px 12px 12px 12px;
}
.history-services table tr td.date, .history-services table tr td.service {
  text-align: center;
}
.history-services table tr td.footer {
  border-bottom: none;
  text-align: center;
}

@media (prefers-color-scheme: dark) {
  .history-services h2, .history-services h3 {
    color: rgba(255, 255, 255, 0.8);
  }
  .history-services input[type=date],
  .history-services input[type=time],
  .history-services select,
  .history-services select::placeholder,
  .history-services select option {
    color: rgba(255, 255, 255, 0.8) !important;
    height: 36px;
    text-align: center !important;
  }
  .history-services input[type=date]::-webkit-calendar-picker-indicator,
  .history-services input[type=time]::-webkit-calendar-picker-indicator {
    filter: invert(0);
  }
  .history-services table {
    border: 1.5px solid #909090;
  }
  .history-services table tr th {
    border-bottom: 1.5px solid #909090;
    color: rgba(255, 255, 255, 0.8);
  }
  .history-services table tr td {
    border-bottom: 1px solid #909090;
    color: rgba(255, 255, 255, 0.8);
  }
}
div.service.radio input[type=radio] + i:before {
  width: 92px;
}
div.service.radio .inputin {
  width: 100px;
}

div.address input,
div.seccionenderezo input {
  margin: 4px;
}
div.address div.contact,
div.seccionenderezo div.contact {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
div.address div.contact div.phone,
div.seccionenderezo div.contact div.phone {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  width: 50%;
}
div.address div.contact div.phone input[name=phoneprefix],
div.seccionenderezo div.contact div.phone input[name=phoneprefix] {
  float: left;
  width: 48px;
}
div.address div.contact div.phone input[name=phonenumber],
div.seccionenderezo div.contact div.phone input[name=phonenumber] {
  text-align: center;
  float: left;
  width: calc(100% - 65px);
}
div.address div.contact div.email,
div.seccionenderezo div.contact div.email {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  width: 50%;
  margin: 0 auto;
  width: 50%;
}
div.address div.contact div.email input[name=email],
div.seccionenderezo div.contact div.email input[name=email] {
  margin-right: 5px;
  width: 100%;
}
div.address div.name,
div.seccionenderezo div.name {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
div.address div.name div.entity,
div.seccionenderezo div.name div.entity {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  width: 50%;
}
div.address div.name div.entity input[name=entity],
div.seccionenderezo div.name div.entity input[name=entity] {
  float: left;
  width: 100%;
}
div.address div.name div.contact,
div.seccionenderezo div.name div.contact {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  text-align: right;
  width: 50%;
}
div.address div.name div.contact i,
div.seccionenderezo div.name div.contact i {
  float: left;
  line-height: 48px;
  margin-left: 2px;
  margin-right: 4px;
  width: 30px;
}
div.address div.name div.contact input[name=contact],
div.seccionenderezo div.name div.contact input[name=contact] {
  float: left;
  margin-right: 0px;
  width: calc(100% - 40px);
}
div.address div.address div.address1,
div.seccionenderezo div.address div.address1 {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  width: 100%;
}
div.address div.address div.address1 input[name=address1],
div.seccionenderezo div.address div.address1 input[name=address1] {
  float: left;
  width: calc(100% - 100px);
}
div.address div.address div.address1 input[name=number],
div.seccionenderezo div.address div.address1 input[name=number] {
  float: left;
  width: 80px;
}
div.address div.address div.address2,
div.seccionenderezo div.address div.address2 {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 auto;
  min-width: 300px;
  width: 100%;
}
div.address div.address div.address2 input[name=address2],
div.seccionenderezo div.address div.address2 input[name=address2] {
  float: left;
  width: calc(100% - 100px);
}
div.address div.address div.address2 input[name=zipcode],
div.seccionenderezo div.address div.address2 input[name=zipcode] {
  float: left;
  width: 80px;
}
div.address input.only-text,
div.seccionenderezo input.only-text {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
div.address input.only-text:read-only,
div.seccionenderezo input.only-text:read-only {
  background: none;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: 20px;
}
div.address input.only-text:read-only[name=province],
div.seccionenderezo input.only-text:read-only[name=province] {
  width: 5%;
}
div.address input.only-text:read-only[name=state],
div.seccionenderezo input.only-text:read-only[name=state] {
  width: 5%;
}
div.address input.only-text:read-only[name=country],
div.seccionenderezo input.only-text:read-only[name=country] {
  width: 5%;
}
div.address input.only-text:hover,
div.seccionenderezo input.only-text:hover {
  border: none !important;
  box-shadow: none !important;
}

div.todo.checkbox input[type=checkbox] + i:before {
  width: 92px;
}
div.todo.checkbox .inputin {
  width: 100px;
}

div.newtraditional {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 800px;
  text-align: center;
  width: 90%;
}
div.newtraditional h2 {
  width: 100%;
}
div.newtraditional h2.sub {
  margin-top: 20px;
  text-align: left;
}
div.newtraditional h2.sub i {
  cursor: pointer;
}
div.newtraditional button {
  margin: 0 auto;
  margin-top: 12px;
}
div.newtraditional div.field {
  background: #cccccc;
  border-radius: 19px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  padding: 4px;
  text-align: center;
}
div.newtraditional div.field label {
  line-height: 30px;
  margin: 0 auto;
  padding: 0px 5px 0px 5px;
  text-align: left;
  white-space: nowrap;
  width: 20%;
}
div.newtraditional div.field input[type=date],
div.newtraditional div.field input[type=tel],
div.newtraditional div.field input[type=text],
div.newtraditional div.field input[type=time] {
  border: none;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  height: 30px;
  margin: 0 auto;
  padding: 0px 10px 0px 10px;
  text-align: left;
  width: 80%;
}
div.newtraditional div.field select {
  appearance: none;
  border: none;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #111111;
  cursor: pointer;
  height: 30px;
  margin: 0 auto;
  padding: 0px 10px 0px 10px;
  text-align: center;
  width: 100%;
}
div.newtraditional div.labelfield {
  align-items: center;
  background: #cccccc;
  border-radius: 19px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  max-width: 100%;
  padding: 4px;
}
div.newtraditional div.labelfield .left {
  margin: 0 auto;
  min-width: 170px;
  padding: 10px;
  width: 50%;
}
div.newtraditional div.labelfield .left .statement {
  display: inline-flex;
  width: 160px;
}
div.newtraditional div.labelfield .left .statement p {
  line-height: 24px;
  text-align: center;
  width: 100%;
}
div.newtraditional div.labelfield .right {
  margin: 0 auto;
  min-width: 100px;
  padding: 10px;
  width: 50%;
}
div.newtraditional div.labelfield .right .line1 {
  width: 100%;
}
div.newtraditional div.labelfield .right .line1 .label1 {
  background: #fafafa;
  border-top-left-radius: 5px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  cursor: pointer;
  display: inline;
  line-height: 65px;
  padding: 24px 10px 24px 10px;
  width: 40px;
}
div.newtraditional div.labelfield .right .line1 .label2 {
  background: #fafafa;
  border-top-right-radius: 5px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  cursor: pointer;
  display: inline;
  line-height: 65px;
  padding: 24px 10px 24px 10px;
  width: 40px;
}
div.newtraditional div.labelfield .right .line2 {
  width: 100%;
}
div.newtraditional div.labelfield .right .line2 .label3 {
  background: #fafafa;
  border-bottom-left-radius: 5px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  cursor: pointer;
  display: inline;
  line-height: 65px;
  padding: 24px 10px 24px 10px;
  width: 40px;
}
div.newtraditional div.labelfield .right .line2 .label4 {
  background: #fafafa;
  border-bottom-right-radius: 5px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  cursor: pointer;
  display: inline;
  line-height: 65px;
  padding: 24px 10px 24px 10px;
  width: 40px;
}
div.newtraditional div.labelfield input[type=radio] {
  width: 20px;
}
div.newtraditional .serviceinfo table {
  padding: 10px 0px 10px 0px;
}
div.newtraditional .serviceinfo table tr td.service {
  border-right: 1px solid #303030;
  width: 20px;
}
div.newtraditional .serviceinfo table tr td.service p {
  font-weight: bold;
  line-height: 16px;
  margin: 0px -30px 0px -30px;
  rotate: 270deg;
  text-align: center;
  white-space: nowrap;
}
div.newtraditional .serviceinfo table tr td.statement {
  border-bottom: 1px solid #303030;
  line-height: 20px;
  padding: 4px 8px 4px 8px;
}
div.newtraditional .serviceinfo table tr td.statement i {
  font-weight: 300;
}
div.newtraditional .collectioninfo p {
  line-height: 20px;
  padding: 10px 20px 10px 20px;
  text-align: left;
}
div.newtraditional .collectioninfo p u {
  font-weight: bold;
}
div.newtraditional .history {
  margin: 0 auto;
  margin-top: 24px;
  width: 100%;
}
div.newtraditional .history hr {
  display: none;
}
div.newtraditional .history h2 {
  border: none;
  margin-bottom: 12px;
}
div.newtraditional .history table, div.newtraditional .history tbody {
  table-layout: fixed;
  width: 100%;
}
div.newtraditional .history table th, div.newtraditional .history table td, div.newtraditional .history tbody th, div.newtraditional .history tbody td {
  text-align: center;
  width: 25%;
}

@media (max-width: 480px) {
  div.newtraditional {
    width: 90%;
  }
  div.newtraditional div.field label {
    text-align: center;
    width: 100px;
  }
  div.newtraditional div.field input {
    width: 280px;
  }
}
@media (prefers-color-scheme: dark) {
  div.field {
    background: #1e1e1e !important;
    color: #fafafa;
  }
  div.field input[type=date],
  div.field input[type=tel],
  div.field input[type=text],
  div.field input[type=time] {
    border: none;
    color: #fafafa;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  div.field select {
    appearance: none;
    border: none;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
    color: #fafafa !important;
  }
  div.labelfield {
    background: #1e1e1e !important;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  div.labelfield .right .line1 .label1 {
    background: #111111 !important;
    border: 0.5px solid rgba(250, 250, 250, 0.7333333333);
    color: #fafafa;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  div.labelfield .right .line1 .label2 {
    background: #111111 !important;
    border: 0.5px solid rgba(250, 250, 250, 0.7333333333);
    color: #fafafa;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  div.labelfield .right .line2 .label3 {
    background: #111111 !important;
    border: 0.5px solid rgba(250, 250, 250, 0.7333333333);
    color: #fafafa;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  div.labelfield .right .line2 .label4 {
    background: #111111 !important;
    border: 0.5px solid rgba(250, 250, 250, 0.7333333333);
    color: #fafafa;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  }
  .serviceinfo table tr td.service {
    border-right: 1px solid #fafafa;
    color: #fafafa;
  }
  .serviceinfo table tr td.statement {
    border-bottom: 1px solid #fafafa;
    color: #fafafa;
  }
}
.checkbox select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  visibility: hidden;
  position: absolute;
  left: 0;
}
.checkbox input + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: 4px solid transparent;
  border-radius: 24px;
  padding: 0px;
  color: #111;
  line-height: 1em;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
body.dark .checkbox input + i {
  background-color: #999;
}
.checkbox input [type=checkbox] + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px;
}
.checkbox input[type=checkbox]:checked + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  opacity: 1;
  transform: scale(1);
}
.checkbox input[type=checkbox] + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  content: "";
  border: 4px solid #303030;
  border-radius: 24px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 1em;
  margin: 0px 0px 0px -4px;
  position: absolute;
  transition: all 0.25s ease;
  transform: scale(0);
  opacity: 0;
}
body.dark .checkbox input[type=checkbox] + i:before {
  border-color: #fdfdfd;
}
.checkbox .inputin {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fdfdfd;
  border: 4px solid #f1f1f5;
  border-radius: 15px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 12px;
  margin: 0px -4px 0px -4px;
  padding: 4.5px;
}
.checkbox ul {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
  text-align: center;
}
.checkbox ul li {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-flex;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
}

.radio select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}
.radio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  visibility: hidden;
  position: absolute;
  left: 0;
}
.radio input + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: 4px solid transparent;
  border-radius: 24px;
  padding: 0px;
  color: #111;
  line-height: 1em;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
body.dark .radio input + i {
  background-color: #999;
}
.radio input [type=radio] + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px;
}
.radio input[type=radio]:checked + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  opacity: 1;
  transform: scale(1);
}
.radio input[type=radio] + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  content: "";
  border: 4px solid #303030;
  border-radius: 24px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  line-height: 1em;
  margin: 0px 0px 0px -4px;
  position: absolute;
  transition: all 0.25s ease;
  transform: scale(0);
  opacity: 0;
}
body.dark .radio input[type=radio] + i:before {
  border-color: #fdfdfd;
}
.radio .inputin {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fdfdfd;
  border: 4px solid #f1f1f5;
  border-radius: 15px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 12px;
  margin: 0px -4px 0px -4px;
  padding: 4.5px;
}
.radio ul {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
  text-align: center;
}
.radio ul li {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: inline-flex;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
}

/*
* { // enmarcado e anulación de toda selección do usuario
    margin: 0; padding: 0; box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    // evitar resaltado 
    -webkit-tap-highlight-color: transparent;
    // evitar callouts
    -webkit-touch-callout: none;

    font-family:'Ubuntu',sans-serif;
    font-size:15px;
    font-size:normal;
    font-weight:400;
    letter-spacing:0.1px;
    transition: .2s ease all;

}

:root {
    --bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
    scrollbar-width: none;
}
*/
.cly__sc-1e9c128-1.dJBXcI {
  display: none !important;
}
.cly__sc-1e9c128-1.dJBXcI a {
  display: none !important;
}

.loginerror {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 100;
}
.loginerror div {
  text-align: center;
  width: 100%;
}
.loginerror div p {
  border-radius: 22px;
  margin: 0 auto;
  padding: 24px 24px 12px 24px;
  text-align: center;
  max-width: 400px;
}
.loginerror div button {
  margin-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
}

.main-card {
  background-color: #fdfdfd;
  border: solid 1.5px transparent;
  border-radius: 22px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  margin: 12px 8px 0px 8px;
  padding: 0px 0px 0px 0px;
}
body.dark .main-card {
  border: solid 1.5px #1b1c1c;
}
.main-card .middletop .progress {
  background-color: #dfdfdf;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  display: flex;
  margin: 0px;
  margin-left: -1.5px;
  margin-right: -1.5px;
  margin-top: -1.5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 100% px;
  z-index: 100; /*
.progress1,.progress2,.progress3,.progress4 {
    font-size: 10px;
    height: 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
    z-index: -1;
    body.dark & {
        border: 5px solid #fdfdfd;
    }
}*/
}
.main-card .middletop .progress .progress1 {
  background-color: #3d3d42;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  color: #fdfdfd;
  font-family: "AllRound", sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 0.5px 12px 0px 0px;
  text-align: right;
  text-transform: uppercase;
  width: 90%;
}
.main-card .middletop .alldata {
  text-align: center;
}
.main-card .middledown {
  margin-bottom: 12px;
}
.main-card .middledown .origin, .main-card .middledown .destination {
  align-items: center;
  display: flex;
  height: 50px;
  margin: 0px 12px 0px 12px;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-align: left;
}
.main-card .middledown .origin .origindata, .main-card .middledown .origin .destinationdata, .main-card .middledown .destination .origindata, .main-card .middledown .destination .destinationdata {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 60px;
}
.main-card .middledown .origin .origindata .left, .main-card .middledown .origin .destinationdata .left, .main-card .middledown .destination .origindata .left, .main-card .middledown .destination .destinationdata .left {
  height: 50px;
  padding: 0px 0px 0px 0px;
  z-index: 20;
}
.main-card .middledown .origin .origindata .left .top, .main-card .middledown .origin .origindata .left .bottom, .main-card .middledown .origin .destinationdata .left .top, .main-card .middledown .origin .destinationdata .left .bottom, .main-card .middledown .destination .origindata .left .top, .main-card .middledown .destination .origindata .left .bottom, .main-card .middledown .destination .destinationdata .left .top, .main-card .middledown .destination .destinationdata .left .bottom {
  color: grey;
  display: flex;
}
.main-card .middledown .origin .origindata .left .top .left, .main-card .middledown .origin .origindata .left .top .right, .main-card .middledown .origin .origindata .left .bottom .left, .main-card .middledown .origin .origindata .left .bottom .right, .main-card .middledown .origin .destinationdata .left .top .left, .main-card .middledown .origin .destinationdata .left .top .right, .main-card .middledown .origin .destinationdata .left .bottom .left, .main-card .middledown .origin .destinationdata .left .bottom .right, .main-card .middledown .destination .origindata .left .top .left, .main-card .middledown .destination .origindata .left .top .right, .main-card .middledown .destination .origindata .left .bottom .left, .main-card .middledown .destination .origindata .left .bottom .right, .main-card .middledown .destination .destinationdata .left .top .left, .main-card .middledown .destination .destinationdata .left .top .right, .main-card .middledown .destination .destinationdata .left .bottom .left, .main-card .middledown .destination .destinationdata .left .bottom .right {
  display: block;
  font-family: "AllRound", sans-serif;
  font-size: 11px;
  line-height: 14px;
  padding: 1px 0px 0px 1px;
  text-align: center;
}
.main-card .middledown .origin .origindata .left .top .left i, .main-card .middledown .origin .origindata .left .top .right i, .main-card .middledown .origin .origindata .left .bottom .left i, .main-card .middledown .origin .origindata .left .bottom .right i, .main-card .middledown .origin .destinationdata .left .top .left i, .main-card .middledown .origin .destinationdata .left .top .right i, .main-card .middledown .origin .destinationdata .left .bottom .left i, .main-card .middledown .origin .destinationdata .left .bottom .right i, .main-card .middledown .destination .origindata .left .top .left i, .main-card .middledown .destination .origindata .left .top .right i, .main-card .middledown .destination .origindata .left .bottom .left i, .main-card .middledown .destination .origindata .left .bottom .right i, .main-card .middledown .destination .destinationdata .left .top .left i, .main-card .middledown .destination .destinationdata .left .top .right i, .main-card .middledown .destination .destinationdata .left .bottom .left i, .main-card .middledown .destination .destinationdata .left .bottom .right i {
  font-size: 9px;
  line-height: 11.5px;
}
.main-card .middledown .origin .origindata .left .top .left, .main-card .middledown .origin .origindata .left .bottom .left, .main-card .middledown .origin .destinationdata .left .top .left, .main-card .middledown .origin .destinationdata .left .bottom .left, .main-card .middledown .destination .origindata .left .top .left, .main-card .middledown .destination .origindata .left .bottom .left, .main-card .middledown .destination .destinationdata .left .top .left, .main-card .middledown .destination .destinationdata .left .bottom .left {
  width: 15px;
}
.main-card .middledown .origin .origindata .left .top .right, .main-card .middledown .origin .origindata .left .bottom .right, .main-card .middledown .origin .destinationdata .left .top .right, .main-card .middledown .origin .destinationdata .left .bottom .right, .main-card .middledown .destination .origindata .left .top .right, .main-card .middledown .destination .origindata .left .bottom .right, .main-card .middledown .destination .destinationdata .left .top .right, .main-card .middledown .destination .destinationdata .left .bottom .right {
  width: 40px;
}
.main-card .middledown .origin .origindata .left .top, .main-card .middledown .origin .destinationdata .left .top, .main-card .middledown .destination .origindata .left .top, .main-card .middledown .destination .destinationdata .left .top {
  height: 15px;
  padding-top: 3px;
}
.main-card .middledown .origin .origindata .left .bottom, .main-card .middledown .origin .destinationdata .left .bottom, .main-card .middledown .destination .origindata .left .bottom, .main-card .middledown .destination .destinationdata .left .bottom {
  height: 35px;
}
.main-card .middledown .origin .origindata .left .bottom .animation, .main-card .middledown .origin .destinationdata .left .bottom .animation, .main-card .middledown .destination .origindata .left .bottom .animation, .main-card .middledown .destination .destinationdata .left .bottom .animation {
  height: 28px;
  text-align: center;
  padding-top: 4px;
  width: 48px;
}
.main-card .middledown .origin .destinationdata .left .top .left, .main-card .middledown .destination .destinationdata .left .top .left {
  display: block;
}
.main-card .middledown .origin .destinationdata .left .top .left i.front, .main-card .middledown .destination .destinationdata .left .top .left i.front {
  float: left;
  font-size: 0.7em;
  margin-left: 5px;
  margin-top: -15px;
}
.main-card .middledown .origin p, .main-card .middledown .destination p {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 50px;
  line-height: 14px;
  margin: 0px 0px 0px 5px;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
.main-card .middledown .destination p {
  border-top: 0.5px solid #d5d4d6;
}

/*
section {
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    img {
        display:block;
        margin:0 auto;
        width: 200px;
    }
    .sectionin {
        border-radius: 22px;
        display:block;
        margin: 0 auto;
        margin-top: 20px;
        padding: 24px 16px 20px 16px;
        width:280px;
        h1 {
            font-size: 1.8em;
            margin-bottom: 12px;
        }
        button {
            text-transform: uppercase;
        }
    }
}*/
h1, h2, h3 {
  font-family: "AllRound", sans-serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 16px;
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
input[type=text],
input[type=time],
select, textarea {
  appearance: none;
  background-color: #fafafa;
  border: 1.5px solid #404040;
  border-radius: 100px;
  color: #111;
  font-size: 16px;
  user-select: text;
  outline: 0px;
  padding: 8px 8px;
}
input[type=date]:focus, input[type=date]:hover,
input[type=datetime-local]:focus,
input[type=datetime-local]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=text]:focus,
input[type=text]:hover,
input[type=time]:focus,
input[type=time]:hover,
select:focus,
select:hover, textarea:focus, textarea:hover {
  border: 1.5px solid transparent;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
select::placeholder, textarea::placeholder {
  color: #666666;
}
body.dark input[type=date],
body.dark input[type=datetime-local],
body.dark input[type=email],
body.dark input[type=number],
body.dark input[type=tel],
body.dark input[type=password],
body.dark input[type=text],
body.dark input[type=time],
body.dark select, body.dark textarea {
  background-color: #303030;
  color: #dfdfdf;
}
body.dark input[type=date]:focus, body.dark input[type=date]:hover,
body.dark input[type=datetime-local]:focus,
body.dark input[type=datetime-local]:hover,
body.dark input[type=email]:focus,
body.dark input[type=email]:hover,
body.dark input[type=number]:focus,
body.dark input[type=number]:hover,
body.dark input[type=tel]:focus,
body.dark input[type=tel]:hover,
body.dark input[type=password]:focus,
body.dark input[type=password]:hover,
body.dark input[type=text]:focus,
body.dark input[type=text]:hover,
body.dark input[type=time]:focus,
body.dark input[type=time]:hover,
body.dark select:focus,
body.dark select:hover, body.dark textarea:focus, body.dark textarea:hover {
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}
body.dark input[type=date]::placeholder,
body.dark input[type=datetime-local]::placeholder,
body.dark input[type=email]::placeholder,
body.dark input[type=number]::placeholder,
body.dark input[type=tel]::placeholder,
body.dark input[type=password]::placeholder,
body.dark input[type=text]::placeholder,
body.dark input[type=time]::placeholder,
body.dark select::placeholder, body.dark textarea::placeholder {
  color: #666;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0;
}

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 22px;
  cursor: pointer;
  font-family: "AllRound", sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 1px;
  margin: 10px 10px 10px 10px;
  padding: 4px 16px 4px 16px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

.air {
  height: 66px;
}

.hidden {
  display: none;
}

.hiddenimportant {
  display: none !important;
}

.cupo {
  cursor: pointer;
}

.disc_cont {
  position: relative;
}
.disc_cont .int {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 200px;
  width: 360px;
  margin: -100px 0 0 -180px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-animation: fadeinout 1s linear forwards;
  animation: fadeinout 1s linear forwards;
}
@-webkit-keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fadeinout {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.logincont {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 92px 24px 0px 24px;
  width: 100% auto;
  border-radius: 20px;
  padding: 12px;
}
@media (max-width: 480px) {
  .logincont {
    padding: 6px;
  }
}
.logincont .login {
  /*
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  margin: 112px 0px 24px 0px;
  */
  text-align: center;
  display: inline-block;
}
@media (max-width: 480px) {
  .logincont .login .nouser {
    width: 300px;
    margin: 12px 0px 0px 0px;
  }
}
.logincont .login .nouser {
  width: 360px;
  margin: 12px;
}
.logincont .login .nouser .content {
  margin: 0px 12px 12px 12px;
}
@media (max-width: 480px) {
  .logincont .login .logintotal1 {
    width: 300px;
    margin: 12px 0px 0px 0px;
  }
}
.logincont .login .logintotal1 {
  border: solid 1.5px transparent;
  border-radius: 16px;
  background-color: #fdfdfd;
  width: 360px;
  padding: 0px 0px 18px 0px;
  text-align: center;
  box-shadow: 0px 0px 12px 0px rgba(46, 42, 37, 0.3);
}
body.dark .logincont .login .logintotal1 {
  background-color: #1e1e1e;
  box-shadow: 0px 0px 12px 0px rgba(46, 42, 37, 0.3);
}
.logincont .login .logintotal1 .logintotal2 {
  width: 100% auto;
  height: 36px;
  border-bottom: solid 1.5px #111;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
  margin: 0px 0px 24px 0px;
  padding-top: 8px;
  background-color: #fdfdfd;
  color: #1e1e1e;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.1em;
}
body.dark .logincont .login .logintotal1 .logintotal2 {
  border-bottom: solid 1.5px #dfdfdf;
  background-color: #1e1e1e;
  color: #fdfdfd;
}
.logincont .login .logintotal1 .inputarea {
  margin: 12px 0px 12px 0px;
  text-align: center;
  width: 70%;
}
@media (max-width: 480px) {
  .logincont .login .logintotal3 {
    width: 300px;
  }
}
.logincont .login .logintotal3 {
  margin-top: 24px;
  width: 360px;
  padding: 8px;
  line-height: 2em;
  background-color: rgba(253, 253, 253, 0.7333333333);
  border-radius: 16px;
  box-shadow: 0px 0px 8px 0px rgba(46, 42, 37, 0.3);
}
body.dark .logincont .login .logintotal3 {
  background-color: rgba(30, 30, 30, 0.7333333333);
  color: #fdfdfd;
}
.logincont .login .logintotal3 .miniwini {
  text-align: center;
}
.logincont .login .logintotal3 .miniwini .button {
  display: inline-block;
  margin-top: 4px;
  height: 36px;
  padding-top: 0;
  box-shadow: 0px 0px 8px 0px rgba(46, 42, 37, 0.3);
}
body.dark .logincont .login .logintotal3 .miniwini .button {
  box-shadow: 0px 1px 5px 2px rgba(46, 42, 37, 0.3);
}
.logincont .login .logintotal3 .content {
  background-color: #fafafa;
  border-radius: 16px;
  margin: 24px 0px 24px 0px;
  padding: 12px;
}
body.dark .logincont .login .logintotal3 .content {
  background-color: #1e1e1e;
}
.logincont .login .logintotal3 .inputarea {
  appearance: none;
  -webkit-appearance: none;
  color: #111;
  margin: 8px 0px 8px 0px;
  line-height: normal;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 26px;
  width: 100%;
  padding-bottom: 0;
}
body.dark .logincont .login .logintotal3 .inputarea {
  color: #efefef;
}
.logincont .login .logintotal3 .inputarea::placeholder {
  color: #666;
}
body.dark .logincont .login .logintotal3 .inputarea::placeholder {
  color: #bfbfbf;
}
.logincont .capa, .logincont .capb, .logincont .capc, .logincont .capd, .logincont .cape, .logincont .capf, .logincont .capg, .logincont .caph, .logincont .capi, .logincont .capk, .logincont .capaum, .logincont .capdis {
  width: 24px;
  height: 24px;
  background-size: 24px;
  display: inline-block;
}
.logincont .capa {
  background-image: url("../../cont/system/img/cap/a-b.png");
}
body.dark .logincont .capa {
  background-image: url("cont/system/img/cap/a-w.png");
}
.logincont .capb {
  background-image: url("../../cont/system/img/cap/b-b.png");
}
body.dark .logincont .capb {
  background-image: url("cont/system/img/cap/b-w.png");
}
.logincont .capc {
  background-image: url("../../cont/system/img/cap/c-b.png");
}
body.dark .logincont .capc {
  background-image: url("cont/system/img/cap/c-w.png");
}
.logincont .capd {
  background-image: url("../../cont/system/img/cap/d-b.png");
}
body.dark .logincont .capd {
  background-image: url("cont/system/img/cap/d-w.png");
}
.logincont .cape {
  background-image: url("../../cont/system/img/cap/e-b.png");
}
body.dark .logincont .cape {
  background-image: url("cont/system/img/cap/e-w.png");
}
.logincont .capf {
  background-image: url("../../cont/system/img/cap/f-b.png");
}
body.dark .logincont .capf {
  background-image: url("cont/system/img/cap/f-w.png");
}
.logincont .capg {
  background-image: url("../../cont/system/img/cap/g-b.png");
}
body.dark .logincont .capg {
  background-image: url("cont/system/img/cap/g-w.png");
}
.logincont .caph {
  background-image: url("../../cont/system/img/cap/h-b.png");
}
body.dark .logincont .caph {
  background-image: url("cont/system/img/cap/h-w.png");
}
.logincont .capi {
  background-image: url("../../cont/system/img/cap/i-b.png");
}
body.dark .logincont .capi {
  background-image: url("cont/system/img/cap/i-w.png");
}
.logincont .capk {
  background-image: url("../../cont/system/img/cap/k-b.png");
}
body.dark .logincont .capk {
  background-image: url("cont/system/img/cap/k-w.png");
}
.logincont .capaum {
  background-image: url("../../cont/system/img/cap/o-b.png");
}
body.dark .logincont .capaum {
  background-image: url("cont/system/img/cap/o-w.png");
}
.logincont .capdis {
  background-image: url("../../cont/system/img/cap/p-b.png");
}
body.dark .logincont .capdis {
  background-image: url("cont/system/img/cap/p-w.png");
}

select {
  color: #999;
}
select option, select ul, select li {
  color: #999;
}

#riazor {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: -1000;
}

.confirmaction {
  width: 100%;
  margin-top: 36px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  text-transform: initial;
}
.confirmaction .icono {
  margin-bottom: 24px;
  font-size: 10em;
}
.confirmaction p {
  font-size: 24px;
  margin: 12px 0px 12px 0px;
}
.confirmaction .mensaxe {
  font-size: 16px;
  line-height: 22px;
}
.confirmaction {
  /*
  button, .button {
      background-color: #fdfdfd;
      color: #909090;
  }*/
}

.avatar {
  float: left;
  margin: 5px 6px 6px 6px;
  width: 56px;
  height: 54px;
}
.avatar .avatarzi1 {
  z-index: 1;
}
.avatar .avatarzi2 {
  z-index: 2;
}
.avatar .avatarzi1, .avatar .avatarzi2 {
  position: absolute;
}
.avatar .avatarzi1 img, .avatar .avatarzi2 img {
  width: 54px;
  border: solid 3px #ccff00;
  border-radius: 75px;
}

.icoenvrec {
  color: #303030;
  font-size: 16px;
  margin-left: 3px;
  white-space: nowrap;
  overflow-x: hidden;
  margin-right: 0px;
}
body.dark .icoenvrec {
  color: #999;
}

#selectormns {
  width: 100% auto;
  margin: 16px;
  padding: 8px 8px 24px 8px;
  border-radius: 22px;
  background-color: #fdfdfd;
  text-align: center;
}
body.dark #selectormns {
  background-color: #111;
}
#selectormns .title {
  width: 100%;
  height: 36px;
  border-radius: 18px;
  color: #303030;
  line-height: 2em;
  border: solid 2px transparent;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
body.dark #selectormns .title {
  color: #fdfdfd;
}
#selectormns #selector {
  width: 100% auto;
  margin: 24px;
  text-align: center;
}
#selectormns #selector .button {
  width: 100%;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border: solid 2px transparent;
  border-radius: 30px;
  background-color: #fdfdfd;
  color: #111;
  text-align: left;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 0em;
  line-height: 3em;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
  z-index: 1;
}
body.dark #selectormns #selector .button {
  background-color: #303030;
  color: #fdfdfd;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
#selectormns #selector .button:hover {
  background-color: #999;
  color: #fdfdfd;
}
body.dark #selectormns #selector .button:hover {
  background-color: #999;
  color: #111;
}
#selectormns #selector .avatar img {
  margin: 0px;
  padding: 0px;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  z-index: 2;
}
#selectormns #selector .text {
  margin-top: 6px;
  font-weight: 600;
}
#selectormns #senasign {
  width: 100% auto;
  margin: 24px;
  text-align: center;
}
#selectormns #senasign .button {
  width: 100%;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border: solid 2px transparent;
  border-radius: 30px;
  background-color: #fdfdfd;
  color: #303030;
  text-align: left;
  font-size: 16px;
  letter-spacing: 0em;
  line-height: 3em;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
  z-index: 1;
}
body.dark #selectormns #senasign .button {
  background-color: #303030;
  color: #fdfdfd;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
#selectormns #senasign .button:hover {
  background-color: #999;
  color: #fdfdfd;
}
body.dark #selectormns #senasign .button:hover {
  background-color: #999;
  color: #111;
}
#selectormns #senasign .avatar img {
  margin: 4px 0px 0px 2px;
  padding: 0px;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  z-index: 2;
}
#selectormns #senasign .avatar .fa-user-slash {
  margin-top: 8px;
  margin-left: 8px;
}
#selectormns #senasign .text {
  margin-top: 4px;
  font-weight: 600;
}

div.cookieswidget {
  bottom: 0;
  left: 0;
  background: transparent;
  display: none;
  position: fixed;
  right: 0;
  transition: height 3s;
}
div.cookieswidget .cookiescontent {
  background: #fdfdfd;
  border-radius: 12px;
  font-size: 12px;
  margin: 24px 24px 60px 24px;
  padding: 12px;
}
div.cookieswidget .cookiescontent p, div.cookieswidget .cookiescontent a {
  font-size: 12px;
}

.file-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 12px 0px 6px 0px;
  width: 120px;
  height: 120px;
}

.file-select::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0px 0px 0px 0px;
  padding-top: 0px;
  border-radius: 24px;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  content: "\f030";
  font-family: "Font Awesome 7 Free";
  font-weight: 400;
  font-size: 2.8em;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #303030;
}
body.dark .file-select::before {
  background-color: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 4px 0 rgba(46, 42, 37, 0.3);
  color: #f1f1f5;
}

.file-select.has-photo::before {
  content: "";
  background-image: var(--photo);
  background-size: cover;
  background-position: center;
}

.file-select input[type=file] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

#src-file1::before {
  content: "Seleccionar Archivo 1";
}

#src-file2::before {
  content: "Seleccionar Archivo 2";
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: transparent;
  z-index: 99999999;
  cursor: pointer;
}
body.dark .modal {
  background-color: transparent;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-dialog {
  position: relative;
  margin: auto;
  max-width: 800px;
  max-height: 80vh;
  overflow: auto;
  border: solid 1px rgba(255, 255, 255, 0.55);
  border-radius: 28px;
  cursor: default;
  background: rgba(241, 241, 245, 0.45);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  color: #303030;
  font-size: 16px;
  box-shadow: 0 12px 40px rgba(64, 60, 67, 0.22);
}
.modal-dialog .texto {
  text-transform: none;
  line-height: 24px;
}
body.dark .modal-dialog {
  background: rgba(22, 22, 24, 0.4);
  border-color: rgba(255, 255, 255, 0.08);
  color: #fdfdfd;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}

.modal-dialog > * {
  padding: 1rem;
}

.modal-header {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  margin: 8px 8px 0px 8px;
  padding: 2px 4px 0px 12px;
  border: solid 2px transparent;
  border-radius: 24px;
  color: #111;
  box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.3);
}
body.dark .modal-header {
  color: #fdfdfd;
}

.modal-footer {
  background: transparent;
  padding-top: 8px;
  margin-top: 8px;
}
.modal-footer p {
  text-transform: none;
}
.modal-footer .hold-confirm {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.modal-footer .separa {
  border: dashed 2px #f1f1f5;
  margin: 6px 24px 24px 24px;
}
.modal-footer .idnumber {
  align-items: center;
  display: flex;
  margin: 0 auto;
  margin-top: 20px;
  width: fit-content;
  max-width: 100%;
  z-index: 0;
}
.modal-footer .idnumber .content {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 0;
}
.modal-footer .idnumber .content select, .modal-footer .idnumber .content input.num, .modal-footer .idnumber .content button {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #303030;
  border-radius: 25px;
}
body.dark .modal-footer .idnumber .content select, body.dark .modal-footer .idnumber .content input.num, body.dark .modal-footer .idnumber .content button {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 4px 0 rgba(46, 42, 37, 0.3);
  color: #f1f1f5;
}
.modal-footer .idnumber .content select:disabled, .modal-footer .idnumber .content input.num:disabled, .modal-footer .idnumber .content button:disabled {
  opacity: 1;
  cursor: default;
}
.modal-footer .idnumber .content select {
  appearance: none;
  cursor: pointer;
  height: 50px;
  margin: 0px;
  text-align: center;
  text-align-last: center;
  font-size: 14px;
  width: 50px;
}
.modal-footer .idnumber .content input.num {
  cursor: text;
  height: 50px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
  z-index: 0;
}
.modal-footer .idnumber .content input.le2 {
  background: none;
  border: none;
  cursor: default;
  height: 50px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  width: 20px;
}
.modal-footer .idnumber .content input.le2:hover {
  box-shadow: none;
}
.modal-footer .idnumber .content input.le2:focus {
  box-shadow: none;
}
.modal-footer .idnumber .content input.idnumber {
  display: none;
}
.modal-footer .idnumber .content button {
  height: 50px;
  margin: 0px;
  width: 50px;
}
.modal-footer .idnumber .content button.ok {
  background: green !important;
}
.modal-footer .idnumber .content button.ko {
  background: red !important;
}
.modal-footer .idnumber div.res {
  margin-left: 70px;
  margin-top: 48px;
  position: absolute;
  width: 160px;
  z-index: 1000;
}
.modal-footer .idnumber div.res p.resin {
  color: #a5a4a6;
  font-family: "AllRound", sans-serif !important;
  font-size: 20px !important;
}
.modal-footer .retorno {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 48px 0 24px 0;
  font-size: 20px;
}
.modal-footer .retorno .retorno-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.modal-footer .retorno input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.modal-footer .retorno .retorno-switch {
  position: relative;
  flex: 0 0 auto;
  width: 52px;
  height: 30px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
  transition: background 0.2s ease, border-color 0.2s ease;
}
.modal-footer .retorno .retorno-switch::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
body.dark .modal-footer .retorno .retorno-switch {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
}
.modal-footer .retorno input[type=checkbox]:checked + .retorno-switch {
  background: #2e9e3f;
  border-color: #2e9e3f;
}
.modal-footer .retorno input[type=checkbox]:checked + .retorno-switch::after {
  transform: translateY(-50%) translateX(22px);
}
.modal-footer button, .modal-footer .button {
  margin-top: 24px;
  padding: 0px 0px 0px 4px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  border-radius: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #303030;
}
.modal-footer button:hover, .modal-footer .button:hover {
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}
body.dark .modal-footer button, body.dark .modal-footer .button {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 4px 0 rgba(46, 42, 37, 0.3);
  color: #f1f1f5;
}
body.dark .modal-footer button:hover, body.dark .modal-footer .button:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.modal-footer button.modalfooter5 {
  padding: 0px 0px 0px 4px;
  width: 48px;
  height: 48px;
  margin-left: 16px;
  line-height: 48px;
  font-size: 24px;
  border-radius: 100%;
  text-align: center;
}

.hold-confirm {
  position: relative;
  overflow: visible;
  --hold-color: currentColor;
}
.hold-confirm > i {
  position: relative;
  z-index: 2;
}
.hold-confirm::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--hold-color);
  opacity: 0;
  transform: scale(0);
  transform-origin: center;
  pointer-events: none;
  z-index: 1;
}
.hold-confirm::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid var(--hold-color);
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  z-index: 0;
}
.hold-confirm.holding::before {
  animation: holdFill 2s linear forwards;
}
.hold-confirm.holding::after {
  animation: holdRing 0.9s ease-out infinite;
}

.hold-confirm[data-st="6"] {
  --hold-color: #2e9e3f;
}

.hold-confirm[data-st="7"] {
  --hold-color: orange;
}

.hold-confirm[data-st="8"] {
  --hold-color: #e10d0d;
}

@keyframes holdFill {
  from {
    opacity: 0.3;
    transform: scale(0);
  }
  to {
    opacity: 0.3;
    transform: scale(1);
  }
}
@keyframes holdRing {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.85);
  }
}
.modal p + p {
  margin-top: 1rem;
}

.closemodalico {
  color: #111;
}
body.dark .closemodalico {
  color: #fdfdfd;
}

.close-modal:hover {
  color: #fdfdfd;
  cursor: pointer;
}

[data-animation] .modal-dialog {
  opacity: 0;
  transition: all 0.5s var(--bounceEasing);
}

[data-animation].is-visible .modal-dialog {
  opacity: 1;
  transition-delay: 0.2s;
}

[data-animation=slideInOutDown] .modal-dialog {
  transform: translateY(100%);
}

[data-animation=slideInOutTop] .modal-dialog {
  transform: translateY(-100%);
}

[data-animation=slideInOutLeft] .modal-dialog {
  transform: translateX(-100%);
}

[data-animation=slideInOutRight] .modal-dialog {
  transform: translateX(100%);
}

[data-animation=zoomInOut] .modal-dialog {
  transform: scale(0.2);
}

[data-animation=rotateInOutDown] .modal-dialog {
  transform-origin: top left;
  transform: rotate(-1turn);
}

[data-animation=mixInAnimations].is-visible .modal-dialog {
  animation: mixInAnimations 2s 0.2s linear forwards;
}

[data-animation=slideInOutDown].is-visible .modal-dialog,
[data-animation=slideInOutTop].is-visible .modal-dialog,
[data-animation=slideInOutLeft].is-visible .modal-dialog,
[data-animation=slideInOutRight].is-visible .modal-dialog,
[data-animation=zoomInOut].is-visible .modal-dialog,
[data-animation=rotateInOutDown].is-visible .modal-dialog {
  transform: yes;
}

@keyframes mixInAnimations {
  0% {
    transform: translateX(-100%);
  }
  10% {
    transform: translateX(0);
  }
  20% {
    transform: rotate(20deg);
  }
  30% {
    transform: rotate(-20deg);
  }
  40% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(10deg);
  }
  70% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.salida_telegram {
  display: none;
}

body {
  font-weight: 400;
  letter-spacing: 0;
  scrollbar-width: none;
  z-index: -10;
}
body.dark {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  scrollbar-width: none;
}
body #content {
  min-width: 320px;
}
body #pagewrap {
  margin: 0 auto;
  margin-top: 0px;
  max-width: 720px;
  min-width: 320px;
  padding: 56px 0px 16px 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

#bgwrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
}

/*header, #header {
    display:flex;
    left: 0px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% auto;
    z-index: 999999999;
    .logo {
        align-items:center;
        border-radius:25px;
        display:flex;
        height: 50px;
        left:12px;
        position:absolute;
        top:12px;
        width: 140px;
        img {
            border-radius:25px;
            box-shadow: 0 2px 5px 1px rgb(64 60 67 / 36%);
            cursor: pointer;
            height: 50px;
            margin: 0px;
            position:relative;
            width: 50px;
        }
    }
    .center {
        align-items:center;
        border-radius:25px;
        display:flex;
        height: 50px;
        margin:0 auto;
        margin-top:12px;
        text-align:center;
        width:auto;
        .acceso {
            border-radius: 100px;
            cursor: pointer;
            font-family: 'AllRound', sans-serif;
            font-size: 15px;
            float: left;
            height: 34px;
            margin: 8px 8px 8px 8px;
            padding: 7.5px 0px 0px 1.5px;
            text-align: center;
            width: 34px;
            &.hora, &.hr {
                font-size: 12px;
                line-height: 11px;
                padding-top: 5px;
            }
        }
        ul {
            list-style: none;
            text-align: center;
            width: 100% auto;
            li {
                border: 1px solid transparent;
                border-radius: 100px;
                cursor: pointer;
                font-size: 16px;
                font-weight: 700;
                height: 40px;
                letter-spacing: 0.5px;
                margin: 10px;
                padding: 5px 6.5px 0px 12px;
                text-align: right;
                &:hover {
                        box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
                }
                i {
                    border-radius: 100px;
                    font-size: 14px;
                    height: 28px;
                    margin-left: 12px;
                    padding: 7px 0px 0px 1.5px;
                    text-align: center;
                    width: 28px;
                }
            }
        }
    }
    nav {
        border-radius:25px;
        display:flex;
        margin:12px 12px 0px 2px;
        position:absolute;
        right:0;
        top:0;
        text-align:right;
        width:auto;
        .acceso {
            border-radius: 100px;
            cursor: pointer;
            font-family: 'AllRound', sans-serif;
            font-size: 15px;
            float: left;
            height: 34px;
            margin: 8px 8px 8px 8px;
            padding: 7.5px 0px 0px 1.5px;
            text-align: center;
            width: 34px;
            &.hora, &.hr {
                font-size: 12px;
                line-height: 11px;
                padding-top: 5px;
            }
        }
    }
    .navi {
        height: 50px;
        width: 100% auto;
        margin: 0px 0px 0px 0px;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
        z-index: 4;
        .logo {
            align-items: center;
            display: flex;
            float: left;
            height: 36px;
            margin: 7px 2px 0px 20px;
            width: auto;
            img {
                background-repeat: no-repeat;
                cursor: pointer;
                height: 100% auto;
                margin: 0 auto;
                max-width: 80px;
                width: 100% auto;
            }
        }
        nav, .dere {
            float: right;
            right: 0;
            top: 0;
            width: auto;
            margin: 0px 0px 0px 2px;
            text-align: right;
            display: flex;
            .acceso {
                border-radius: 100px;
                cursor: pointer;
                font-family: 'AllRound', sans-serif;
                font-size: 15px;
                float: left;
                height: 34px;
                margin: 8px 8px 0px 8px;
                padding: 7.5px 0px 0px 1.5px;
                text-align: center;
                width: 34px;
                &.hora, &.hr {
                    font-size: 12px;
                    line-height: 11px;
                    padding-top: 5px;
                }
            }
            .switch {
                position: relative;
                width: 32px;
                margin: 10px 16px 0px 4px;
            }
            .modo { // switch modo claro/escuro
                background: #dfdfdf;
                color: #303030;
                border-radius: 1000px;
                border: none;
                outline: none;
                padding: 0;
                height: 20px;
                position: relative;
                display: flex;
                cursor: pointer;
                box-shadow: none;
                &::after {
                    background: #fdfdfd;
                    content: "";
                    display: block;
                    width: 20px; height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: unset;
                    border-radius: 100px;
                    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
                }
                &:hover {
                    background-color:#dfdfdf;
                    color: none;
                }
                &.activo {
                    background: #303030;
                    color: #dfdfdf;
                    &::after {
                        right: 0;
                        left: unset;
                    }
                }
                span {
                    background: none;
                    width: 20px; height: 20px;
                    line-height: 21px;
                    display: block;
                    color: #999;
                }
            }
        }
    }
    .menucontainer {
        position: fixed; right: 0; left: 0;
        top: 50x;
        z-index: -12;
        .headerlogin {
            border-bottom-right-radius: 22px;
            border-bottom-left-radius: 22px;
            box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
            float:right;
            margin: -400px 30px 0px 30px;
            padding: 20px 10px 12px 10px;
            text-align: center;
            transition-duration: 1s;
            body.dark & {
                border: 1.5px solid #303030;
                border-top: 0px;
            }
            input {
                margin:6px;
                text-align: center;
            }
        }
        .menutop {
            border: 1.5px solid transparent;
            border-bottom-right-radius: 22px;
            border-bottom-left-radius: 22px;
            border-top: none !important;
            float:right;
            margin: -1000px 30px 0px 0px;
            transition-duration: 1s;
            body.dark & {
                border: 1.5px solid #303030;
            }
            ul {
                background-color: #fdfdfd;
                border-bottom-right-radius: 20.5px;
                border-bottom-left-radius: 20.5px;
                box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
                list-style: none;
                padding: 12px 12px 16px 12px;
                text-align: center;
                width: 100% auto;
                body.dark & {
                    background-color: #111111;
                }
                li {
                    border: 1px solid transparent;
                    border-radius: 100px;
                    font-size: 16px;
                    font-weight: 700;
                    height: 40px;
                    letter-spacing: 0.5px;
                    margin: 10px 10px 10px 10px;
                    padding: 5px 6.5px 0px 12px;
                    color: #303030;
                    text-align: right;
                    cursor: pointer;
                    body.dark & {
                        color: #dfdfdf;
                    }
                    &:hover {
                            box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
                        body.dark & {
                            border: 1px solid white;
                        }
                    }
                    i {
                        background-color: #eeeeef;
                        border-radius: 100px;
                        font-size: 14px;
                        height: 28px;
                        margin-left: 12px;
                        padding: 7px 0px 0px 1.5px;
                        text-align: center;
                        width: 28px;
                        body.dark & {
                            background-color: #3d3d42;
                        }
                    }
                }
                .langavi {
                    padding: 64px 20px 48px 20px;
                    line-height: 36px;
                    body.dark & {
                        color: #eeeeef;
                    }
                }
            }
        }
        #selfiltros {
            margin: -450px 30px 0px 30px;
            transition-duration: 1s;
            .selfiltros {
                width: 100% auto;
                padding: 12px 0px 12px 0px;
                border-top: solid 2px transparent;
                border-bottom-right-radius: 22px;
                border-bottom-left-radius: 22px;
                text-align: center;
                font-size: 16px;
                font-weight: 400;
                letter-spacing: 0.1em;

                body.dark & {
                    border: 1.5px solid #303030;
                    border-top: 0px;
                }
                p {
                    margin: 8px 0px 8px 0px;
                    line-height: 32px;
                    label {
                        margin: 0px 4px 0px 4px;
                    }
                }
                select {
                    margin-bottom: -20px;
                    height: 26px;
                    background-color: transparent;
                    border: solid 1.5px #111;
                    border-radius: 4px;
                    padding: 0px 4px 0px 4px;
                    font-size: 16px;
                    text-align: center;
                    color: #303030;
                    appearance: none;
                    -webkit-appearance: none;
                    body.dark & {
                        background-color: transparent;
                        border: solid 1.5px #dfdfdf;
                        color: #fdfdfd;
                    }
                    & option {
                        border: solid 1.5px transparent;
                        border-radius: 4px;
                        color: #303030;
                        body.dark & {
                            border: solid 1.5px transparent;
                            border-radius: 4px;
                            background-color: #303030;
                            color: #dfdfdf;
                        }
                    }
                }
            }
        }
    }
}*/
.srvact, .srvfin, .srvcnl {
  margin: 12px 12px 0px 12px;
  padding: 0px 0px 0px 0px;
  border: solid 1.5px transparent;
  border-radius: 16px;
  text-transform: capitalize;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
}
body.dark .srvact, body.dark .srvfin, body.dark .srvcnl {
  border: solid 1.5px #1b1c1c;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.srvact .srvactid, .srvact .srvfinid, .srvact .srvcnlid, .srvfin .srvactid, .srvfin .srvfinid, .srvfin .srvcnlid, .srvcnl .srvactid, .srvcnl .srvfinid, .srvcnl .srvcnlid {
  position: relative;
  width: 100% auto;
  height: 32px;
  margin: -1.5px -1.5px 8px -1.5px;
  padding: 3px 0px 3px 4px;
  background-color: #fdfdfd;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border: solid 1.5px transparent;
  text-align: left;
  text-transform: uppercase;
  line-height: 26px;
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
}
body.dark .srvact .srvactid, body.dark .srvact .srvfinid, body.dark .srvact .srvcnlid, body.dark .srvfin .srvactid, body.dark .srvfin .srvfinid, body.dark .srvfin .srvcnlid, body.dark .srvcnl .srvactid, body.dark .srvcnl .srvfinid, body.dark .srvcnl .srvcnlid {
  background-color: #1b1c1c;
}
.srvact .srvactid .srvactidesq, .srvact .srvactid .srvfinidesq, .srvact .srvactid .srvcnlidesq, .srvact .srvfinid .srvactidesq, .srvact .srvfinid .srvfinidesq, .srvact .srvfinid .srvcnlidesq, .srvact .srvcnlid .srvactidesq, .srvact .srvcnlid .srvfinidesq, .srvact .srvcnlid .srvcnlidesq, .srvfin .srvactid .srvactidesq, .srvfin .srvactid .srvfinidesq, .srvfin .srvactid .srvcnlidesq, .srvfin .srvfinid .srvactidesq, .srvfin .srvfinid .srvfinidesq, .srvfin .srvfinid .srvcnlidesq, .srvfin .srvcnlid .srvactidesq, .srvfin .srvcnlid .srvfinidesq, .srvfin .srvcnlid .srvcnlidesq, .srvcnl .srvactid .srvactidesq, .srvcnl .srvactid .srvfinidesq, .srvcnl .srvactid .srvcnlidesq, .srvcnl .srvfinid .srvactidesq, .srvcnl .srvfinid .srvfinidesq, .srvcnl .srvfinid .srvcnlidesq, .srvcnl .srvcnlid .srvactidesq, .srvcnl .srvcnlid .srvfinidesq, .srvcnl .srvcnlid .srvcnlidesq {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  position: absolute;
  margin: 0px 0px 0px 6px;
  text-align: left;
}
.srvact .srvactid .srvactidesq .idnoav, .srvact .srvactid .srvfinidesq .idnoav, .srvact .srvactid .srvcnlidesq .idnoav, .srvact .srvfinid .srvactidesq .idnoav, .srvact .srvfinid .srvfinidesq .idnoav, .srvact .srvfinid .srvcnlidesq .idnoav, .srvact .srvcnlid .srvactidesq .idnoav, .srvact .srvcnlid .srvfinidesq .idnoav, .srvact .srvcnlid .srvcnlidesq .idnoav, .srvfin .srvactid .srvactidesq .idnoav, .srvfin .srvactid .srvfinidesq .idnoav, .srvfin .srvactid .srvcnlidesq .idnoav, .srvfin .srvfinid .srvactidesq .idnoav, .srvfin .srvfinid .srvfinidesq .idnoav, .srvfin .srvfinid .srvcnlidesq .idnoav, .srvfin .srvcnlid .srvactidesq .idnoav, .srvfin .srvcnlid .srvfinidesq .idnoav, .srvfin .srvcnlid .srvcnlidesq .idnoav, .srvcnl .srvactid .srvactidesq .idnoav, .srvcnl .srvactid .srvfinidesq .idnoav, .srvcnl .srvactid .srvcnlidesq .idnoav, .srvcnl .srvfinid .srvactidesq .idnoav, .srvcnl .srvfinid .srvfinidesq .idnoav, .srvcnl .srvfinid .srvcnlidesq .idnoav, .srvcnl .srvcnlid .srvactidesq .idnoav, .srvcnl .srvcnlid .srvfinidesq .idnoav, .srvcnl .srvcnlid .srvcnlidesq .idnoav {
  display: none;
}
.srvact .srvactid .srvactidesq .idsiav, .srvact .srvactid .srvfinidesq .idsiav, .srvact .srvactid .srvcnlidesq .idsiav, .srvact .srvfinid .srvactidesq .idsiav, .srvact .srvfinid .srvfinidesq .idsiav, .srvact .srvfinid .srvcnlidesq .idsiav, .srvact .srvcnlid .srvactidesq .idsiav, .srvact .srvcnlid .srvfinidesq .idsiav, .srvact .srvcnlid .srvcnlidesq .idsiav, .srvfin .srvactid .srvactidesq .idsiav, .srvfin .srvactid .srvfinidesq .idsiav, .srvfin .srvactid .srvcnlidesq .idsiav, .srvfin .srvfinid .srvactidesq .idsiav, .srvfin .srvfinid .srvfinidesq .idsiav, .srvfin .srvfinid .srvcnlidesq .idsiav, .srvfin .srvcnlid .srvactidesq .idsiav, .srvfin .srvcnlid .srvfinidesq .idsiav, .srvfin .srvcnlid .srvcnlidesq .idsiav, .srvcnl .srvactid .srvactidesq .idsiav, .srvcnl .srvactid .srvfinidesq .idsiav, .srvcnl .srvactid .srvcnlidesq .idsiav, .srvcnl .srvfinid .srvactidesq .idsiav, .srvcnl .srvfinid .srvfinidesq .idsiav, .srvcnl .srvfinid .srvcnlidesq .idsiav, .srvcnl .srvcnlid .srvactidesq .idsiav, .srvcnl .srvcnlid .srvfinidesq .idsiav, .srvcnl .srvcnlid .srvcnlidesq .idsiav {
  color: #e10d0d;
}
.srvact .srvactid .srvactidder, .srvact .srvactid .srvfinidder, .srvact .srvactid .srvcnlidder, .srvact .srvfinid .srvactidder, .srvact .srvfinid .srvfinidder, .srvact .srvfinid .srvcnlidder, .srvact .srvcnlid .srvactidder, .srvact .srvcnlid .srvfinidder, .srvact .srvcnlid .srvcnlidder, .srvfin .srvactid .srvactidder, .srvfin .srvactid .srvfinidder, .srvfin .srvactid .srvcnlidder, .srvfin .srvfinid .srvactidder, .srvfin .srvfinid .srvfinidder, .srvfin .srvfinid .srvcnlidder, .srvfin .srvcnlid .srvactidder, .srvfin .srvcnlid .srvfinidder, .srvfin .srvcnlid .srvcnlidder, .srvcnl .srvactid .srvactidder, .srvcnl .srvactid .srvfinidder, .srvcnl .srvactid .srvcnlidder, .srvcnl .srvfinid .srvactidder, .srvcnl .srvfinid .srvfinidder, .srvcnl .srvfinid .srvcnlidder, .srvcnl .srvcnlid .srvactidder, .srvcnl .srvcnlid .srvfinidder, .srvcnl .srvcnlid .srvcnlidder {
  line-height: 22px;
  float: right;
}
.srvact .srvactid .srvactidder .horasrv, .srvact .srvactid .srvactidder .area, .srvact .srvactid .srvactidder .opcions, .srvact .srvactid .srvactidder a, .srvact .srvactid .srvfinidder .horasrv, .srvact .srvactid .srvfinidder .area, .srvact .srvactid .srvfinidder .opcions, .srvact .srvactid .srvfinidder a, .srvact .srvactid .srvcnlidder .horasrv, .srvact .srvactid .srvcnlidder .area, .srvact .srvactid .srvcnlidder .opcions, .srvact .srvactid .srvcnlidder a, .srvact .srvfinid .srvactidder .horasrv, .srvact .srvfinid .srvactidder .area, .srvact .srvfinid .srvactidder .opcions, .srvact .srvfinid .srvactidder a, .srvact .srvfinid .srvfinidder .horasrv, .srvact .srvfinid .srvfinidder .area, .srvact .srvfinid .srvfinidder .opcions, .srvact .srvfinid .srvfinidder a, .srvact .srvfinid .srvcnlidder .horasrv, .srvact .srvfinid .srvcnlidder .area, .srvact .srvfinid .srvcnlidder .opcions, .srvact .srvfinid .srvcnlidder a, .srvact .srvcnlid .srvactidder .horasrv, .srvact .srvcnlid .srvactidder .area, .srvact .srvcnlid .srvactidder .opcions, .srvact .srvcnlid .srvactidder a, .srvact .srvcnlid .srvfinidder .horasrv, .srvact .srvcnlid .srvfinidder .area, .srvact .srvcnlid .srvfinidder .opcions, .srvact .srvcnlid .srvfinidder a, .srvact .srvcnlid .srvcnlidder .horasrv, .srvact .srvcnlid .srvcnlidder .area, .srvact .srvcnlid .srvcnlidder .opcions, .srvact .srvcnlid .srvcnlidder a, .srvfin .srvactid .srvactidder .horasrv, .srvfin .srvactid .srvactidder .area, .srvfin .srvactid .srvactidder .opcions, .srvfin .srvactid .srvactidder a, .srvfin .srvactid .srvfinidder .horasrv, .srvfin .srvactid .srvfinidder .area, .srvfin .srvactid .srvfinidder .opcions, .srvfin .srvactid .srvfinidder a, .srvfin .srvactid .srvcnlidder .horasrv, .srvfin .srvactid .srvcnlidder .area, .srvfin .srvactid .srvcnlidder .opcions, .srvfin .srvactid .srvcnlidder a, .srvfin .srvfinid .srvactidder .horasrv, .srvfin .srvfinid .srvactidder .area, .srvfin .srvfinid .srvactidder .opcions, .srvfin .srvfinid .srvactidder a, .srvfin .srvfinid .srvfinidder .horasrv, .srvfin .srvfinid .srvfinidder .area, .srvfin .srvfinid .srvfinidder .opcions, .srvfin .srvfinid .srvfinidder a, .srvfin .srvfinid .srvcnlidder .horasrv, .srvfin .srvfinid .srvcnlidder .area, .srvfin .srvfinid .srvcnlidder .opcions, .srvfin .srvfinid .srvcnlidder a, .srvfin .srvcnlid .srvactidder .horasrv, .srvfin .srvcnlid .srvactidder .area, .srvfin .srvcnlid .srvactidder .opcions, .srvfin .srvcnlid .srvactidder a, .srvfin .srvcnlid .srvfinidder .horasrv, .srvfin .srvcnlid .srvfinidder .area, .srvfin .srvcnlid .srvfinidder .opcions, .srvfin .srvcnlid .srvfinidder a, .srvfin .srvcnlid .srvcnlidder .horasrv, .srvfin .srvcnlid .srvcnlidder .area, .srvfin .srvcnlid .srvcnlidder .opcions, .srvfin .srvcnlid .srvcnlidder a, .srvcnl .srvactid .srvactidder .horasrv, .srvcnl .srvactid .srvactidder .area, .srvcnl .srvactid .srvactidder .opcions, .srvcnl .srvactid .srvactidder a, .srvcnl .srvactid .srvfinidder .horasrv, .srvcnl .srvactid .srvfinidder .area, .srvcnl .srvactid .srvfinidder .opcions, .srvcnl .srvactid .srvfinidder a, .srvcnl .srvactid .srvcnlidder .horasrv, .srvcnl .srvactid .srvcnlidder .area, .srvcnl .srvactid .srvcnlidder .opcions, .srvcnl .srvactid .srvcnlidder a, .srvcnl .srvfinid .srvactidder .horasrv, .srvcnl .srvfinid .srvactidder .area, .srvcnl .srvfinid .srvactidder .opcions, .srvcnl .srvfinid .srvactidder a, .srvcnl .srvfinid .srvfinidder .horasrv, .srvcnl .srvfinid .srvfinidder .area, .srvcnl .srvfinid .srvfinidder .opcions, .srvcnl .srvfinid .srvfinidder a, .srvcnl .srvfinid .srvcnlidder .horasrv, .srvcnl .srvfinid .srvcnlidder .area, .srvcnl .srvfinid .srvcnlidder .opcions, .srvcnl .srvfinid .srvcnlidder a, .srvcnl .srvcnlid .srvactidder .horasrv, .srvcnl .srvcnlid .srvactidder .area, .srvcnl .srvcnlid .srvactidder .opcions, .srvcnl .srvcnlid .srvactidder a, .srvcnl .srvcnlid .srvfinidder .horasrv, .srvcnl .srvcnlid .srvfinidder .area, .srvcnl .srvcnlid .srvfinidder .opcions, .srvcnl .srvcnlid .srvfinidder a, .srvcnl .srvcnlid .srvcnlidder .horasrv, .srvcnl .srvcnlid .srvcnlidder .area, .srvcnl .srvcnlid .srvcnlidder .opcions, .srvcnl .srvcnlid .srvcnlidder a {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  padding: 0px 4px 0px 4px;
}
.srvact .srvactid .srvactidder .opcions a, .srvact .srvactid .srvfinidder .opcions a, .srvact .srvactid .srvcnlidder .opcions a, .srvact .srvfinid .srvactidder .opcions a, .srvact .srvfinid .srvfinidder .opcions a, .srvact .srvfinid .srvcnlidder .opcions a, .srvact .srvcnlid .srvactidder .opcions a, .srvact .srvcnlid .srvfinidder .opcions a, .srvact .srvcnlid .srvcnlidder .opcions a, .srvfin .srvactid .srvactidder .opcions a, .srvfin .srvactid .srvfinidder .opcions a, .srvfin .srvactid .srvcnlidder .opcions a, .srvfin .srvfinid .srvactidder .opcions a, .srvfin .srvfinid .srvfinidder .opcions a, .srvfin .srvfinid .srvcnlidder .opcions a, .srvfin .srvcnlid .srvactidder .opcions a, .srvfin .srvcnlid .srvfinidder .opcions a, .srvfin .srvcnlid .srvcnlidder .opcions a, .srvcnl .srvactid .srvactidder .opcions a, .srvcnl .srvactid .srvfinidder .opcions a, .srvcnl .srvactid .srvcnlidder .opcions a, .srvcnl .srvfinid .srvactidder .opcions a, .srvcnl .srvfinid .srvfinidder .opcions a, .srvcnl .srvfinid .srvcnlidder .opcions a, .srvcnl .srvcnlid .srvactidder .opcions a, .srvcnl .srvcnlid .srvfinidder .opcions a, .srvcnl .srvcnlid .srvcnlidder .opcions a {
  cursor: pointer;
}
.srvact .opcionsin, .srvfin .opcionsin, .srvcnl .opcionsin {
  margin: 0px 4px 6px 4px;
  padding: 12px 8px 12px 8px;
  width: 100% auto;
  background: #eeeeef;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  display: none;
  transition: none;
}
.srvact .opcionsin a, .srvfin .opcionsin a, .srvcnl .opcionsin a {
  margin: 0px 6px 0px 6px;
  cursor: pointer;
}
.srvact .opcionsin .aviso, .srvfin .opcionsin .aviso, .srvcnl .opcionsin .aviso {
  margin: 10px 2px 4px 2px;
  font-weight: 600;
  text-transform: uppercase;
}
body.dark .srvact .opcionsin, body.dark .srvfin .opcionsin, body.dark .srvcnl .opcionsin {
  background: #98999e;
}
.srvact .infoampliada, .srvfin .infoampliada, .srvcnl .infoampliada {
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 4px 4px;
  display: none;
}
.srvact .infoampliada .infotec, .srvfin .infoampliada .infotec, .srvcnl .infoampliada .infotec {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}
.srvact .infoampliada .fotos, .srvfin .infoampliada .fotos, .srvcnl .infoampliada .fotos {
  text-align: center;
}
.srvact .infoampliada .fotos .fotosin, .srvfin .infoampliada .fotos .fotosin, .srvcnl .infoampliada .fotos .fotosin {
  margin: 0px auto;
}
.srvact .infoampliada .fotos .fotosin .fotoorixe, .srvact .infoampliada .fotos .fotosin .fotodestino, .srvfin .infoampliada .fotos .fotosin .fotoorixe, .srvfin .infoampliada .fotos .fotosin .fotodestino, .srvcnl .infoampliada .fotos .fotosin .fotoorixe, .srvcnl .infoampliada .fotos .fotosin .fotodestino {
  position: relative;
  width: 120px;
  height: 120px;
  text-align: center;
  border: solid 1.5px transparent;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  background-size: cover;
  cursor: pointer;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.srvact .infoampliada .fotos .fotosin .fotoorixe p, .srvact .infoampliada .fotos .fotosin .fotodestino p, .srvfin .infoampliada .fotos .fotosin .fotoorixe p, .srvfin .infoampliada .fotos .fotosin .fotodestino p, .srvcnl .infoampliada .fotos .fotosin .fotoorixe p, .srvcnl .infoampliada .fotos .fotosin .fotodestino p {
  margin-top: 4px;
  font-weight: 600;
  text-shadow: 0 0 3px #fdfdfd;
}
body.dark .srvact .infoampliada .fotos .fotosin .fotoorixe p, body.dark .srvact .infoampliada .fotos .fotosin .fotodestino p, body.dark .srvfin .infoampliada .fotos .fotosin .fotoorixe p, body.dark .srvfin .infoampliada .fotos .fotosin .fotodestino p, body.dark .srvcnl .infoampliada .fotos .fotosin .fotoorixe p, body.dark .srvcnl .infoampliada .fotos .fotosin .fotodestino p {
  text-shadow: 0 0 3px #111;
}
.srvact .infoampliada .fotobig, .srvfin .infoampliada .fotobig, .srvcnl .infoampliada .fotobig {
  display: none;
  width: 100%;
  padding: 80px 0px 80px 0px;
  text-align: center;
  margin: 0;
}
.srvact .infoampliada .fotobig img, .srvfin .infoampliada .fotobig img, .srvcnl .infoampliada .fotobig img {
  max-width: 100%;
  max-height: 800px;
  border-radius: 12px;
}
.srvact .opricoenvrec, .srvfin .opricoenvrec, .srvcnl .opricoenvrec {
  margin-left: 7px;
  font-size: 1em;
  margin-bottom: -2px;
  color: inherit;
}
.srvact .srvact_partner, .srvact .srvfin_partner, .srvact .srvcnl_partner, .srvact a, .srvfin .srvact_partner, .srvfin .srvfin_partner, .srvfin .srvcnl_partner, .srvfin a, .srvcnl .srvact_partner, .srvcnl .srvfin_partner, .srvcnl .srvcnl_partner, .srvcnl a {
  font-family: "Ubuntu", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0px 0px 0px 0px;
}
.srvact .srvact_enderezo, .srvact .srvfin_enderezo, .srvact .srvcnl_enderezo, .srvact p, .srvfin .srvact_enderezo, .srvfin .srvfin_enderezo, .srvfin .srvcnl_enderezo, .srvfin p, .srvcnl .srvact_enderezo, .srvcnl .srvfin_enderezo, .srvcnl .srvcnl_enderezo, .srvcnl p {
  font-family: "Ubuntu", sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
.srvact .percorridoestados, .srvfin .percorridoestados, .srvcnl .percorridoestados {
  width: 100% auto;
  margin: 0px 8px 20px 8px;
  height: 50px;
  overflow: hidden;
  clear: both;
}
.srvact .percorridoestadosconasign,
.srvact .percorridoestadosfinconasign, .srvfin .percorridoestadosconasign,
.srvfin .percorridoestadosfinconasign, .srvcnl .percorridoestadosconasign,
.srvcnl .percorridoestadosfinconasign {
  float: right;
  width: 56%;
  margin: 0px 8px 0px 8px;
  height: 50px;
  overflow: hidden;
  clear: both;
}
.srvact .ubicbotonasignar, .srvfin .ubicbotonasignar, .srvcnl .ubicbotonasignar {
  width: 100%;
  margin-top: 16px;
  text-align: center;
  font-size: 14px;
}
.srvact .ubicbotonasignar .botonasignar .button,
.srvact .ubicbotonasignar .senasignar .button, .srvfin .ubicbotonasignar .botonasignar .button,
.srvfin .ubicbotonasignar .senasignar .button, .srvcnl .ubicbotonasignar .botonasignar .button,
.srvcnl .ubicbotonasignar .senasignar .button {
  width: 100% auto;
  max-width: 100% auto;
  border: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 6px 9px 5.5px 11px;
  text-transform: capitalize;
}
body.dark .srvact .ubicbotonasignar .botonasignar .button,
body.dark .srvact .ubicbotonasignar .senasignar .button, body.dark .srvfin .ubicbotonasignar .botonasignar .button,
body.dark .srvfin .ubicbotonasignar .senasignar .button, body.dark .srvcnl .ubicbotonasignar .botonasignar .button,
body.dark .srvcnl .ubicbotonasignar .senasignar .button {
  background: #3d3d42;
}
.srvact .ubicbotonasignar .botonasignar .button:hover,
.srvact .ubicbotonasignar .senasignar .button:hover, .srvfin .ubicbotonasignar .botonasignar .button:hover,
.srvfin .ubicbotonasignar .senasignar .button:hover, .srvcnl .ubicbotonasignar .botonasignar .button:hover,
.srvcnl .ubicbotonasignar .senasignar .button:hover {
  border: 1.5px solid #020304;
  box-shadow: none;
}
body.dark .srvact .ubicbotonasignar .botonasignar .button:hover,
body.dark .srvact .ubicbotonasignar .senasignar .button:hover, body.dark .srvfin .ubicbotonasignar .botonasignar .button:hover,
body.dark .srvfin .ubicbotonasignar .senasignar .button:hover, body.dark .srvcnl .ubicbotonasignar .botonasignar .button:hover,
body.dark .srvcnl .ubicbotonasignar .senasignar .button:hover {
  border: 1.5px solid #eeeeef;
  box-shadow: none;
}
.srvact .ubicbotonasignar .botonasignar .button, .srvfin .ubicbotonasignar .botonasignar .button, .srvcnl .ubicbotonasignar .botonasignar .button {
  text-transform: capitalize;
}
.srvact .ubicbotonasignar .senasignar .button, .srvfin .ubicbotonasignar .senasignar .button, .srvcnl .ubicbotonasignar .senasignar .button {
  color: #e10d0d;
}
.srvact .percoin, .srvfin .percoin, .srvcnl .percoin {
  width: 20%;
  height: 50px;
  text-align: center;
  float: left;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
}
.srvact .percopre, .srvact .perconow, .srvact .percoact, .srvact .percosig, .srvfin .percopre, .srvfin .perconow, .srvfin .percoact, .srvfin .percosig, .srvcnl .percopre, .srvcnl .perconow, .srvcnl .percoact, .srvcnl .percosig {
  margin: 0 auto;
  text-align: center;
  border-radius: 100px;
}
.srvact .percopre, .srvfin .percopre, .srvcnl .percopre {
  width: 28px;
  height: 28px;
  margin-top: 6px;
  background-color: transparent;
  color: #999;
  font-size: 14px;
  line-height: 2em;
  z-index: 1;
  box-shadow: none;
}
.srvact .pr0, .srvfin .pr0, .srvcnl .pr0 {
  color: #e10d0d;
}
.srvact .pr1, .srvfin .pr1, .srvcnl .pr1 {
  color: orange;
}
.srvact .pr2, .srvfin .pr2, .srvcnl .pr2 {
  color: #111;
}
body.dark .srvact .pr2, body.dark .srvfin .pr2, body.dark .srvcnl .pr2 {
  color: #fdfdfd;
}
.srvact .perconow, .srvfin .perconow, .srvcnl .perconow {
  width: 28px;
  height: 28px;
  margin-top: 6px;
  background-color: transparent;
  color: #111;
  font-size: 14px;
  line-height: 2em;
  z-index: 1;
  box-shadow: none;
}
body.dark .srvact .perconow, body.dark .srvfin .perconow, body.dark .srvcnl .perconow {
  color: #fdfdfd;
}
.srvact .percoact, .srvfin .percoact, .srvcnl .percoact {
  width: 40px;
  height: 40px;
  margin-top: 6px;
  background-color: transparent;
  font-size: 8px;
  line-height: 2em;
}
.srvact .percoact button, .srvfin .percoact button, .srvcnl .percoact button {
  background-color: #eeeeef;
  border: solid 1.5px transparent;
  color: #020304;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.srvact .percoact button:hover, .srvfin .percoact button:hover, .srvcnl .percoact button:hover {
  border: solid 1.5px #020304;
}
body.dark .srvact .percoact button, body.dark .srvfin .percoact button, body.dark .srvcnl .percoact button {
  background-color: #3d3d42;
  color: #eeeeef;
}
body.dark .srvact .percoact button:hover, body.dark .srvfin .percoact button:hover, body.dark .srvcnl .percoact button:hover {
  border: solid 1.5px #eeeeef;
}
.srvact .percoact .percofoto, .srvfin .percoact .percofoto, .srvcnl .percoact .percofoto {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #303030;
}
.srvact .percoact .percofoto:hover, .srvfin .percoact .percofoto:hover, .srvcnl .percoact .percofoto:hover {
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}
body.dark .srvact .percoact .percofoto, body.dark .srvfin .percoact .percofoto, body.dark .srvcnl .percoact .percofoto {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 4px 0 rgba(46, 42, 37, 0.3);
  color: #f1f1f5;
}
body.dark .srvact .percoact .percofoto:hover, body.dark .srvfin .percoact .percofoto:hover, body.dark .srvcnl .percoact .percofoto:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.srvact .percoact .percofoto.con-firma, .srvfin .percoact .percofoto.con-firma, .srvcnl .percoact .percofoto.con-firma {
  flex-direction: column;
  font-size: 13px;
  line-height: 1.1;
  gap: 1px;
}
.srvact .percosig, .srvfin .percosig, .srvcnl .percosig {
  width: 28px;
  height: 28px;
  margin-top: 12px;
  background-color: transparent;
  color: rgba(153, 153, 153, 0.1333333333);
  font-size: 14px;
  line-height: 2.2em;
}
body.dark .srvact .percosig, body.dark .srvfin .percosig, body.dark .srvcnl .percosig {
  color: #303030;
}
.srvact .percoavanza, .srvact .percofoto, .srvfin .percoavanza, .srvfin .percofoto, .srvcnl .percoavanza, .srvcnl .percofoto {
  width: 100%;
  height: 40px;
  background: #fdfdfd;
  color: #303030;
  text-align: center;
  margin: 0 auto;
  margin: 0px 0px 0px 0px;
}
.srvact .percoavanza, .srvfin .percoavanza, .srvcnl .percoavanza {
  padding: 0px 0px 0px 4px;
}
.srvact .percofoto, .srvfin .percofoto, .srvcnl .percofoto {
  font-size: 15px;
  line-height: 1.1em;
  padding: 3px 0px 0px 1px;
}
.srvact .percoavanza:hover, .srvact .percofoto:hover, .srvfin .percoavanza:hover, .srvfin .percofoto:hover, .srvcnl .percoavanza:hover, .srvcnl .percofoto:hover {
  background-color: transparent;
}
.srvact .percoho, .srvfin .percoho, .srvcnl .percoho {
  width: 28px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2.5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.5em;
  text-align: center;
  z-index: 2;
}
.srvact .percoact .percoho, .srvact .percosig .percoho, .srvfin .percoact .percoho, .srvfin .percosig .percoho, .srvcnl .percoact .percoho, .srvcnl .percosig .percoho {
  display: none;
}

.srvact {
  background: rgba(255, 255, 255, 0.7);
}
.srvact .srvactid {
  font-size: 16px;
  background: transparent;
  box-shadow: none;
}
body.dark .srvact .srvactid {
  background: transparent;
}
.srvact .srvactid .srvactidder .horasrv i, .srvact .srvactid .srvactidder .area i, .srvact .srvactid .srvactidder .opcions i {
  color: #bfbdbf;
}
body.dark .srvact .srvactid .srvactidder .horasrv, body.dark .srvact .srvactid .srvactidder .area, body.dark .srvact .srvactid .srvactidder .opcions {
  color: #fdfdfd;
}
body.dark .srvact {
  background: rgba(27, 28, 28, 0.7);
  color: #fdfdfd;
}
.srvact .petarxeta {
  width: 100%;
  margin-top: -14px;
  text-align: center;
  clear: both;
}
.srvact .petarxeta .infoadicional {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  text-transform: none;
}
.srvact .petarxetanon {
  display: none;
}

.srvfin {
  background-color: transparent;
  border-color: #c5c4c6;
  color: #5b5b5e;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}
.srvfin .ubicbotonasignar {
  margin-bottom: -20px;
}
.srvfin .srvfinid {
  background: #c5c4c6;
  color: #eeeeef;
  font-weight: 500;
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
}
.srvfin {
  /*
  .opcionsin {
      background-color: #c5c4c6;
      a {
          color: #eeeeef;
      }
  }*/
}
.srvfin .perconow {
  color: #98999e;
}
body.dark .srvfin {
  border: solid 1.5px #3d3d42;
  color: #98999e;
  box-shadow: none;
}
body.dark .srvfin a {
  color: #98999e;
}
body.dark .srvfin .srvfinid {
  background: #1b1c1c;
  color: #98999e;
}
body.dark .srvfin .srvfinid a {
  color: #98999e;
}
body.dark .srvfin .srvfinid i {
  color: #98999e;
}
body.dark .srvfin .opcionsin {
  background-color: #1b1c1c;
}
body.dark .srvfin .opcionsin a {
  color: #98999e;
}

.srvcnl {
  border-color: rgba(255, 13, 13, 0.4);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #bfbdbf;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  /*
  a {
      color: #bfbdbf;
  }*/
}
.srvcnl .srvcnlid {
  background-color: rgba(255, 13, 13, 0.1);
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
}
body.dark .srvcnl .srvcnlid {
  background-color: rgba(255, 13, 13, 0.2);
}
.srvcnl .percorridoestados, .srvcnl .percorridoestadosfinconasign, .srvcnl .ocultos {
  display: none;
}
.srvcnl .ubicbotonasignar {
  display: none;
}
.srvcnl {
  /*
  .opcionsin {
      background-color: rgba(255,13,13,0.1);
      a {
          color: #bfbdbf;
      }
      body.dark & {
          background-color: rgba(255,13,13,0.2);
          a {
              color: #98999e;
          }
      }
  }*/
}
body.dark .srvcnl {
  border: solid 1.5px rgba(255, 13, 13, 0.3);
}

.infoservizos {
  margin: 24px 8px 0px 8px;
  padding-bottom: 20px;
  border: solid 2px transparent;
  border-radius: 28px;
  text-align: center;
}
.infoservizos .separa {
  border: dashed 2px #c5c4c6;
  margin: 16px 0px 16px 0px;
}
.infoservizos .separaaviso {
  border: dashed 2px #e10d0d;
  margin: 16px 0px 16px 0px;
}
.infoservizos .infosrvtit {
  margin: 6px 6px 16px 6px;
  padding: 8px 0px 8px 0px;
  border: solid 2px transparent;
  border-radius: 36px;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
.infoservizos .infosrvtit span {
  cursor: pointer;
}
.infoservizos .infosrvtit .envrec {
  display: none;
}
.infoservizos .infosrvtit .envrec ul {
  list-style: none;
  display: inline-flex;
  margin: 24px 0px 8px 0px;
}
.infoservizos .infosrvtit .envrec ul li {
  list-style: none;
  margin: 0px 12px 0px 12px;
}
.infoservizos .infosrvtit .envrec ul li label {
  text-transform: capitalize;
  cursor: pointer;
}
.infoservizos .title {
  margin: 12px 0px 6px 0px;
  text-align: center; /*
color: #999;
body.dark & {
    color: #fdfdfd;
}*/
}
.infoservizos .acceso {
  float: right;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  padding: 12px 0px 0px 1px;
  border-radius: 21px;
  text-align: center;
  cursor: pointer;
}
.infoservizos .partner {
  margin-left: 12px;
}
.infoservizos .partner .title {
  margin-top: 0px;
  text-align: center;
}
.infoservizos .partner .prtl1, .infoservizos .partner .prtl2 {
  text-align: left;
}
.infoservizos .enderezo {
  margin-left: 12px;
}
.infoservizos .enderezo .endl1, .infoservizos .enderezo .endl2 {
  text-align: left;
  line-height: 24px;
}
.infoservizos .enderezoin {
  display: none;
  margin: 24px;
}
.infoservizos .enderezoin select.srvvia {
  width: 48px;
  height: 29px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos .enderezoin input.srvenderezo {
  width: 180px;
  height: 30px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos .enderezoin input.srvnum {
  width: 48px;
  height: 30px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos .enderezoin input.srvcomp {
  width: 213px;
  height: 30px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos .enderezoin select.srvcp {
  width: 80px;
  height: 29px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos .mensaxeiro {
  margin-left: 12px;
}
.infoservizos .mensaxeiro .mnsl1, .infoservizos .mensaxeiro .mnsl2 {
  text-align: left;
  line-height: 24px;
}
.infoservizos .horas p {
  margin: 24px;
  line-height: 24px;
  text-align: justify;
}
.infoservizos .horas .horasin {
  margin: 24px 12px 24px 12px;
  text-align: left;
  transition: none;
}
.infoservizos .horas .horasin .title {
  text-align: center;
}
.infoservizos .horas .horasin .cadanseu {
  width: 100%;
  height: 30px;
  margin: 4px 0px 4px 0px;
  display: flex;
}
.infoservizos .horas .horasin .cadanseu.hidden {
  display: none;
}
.infoservizos .horas .horasin .cadanseu .camposrex {
  width: 50%;
  height: 30px;
  margin: 0px 4px 0px 4px;
  padding: 0px 4px 0px 4px;
}
.infoservizos .horas .horasin .cadanseu .label {
  height: 24px;
  line-height: 30px;
  margin: 0px 4px 0px 4px;
}
.infoservizos .horas .avanretro .title {
  text-align: center;
}
.infoservizos .horas .avanretro .frwffw {
  width: 100%;
  text-align: center;
  display: flex;
  align-content: center;
}
.infoservizos .horas .avanretro .frwffw p {
  text-align: center;
}
.infoservizos .horas .avanretro .frwffw .frw, .infoservizos .horas .avanretro .frwffw .ffw {
  width: 48px;
  height: 48px;
  margin: auto;
  background-color: #fdfdfd;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0px 0px 4px 0px rgb(0, 0, 0);
}
body.dark .infoservizos .horas .avanretro .frwffw .frw, body.dark .infoservizos .horas .avanretro .frwffw .ffw {
  background-color: #303030;
  color: #dfdfdf;
}
.infoservizos .horas .avanretro .frwffw .frw {
  padding: 9.5px 0px 0px 3px;
}
.infoservizos .horas .avanretro .frwffw .ffw {
  padding: 9.5px 0px 0px 3px;
}
.infoservizos .pedido ul {
  list-style: none;
  display: inline-flex;
  margin: 24px 0px 8px 0px;
}
.infoservizos .pedido ul li {
  list-style: none;
  margin: 0px 12px 0px 12px;
}
.infoservizos .pedido ul li label {
  cursor: pointer;
}
body.dark .infoservizos .pedido ul li label {
  background: #1b1b1c;
}
.infoservizos .avisos p {
  margin: 12px 0px 8px 0px;
}
.infoservizos .avisos .avisosin {
  display: none;
}
.infoservizos .avisos .avisosin textarea {
  border: solid 1px transparent;
  border-radius: 8px;
  background-color: #dfdfdf;
  width: 80%;
  height: 60px;
  padding: 8px 12px 8px 12px;
  resize: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.dark .infoservizos .avisos .avisosin textarea {
  background-color: #999;
  color: #111;
}
.infoservizos .avisos .avisosin textarea::placeholder {
  padding-top: 12px;
  color: #999;
}
body.dark .infoservizos .avisos .avisosin textarea::placeholder {
  color: #111;
}
.infoservizos .textarea {
  width: 90%;
  height: 56px;
  background-color: #dfdfdf;
  border: none;
  border-radius: 12px;
  resize: none;
  margin-bottom: 8px;
  padding: 8px 10px 8px 10px;
  text-align: center;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.dark .infoservizos .textarea {
  background-color: #999;
  color: #111;
}
.infoservizos .textarea::placeholder {
  padding-top: 12px;
  color: #999;
}
body.dark .infoservizos .textarea::placeholder {
  color: #111;
}
.infoservizos .pedido {
  margin: 0px 12px 24px 12px;
}
.infoservizos .pedido .pedl1, .infoservizos .pedido .pedl2 {
  text-align: left;
  line-height: 20px;
}
.infoservizos .pedido .pedl2bis {
  text-align: left;
  line-height: 30px;
}
.infoservizos .pedido .codigotpv {
  margin: 0px 0px 10px 0px;
  width: 120px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background-color: #dfdfdf;
  text-align: center;
}
body.dark .infoservizos .pedido .codigotpv {
  background-color: #999;
  color: #111;
}
body.dark .infoservizos .pedido .codigotpv::placeholder {
  color: #111;
}
.infoservizos .volumes input {
  width: 36px;
  height: 30px;
  margin: 4px 4px 4px 4px;
  padding: 0px 4px 0px 4px;
  border: solid 1px transparent;
  border-radius: 8px;
  background-color: #dfdfdf;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.infoservizos input[type=number]::-webkit-inner-spin-button,
.infoservizos input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.contador {
  margin: 8px 0px -4px 0px;
  text-align: center;
  font-family: "Ubuntu mono", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #a5a4a6;
}
.contador i {
  font-size: 15px;
}
.contador .finin {
  color: #d5d4d6;
}
.contador .toright {
  margin-right: 16px;
}
.contador .torightin {
  margin-right: 6px;
}
body.dark .contador {
  color: #757476;
}
body.dark .contador .finin {
  color: #353436;
}

.filters {
  margin-top: 4px;
  transition-duration: 0.5s;
}
.filters p {
  margin: 0px 0px 12px 0px;
}
.filters p span {
  border-radius: 4px;
  font-family: "AllRound", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0px 5px 0px 5px;
  padding: 2px 4px 2px 5.5px;
  text-transform: uppercase;
}

.select2-results {
  font-family: "Ubuntu", sans-serif;
}

.solicitudenovo.futuros {
  background-color: transparent;
}
body.dark .solicitudenovo.futuros {
  background-color: transparent;
}

.solicitudenovo {
  max-width: 720px;
  margin: 24px 8px 0px 8px;
  padding: 0px 0px 0px 0px;
  border: solid 1.5px transparent;
  border-radius: 8px;
  background-color: #fdfdfd;
  text-align: center;
  color: #020304;
}
body.dark .solicitudenovo {
  background-color: #111;
  color: #fdfdfd;
}
.solicitudenovo .separa {
  border: dashed 2px #c5c4c6;
  margin: 16px 0px 16px 0px;
}
.solicitudenovo .separaaviso {
  border: dashed 2px #e10d0d;
  margin: 16px 0px 16px 0px;
}
.solicitudenovo .novotitulo {
  width: 100% auto;
  margin: 0px 0px 6px 0px;
  padding: 8px 0px 8px 0px;
  border: solid 1.5px transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: transparent;
  color: #111;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1);
}
body.dark .solicitudenovo .novotitulo {
  border-bottom: 1.5px solid #c5c4c6;
  color: #fdfdfd;
}
.solicitudenovo .title {
  margin: 24px 0px 8px 0px;
  text-transform: initial;
  color: #111;
}
body.dark .solicitudenovo .title {
  color: #fdfdfd;
}
.solicitudenovo label {
  position: relative;
}
.solicitudenovo .envrec {
  text-align: center;
}
body.dark .solicitudenovo .envrec {
  background-color: #111;
}
.solicitudenovo .envrec select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}
.solicitudenovo .envrec input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  visibility: hidden;
  position: absolute;
  left: 0;
}
.solicitudenovo .envrec input + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dfdfdf;
  border-radius: 24px;
  padding: 9px 6px 9px 6px;
  color: #111;
  cursor: pointer;
  line-height: 3.8em;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
body.dark .solicitudenovo .envrec input + i {
  background-color: #666;
  color: #dfdfdf;
}
.solicitudenovo .envrec input [type=radio] + i {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 24px;
}
.solicitudenovo .envrec input[type=radio]:checked + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transform: scale(1);
  opacity: 1;
}
.solicitudenovo .envrec input[type=radio] + i:before {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  content: "";
  border: solid 4px #111;
  border-radius: 24px;
  position: absolute;
  margin-left: -7px;
  margin-top: 8.5px;
  transition: all 0.25s ease;
  transform: scale(0);
  opacity: 0;
  display: inline-block;
  width: 345px;
  height: 36px;
}
body.dark .solicitudenovo .envrec input[type=radio] + i:before {
  border-color: #fdfdfd;
}
.solicitudenovo .envrec .inputin {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  display: inline-block;
  width: 330px;
  height: 28px;
}
.solicitudenovo .envrec ul {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
  text-align: center;
}
body.dark .solicitudenovo .envrec ul {
  background-color: #111;
}
.solicitudenovo .envrec ul li {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #fdfdfd !important;
  list-style-type: none;
  margin: 4px 0px 4px 0px;
}
body.dark .solicitudenovo .envrec ul li {
  background-color: #111 !important;
}
.solicitudenovo .sel2 {
  text-transform: initial;
  width: 90%;
}
.solicitudenovo {
  text-align: center;
}
.solicitudenovo .underselect2tit {
  margin: 12px 0px 4px 0px;
  text-transform: initial;
}
.solicitudenovo .underselect2pe {
  font-size: 14px;
  color: #999;
}
body.dark .solicitudenovo .select2-container .select2-selection--single {
  background-color: #303030;
}
body.dark .solicitudenovo .select2-container .select2-selection--single .select2-selection__rendered {
  color: #999;
}
.solicitudenovo select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-sizing: border-box;
  padding-left: 10px;
}
.solicitudenovo selectoption {
  box-sizing: border-box;
  margin-left: 10px;
}
body.dark .solicitudenovo select {
  background-color: #303030;
  color: #999;
}
.solicitudenovo .inputel, .solicitudenovo .inpuvia, .solicitudenovo .inpuaddress, .solicitudenovo .inpunum, .solicitudenovo .inpucomp, .solicitudenovo .inpuarea, .solicitudenovo .inpuname, .solicitudenovo .inpucontact, .solicitudenovo .inpulocality, .solicitudenovo input::placeholder {
  width: 90%;
  height: 36px;
  margin: 4px 0px 4px 0px;
  padding: 0px 8px 0px 8px;
  border: none;
  border-bottom: solid 2px #dfdfdf;
  border-radius: 0px;
  background-color: transparent;
  color: #303030;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.dark .solicitudenovo .inputel, body.dark .solicitudenovo .inpuvia, body.dark .solicitudenovo .inpuaddress, body.dark .solicitudenovo .inpunum, body.dark .solicitudenovo .inpucomp, body.dark .solicitudenovo .inpuarea, body.dark .solicitudenovo .inpuname, body.dark .solicitudenovo .inpucontact, body.dark .solicitudenovo .inpulocality, body.dark .solicitudenovo input::placeholder {
  color: #999 !important;
}
.solicitudenovo .inpuaddress {
  width: 70%;
}
.solicitudenovo .inpunum {
  display: inline;
  text-align: center;
  width: 20%;
}
.solicitudenovo .inpulocality {
  max-width: 70%;
}
.solicitudenovo .inpucontact {
  width: 85%;
}
.solicitudenovo i.inpucontact {
  border: none;
  width: 5%;
}
.solicitudenovo .map-frame {
  align-items: center;
  display: flex;
  height: 0px;
  justify-content: center;
  transition: height 0.3s ease;
  width: 100%;
}
.solicitudenovo .map {
  height: 100%;
  width: 90%;
}
.solicitudenovo .map button, .solicitudenovo .map li {
  border-radius: 0px;
}
.solicitudenovo .pedsource ul {
  list-style: none;
}
.solicitudenovo .pedsource ul li {
  background: transparent;
  display: inline-flex;
}
.solicitudenovo .tarifa label, .solicitudenovo .hora label, .solicitudenovo .pedsource label, .solicitudenovo .pagamento label {
  margin: 0px 6px 0px 6px;
}
.solicitudenovo .tarifa input, .solicitudenovo .tarifa select, .solicitudenovo .hora input, .solicitudenovo .times select, .solicitudenovo .pedsource input, .solicitudenovo .pedsource select, .solicitudenovo .pagamento input, .solicitudenovo .pagmento select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.solicitudenovo .tarifa input, .solicitudenovo .hora input, .solicitudenovo .pedsource input, .solicitudenovo .pagamento input {
  visibility: hidden;
  position: absolute;
  left: 0;
}
.solicitudenovo .tarifa input + i, .solicitudenovo .hora input + i, .solicitudenovo .pedsource input + i, .solicitudenovo .pagamento input + i {
  background-color: #dfdfdf;
  border-radius: 24px;
  padding: 6px 3px 8px 3px;
  color: #303030;
  line-height: 3.6em;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}
body.dark .solicitudenovo .tarifa input + i, body.dark .solicitudenovo .hora input + i, body.dark .solicitudenovo .pedsource input + i, body.dark .solicitudenovo .pagamento input + i {
  background-color: #999;
  color: #111;
}
.solicitudenovo .tarifa input[type=radio] + i:before, .solicitudenovo .hora input[type=radio] + i:before, .solicitudenovo .pedsource input[type=radio] + i:before, .solicitudenovo .pagamento input[type=radio] + i:before {
  content: "";
  border: solid 4px #111;
  border-radius: 24px;
  position: absolute;
  margin: 9px 0px 0px -4px;
  transition: all 0.25s ease;
  transform: scale(0);
  opacity: 0;
}
body.dark .solicitudenovo .tarifa input[type=radio] + i:before, body.dark .solicitudenovo .hora input[type=radio] + i:before, body.dark .solicitudenovo .pedsource input[type=radio] + i:before, body.dark .solicitudenovo .pagamento input[type=radio] + i:before {
  border: solid 4px #fdfdfd;
  color: #111;
}
.solicitudenovo .tarifa input[type=radio] + i:before, .solicitudenovo .tarifa .inputin,
.solicitudenovo .hora input[type=radio] + i:before, .solicitudenovo .hora .inputin,
.solicitudenovo .pedsource input[type=radio] + i:before, .solicitudenovo .pedsource .inputin {
  cursor: pointer;
  display: inline-block;
  width: 160px;
  height: 26px;
}
.solicitudenovo .pagamento input[type=radio] + i:before, .solicitudenovo .pagamento .inputin {
  cursor: pointer;
  display: inline-block;
  width: 80px;
  height: 26px;
}
.solicitudenovo .tarifa input [type=radio] + i, .solicitudenovo .hora input [type=radio] + i, .solicitudenovo .pedsource input [type=radio] + i, .solicitudenovo .pagamento input [type=radio] + i {
  border-radius: 22px;
}
.solicitudenovo .tarifa input[type=radio]:checked + i:before, .solicitudenovo .hora input[type=radio]:checked + i:before, .solicitudenovo .pedsource input[type=radio]:checked + i:before, .solicitudenovo .pagamento input[type=radio]:checked + i:before {
  transform: scale(1);
  opacity: 1;
}
.solicitudenovo .inpudespois, .solicitudenovo .inpuimporte {
  width: 300px;
  height: auto;
  margin: 6px 0px 0px 0px;
  padding: 4px 16px 4px 16px;
  background-color: #dfdfdf;
  border: solid 2px transparent;
  border-radius: 24px;
  color: #111;
  text-align: center;
  align-items: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.dark .solicitudenovo .inpudespois, body.dark .solicitudenovo .inpuimporte {
  background-color: #999;
  color: #fdfdfd;
}
.solicitudenovo .inpudespois::placeholder, .solicitudenovo .inpuimporte::placeholder {
  color: #111;
}
body.dark .solicitudenovo .inpudespois::placeholder, body.dark .solicitudenovo .inpuimporte::placeholder {
  color: #fdfdfd;
}
.solicitudenovo .pedinfo {
  text-align: center;
}
.solicitudenovo .inpuaviso {
  width: 90%;
  height: 60px;
  margin: 6px 0px 0px 0px;
  padding: 4px 16px 4px 16px;
  background-color: #dfdfdf;
  border: solid 2px transparent;
  border-radius: 16px;
  color: #111;
  text-align: center;
  align-items: center;
  resize: none;
  word-wrap: break-word;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
body.dark .solicitudenovo .inpuaviso {
  background-color: #999;
  color: #fdfdfd;
}
.solicitudenovo .inpuaviso::placeholder {
  min-width: 100%;
  padding-top: 0px;
  color: #999;
  font-size: 16px;
}
body.dark .solicitudenovo .inpuaviso::placeholder {
  color: #fdfdfd;
}
.solicitudenovo .fin1 {
  background-color: #eeeeef;
  border: solid 1.5px transparent;
  font-size: 1.2em;
  margin: 24px 0px 24px 0px;
  width: 300px;
}
body.dark .solicitudenovo .fin1 {
  background-color: #3d3d42;
}
.solicitudenovo .fin1:hover {
  background-color: #3d3d42;
  color: #fdfdfd;
}
body.dark .solicitudenovo .fin1:hover {
  background-color: #eeeeef;
  color: #111;
}
.solicitudenovo .fin2, .solicitudenovo .fin3 {
  border: none;
  background-color: #dfdfdf;
  box-shadow: none;
  height: 25px;
}
body.dark .solicitudenovo .fin2, body.dark .solicitudenovo .fin3 {
  box-shadow: none;
  color: #111;
}
.solicitudenovo .fin2 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 1px solid #fdfdfd;
  margin-right: 0px;
  width: 200px;
}
body.dark .solicitudenovo .fin2 {
  border-right: 1px solid #111;
}
.solicitudenovo .fin3 {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: 0px;
  width: 100px;
}
.solicitudenovo.client-request .message {
  margin: 36px 12px 36px 12px;
}
.solicitudenovo.client-request .message p {
  line-height: 1.5em;
}

.planning {
  border-radius: 24px;
  margin: 10px;
  padding: 12px;
}
.planning h1 {
  margin: 12px 0px 24px 0px;
  text-align: center;
}
.planning .row {
  align-items: center;
  border-radius: 40px;
  display: flex;
  flex-wrap: wrap;
  height: 80px;
  margin: 12px;
}
.planning .row .left {
  flex: 1;
  margin-left: 25px;
}
.planning .row .left p {
  font-style: italic;
}
.planning .row .right {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 80px;
}
.planning .row .right div, .planning .row .right p {
  margin: 0 auto;
  margin-top: 4px;
  width: 100%;
}
.planning .row.title {
  height: auto;
  margin-bottom: -5px;
}
.planning .row.title .left {
  text-align: left;
}
.planning .row.title .right {
  display: block;
  text-align: center;
}

.history {
  margin: 40px 10px 40px 10px;
}
.history table {
  border: 1.5px solid;
  border-radius: 8px;
  text-align: center;
  transition: none;
  width: 80%;
}
.history table tr th {
  border-bottom: 1px solid;
  font-weight: bold;
  padding: 4px;
}
.history table tr th.date {
  width: 40%;
}
.history table tr th.time {
  width: 20%;
}
.history table tr th.communicated {
  width: 40%;
}
.history table tr td {
  padding: 4px 0px 4px 0px;
}

.calcl, .calcr {
  width: 100%;
  min-width: 300px;
  margin-top: 12px;
}
body.dark .calcl, body.dark .calcr {
  color: #fdfdfd;
}
.calcl .in, .calcr .in {
  text-align: center;
  width: 90% auto;
}
.calcl .in h1.tit, .calcr .in h1.tit {
  margin: 0px 24px 0px 24px;
  font-size: 28px;
  line-height: 48px;
}
.calcl .in h2.tit, .calcr .in h2.tit {
  font-size: 22px;
  line-height: 28px;
}
.calcl .in p.p1, .calcr .in p.p1 {
  font-size: 16px;
  line-height: 24px;
}
.calcl .in p.p2, .calcr .in p.p2 {
  font-size: 12px;
  line-height: 18px;
}
.calcl .in .taboa, .calcr .in .taboa {
  width: 300px;
  margin: auto;
  text-align: center;
}
.calcl .in .taboa td, .calcr .in .taboa td {
  color: #fafafa;
  width: 140px;
  border: solid 4px transparent;
  height: 70px;
}
.calcl .in .taboa .tddiv, .calcr .in .taboa .tddiv {
  position: relative;
  display: block;
  right: 0;
  top: 0;
  margin: 4px;
  padding: 4px;
  text-align: center;
  width: 100% auto;
  height: 100% auto;
  background-color: #fdfdfd;
  border-radius: 8px;
}
body.dark .calcl .in .taboa .tddiv, body.dark .calcr .in .taboa .tddiv {
  background-color: #303030;
}
.calcl .in .taboa .tdsrv h2, .calcr .in .taboa .tdsrv h2 {
  line-height: 36px;
  font-size: 20px;
  font-weight: 400;
}
.calcl .in .taboa .tdsrv p, .calcr .in .taboa .tdsrv p {
  line-height: 30px;
}
.calcl .in .taboa .cpinput p, .calcr .in .taboa .cpinput p {
  margin: 15px auto 15px auto;
  line-height: 24px;
}
.calcl .in .taboa input, .calcr .in .taboa input {
  background-color: #dfdfdf;
}
body.dark .calcl .in .taboa input, body.dark .calcr .in .taboa input {
  background-color: #666666;
}
.calcl .in .taboa input[type=number], .calcr .in .taboa input[type=number] {
  border: none;
  border-radius: 4px;
  width: 120px;
  height: 30px;
  margin: 4px 0px 0px 0px;
  text-align: center;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
}
.calcl .in .taboa input[type=number].ud, .calcr .in .taboa input[type=number].ud {
  border: none;
  border-radius: 4px;
  width: 124px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
}
.calcl .in .taboa input[type=number]::placeholder, .calcr .in .taboa input[type=number]::placeholder {
  text-align: center;
}
body.dark .calcl .in .taboa input[type=number]::placeholder, body.dark .calcr .in .taboa input[type=number]::placeholder {
  color: #111;
}
.calcl .in .max, .calcr .in .max {
  margin-top: 18px;
  font-size: 1.5em;
}
.calcl .in button, .calcr .in button {
  margin-bottom: 12px;
}

.calcbottom {
  padding-top: 12px;
  clear: both;
  transition: all 0.25s ease;
}
body.dark .calcbottom {
  color: #fdfdfd;
}
.calcbottom .in {
  text-align: center;
  width: 90% auto;
}
.calcbottom .in p.p2 {
  font-size: 12px;
  line-height: 18px;
}

.convol {
  display: none;
  margin: 24px;
  padding: 12px;
  background: #fafafa;
  color: #111111;
  border-radius: 12px;
}
body.dark .convol {
  background-color: #666666;
  color: #fafafa;
}

.divertarifa {
  margin: 24px;
  text-align: center;
}

.taricomp {
  background-color: #fafafa;
  border-radius: 8px;
  text-align: center;
  margin: 6px;
  padding: 6px;
}
body.dark .taricomp {
  background-color: #666666;
}
.taricomp table.ttaboa {
  margin: 0 auto;
  margin-bottom: 12px;
  width: 100%;
}
body.dark .taricomp table.ttaboa {
  color: #fafafa;
}
.taricomp table.ttaboa th, .taricomp table.ttaboa td {
  padding: 4px;
  font-size: 11px;
  width: 12%;
  border: 1px solid #444444;
}
.taricomp table.ttaboa th.thzona {
  background-color: #cccccc;
}
body.dark .taricomp table.ttaboa th.thzona {
  background-color: #303030;
  color: #fafafa;
}

/*
#footer, footer {
    width: 100% auto;
	right: 0;
	left: 0;
	bottom: 0;
	bottom: -1px;
	position: fixed;
    z-index: 999999999;
	text-align: center;
	align-content: center;
    .pe {
        display: inline-flex;
        font-size: 9px;
        height: 40px;
        margin-bottom: 16px;
        padding: 6px 16px 6px 16px;
        border-radius: 25px;
        text-align: center;
        line-height: 14px;
        width:300px;
        z-index:10;
        .avatarpe {
            float: left;
            width: 28px;
            margin: 0px 6px 0px -9px;
            display: flex;
            .acceso {
                width: 28px; height: 100%;
                margin: 0px 0px 0px 0px;
                padding-left: 1px;
                padding-top: 5.5px;
                border-radius: 100%;
                text-align: center;
                cursor: pointer;
                opacity: 0.9;
            }
            img {
                position: absolute;
                width: 28px;
                height: 28px;
                border-radius: 100px;
                box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.30);
                body.dark & {
                    border-color: #999;
                    box-shadow: 0px 0px 4px 0px rgba(46, 42, 37, 0.30);
                }
            }
        }
        .contidope {
            float: left;
            width: 100%;
            margin: 0px 6px 0px 6px;
            p.top {
                font-size: 14px;
            }
            p.down, p.down span, p.down {
                font-size: 11px;
                line-height: 16px;
                i {
                    font-size: 8px;
                    opacity: 0.8;
                }
                .v {
                    font-size: 0.8em;
                }
            }
        }
        .langpe {
            float: left;
            margin-right: -10px;
            .acceso {
                width: 28px; height: 100%;
                margin: 0px 0px 0px 0px;
                padding-left: 1px;
                padding-top: 5.5px;
                border-radius: 100%;
                text-align: center;
                cursor: pointer;
                opacity: 0.9;
            }
        }
    }
    .in {
        transition: none;
        select {
            border:transparent;
            border-radius: 12px 12px 0px 0px;
            color:#111;
            margin-bottom:-2px;
            text-align:center;
            width: 150px;
            body.dark & {
                color: #fdfdfd;
            }
        }
    }
    .inlogged {
        align-items: center;
        display:flex;
        margin-bottom:-20px;
        z-index:1px;
        .profile{
            font-size:16px;
            margin:24px auto;
            margin-bottom:0px;
            text-align:center;
            transition:none;
            width:300px;
            button {
                width:200px;
            }
            hr {
                margin: 12px;
            }
            .b-r-top-left-right {
                border-top-left-radius: 20.5px;
                border-top-right-radius: 20.5px;
            }
            input {
                margin:6px 0px 6px 0px;
                width:200px;
            }
            .userinfo {
                border-top-left-radius: 20.5px;
                border-top-right-radius: 20.5px;
                height:100px;
                overflow:hidden;
                .img {
                    height:100px;
                    overflow:hidden;
                    position:relative;
                    width:300px;
                    z-index:-1;
                    img {
                        margin-top:-100px;
                        width:300px;
                    }
                }
                .content {
                    align-items:center;
                    display:flex;
                    height:100px;
                    margin-top:-100px;
                    text-align:center;
                    transition:none;
                    width:300px;
                    z-index:100;
                    .text {
                        margin:0 auto;
                        width:80%;
                        p {
                            font-weight:bold;
                            text-align:left;
                            span {
                                font-size:0.8em;
                            }
                        }
                    }
                }
            }
            ul {
                box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
                list-style: none;
                padding: 12px 12px 24px 12px;
                text-align: center;
                transition:none;
                width: 100% auto;
                &.b-r-top-left-right {
                    p {
                        margin: 2px 0px 6px 0px;
                        text-align:center;
                    }
                }
                a {
                    cursor:pointer;
                }
                li {
                    border: 1px solid transparent;
                    border-radius: 100px;
                    display:inline-flex;
                    font-size: 16px;
                    font-weight: 700;
                    height: 40px;
                    letter-spacing: 0.5px;
                    margin: 10px 10px 10px 10px;
                    padding: 9px 4.5px 4.5px 4.5px;
                    text-align:left;
                    transition:none;
                    width:200px;
                    cursor: pointer;
                    &.lang {
                        padding: 0px;
                        i {
                            margin:5px 0px 0px 5.5px;
                            position:relative;
                            z-index:0;
                        }
                        select {
                            appearance:none;
                            border:none;
                            display:flex;
                            font-weight:bold;
                            height:40px;
                            margin:-34px 0px 0px -1px;
                            padding:0px 0px 0px 44px;
                            position:relative;
                            text-align:left;
                            transition:none;
                            width:200px;
                            z-index:999;
                        }
                    }
                    &:hover {
                            box-shadow: 0 2px 5px 1px rgb(64 60 67 / 16%);
                        body.dark & {
                            border: 1px solid white;
                        }
                    }
                    i {
                        border-radius: 100px;
                        font-size: 14px;
                        height: 28px;
                        margin:-4px 12px 0px 1.5px;
                        padding: 7px 0px 0px 1.5px;
                        text-align: center;
                        transition:none;
                        width: 28px;
                    }
                }
                .langavi {
                    padding: 64px 20px 48px 20px;
                    line-height: 36px;
                    transition:none;
                }
            }
            table {
                margin:auto;
                width:auto;
                td{
                    border:4px solid #fdfdfd;
                    height:50px;
                    body.dark &{
                        border:4px solid #303030;
                    }
                    &.icon{
                        background: #dfdfdf;
                        border-radius:50px;
                        body.dark &{
                            background: #111;
                        }
                        .avatar{
                            border-radius:25px;
                            height: 50px;
                            margin:0px;
                            width:50px;
                        }
                        i{
                            color:#999;
                            font-size:26px;
                            height:50px;
                            padding-top:12px;
                            width:50px;
                        }
                    }
                    &.content{
                        color:#111;
                        text-align:left;
                        body.dark &{
                            color:#fdfdfd;
                        }
                        select {
                            appearance:none;
                            border-color:#dfdfdf;
                            color:#111;
                            height:40px;
                            margin:0px;
                            padding:4px 16px;
                            text-align:center;
                            width:100%;
                            body.dark & {
                                color:#fdfdfd;
                            }
                        }
                    }
                }
            }
        }
    }
}*/
.modal-language {
  align-items: center;
  background: #ffffff;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999999;
}
body.dark .modal-language {
  background: #1b1b1c;
}
.modal-language .content {
  margin: 12px auto;
  text-align: center;
  width: 300px;
}
.modal-language .content select {
  -webkit-appearance: none;
  appearance: none;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

#landscape {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  padding: 1rem;
  background: #dfdfdf;
  cursor: pointer;
  transition: all 0.35s ease-in;
  z-index: 999;
}
body.dark #landscape {
  background: #111;
}
#landscape .mensaxe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  overflow: auto;
  margin-top: -100px;
  margin-left: -100px;
  border: solid 0px #303030;
  border-radius: 28px;
  background: transparent;
  padding: 12px;
  font-size: 12px;
}
#landscape .mobile {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 40px;
  margin-left: 63px;
  z-index: 1;
  color: #fdfdfd;
}
body.dark #landscape .mobile {
  color: #dfdfdf;
}
#landscape .undo {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 78px;
  margin-left: 76px;
  z-index: 2;
  color: #dfdfdf;
}
body.dark #landscape .undo {
  color: #303030;
}

#srvnvo, .alertanovainfo {
  width: 100% auto;
  margin: 12px 0px 12px 0px;
  background-color: transparent;
  text-align: center;
}
#srvnvo button, .alertanovainfo button {
  width: 240px auto;
  height: 60px;
  margin-top: 6px;
  color: #eeeeef;
  background-color: #020304;
  border: solid;
  border-color: transparent;
  border-width: 4px;
  border-radius: 100px;
  font-weight: 900;
  box-shadow: 0px 1px 5px 2px rgba(46, 42, 37, 0.3);
}
body.dark #srvnvo button, body.dark .alertanovainfo button {
  box-shadow: 0px 1px 5px 2px rgba(46, 42, 37, 0.3);
  background-color: #eeeeef;
  color: #020304;
}
#srvnvo button:hover, .alertanovainfo button:hover {
  background-color: #eeeeef;
  border: solid #020304;
  box-shadow: none;
  color: #020304;
}

#oprmenu {
  margin: 24px 8px 0px 8px;
  padding-bottom: 12px;
  border: solid 2px transparent;
  border-radius: 28px;
  background-color: #fdfdfd;
  text-align: center;
  color: #111;
  font-size: 16px;
  appearance: none;
  --webkit-appearance: none;
}
body.dark #oprmenu {
  background-color: #111;
  color: #fdfdfd;
}
#oprmenu .separa {
  border: dashed 2px #c5c4c6;
  margin: 16px 0px 16px 0px;
}
#oprmenu .novosrv {
  text-align: center;
}
#oprmenu .novosrv .novotitulo {
  margin: 6px 6px 6px 6px;
  padding: 0px 0px 0px 0px;
  border: solid 2px transparent;
  border-radius: 36px;
  background-color: transparent;
  color: #111;
  font-size: 20px;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
body.dark #oprmenu .novosrv .novotitulo {
  color: #fdfdfd;
}
#oprmenu .novosrv .novotitulo .title {
  margin: 8px 8px 8px 8px;
}
#oprmenu .novosrv .title {
  margin: 24px 0px 8px 0px;
  color: #111;
}
body.dark #oprmenu .novosrv .title {
  color: #fdfdfd;
}
#oprmenu .novosrv .select {
  height: 50px;
  margin-bottom: -20px;
}
#oprmenu .novosrv .select select {
  width: 80%;
  height: 48px;
  border: none;
  border-radius: 24px;
  background-color: #dfdfdf;
  padding: 14px;
  font-size: 16px;
  color: #303030;
  appearance: none;
}
body.dark #oprmenu .novosrv .select select {
  background-color: #999;
  color: #111;
}
#oprmenu .novosrv .select option {
  color: #303030;
}
body.dark #oprmenu .novosrv .select option {
  color: #fdfdfd;
}
#oprmenu .novosrv .accesosdirectos {
  width: 100%;
  text-align: center;
}
#oprmenu .novosrv .accesosdirectos .accesodirecto {
  margin: 16px 12px 16px 12px;
  padding: 6px 16px 6px 16px;
  border-radius: 100px;
  text-align: center;
  box-shadow: 0px 0px 3px 0px rgba(46, 42, 37, 0.3);
}
#oprmenu .novosrv .accesosdirectos .accesodirecto a {
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 767.98px) {
  .contidoppal {
    padding-bottom: 16px;
    width: 100% auto;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .contidoppal {
    display: flex;
    padding-bottom: 16px;
    width: 100% auto;
    text-align: center;
  }
}
.contidopartner {
  width: 100%;
  margin-top: 56px;
  text-align: center;
}

.contidounico {
  padding-bottom: 16px;
  width: 100%;
  max-width: 720px;
  min-width: 320px;
  height: 100% auto;
  margin: 0 auto;
  text-align: left;
}
.contidounico .solicitudenovo {
  margin-top: 24px;
}

.contidoppal .contidoppalin {
  float: left;
  max-width: 720px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  margin-top: 6px;
  text-align: left;
}
.contidoppal .contidosec {
  float: right;
  max-width: 720px;
  min-width: 300px;
  width: 100%;
  margin: 0 auto;
  margin-top: 6px;
  text-align: left;
}
.contidoppal .titpanel {
  background-color: #fdfdfd;
  border-radius: 24px;
  height: 42px;
  margin: 12px 6px 12px 6px;
  padding: 1px 0px 6px 0px;
  text-align: center;
  color: #303030;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
body.dark .contidoppal .titpanel {
  background-color: #1b1c1c;
  color: #fdfdfd;
  box-shadow: 0px 1px 5px 2px rgba(46, 42, 37, 0.3);
}
.contidoppal .titpanel span {
  margin-right: -37px;
  font-size: 20px;
  font-weight: 600;
  line-height: 42px;
}
.contidoppal .titpanel .acceso {
  float: right;
  width: 32px;
  height: 32px;
  margin: 4px 5px 0px 8px;
  padding-top: 6px;
  border: solid 1.5px transparent;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}

#modaltarifa h3 {
  margin-left: 4px;
}
#modaltarifa p {
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 24px;
}
#modaltarifa .link {
  margin: 16px;
  display: inline-block;
}

.switch input[type=checkbox] {
  display: none;
}

.switch label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #d4d4d4;
  border-radius: 20px;
  transition: background-color 0.3s;
}

.switch label:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  top: 0;
  left: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}

.switch input[type=checkbox]:checked + label {
  background-color: #8bc34a;
}

.switch input[type=checkbox]:checked + label:after {
  transform: translateX(20px);
}

.miron {
  align-items: center;
  display: flex;
  width: 100%;
}
.miron table {
  margin: 0 auto;
  margin-top: 36px;
}
.miron table tr th.user {
  width: 200px;
}
.miron table tr th.wday {
  width: 20px;
}
.miron table tr td.wday {
  text-align: center;
}

/*
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .toggle-switch-input {
    display: none;
  }

  .toggle-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 34px;
  }

  .toggle-switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
  }

  .toggle-switch-inner:before,
  .toggle-switch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 34px;
    padding: 0;
    line-height: 34px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
  }

  .toggle-switch-inner:before {
    content: "\2713";
    padding-left: 10px;
    background-color: #28a745;
    color: white;
  }

  .toggle-switch-inner:after {
    content: "\2716";
    padding-right: 10px;
    background-color: #dc3545;
    color: white;
    text-align: right;
  }

  .toggle-switch-switch {
    display: block;
    width: 18px;
    height: 18px;
    margin: 8px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 28px;
    border-radius: 50%;
    transition: all 0.3s ease-in 0s;
  }

  .toggle-switch-input:checked + .toggle-switch-label .toggle-switch-inner {
    margin-left: 0;
  }

  .toggle-switch-input:checked + .toggle-switch-label .toggle-switch-switch {
    right: 0px;
  }
  */
.map-frame {
  align-items: center;
  display: flex;
  height: 0px;
  justify-content: center;
  transition: height 0.3s ease;
  width: 100%;
}

.map {
  height: 100%;
  width: 90%;
}
.map button, .map li {
  border-radius: 0px;
}

.shipping-type-modal {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  transition: 0.3s ease;
  z-index: 99999999;
}
.shipping-type-modal button {
  cursor: pointer;
  font-size: inherit;
  height: 40px;
  margin: 0 auto;
  margin-top: 40px;
  width: 360px;
}
.shipping-type-modal button.close-shipping-type-modal {
  width: auto;
}

/*# sourceMappingURL=pum.css.map */