@import url(root.css);

@font-face {
  font-family: 'asistencia';
  src:  url('../eot/asistencia.eot');
  src:  url('../eot/asistencia.eot') format('embedded-opentype'), url('../ttf/asistencia.ttf') format('truetype'), url('../woff/asistencia.woff') format('woff'), url('../woff2/asistencia.woff2') format('woff2'), url('../svg/asistencia.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'asistencia';
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cancel:before {
  content: "\f001";
}
.icon-whatsapp:before {
  content: "\f002";
}
.icon-calendar:before {
  content: "\f003";
}
.icon-chat:before {
  content: "\f004";
}
.icon-help-line:before {
  content: "\f005";
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

#cat_webcallback {
  position: fixed;
  z-index: 1000001;
  bottom: 0;
  right: 0;
  width: 300px
}
div#menuB {
    z-index: 3;
    position: relative;
}
.menu {
  transition: all ease .2s
}
@media screen and (min-width:481px){
  .menu .ayuda {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: fixed;
    right: 28px;
    bottom: 96px;
    z-index: 1004;
  }
}
@media screen and (max-width: 480px){
    .menu .ayuda {
      height: 61px;
      width: 61px;
      border-radius: 50%;
      position: fixed;
      right: 14px;
      bottom: 94px;
      z-index: 5;
  }
}


.menu .ayuda:active {
  height: 60px;
  width: 60px
}

.menu .ayuda:hover {
  cursor: pointer
}

.menu .ayuda .cicle-amarillo {
  height: 61px;
  width: 61px;
  border-radius: 31px;
  background-color: var(--red-portal-exito);
  box-shadow: 0 2px 10px 0 rgba(193, 193, 193, .5);
  display: flex;
  align-items: center;
  justify-content: center;
 
}

.menu .ayuda .cicle-amarillo.cicle-amarillo-close {
  display: none !important
}

.ayuda i{
  color: #fff;
  transition: ease-in-out .5s;
}
.ayuda.ayuda-active i{
  color: #333;
}

.menu .ayuda .cicle-amarillo .cicle-blanco {
  height: 51px;
  width: 51px;
  border-radius: 31px;
  background-color: var(--red-portal-exito);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out .5s;
}

.ayuda.ayuda-active .cicle-amarillo .cicle-blanco {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(193, 193, 193, .5);
}

.menu .ayuda .cicle-amarillo .cicle-blanco svg {
  transition: all ease .2s
}

.menu .ayuda.ayuda-active .cicle-amarillo .cicle-blanco svg {
  transform: rotate(360deg)
}

.menu .menu_bg {
  /* z-index: 4; */
  transition: all ease .4s;
  transform-origin: center;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  position: fixed;
  right: 50px;
  bottom: 130px;
  background: #f9f9f9;
  box-shadow: 0 3px 4px 0 rgba(94, 94, 94, .7);
  overflow: hidden;
  opacity: 0;
}

.menu .menu_bg-open{
  opacity: 1;
}
.menu_list {
    position: relative;
}

.menu .menu_bg-open {
  height: 600px;
  width: 600px;
  right: -220px;
  bottom: -240px;
}

.menu .ico-item {
  border-radius: 50%;
  height: 51px;
  width: 51px;
  background-color: #fff;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .12), 0 9px 8px 0 rgba(0, 0, 0, .11);
  display: flex;
  align-items: center;
  justify-content: center
}
.menu .ico-item svg {
    padding: 8px;
    width: 100%;
}
.menu .ico-item i.fa-whatsapp {
    font-family: "Font Awesome 5 Brands";
}
.menu .fa-2x{
  font-size: 50px;
}
.menu .ico-item i.fas {
    font-size: 30px;
}
.menu .menu_item {
  position: fixed;
  right: 22px;
  bottom: 125px;
  transition: all ease 1s;
  z-index: 1002;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.menu .menu_item-active {
  opacity: 1;
  display: flex;
  transition: all ease 1s;
}

.menu .menu_item-active:nth-child(4) {
  bottom: 200px;
  right: 20px;
}

.menu .menu_item-active:nth-child(3) {
  bottom: 140px;
  right: 90px;
}

.menu .menu_item-active:nth-child(2) {
  bottom: 70px;
  right: 90px;
}

.menu .menu_item-active:nth-child(1) {
  bottom: 10px;
  right: 20px;
}

.menu .text-icon {
  font-family: "Open Sans" !important;
  height: auto;
  width: auto;
  color: #292929;
  font-size: 16px;
  letter-spacing: -.5px;
  line-height: 20px;
  text-align: right;
  margin-right: 23px;
  margin-bottom: 0px;
}

.claro-hide {
  display: none !important
}

.cx-widget .claro-ico-candado-blue,
.cx-widget .claro-ico-candado-gray,
.cx-widget .claro-ico-candado-yellow,
.cx-widget .claro-ico-candado-yellow1,
.cx-widget .claro-ico-candado-yellow2 {
  height: 20px;
  width: 20px;
  background-size: 20px
}
.ayuda.ayuda-active .cicle-amarillo .cicle-blanco i.fa-2x.icon-cancel {
    line-height: 1px;
}

.ayuda.ayuda-active .cicle-amarillo .cicle-blanco i.fa-2x.icon-cancel svg {
  fill: black;
    width: 30px;
    height: 30px;
    margin: 0px auto;
    display: block;
}
.cx-widget.cx-theme-light .cx-svg-icon-tone1 {
  fill: #00448c !important
}

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

.cx-widget input[type=number] {
  -moz-appearance: textfield
}

.cx-widget .frame-widget {
  height: 478px;
  right: 300px;
  width: 100%;
  position: absolute;
  top: -59px !important;
  z-index: 2
}

.cx-widget .claro-ico-candado-gray {
  background-image: url(../lock_gray.html)
}

.cx-widget p {
  font-size: 12px;
  line-height: 15px
}

.cx-widget .claro-ico-candado-blue {
  background-image: url(../lock_blue.html)
}

.cx-widget .claro-ico-candado-yellow {
  background-image: url(../lock_yellow.html)
}

.cx-widget .claro-ico-candado-yellow1 {
  background-image: url(../lock_yellow1.html)
}

.cx-widget .claro-ico-candado-yellow2 {
  background-image: url(../lock_yellow2.html)
}

.cx-webchat .cx-menu li {
  margin-right: 5px !important;
  margin-top: 4px !important
}

.cx-widget {
  font-family: "Open Sans" !important;
  width: 300px !important;
  font-size: 11px !important;
  line-height: normal !important
}

.cx-widget .cx-form-control,
.cx-widget output {
  font-size: 11px !important
}

.cx-widget .cx-message.cx-participant.cx-you .cx-bubble {
  background-color: #e0e0e0 !important
}

.cx-widget .cx-message.cx-participant.cx-you .cx-bubble-arrow svg * {
  fill: #58595b !important
}

.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant .cx-avatar-wrapper {
  display: inline !important
}

.cx-widget .cx-message-group {
  margin-top: 7px;
  margin-bottom: 7px
}

.cx-widget table {
  margin-bottom: 0 !important
}

.cx-widget select {
  padding-left: 0 !important
}

.cx-widget a[target="_blank"] {
  color: #2e69db !important
}

.cx-widget.cx-theme-light .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #2e69db !important
}

.cx-widget button[data-message=ChatFormSubmit],
.cx-widget button[data-message=ConfirmButtonText] {
  margin-top: 10px !important
}

.cx-webchat .cx-transcript .cx-message .cx-name {
  color: #292929 !important;
  font-weight: 700 !important
}

.cx-webchat .cx-transcript .cx-message.cx-them {
  color: #292929 !important
}

.cx-widget label {
  font-weight: 400 !important
}

.cx-webchat .cx-transcript .cx-message.cx-system .cx-bubble {
  font-weight: 700 !important
}

.cx-webchat .cx-alert>.cx-wrapper {
  padding: 0 15px 15px 15px !important
}

.cx-callback,
.cx-clicktocall,
.cx-webchat {
  right: 0 !important
}

.cx-widget textarea#cx_webchat_form_subject {
  resize: none !important
}

.cx-callback .cx-content .cx-confirmation .cx-confirmation-wrapper {
  text-align: center
}

.cx-widget textarea#comentarios {
  width: 239px
}

.cx-widget #tr-lastname {
  width: 60%;
  display: inline-block
}

.cx-widget #tr-firstname {
  width: 40%;
  display: inline-block
}

.cx-widget #tr-typedocumment {
  width: 40%;
  display: inline-block
}

.cx-widget #tr-personId {
  width: 60%;
  display: inline-block
}

.cx-widget #cx_c2c_form_pais {
  margin-left: 15%;
  width: 85%
}

.cx-widget select[name=pais] {
  width: 85%;
  margin-left: 15%
}

.cx-widget #conTerminosCondiciones {
  width: 50% !important
}

.cx-widget #claro-modificar-agenada {
  width: 120px !important;
  height: 50px;
  white-space: normal
}

.cx-widget .captcha-info {
  color: var(--red-portal-exito);
  display: none
}

.cx-widget .captcha-info.show {
  display: block !important
}

.cx-widget #claro-agendar {
  width: 120px !important;
  height: 50px;
  white-space: normal
}

.cx-widget .td-indicativo {
  width: 60%
}

.cx-widget .cx-callback .cx-calendar-container {
  width: 300px
}

.cx-common-container.cx-close .cx-buttons-window-control button.cx-button-close,
.cx-common-container.cx-minimize .cx-buttons-window-control button.cx-button-minimize {
  height: 30px !important
}

.cx-widget select[name=claro-select-indicativo] {
  width: 79% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 6px !important
}

.cx-widget .cx-mobile input.cx-form-control,
.cx-widget .cx-mobile text-area.cx-form-control {
  font-size: 15px !important
}

@media only screen and (min-device-width:0px) and (max-device-width:900px) {

  .claro-ventana .claro-img-blanco,
  .claro-ventana .claro-img-negro {
      background-size: cover !important
  }

  .claro-ventana .claro-img-negro {
      width: 87px !important
  }

  .cx-widget select[name=claro-select-indicativo] {
      width: 85% !important
  }

  .cx-widget {
      height: auto !important;
      top: 0 !important
  }

  .cx-minimized {
      top: auto !important
  }

  .cx-webchat div.cx-input-container {
      position: fixed !important;
      bottom: 1px !important;
      height: 20% !important;
      min-height: 120px !important
  }

  .cx-widget .cx-clicktocall .cx-flex-cnw {
      display: -webkit-box !important
  }

  .cx-widget .cx-clicktocall .cx-container-fluid.cx-display-step.cx-flex-cnw.cx-hidden {
      display: none !important
  }

  .cx-widget .cx-form-wrapper {
      height: auto !important
  }

  .cx-callback,
  .cx-clicktocall,
  .cx-webchat {
      top: inherit;
      right: inherit;
      left: 0;
      height: 100%;
      width: 100% !important
  }

  .cx-widget .cx-body {
      overflow-y: scroll !important;
      min-height: 1px !important;
      height: 100% !important
  }

  .cx-widget .modalEncuesta {
      left: 0 !important;
      height: 90% !important;
      top: 0 !important
  }

  .cx-body>div {
      height: 100% !important;
      min-height: 390px !important
  }

  .cx-widget .foooter-custom {
      bottom: 10px !important
  }

  .cx-widget .modalFrame {
      left: 0 !important;
      height: 90% !important;
      top: 0 !important
  }

  @-moz-document url-prefix('') {
      .cx-widget.cx-clicktocall #cx_webchat_form_lastname {
          width: 102.5% !important
      }

      .cx-widget.cx-clicktocall #cx_webchat_form_personId {
          width: 102% !important
      }
  }

  .cx-webchat .cx-transcript {
      height: 65% !important
  }
}

@media only screen and (min-device-width:0px) and (max-device-width:600px) {
  #cat_webcallback {
      left: 0 !important;
      bottom: 0 !important
  }
}

@media only screen and (min-device-width:601px) and (max-device-width:800px) {
  #cat_webcallback {
      left: 0 !important;
      bottom: 0 !important;
      margin: auto
  }

  .cx-content {
      height: 500px !important;
      display: none
  }

  .pTitulo {
      display: none
  }

  .cx-content.show {
      display: block !important
  }

  .pTitulo.show {
      display: block !important
  }
}

@-moz-document url-prefix('') {
  .cx-clicktocall #tr-typedocumment {
      width: 33% !important
  }

  .cx-clicktocall #cx_c2c_form_pais {
      width: 85%
  }

  .cx-clicktocall #tr-firstname {
      width: 49% !important
  }

  .cx-clicktocall #tr-lastname {
      width: 49% !important
  }

  .cx-clicktocall #tr-personId {
      width: 65% !important
  }
}

@media screen and (min-width:0\0) {
  .cx-widget #ico-pais {
      position: relative !important
  }
}

div.claro-ico-agendar-llamada {
  height: 80px;
  width: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../icon_agendar_llamada.html);
  display: inline-flex
}

div.claro-ico-modificar-llamada {
  height: 80px;
  width: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../icon_cancelar_llamada.html);
  display: inline-flex
}

.claro-content {
  padding: 20px;
  text-align: center
}

.ico-pc {
  background-size: 60px;
  background-image: url(../pc.html)
}

.ico-android {
  background-size: 60px;
  background-image: url(../android.html)
}

.ico-chrome {
  background-size: 60px;
  background-image: url(../chrome.html)
}

.ico-firefox {
  background-size: 60px;
  background-image: url(../firefox.html)
}

.ico-opera {
  background-size: 60px;
  background-image: url(../opera.html)
}

.navegadores {
  height: 60px;
  width: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block
}

.claro-icon-agent {
  height: 30px;
  width: 30px;
  background-image: url(../icono-logo.html);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.claro-icon-user {
  height: 30px !important;
  width: 30px !important;
  background-image: url(../logo_user.html) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.count-chat {
  color: #fff;
  width: 20px;
  height: 20px;
  background-color: var(--red-portal-exito);
  border-radius: 20px !important;
  text-align: center;
  vertical-align: top;
  padding-top: 1px;
  font-size: 15px;
  margin-top: 5px;
  font-weight: 700
}

.ico-encuesta {
  background: #ffd200;
  background-image: url(../icono-encuesta.html);
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover !important;
  position: absolute;
  left: 12px;
  cursor: pointer
}

.claro-icon-callback,
.claro-icon-chat,
.claro-icon-clickToCall {
  height: 25px;
  width: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.cx-widget .claro-icon-chat {
  background-image: url(../logo_chat.html)
}

.cx-widget .claro-icon-clickToCall {
  background-image: url(../icon-llamanos.html)
}

.cx-widget .claro-icon-callback {
  background-image: url(../icon-llamanos.html)
}

.cx-widget div.ico-eliminar {
  background-image: url(../002-cubo-de-basura-boton-borrar.html);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.cx-widget div.ico-editar {
  background-image: url(../001-lapiz-boton-de-editar.html);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.cx-widget img.claro-ico-agendar-llamada::before {
  height: 80px;
  width: 80px;
  content: url(../003-llamada-telefonica-2.html)
}

.cx-widget img.claro-ico-modificar-llamada::before {
  height: 80px;
  width: 80px;
  content: url(../002-llamada-telefonica-1.html)
}

.cx-widget .cx-webchat img.ico-eliminar::before {
  content: url(../002-cubo-de-basura-boton-borrar.html)
}

.cx-widget .cx-webchat img.ico-editar::before {
  content: url(../001-lapiz-boton-de-editar.html)
}

.cx-widget .cx-webchat div.ico-correo {
  background-image: url(../correo.html);
  vertical-align: text-bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px
}

.cx-widget .cx-webchat div.ico-email {
  background-image: url(../email.html);
  vertical-align: text-bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px
}

.cx-widget .cx-webchat .cx-input-container {
  background: #f2f4f7 !important
}

.cx-widget .cx-webchat .cx-transcript .cx-message.cx-you .cx-name {
  display: inline-block !important
}

.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant.cx-you .cx-bubble,
.cx-widget .cx-message.cx-participant.cx-you .cx-bubble,
.cx-widget .cx-webchat .cx-transcript .cx-message.cx-you .cx-bubble {
  margin-right: 40px !important;
  margin-left: 0 !important
}

.cx-widget .cx-webchat .cx-menu li[data-message=ActionsEmoji] {
  display: inline-block !important
}

.cx-widget .cx-webchat .cx-transcript .cx-message.cx-you .cx-bubble-arrow {
  right: 33px !important
}

.cx-widget .cx-webchat .cx-transcript .cx-message.cx-you .cx-avatar-wrapper {
  display: block !important;
  right: 8px !important
}

.cx-widget .cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble {
  background: #fff
}

.cx-webchat.cx-theme-light .cx-message.cx-them .cx-bubble-arrow svg * {
  fill: #f2f4f7 !important
}

.cx-widget .cx-callback .cx-content .cx-form .cx-form-inputs .intl-tel-input {
  width: 81% !important
}

.cx-widget .cx-callback .cx-content .cx-confirmation {
  padding: 20px
}

.cx-widget .cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble {
  background-color: #fff !important
}

.cx-widget .cx-menu {
  display: inline-block;
  width: auto !important
}

.cx-widget .cx-menu-cell {
  height: 60px !important;
  display: flex
}

.cx-widget .cx-button-group .cx-buttons-default .cx-callback-done {
  display: inline-block !important
}

.cx-widget .codRegion {
  width: 40%
}

.cx-widget .claro-margin-button-5 {
  margin-bottom: 5px !important
}

.cx-widget .claro-img-video-llamada {
  height: 50px;
  width: 50px;
  background-image: url(../videollamada.html);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.cx-widget .claro-espacio-elemento {
  margin-top: 49px
}

.cx-widget .cx-footer .cx-powered-by {
  text-align: -webkit-right
}

.cx-widget .cx-btn-primary {
  background: #00448c !important
}

.cx-widget .cx-titlebar {
  background: #ffd200 !important
}

.cx-widget .cx-titlebar .cx-title {
  color: #00448c !important;
  font-weight: 700 !important;
  font-size: 22px !important
}

.cx-widget .cx-form {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  padding-right: 15px !important;
  padding-left: 20px !important
}

.cx-widget .pTitulo {
  font-size: 14px;
  color: #00448c;
  padding-bottom: 10px;
  background: #fff;
  padding: 10px 23px 10px 23px;
  margin: 0;
  text-align: justify
}

.cx-widget .pTitulo span {
  font-size: 13px;
  color: grey
}

.cx-widget .pTitulo span span {
  color: #000
}

.cx-widget .link-terminos {
  color: #00448c !important;
  cursor: pointer !important;
  text-decoration: underline #00448c;
  font-size: 10px !important;
  display: inline-block
}

.cx-widget .condiciones {
  display: inline-block !important;
  background-size: 5px;
  text-align: left;
  color: #00448c !important;
  width: 85% !important;
  text-decoration: underline
}

.cx-widget .diaplayBlock {
  display: inline-block !important;
  vertical-align: top;
  margin-top: 5px
}

.cx-widget .cx-submit.cx-btn.cx-btn-primary.i18n {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
  font-weight: 400 !important;
  width: 49.2%;
  margin-top: 10px !important
}

.cx-widget .cx-body {
  background: #f7f7f7;
  padding: 0 !important
}

.cx-widget .cx-footer {
  padding: 10px !important;
  margin: 0 !important;
  display: block !important;
  background: #f7f7f7 !important
}

.cx-widget div.cx-widget.cx-common-container.cx-clicktocall.cx-close.cx-minimize.cx-theme-light.cx-desktop {
  background: #f7f7f7
}

.cx-widget .cx-content.wrapper {
  padding: 0 !important;
  height: 100%
}

.cx-widget #webchat_form_terminos {
  position: initial;
  margin: 0;
  width: 16px !important;
  height: 16px !important
}

.cx-widget #ico-pais {
  background-repeat: no-repeat;
  background-size: 44px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  background-position: center;
  margin-left: 15px !important
}

.cx-widget #ico-pais-c2c {
  background-repeat: no-repeat;
  background-size: 44px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  background-position: center
}

.cx-widget #tr-typedocumment td {
  display: block
}

.cx-widget #tr-personId td {
  display: block
}

.cx-widget #tr-firstname td {
  display: block
}

.cx-widget #tr-lastname td {
  display: block
}

.cx-widget .pError {
  color: var(--red-portal-exito);
  padding: 10px 25px 0 25px;
  margin: 0;
  font-size: 10px
}

.cx-widget .pErrorElemt {
  color: var(--red-portal-exito);
  padding: 0;
  margin: 0;
  font-size: 8px;
  position: absolute;
  margin-top: 18px;
  margin-left: 3px
}

.cx-widget .btnEncuesta {
  opacity: 1 !important;
  right: 100px !important;
  bottom: 25px !important
}

.cx-widget .modalEncuesta {
  height: 500px;
  width: 100%;
  background: #e7e7e7;
  position: absolute;
  left: -300px;
  top: -57px;
  z-index: 2;
  padding: 10px 30px 5px 30px
}

.cx-widget .groupSolucion {
  text-align: center
}

.cx-widget .footer-encuesta {
  width: 100%;
  height: 10%;
  text-align: center;
  left: 0;
  bottom: 0;
  position: absolute
}

.cx-widget label[for*=radio] {
  color: grey !important;
  font-size: 30px !important
}

.cx-widget input[name=respuesta1] {
  display: none !important
}

.cx-widget .clasificacion {
  padding-top: 5px !important;
  direction: rtl !important;
  text-align: center !important;
  unicode-bidi: bidi-override !important
}

.cx-widget label[for*=radio]:hover {
  color: #ffd202 !important
}

.cx-widget label[for*=radio]:hover~label {
  color: #ffd202 !important
}

.cx-widget input[type=radio]:checked~label {
  color: #ffd202 !important
}

.cx-widget .title-encuesta {
  margin-left: 20px;
  text-align: center
}

.cx-widget #body-encuesta {
  height: 70%;
  text-align: center;
  display: grid
}

.cx-widget #comentarios::-webkit-input-placeholder {
  text-align: center;
  line-height: 50px
}

.cx-widget #comentarios:-moz-placeholder {
  text-align: center
}

.cx-widget #comentarios::-moz-placeholder {
  text-align: center
}

.cx-widget #comentarios:-ms-input-placeholder {
  text-align: center
}

.cx-widget button:disabled,
.cx-widget button[disabled] {
  color: #666 !important;
  cursor: not-allowed !important
}

.cx-widget .cx-webchat .cx-emoji-menu {
  white-space: normal !important
}

.cx-widget .cx-form-wrapper {
  height: 100% !important
}

.cx-widget ul.cx-menu li.cx-emoji.cx-icon.i18n .cx-tooltip-menu {
  width: 158px
}

.cx-webchat .cx-emoji-menu span {
  padding: 0 !important
}

.cx-webchat .cx-emoji-menu span:first-child {
  padding: 0 !important
}

.cx-widget .foooter-custom {
  position: absolute;
  display: inline-flex;
  bottom: 5px;
  line-height: 32px;
  width: 90%
}

.cx-widget #claro-encuesta {
  width: 50%;
  padding: 1px;
  font-weight: 400
}

.cx-widget .foooter-custom input {
  vertical-align: middle
}

.cx-widget .foooter-custom p {
  vertical-align: sub
}

.cx-widget .form-group {
  display: inline-block;
  text-align: center;
  margin-bottom: 0 !important
}

.cx-widget .action-clicktoCall {
  text-align: center;
  margin-top: 20px
}

.cx-widget .contenido-terminar-llamada {
  background: #ffd200;
  color: #fff;
  width: 60%;
  margin-left: 60px;
  padding: 4px;
  cursor: pointer
}

.cx-widget .contenido-terminar-llamada span {
  margin-bottom: 50px
}

.cx-widget .separador-verticar {
  height: 143px !important;
  width: 1px !important;
  background: #000
}

.cx-widget #frm-clicktocallrtc {
  padding: 10px 24px 0 24px
}

.cx-widget #envioEmail {
  vertical-align: super
}

.cx-widget .claro-comocon {
  padding: 10px 30px 10px 30px
}

.cx-widget .claro-comocon .claro-input-comocon {
  padding: 0 5px !important;
  border-radius: 3px;
  height: 30px;
  border: 3px solid #d8d8d8 !important;
  width: 100%;
  outline-color: #d8d8d8 !important
}

.cx-widget .claro-comocon input#chatVideoAyuda:focus {
  border-color: #d8d8d8 !important
}

.cx-widget .claro-imagen-busqueda {
  width: 19px !important;
  height: 19px !important;
  background: url(../icon_search.html) no-repeat;
  background-size: cover;
  position: relative !important;
  bottom: 24px !important;
  left: 90% !important;
  cursor: pointer
}

.cx-widget .claro-chat-busqueda {
  height: 40px;
  font-size: 14px !important;
  padding: 10px 28px;
  border-radius: 3px;
  user-select: none;
  text-align: center !important;
  vertical-align: middle;
  touch-action: manipulation;
  background-image: none;
  border: none;
  white-space: nowrap;
  color: #00448c !important;
  background-color: #ffd200 !important
}

.cx-widget .claro-control-busqueda {
  height: auto;
  display: block;
  padding: 5px 0 0 0;
  max-height: 245px;
  overflow: auto
}

.cx-widget div.claro-control-busqueda::-webkit-scrollbar-thumb {
  background-color: #00448c !important
}

.cx-widget .claro-parrafo-comocon {
  font-size: 14px;
  padding: 0 0 5px 0 !important;
  margin: 0 !important
}

.cx-widget ol {
  list-style: none;
  padding: 0;
  margin: 0
}

.cx-widget .modalFrame {
  height: 500px;
  width: 100%;
  background: #e7e7e7;
  position: absolute;
  left: -300px;
  top: -57px;
  z-index: 2;
  padding: 10px 10px 5px 10px
}

.cx-widget .footer-frame {
  width: 100%;
  height: 10%;
  text-align: center;
  left: 0;
  bottom: 0;
  position: absolute
}

.cx-widget .title-frame {
  margin-left: 20px;
  text-align: center
}

.cx-widget #body-frame {
  height: 92%;
  text-align: center;
  display: grid
}

.ico-frame {
  background: #00448c;
  background-image: url(../icono-encuesta.html);
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover !important;
  position: absolute;
  left: 12px;
  cursor: pointer
}

.cx-widget #content-pais {
  margin-top: 5px;
  margin-bottom: 5px
}

.cx-widget .cx-rich-media .cx-button:hover {
  color: #fff;
  border: 2px solid #004b9b;
  text-transform: uppercase
}

.cx-widget .cx-component div.cx-quick-reply {
  border: 2px solid #004b9b;
  text-transform: uppercase
}

.cx-widget .cx-rich-media .cx-button {
  text-decoration: none;
  text-decoration-line: none;
  background-color: #fff;
  padding: 10px;
  color: #004b9b;
  border-radius: 100px;
  border: 2px solid #004b9b;
  text-transform: uppercase
}

.cx-widget .cx-rich-media .cx-button:hover {
  color: #fff;
  border: 2px solid #004b9b;
  text-transform: uppercase
}

.cx-widget div.cx-quick-reply {
  text-decoration: none;
  text-decoration-line: none;
  background-color: #fff;
  color: #004b9b;
  border-radius: 100px;
  border: 2px solid #004b9b;
  text-transform: uppercase
}

.cx-widget div.cx-quick-reply:hover {
  color: #fff !important;
  border: 2px solid #004b9b !important;
  background-color: #004b9b !important;
  text-transform: uppercase !important
}

.cx-widget .cx-link {
  text-decoration: underline !important;
  font-weight: 700
}

.cx-widget .cx-carousel-container img {
  display: none !important
}

.cx-widget .cx-message .cx-message-text {
  font-size: 14px !important
}