.stepwizard-step p {
  margin-top: 2px !important;
}
.stepwizard-row {
  display: table-row !important;
}
.stepwizard {
  display: table !important;
  width: 100% !important;
  position: relative !important;
}
.stepwizard-step .boton_formulario[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.stepwizard-row:before {
  top: 19px !important;
  bottom: 0 !important;
  position: absolute !important;
  content: " " !important;
  width: 65% !important;
  height: 1px !important;
  background-color: #CCC !important;
  margin-left: 19% !important; 
}
.stepwizard-step {
  display: table-cell !important;
  text-align: center !important;
  position: relative !important;
}
.btn-circle {
  width: 40px !important;
  height: 40px !important;
  text-align: center !important;
  padding: 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.428571429 !important;
  border-radius: 25px !important;
  background-color: #06c6a9 !important;
  border-color: #06c6a9 !important;
  color: white !important;
}

.EnvBtn{
  background-color: #46bc57 !important;
  border-color: #46bc57 !important;
  border-radius: 25px !important;
}
.prevBtn{
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
  border-radius: 25px !important;
}

.titulo_form{
color: #06c6a9 !important;
font-weight: 500 !important;
}

.subtitulo_form{
  color: #808080 !important;
}


.pregunta{
  color: #4d4d4d !important;
  font-weight: 500 !important;
  font-size: 24px;
  }
  
  .sub_pregunta{
    font-size: 20px;
    font-weight: 400 !important;
    color: #808080 !important;
  }
  
  input[type="text"].form_video{
    background-color: #06c6a9 !important;
    color: white !important;
    border: 1px solid #06c6a9 !important; 
    font-size:18px !important;
    border-radius: 50px !important;
    padding-left: 3rem !important;
  }

  textarea.form_video{
    background-color: #06c6a9 !important;
    color: white !important;
    border: 1px solid #06c6a9 !important; 
    font-size:18px !important;
    border-radius: 12px !important;
    padding-left: 3rem !important;
  }

  select.form_video{
    background-color: #06c6a9 !important;
    color: white !important;
    border: 1px solid #06c6a9 !important; 
    font-size:18px !important;
    border-radius: 50px !important;
    padding-left: 3rem !important;
  }


  .radio_crz {
    display: block !important;
  }
  
  input[type="file"]{
    background-color: white !important; 
    color: #808080 !important;
    border: 1px solid #808080 !important; 
    font-size:14px !important;
  }

.form-check-label {
    color: white !important;
    font-size:17px !important;
  }


.chat-container {
  background: #ece9e6;
  background: linear-gradient(to right, #ece9e6, #ffffff);
  width: 320px;
  max-width: 100%;
  border-radius: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  overflow: hidden;
  padding: 15px;
  position: relative;
}

.chat {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.message {
  border-radius: 50px;
  position: relative;
  margin-bottom: 30px;
}

.message.left {
  padding: 15px 20px 15px 20px;
  background-color: #EDF0F5;
  color: #808080;
  text-align: left;
  height: 60px;
  width: 85%;
  float:left;
}

.message.right {
  align-self: flex-end;
  padding: 15px 70px 15px 20px;
  background-color: #4b802f;
  color: #fff;
  text-align: right;
}

.avatar {
  border-radius: 50%;
  object-fit: cover;
  left: 80px;
  top: 5px;
  width: 50px;
  height: 50px;
  border: 2px solid #b8c4cc;
  z-index: 2;
  position:sticky;
}

.message.right .avatar {
  left: auto;
  right: 10px;
  border-color: #5C8049;
}

.message p {
  margin: 0;
}

.text_input {
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
  width: 100%;
}


.button_c {
  width: 180px;
  height: 50px;
  border-radius: 50px !important;
  display: flex;
  overflow: hidden;
}
.btn-container {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--bg) !important;
}
.btn-container:nth-child(1) {
  --btn-bg: #9995DF !important;
  --bg: #736ED3 !important;
}
.btn-container:nth-child(2) {
  --btn-bg: #fac300 !important;
  --bg: #fc6100 !important;
}
.boton_formulario {
  --width: 180px !important;
  --height: 60px !important;
  border: 0 !important;
  position: relative !important;
  min-width: var(--width) !important;
  min-height: var(--height) !important;
  border-radius: var(--height) !important;
  color: #fff !important;
  font-weight: bold !important;
  background: rgba(0, 0, 0, 0.3) !important;
  cursor: pointer !important;
  overflow: hidden !important;
  display: flex !important;
  font-size: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 1rem !important;
}
.boton_formulario .text, .boton_formulario .icon-container {
  position: relative !important;
  z-index: 2 !important;
}
.boton_formulario .icon-container {
  --icon-size: 25px !important;
  position: relative !important;
  width: var(--icon-size) !important;
  height: var(--icon-size) !important;
  margin-left: 15px !important;
  transition: transform 500ms ease !important;
}
.boton_formulario .icon-container .icon {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--icon-size) !important;
  height: var(--icon-size) !important;
  transition: transform 500ms ease, opacity 250ms ease !important;
}

.pull-left .icon-container .icon {
  position: absolute !important;
  left: -20px !important;
  top: 0 !important;
  width: var(--icon-size) !important;
  height: var(--icon-size) !important;
  transition: transform 500ms ease, opacity 250ms ease !important;
}


.boton_formulario .icon-container .icon--left {
  transform: translateX(-200%) !important;
  opacity: 0 !important;
}
.boton_formulario .icon-container .icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: #fff !important;
}


.boton_formulario::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--btn-bg) !important;
  border-radius: var(--height) !important;
  z-index: 1 !important;
  transition: transform 500ms ease !important;
}

.boton_formulario:hover::after {
  transform: translateX(65%) !important;
}
.boton_formulario:hover .icon-container {
  transform: translateX(125%) !important;
}
.boton_formulario:hover .icon-container .icon--left {
  transform: translateX(0) !important;
  margin-left:-15px !important;
  opacity: 1 !important;
}
.boton_formulario:hover .icon-container .icon--right {
  transform: translateX(200%) !important;
  opacity: 0 !important;
}

.pull-left::after{
  background: #9995df !important;
}
.pull-left:hover::after {
  transform: translateX(-70%) !important;
}
.pull-left:hover .icon-container {
  transform: translateX(-155%) !important;
}
.pull-left:hover .icon-container .icon--left {
  transform: translateX(0) !important;
  margin-left:25px !important;
  opacity: 1 !important;
}
.pull-left:hover .icon-container .icon--right {
  transform: translateX(-200%) !important;
  opacity: 0 !important;
}
.support {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  padding: 10px !important;
  display: flex !important;
}
.support a {
  margin: 0 10px !important;
  color: #fff !important;
  font-size: 1.8rem !important;
  backface-visibility: hidden !important;
  transition: all 150ms ease !important;
}
.support a:hover {
  transform: scale(1.1) !important;
}

.elementskit-menu-hamburger{
  display:none !important;
}

.setup-content{
  background-image: url("https://www.asidesencillo.xyz/wp-content/uploads/2021/09/fondo_formulario_video.webp");
  box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  width: 100%;
margin-left: 0% !important;
height: auto;
}

.form-select:focus {
  border-color: rgba(255, 255, 255, 0) transparent !important;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0) !important;
}

#label-tratamiento_form {
  cursor: pointer;
  color:#808080 !important;
  font-weight: 500 !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 16px;
}

.titulo1_pqr{
  font-size: 30px !important;
  color: #928ED8 !important;
  font-weight: 600;
  margin: 0 !important;
padding: 60px 0 0 0 !important;
  font-family: 'Fira Sans', sans-serif;
}

.titulo3_pqr{
  font-size: 18px !important;
  color: #808080 !important;
  font-weight: 400;
  margin: 0 !important;
padding: 0 10px 0 10px !important;
  font-family: 'Fira Sans', sans-serif;
}

.envio_lot{
    margin-top: -3%;
    width: 80% !important;
  
}

#formulario_crz{
  width: 100%;
  max-width: 500px;
  height: auto;
  max-height: auto;
  border-radius: 20px;
  padding:0px;
}
#formulario_emprendimiento{
  width: 100%;
  max-width: 680px;
  height: auto;
  border-radius: 20px;
  padding:0px;
}

#formulario_revista{
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 20px;
  padding:0px;
}


#crz_head{
  background-color: #46B557;
  height: 50px;
  border-radius: 20px 20px 0px 0px;
  margin-left: 2%;
  width: 96%;
}

#revista_head, #hablemos_head{
  background-color: #9995DF;
  height: auto;
  border-radius: 20px 20px 0 0;
  margin-left: 1.5%;
  width: 97%;
  min-height: 50px;
}

.tit_head{
  font-size: 18px !important;
  color: #fff !important;
  font-weight: 500;
  margin: 0 !important;
padding: 8px 20px 0 20px !important;
  font-family: 'Fira Sans', sans-serif;
}

#label-tratamiento_crz {
  cursor: pointer;
  color:#808080 !important;
  font-weight: 500 !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
}

.label_crz {
  color:#808080 !important;
  font-weight: 400 !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
}


.exad-close-btn{
  background-color: #928ed8 !important;
width: 40px !important;
border-radius: 100% !important;
height: 40px !important;
Color: white !important;
text-decoration: none !important;
margin-left: -7% !important;
margin-top: 2% !important;
}

#env_crz_verde{
  margin-left:0%; 
  margin-top:10px;
}

#detalle_denuncia-error{
  display: contents;
}


  #env_revista{
  margin-left:0%; 
  margin-top:10px;
}

#env_emprendimiento{
  margin-left:0%; 
  margin-top:10px;
}

.form-floating > label.error{
    color:red !important;
    margin-left: 0em !important;
    margin-top: 2.8em !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    padding: 1rem .75rem !important;
    pointer-events: none !important;
    border: 1px solid transparent !important;
    transform-origin: 0 0 !important;
    opacity: 1 !important;
    transform: scale(1) translateY(0rem) translateX(0rem) !important;
    font-size: 14px !important;
    line-height: 18px;
    width: 111%;
}
#form_crz_verde > label.error, #form_revista > label.error, #form_hablemos > label.error, #form_emprendimiento > div > div > label.error{
  color:red !important;
  font-size: 14px !important;
}


.file-list-eliminar, .file-list-eliminar_linea, .file-list-eliminar_foto{
  background-color: #9995DF;
  border-radius: 50px;
  height: 10px !important;
  width: 10px !important;
  position: absolute;
  color:white !important;
}

.file-list-eliminar:hover, .file-list-eliminar_linea:hover, .file-list-eliminar_foto:hover{
  background-color: #736ED3;
}



.close_file_pqr{
  margin-left: -4px !important;
  top: -7px !important;
  position: relative;
}

.lista_arch_pqr{
  padding-bottom: 8px;
  color:#808080; 
}

.file-input__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file-input__label {
  cursor: pointer;
  font-weight: 400;
  background-color: #06c6a9 !important;
  color: white !important;
  border: 1px solid #06c6a9 !important; 
  font-size: 15px !important;
  border-radius: 50px !important;
  padding-left: 1rem !important;
  height: auto;
  padding-top: 10px;
  width: 100%;
  padding-bottom: 10px;
}

.file-input__label svg {
  height: 18px;
  margin-top: -8px;
}

textarea.form-control{
  color:#666;
}
#detalle_sol-error{
  display: contents !important;
}

.direccion_video{
  display: flex;
  justify-content: center;
  font-size: 30px;
}

#nome_pri-error, #nome_seg-error, 
#nome_ter-error, #motivo_hablemos-error, 
#descripcion_emp-error, #encontrar_emp-error, 
#mensaje_ver-error, #ayuda_video-error{
  display:contents !important;
}

.form-floating > .form-select {
  padding-top: 1.3rem !important;
}

.emoji_titulo{
  color: #808080!important;
  font-weight: 400 !important;
}


@media (min-width: 0px) and (max-width: 800px)   {

#env_crz_verde{
  margin-left:0%; 
  margin-top:10px;
}
#env_revista, #env_emprendimiento{
  margin-left:0%; 
  margin-top:10px;
}

.avatar{
  margin-left: -22% !important;
margin-top: -12% !important;
position: absolute !important;
}

.message.left{
  width:100% !important;
}

#medio_pqr{
  height: 72px;
padding-bottom: 0px;
padding-top: 31px;
}
#detalle_sol{
  height: 72px;
  padding-bottom: 0px;
  padding-top: 28px;
}
#pqr_comentario, #categoria_emp{
  height: 55px;
padding-bottom: 0px;
padding-top: 13px;
}
#div_dinamic_1, #div_dinamic_2,#div_dinamic_3, #div_dinamic_4,#div_dinamic_5{
  height: 72px;
padding-bottom: 0px;
padding-top: 0px;
}

#medio_pqr-error,#detalle_sol-error{
  margin-top:55px !important;

}

#env_pqr{
  float: none !important;
margin-top: -40% !important;
margin-left: 23% !important;
}


#atras_1_pqr{
  float: none !important;
margin-top: 20% !important;
margin-left: 23% !important;
}

.lista_arch_pqr{
  max-width: 230px;
}

#botones_final_pqr{
  padding-bottom: 90px !important;
}

#next_video_2{
  float: none !important;
margin-top: -35% !important;
margin-left: 25% !important;
}


#atras_1_video{
  float: none !important;
margin-top: 14% !important;
margin-left: 25% !important;
}

#next_video_3{
  float: none !important;
margin-top: -35% !important;
margin-left: 25% !important;
}


#atras_2_video{
  float: none !important;
margin-top: 14% !important;
margin-left: 25% !important;
}

#botones_medio_video, #botones_final_video{
  padding-bottom: 90px !important;
}

#ayuda_video{
  padding-bottom: 0px;
padding-top: 40px;
line-height:22px;
}

#ayuda_video-error{
  margin-top: 3.5em !important;
}

#anonimo_pre{
  margin-bottom: 7% !important;
  border-radius: 12px !important;
}

.arch_lin{
  border-radius:12px !important;
}

#mensaje_ver{
  padding-top:38px;
}

}