body {
  background-color: #ffffff;
}
.consulta__cdpe {
  position: relative;
  background-color: #ffffff;
}
.cdpe__header {
  padding-top: 8px;
  padding-bottom: 8px;
}
.cdpe__header img {
  height: 40px;
}
.cdpe__nav {
  background: #FAFAFA;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.03);
  padding-top: 16px;
  padding-bottom: 16px;
}
.cdpe__nav--container {
  display: flex;
  justify-content: space-between;
}
.cdpe__nav--container a {
  color: #8e91aa;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
}
.cdpe__nav--container a:hover {
  color: #8e91aa;
}
.cdpe__body {

}






.fondo {
  position: absolute;
  width: 100%;
}
.cdpe__inicio {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #edf4fe;
  clip-path: polygon(0 0,100% 0,100% 80%,100% 100%,0 80%);
  height: 500px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
}
.cdpe__inicio--title {
  font-style: normal;
  font-weight: 500;
  font-size: 46px;
  line-height: 54px;
  color: #2F3367;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.cdpe__ruc__formulario {
  max-width: 530px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
}
.cdpe__for--title {
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #2F3367;
  text-align: center;
  margin-bottom: 20px;
}
.btn--continuar {
  background: #1890FF;
  border-color: #1890FF;
  border-radius: 5px;
  padding-left: 32px;
  padding-right: 32px;
}
.btn--continuar:hover {
  background: #1890FF;
  border-color: #1890FF;
}

.btn--continuar:focus {
  background: #096DD9;
  border-color: #096DD9;
}

.cdpe_img {
  position: relative;
  height: 0px;
  display: flex;
  justify-content: space-between;
  top: -184px;
}
.cdpe__img--circulo {
  position: relative;
  top: 60px;
}
.cdpe__img--rect {
  position: relative;
  top: -145px;
}

.ruc__label {
  text-align: right;
  padding-top: 8px;
}
@media (max-width: 1000px) {
  .cdpe_img {
    display: none;
  }
}
@media (max-width: 768px) {
  .cdpe__inciio--title {
    font-size: 30px;
    line-height: 54px;
  }
  .cdpe__inicio {
    clip-path: unset;
    height: unset;
  }

  .ruc__label {
    text-align: left;
  }
}



















/*CSS CDPE Formulario*/
.cdpe__formulario {
  background: #F1F8FE;
  padding-bottom: 16px;
}
.datepicker {
  padding: .375rem .75rem !important;
}

.errors {
  color: #e3342f;
  font-size: 13px;
}
.invalid-feedback {
  font-size: 90%;
}

iframe {
  max-width: 100%;
  height: auto;
}
.input-group>.input-group-append>.input-group-text {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #1890FF !important;
  color: #1890FF;
}
.cdpe__ruc__formulario .form-control {
  border: 1px solid #1890FF;
}

.cdpe__ruc__formulario  .form-control.is-invalid {
  border-color: #e3342f !important;
}

.loading {
  display: flex;
  align-items: center;
}

.loading .loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 16px;
  height: 16px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-right: 8px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

form.cmxform{font-size:1em;color:#333}form.cmxform legend{padding-left:0}form.cmxform legend,form.cmxform label{color:#333}form.cmxform fieldset{border:none;border-top:1px solid #c9dca6;background:url(../images/cmxform-fieldset.gif) left bottom repeat-x;background-color:#f8fdef}form.cmxform fieldset fieldset{background:0 0}form.cmxform fieldset p,form.cmxform fieldset fieldset{padding:5px 10px 7px;background:url(../images/cmxform-divider.gif) left bottom repeat-x}form.cmxform label.error,label.error{color:#e3342f;font-size: 13px}div.error{display:none}input{border:1px solid #000}input.checkbox{border:none}input:focus{border:1px dotted #000}input.error{border:1px solid #e3342f !important; box-shadow: 0 0 0 0.2rem rgba(227,52,47,.25) !important;}form.cmxform .gray *{color:gray}