/* apartado de todo los estilos generales */

/* #logo_find { */
    /* position:fixed; */
    /* z-index:1; */
    /* bottom:0px; */
    /* left:0px; */
    /* width:80px; */
    /* border-radius: 0%; */
    /* border-top-right-radius: 10px; */
/* } */


.height-49-px{
  height: 49px;
}

.closed-modal-password{
  background-color: red;
  color: white;
}

.margin-0-px{
  margin: 0px;;
}
.margin-top-50{
  margin-top: 50px;
}
.margin-top-50-px{
  margin-top: 10px;
}


.margin-top-14{
  margin-top: 14px;
}
.margin-top-19{
  margin-top: 19px;
}

.margin-top-21{
  margin-top: 21px;
}

.padding-0-px{
  padding: 0px;
}

.padding-1-px{
  padding: 1px;
}

.padding-15-px{
  padding: 15px !important;
}
.padding-20{
  padding: 20px;
}
.padding-top-0{
  padding-top: 0px !important;
}

.padding-top-3{
  padding-top: 3%;
}

.padding-top-86{
  padding-top: 86px;
}

.padding-top-14px{
  padding-top: 14px;
}

.padding-top-10px{
  padding-top: 10px;
}

.padding-lef-96-pr{
  padding-left: 96%;
}
.padding-lef-65{
  padding-left: 65%;
}

.padding-left-76{
  padding-left: 76%;
}

.padding-top-36{
  padding-top: 36px;
}

.padding-left-11{
  padding-left: 11px;
}

.padding-left-23{
  padding-left: 23px;
}


.padding-left-26{
  padding-left: 26px;
}


.padding-left-32{
  padding-left: 32px;
}

.padding-left-30{
  padding-left: 30px;
}

.padding-lef-28{
  padding-left: 28px;
}

.padding-left-55{
  padding-left: 55px;
}

.padding-lef-72{
  padding-left: 72%;
}
.padding-lef-0-px{
  padding-left: 0px !important;
}

.padding-lef-9-px {
  padding-left: 9px;
}

.padding-left-225-px{
  padding-left: 255px;
}

.padding-left-20-px{
  padding-left: 20px !important;
}


.margin-left-1-5-rem{
  margin-left: 1.5rem;
}

.margin-right-1-5-rem{
  margin-right: 1.5rem;
}

.overflow-none{
  overflow-x: hidden !important; 
  overflow-y: hidden !important;
}

.tex-font{
  font-family: 'Lato', sans-serif;
}
.fwl-5{
  font-weight: 500;
}
.fwl-7{
  font-weight: 700;
}
.fwl-4{
  font-weight: 400;
}
.fwl-3{
  font-weight: 300;
}
.fwl-1{
  font-weight: 100;
}

.label-font-size-12-px{
  font-size: 12px;
}

.label-font-size-13-px{
  font-size: 13px;
}

.label-font-size-14-px{
  font-size: 14px;
}

.label-font-size-24-px{
  font-size: 24px;
}

.label-font-size-27-px{
  font-size: 27px;
}
.label-font-size-25-px{
  font-size: 25px;
}
.label-font-size-18-px{
  font-size: 18px;
}

.border-color-input{
  border-color: #523379;
}
.conteiner-color{
  border-color: #523379;
}
.boton-crediforx{
  background-color: #81B928;
  border-color: #81B928;
}
.text-leng{
  font-size:12px;
}
.color-text{
  color: #0c1464;
}

.color-text-label{
  color: #0c1464;
}
.label-color{
  color: #4D3378;
}
.bold{
  font-weight: bold !important;
}
.color-text-register{
  color: #4D3378;
}

.nav-border {
  border-bottom: 1px solid #88939E !important;
}

.nav-tabs .nav-link.active {
  border-top: 1px solid #A6AEB5 !important;
  border-left: 1px solid #A6AEB5 !important;
  border-right: 1px solid #A6AEB5 !important;
  border-bottom: 0px solid white !important;
  color: #040C5E !important;
}

.nav-border-radius-top{
  border-top-left-radius: 5px !important;   
  border-top-right-radius: 5px !important;

}

.nav-tabs .nav-item .nav-link:not(.active) {
  background-color: white !important;
}

.nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus {
  color: #A4A4A4;
}
.nav-tabs .nav-item .nav-link {
  color: #A4A4A4;
  border: 0;
  border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.nav-item {
  background-color: white !important;
}

.font-size-10{
  font-size: 10px !important;
}

.font-size-13{
  font-size: 13px !important;
}

.font-size-14{
  font-size: 14px;
}

.font-size-18{
  font-size: 18px;
}
.font-size-60{
  font-size: 60px;
}

.font-size-25{
  font-size: 25px;
}

.width-100-pr{
  width: 100% !important;
}

.font-size-20{
  font-size: 20px;
}

.font-size-17{
  font-size: 17px;
}

.font-size-22{
  font-size: 22px;
}

.font-size-19{
  font-size: 19px;
}

.font-size-12{
  font-size: 12px;
}
.font-size-120{
  font-size: 120%;
}

.font-size-30{
  font-size: 30px;
}


.float-none{
  float: none !important;
}

.font-bold{
  font-weight: bold;
}

.margin-10{
  margin: 10px;
}
.margin-left--12{
  margin-left: -12px !important;
}

.margin-left-20{
  margin-left: 20px;
}

.margin-top-23{
  margin-top: 23px;
}

.margin-top-10{
  margin-top: 10px;
}

.margin-top-15{
  margin-top: 15px;
}

.margin-top-30{
  margin-top: 30px;
}


.margin-bottom-10-px{
  margin-bottom: 10px;
}
.margin-bottom-15-px{
  margin-bottom: 15px;
}

.padding-right-0{
  padding-right: 0px !important;
}

.padding-left-10-px{
  padding-left: 10px !important;
}

.padding-left{
  padding-left: 40px;
}

.height-15-px{
  height: 15px;
}

.height-0-pr{
  height: 0% !important;
}


.width-25-px{
  width: 25px;
}

.width-30-pr{
  width: 30% !important;
}




.btn-circle.btn-xl {
  width: 60px;
  height: 60px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
  background-color: #81B928;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

.padding-7{
  padding: 7px
}






.vh-100{
  width: 100%;
  height: 100vh;
}


.pointer{
  cursor: pointer;
}
.bg-label-secondary {
  background-color: #81B928 !important;
  color: #000000 !important;
}
.padding-left-px{
  padding-left: 0px;
}



.bg-label-grenn{
  background-color: #81B928 !important;
  color: #0f0f0f !important;

}

.label-color-tex-black{
  color: #000000;
}

.text-transform{
  text-transform: none;
}


.btn-visual-credit{
   padding: 3px;
    margin: 5px;
    text-align: center;
    display: inline-block !important;
    width: 23px;
    height: 23px;
    font-size: 12px;
    border-radius: 50%;
    background-color: #CACACA ;
    color: #4D3378 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  background-color: #4D3378;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}


.padding-left-82{
  padding-left: 90%;
}

.label-color-text{
  color: #9B9B9B;
}

.label-color-text-menu{
  color: #8A8A8A;
}

.width-95{
  width: 99%;
}

.width-150{
  width: 150px !important;
}

.width-25-pr{
  width: 25% !important;
}

.width-30-pr{
  width: 30% !important;
}

.width-35-pr{
  width: 35% !important;
 }

 .width-40-pr{
  width: 40% !important;
 }

 .width-60-pr{
  width: 60% !important;
 }

.width-65-pr{
  width: 65% !important;
 }

 .width-70-pr{
  width: 70% !important;
 }

 .width-75-pr{
  width: 75% !important;
 }

 
 .width-10-pr{
  width: 10%;
}

.width-23-pr{
  width: 23%;
}

.width-16-pr{
  width: 16%;
}

.width-15-pr{
  width: 15%;
}
.color-text-simulator{
  color: #fff !important;
}
.background-color-table-simulatior{
  background-color: #523379;
}

.background-color-body{
  background-color: #e3e3e348 !important;
}

.background-color-text{
  background-color: #e3e3e348 ;
  height: 27px;
}


.background-color-text-identification{
  background-color: #95929247 ;
  height: 35px;
}

.margin-top-5-px{
  margin-top: 5px;
}




.background-color-table{
  background-color: #e3e3e3e8 ;
}

.border-radius-13-total{
  border-radius: 13px;
  /* color: #E3E3E5 */
}




/* ------------------------------------------------------------------------------------------Dashboard------------------------------------------------------------------------- */
.padding-monto-dashboard-hitorial{
  padding-top: 10px;
  padding-left: 14px;
}

/* --------------------------------------------------------------------------------------solicitudes------------------------------------------------------------------- */
.table:not(.table-dark) th {
  color: #4D3378 !important;
}

.nav-align-top .table:not(.table-dark), .nav-align-top .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-top .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-top .table:not(.table-dark) td, .nav-align-right .table:not(.table-dark), .nav-align-right .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-right .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-right .table:not(.table-dark) td, .nav-align-bottom .table:not(.table-dark), .nav-align-bottom .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-bottom .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-bottom .table:not(.table-dark) td, .nav-align-left .table:not(.table-dark), .nav-align-left .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-left .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-left .table:not(.table-dark) td {
  border-color: #fff0 !important;
}

/* =----------------------------------------------------------------------------------APARATADO DE WIZARD credit ------------------------------------*/
.border-total{
  border: 1px solid #BFBFBF !important;
}

.border-radius-10-total{
  border-radius: 10px !important;
}
/* ----------------------------------------------aparatado de login-------------------------------------------------------------------- */

.img-banner-right{
  position: absolute; 
  right: 0; 
  height: 100%;
}


.login-btn {
  padding: 6px 16px 6px;
  color: #fff;
  background-color: #523379;
  border-color: #523379;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 24px;
}

/* ----------------------------------------------------------------------------apartado de FinishAccount -------------------------------------------*/

.text-color-FinishAccount{
  color: #5b5c63;
}

.font-size-21-px-FinishAccount{
  font-size: 21px;
}

/* -------------------------------------------apartado de NIP----------------------------------------------------------------------------------- */
.input-nip-padding-21{
  padding-right: 21%;
}

.border-color-btn-nip{
  border-color: #5b5c63
}
/* --------------------------------------------------------apartado de wizard----------------------------------------------------------- */
.tab-padding-10-px{
  padding-left: 2px !important;
  padding-top: 10px !important;

}
.tab-padding-7-px{
  padding-left: 7px;
}

.icon-curp-padding{
  padding-right: 4px;
  padding-bottom: 5px;
}

.card-body-wizard-final{
  flex: 1 1 auto;
  padding: 1.5rem 1.5rem;
  background-color: white;
  border-radius: 10px;
}

.car-wizard-final{
  background-clip: 0px;
  color: #D2D2D2;
  border: solid 1px !important;
  border-radius: 9px;
}

.btn-padding-wizard-final{
  padding-top: 70px;
  padding-left: 78%;
}

.img-crediforx-acount-finalizado{
  height: 95px;
  padding-right: 706px;
  padding-left: 5%;
}

.img-crediforx-acount-reset{
  height: 95px;
  margin: 25px;
}

.img-crediforx-dashboard{
  height: 61px;
  padding-left: 38%;
}

.border-radius-7-total{
  border-radius: 7px;
}



.check-img-finalizado{
  width: 13%;
}

.img-paddin-top-3{
  padding-top: 3%;
}
  


/* --------------------------------------------------------------------------apartado de identificacion---------------------------------------- */

.width-15-btn-id{
  width: 15%;
}

/* ----------------------------------------apartado de quter-------------------------------------------------------------------------- */

.color-text-quoter{
  color: #868d95;
}
.img-banner-left{
  position: absolute; 
  left: 0; 
  height: 100%;
  z-index: -100;
}

.font-size-50-quoter{
  font-size: 50px;
  font-weight: bold;
}

.img-quoter-logo{
  max-width: 80%;
  height: auto;
}

.label-color-quoter{
  color: #0c1464;
}

.font-size-22-quoter {
  font-size: 22px ;
}

.padding-quoter {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.icon-font-size-color{
  color: #4D3378;
  font-size: 17px;

}

.font-size-15-quoter {
  font-size: 15px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------- */
  .border-input-numbercredit{
    border-color: #523379;
  }
  /* estilo de texto lato */

  .color-number{
    color: #4F5057;
  }

  .green-money{
    font-weight: normal;
    color:#4D3378;
  }

  .green-money2{
    font-weight: normal;
    color:#81B928;
  }

  .color-text-mandatory{
    color: #F41958;
  }


  .container-simuleitor{ 
    width: auto;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border:  solid #ffffff;
  }

  .color-slider{
    background-color: #523379;
    border-color: #523379;
    
  }

  .quoter-btn-simuleitor{
    padding: 6px 16px 6px;
    color: #fff;
    background-color: #81B928;
    border-color: #81B928;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 24px;
    
  }

  .brand-wrapper .logo-login {
    width: 10rem;
  }

  .contenorimg{
    max-width: 100%;
  }
  /* div.container { */
    /* width: 96%; */
    /* max-width: 960px; */
    /* margin: 0 auto; */
    /* } */

  .landingBgOne {
    background: url('/images/screen2/img-simulador.png');
    overflow-x: hidden;
    background-size: 100% 100%;
}
.conteiner-fluid-login{
  padding-right: revert-layer;
  padding-left: 1.625rem;
}

.bg-blue{
  background-color: #523379;
  border-top-right-radius: 40%;
}

.landing-img-login {
  background: url('/images/screen2/banner-crediforx-grande.png');
  overflow-x: hidden;
  overflow-y: hidden;
  background-size: 80% 100%;
  /*
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  min-height:100vh;
  */
}

.btn-primary {
  background-color: #81B928 !important;
  border-color: #81B928 !important;
}


.bg-light {
  --bs-bg-opacity: 1;
  background-color: white !important;
}
/* color de los input */
:root {
  --vs-colors--lightest: #523379 !important;
  --vs-colors--dark: #523379 !important;
  --bs-body-bg: #F5F4F9 !important;
  --vs-state-disabled-bg: #fff !important;
  --vs-dropdown-option--active-bg: #523379 !important;
}

/* color del slider */

.vue-slider-dot-handle-focus {
  border-color: #523379 !important;
  box-shadow: #523379 !important;
}

.vue-slider:hover .vue-slider-process {
  background-color: #523379 !important;
}

.vue-slider-process {
  background-color: #523379 !important;
  border-radius: 15px;
  transition: background-color 0.3s;
    transition-property: background-color;
    transition-duration: 0.3s;
}

.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #523379 !important;
  border: 2px solid #ffffff !important;
    border-top-color: rgb(247, 63, 7);
    border-right-color: rgb(247, 63, 7);
    border-bottom-color: rgb(247, 63, 7);
    border-left-color: rgb(247, 63, 7);
  box-sizing: border-box;
  transition: box-shadow 0.3s, border-color 0.3s;
}
/* color de los circle */
.form-check-input[type="radio"] {
  border-radius: 50%;
  border-color: #523379 !important;
}

.form-control {
  font-size: 0.9375rem;/*font-size: 0.65rem;*/
  font-weight: 400;
  line-height: 1.53;
  color: #523379 !important;
  border: 1px solid #523379;
}


input[type="checkbox"]:indeterminate {
  background-color: #523379 !important;
  border-color: #523379 !important;
  box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);
}

/* border card */
.card {
  background-clip: padding-box;
  /* box-shadow: 0 2px 6px 0 #00095D !important; */
  border-color: #523379  !important;
  border: solid 2px  !important;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.5rem 1.5rem;
  background-color: white;
}


/* .container-fluid-crediforx{ */
  /* co */
/* } */
/* rowOne > div:last-child { */
  /* box-shadow: 0px 4px 4px rgb(255, 255, 255) !important; */
  /* padding: 20px; */
  /* border: 1px solid rgb(108, 0, 0) !important; */
  /* background-clip: padding-box; */
/* } */

.rowOne > div:last-child {
  box-shadow: 0px 4px 4px #F5F4F9 !important;
  padding: 20px !important; 
  border: 1px solid #F5F4F9 !important;
  background-clip: padding-box;
}

.card-white{
  flex: 0 0 auto;
  width: 58.%;
}
/* Redio del simulador*/
.form-check-inline {
  display: inline-block;
  margin-right: 5px !important;
}



.imag-fluid-quoter{
  max-width: 60%;
  height: auto;

}


  /* media responsive  */

  .background-media-simulador{  
    position: absolute;
    left: 0; 
    height: 100%;
  }

  /* @media (min-width: 768px) { */
    /* body { font-size: 15px; } */

  /* } */

  /* escritorio normales */
  /* @media (min-width: 992px) { */
    /* body { font-size: 16px; } */
  /* } */

  /* pantallas grandes */
  /* @media (min-width: 1200px) { */
    /* body { font-size: 17px; } */
  /* } */

@media (min-width: 3840px) {
  .background-media-simulador{ 
    position: absolute;
    left: 0; 
    height: 100%;
    width: 14%; }
  
}


/* check wizard color */
.form-check-input:checked, .form-check-input[type="checkbox"]:indeterminate {
  background-color: #81B928;
  border-color: #81B928;
  box-shadow: 0 2px 4px 0 #81B928;
}

.radio-quoter.form-check-input:checked, .radio-quoter.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0c1464;
  border-color: #0c1464;
  box-shadow: 0 2px 4px 0 #0c1464;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0.875rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.53;
  color: #697a8d;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #523379;
    border-right-color: #523379;
    border-right-style: solid;
    border-right-width: 1px;
  border-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}


.bg-divider {
  background-color: #523379;
  background-image: -webkit-linear-gradient(90deg, #f8f4fc 50%, #523379 50%) !important;
  height: 100vh;
  width: 100%;
}

.hover-decoration:hover{
  text-decoration: underline;
}

.modal-dialog-1000 {
  max-width: 1000px; /* Puedes ajustar este valor según tus necesidades */
  width: 100%;
  margin: 1.75rem auto; /* Centrar el modal */
}

.inline-block {
  display: inline-block;
}

.nav-overwrite{
  /*padding: 0px !important;
  margin: 0px !important;
  width: 100% !important;
  border-radius: 0px !important;*/
}


.loading-size-16{
  font-size:16px; 
  text-align:center;
}

.content-to-center{
  display: flex;
  justify-content: center;
  align-items: center;
}