input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator{
    cursor: pointer;
    border-radius: 4px;
    margin-right: 2px;
    opacity: 0.9;
    color: #167EFD !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }
input:focus, textarea:focus, select:focus{
    outline:none;
} 
select{
  -webkit-appearance: none;
  -moz-appearance: none;
}
button:focus{
  box-shadow: none !important;
}
body{
  background: #F9F9F9;
}
.form-select:focus{
  border-color: #86b7fe;
  box-shadow: none !important;
}
.link-nav{
  color: #0D1427;
  font-size: 1.125rem;
  text-decoration: none;
  font-weight: 300;
  margin-right: 25px !important;
}
.link-nav:hover, .link-nav:active{
  color: #167EFD !important;
  text-decoration: none;
}
.btn-widht-nav{
  border-radius: 29px;
  font-size: 1rem;
  position: relative;
}
.btn-iniciar-azul, .btn-iniciar-azul:hover, .btn-iniciar-azul:first-child:active{
  background-color: #167EFD;
  color: #fff;
  padding: 10px 30px 9px 30px !important;
}

.btn-registro, .btn-registro:hover, .btn-registro:first-child:active{
  border: 1px solid #167EFD;
  color: #167EFD;
  padding: 10px 30px 9px 30px !important;
}
.div-card{
  background-color: #fff;
  box-shadow: 0px 35px 55px #D7DEE2;
  border-radius: 15px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.img-login{
  width: 40%;
  margin-top: -25px;
  mix-blend-mode: multiply;
}
.titulo-loigin{
  color: #171717;
  font-size: 1.5625rem;
}
.div-inpur-login{
  width: 100%;
  position: relative; 
}
.div-inpur-login input, .div-inpur-login select, .div-inpur-login textarea{
  border: 0px;
  width: 100%;
  border-radius: 10px;
  padding: 0px;
  color: #171717;
  font-size: 0.875rem;
  padding: 0px 20px;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  border-radius: 10px;
  background-color: #fff;
}
.select-input-paddin-bottom-top{
  padding-top: 3.5px !important;
  padding-bottom: 3.5px !important;
}
.div-select-producto{
  border-color: #BFDBEC !important;
}
.div-comentarios-scroll{
  height: 22rem;
  overflow-y: auto;
}
.div-inpur-login i.icon-celeste{
  color: #167EFD;
  font-size: 1.25rem;
  position: absolute;
  right: 10px;
  top: 10px;
}
.div-inpur-login input::placeholder{
  color: #171717;
  font-size: 1rem;
  font-family: ElzaRegular;
}
.btn-form, .btn-form:hover, .btn-form:active{
  background-color: #167EFD;
  color: #fff;
  border-radius: 36px;
  padding: 10px 40px 9px 40px !important;
  font-size: 1.25rem;
  border: 0px;
}
.btn-form:disabled{
  border: 1px solid #4d4d4d !important;
}
.link-contrasena{
  font-size: 0.875rem;
  color: #0D1427;
}
.div-linea-login{
  width: 100%;
  height: 1px;
  background-color: #999797;
}
.link-redes-sociales{
  color: #167EFD;
  font-size: 1.875rem;
}
.section-login{
  margin-top: 5rem;
  background-image: url('../img/fondo-web.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.div-rojo-absolute{
  width: 85%;
  background-color: #E01E2B;
  height: 10px;
  border-radius: 10px 10px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 7.5%;
}
.h6-login{
  font-size: 1.375rem;
  color: #171717;
}
.btn-cuenta-crear, .btn-cuenta-crear:hover, .btn-cuenta-crear:first-child:active{
  border-radius: 33px;
  border: 1px solid #167EFD;
  color: #167EFD;
  font-size: 0.875rem!important;
}
.div-inpur-login i{
  position: absolute;
  right: -1.625rem;
  top: 0.9375rem;
  color: #00000075;
  font-size: 1.25rem;
}
.titulo-registro{
  color: #0D1427;
  font-size: 2.25rem;
  font-weight: 600;
}
.titulo-registro span{
  color: #167EFD !important;
}
.p-color-negro28{
  color: #171717;
  font-size: 1.75rem;
  font-weight: 300;
}
.secc-top{
  margin-top: 1.875rem;
}
.div-grid-form{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 8px;
  margin-left: -50px;
}
.div-form-tres-register{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 8px;
}
.div-select{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div-select .div-item-select{
  width: 33%;
  border-right: 0px solid #999797;
  margin-right: 0px;
  padding-right: 3px;
  position: relative;
}
.input-widht-documento{
  width: 66% !important;
}
.input-widht-documento.is-invalid, .was-validated .input-widht-documento:invalid{
  background-position: right calc(0px + 0.1875rem) center !important;
}
.div-item-select select{
  width: 100%;
  border: 0px;
  color: #171717;
  font-size: 0.875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
}
.div-item-select i{
  color: #167EFD;
  font-size: 1.25rem;
  position: absolute;
  right: 3px;
  top: 10px;
}
.img-cmapana{
  width: 25%;
}
.btn-flechas{
  border-radius: 50%;
  color: #fff;
  font-size: 1.875rem;
  padding: 0px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-plomo-flecha, .btn-plomo-flecha:hover, .btn-plomo-flecha:first-child:active{
  background-color: #9f9f9f;
  color: #fff;
}
.btn-azul-flecha, .btn-azul-flecha:hover, .btn-azul-flecha:first-child:active{
  background-color: #167EFD;
  color: #fff;
}
.img-ubicacion{
  width: 50%;
}
.img-gracias{
  width: 60%;
}
.div-nav-azul{
  background-color: #167EFD;
  height: 100vh;
  width: 100%;
  padding: 2.125rem 1.5625rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  border-radius: 0 15px 0 0;
}
.div-logo-area{
  width: 100%;
}
.div-logo-area img{
  mix-blend-mode: unset !important;
  width: 60%;
}
.div-perfil-usuario{
  border-radius: 50%;
  width: 65px;
  height: 65px;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.li-nav-area{
  color: #FFFFFF;
  font-size: 0.9375rem;
  padding: 20px 15px 20px 55px;
  position: relative;
}
.li-activo{
  background-color: #ffffff59;
  border-radius: 3px;
}
.li-nav-area a{
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 200;
}
.icon-left-nav{
  position: absolute;
  left: 10px;
  top: 20px;
  mix-blend-mode: unset !important;
  width: 9%;
}
.icon-right-nav{
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 1.875rem;
}
.ul-nav-area{
  margin-top: 40px;
}
.titulo-nombre-usuario{
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 300;
}
.modal-header{
  border-bottom: 0px !important;
}
.link-nav-usuario-asis{
  font-size: 0.875rem;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: 42px;
  width: 100%;
  font-weight: 200;
}
.link-salir-nav{
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  align-content: flex-end;
  font-size: 0.875rem;
  position: relative;
  padding-left: 42px;
  width: 100%;
  font-weight: 200;
}
.link-salir-nav i{
  font-size: 1.875rem;
}
.div-top-solicitar{
  margin-top: 120px;
}
.div-nav-grid{
  display: flex;
  height: 10px;
  align-items: center;
}
.h2-negro-usuario{
  color: #0D1427;
  font-size: 1.875rem;
  font-weight: 600;
}
.div-nav-grid a{
  color: #0D1427;
  font-size: 0.75rem;
  text-decoration: none;
  font-weight: 300;
}
.div-border-right-negro{
  border-right: 1px solid #0D1427;
}
.div-nav-grid-porcentaje{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 5px;
}
.p-grid-12{
  color: #171717;
  font-size: 0.75rem;
}
.p-grid-12 span{
 font-weight: 300 !important;
}
.div-border-azul-bottom{
  border-bottom: 1px solid #167EFD;
}
.div-conten-grid{
  display: block;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.h6-color-contendor{
  color: #0D1427;
  font-size: 1.125rem;
  font-weight: 300 !important;
}
.div-content{
  margin-top: 70px;
}
.div-card-contendor{
  border-radius: 16px;
  background-color: #fff;
  height: auto;
  width: 100%;
  border: 1px solid #72B0D573;
}
.div-item-contendor-producto{
  position: relative;
}
.div-item-contendor:nth-child(3){
  grid-column-start: span 2;
}
.div-item-contendor-producto:nth-child(1){
  grid-column-start: span 2;
}
.div-item-contendor-producto:nth-child(2){
  grid-column-start: span 2;
}
.div-item-form-modal:nth-child(3){
  grid-column-start: span 2;
}
.div-widht-conendor{
  width: 13% !important;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  border-color: #848484 !important;
}
.div-widht-conendor input, .div-widht-conendor-buscador input{
  padding: 4px 8px !important;
}
.div-widht-conendor-buscador{
  width: 18% !important;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px !important;
  border-color: #848484 !important;
}
.div-widht-conendor-buscador i{
  position: absolute;
  right: 6px;
  top: 6px;
  color: #848484;
}
.div-flex-form-conten{
  display: flex;
}
.btn-contendor-item, .btn-contendor-item:hover, .btn-contendor-item:first-child:active{
  border-radius: 17px;
  color: #fff;
  font-size: 0.75rem;
  background-color: #167EFD;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  right: 0;
}
.btn-nav-tabs{
  padding: 0px;
  color: #171717 !important;
  background-color: transparent !important;
  border-right: 0px solid #0D1427 !important;
  border-radius: 0px !important;
  padding-right: 20px !important;
  font-size: 0.875rem !important;
  padding-left: 20px !important;
  font-weight: 300;
  border-bottom: 1px solid #0D1427 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.btn-tabs-circular{
  border-radius: 16px !important;
  background-color: #fff !important;
  color: #167EFD !important;
  font-weight: 300;
  border: 1px solid #72B0D573 !important;
  font-size: 0.875rem;
}
.btn-tabs-circular.active,.btn-tabs-circular:active, .btn-tabs-circular:hover, .btn-tabs-circular:focus{
  background-color: #167EFD !important;
  color: #fff !important;
}
.btn-nav-tabs.active{
  font-weight: 600;
}
.btn-border-right{
  border-right: 0px !important;
  padding-left: 10px !important;
}
.table-contedor{
  color: #171717;
  font-size: 0.75rem;
}
.btn-rotar-icon{
  padding: 0px;
  color: #000000;
  font-size: 0.9375rem;
  display: none;
}
.table>thead {
    vertical-align: initial !important;
}
.table>tbody{
 vertical-align: baseline !important;
}
.table-contedor{
  border-collapse: separate;
  border-spacing: 0px 8px !important;
}
.table-contedor th{
  border-bottom: 0px !important;
}
.table-contedor tbody tr td{
  border-top: 1px solid #72B0D573 !important;
  border-bottom: 1px solid #72B0D573 !important;
  background-color: #fff;
}
.td-border-left{
  border-left: 1px solid #72B0D573 !important;
  border-radius: 10px 0px 0px 10px;
}
.td-border-right{
  border-right: 1px solid #72B0D573 !important;
  border-radius: 0px 10px 10px 0px;
}
.div-estado{
  width: 100%;
  border-radius: 30px;
  display: flex;
  align-items: center;
  color: #fff;
  font-family: ElzaMedium;
  text-align: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.2;
}
.btn-icon-table{
  padding: 0px;
  background-color: transparent;
}
.btn-enlaces-azul-contenor, .btn-enlaces-azul-contenor:hover, .btn-enlaces-azul-contenor:first-child:active{
  background-color: #167EFD !important;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  padding-top: 10px;
  font-weight: 300;
  border: 0px !important;
}
.btn-verde-aplicar,.btn-verde-aplicar:hover, .btn-verde-aplicar:first-child:active{
  background-color: #37CE55 !important;
}
.btn-tabs-sugerias{
  background-color: transparent;
  color: #171717;
  font-family: ElzaRegular;
  font-size: 0.875rem;
  border-radius: 0px !important;
  position: relative;
  font-weight: 300;
}
.btn-tabs-sugerias i{
  display: none !important;
}
.btn-tabs-sugerias.active, .btn-tabs-sugerias:hover{
  background-color: transparent !important;
  color: #171717 !important;
  border-bottom: 3px solid #E01E2B;
  border-radius: 0px !important;
  font-weight: 500;
}
.btn-tabs-sugerias.active i{
  display: block !important;
  position: absolute;
  bottom: -15px;
  color: #E01E2B;
  left: 40%;
}
.div-grid-sies-card{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5px;
}
.div-card-fijo{
  width: 100%;
  border: 1px solid #72B0D573;
  border-radius: 16px;
  padding: 26px 20px;
  background-color: #fff;
}
.h3-color-18-card{
  color: #171717;
  font-size: 1.125rem;
}
.div-linea-plomo{
  width: 100%;
  height: 1px;
  background-color: #E1E1E1;
}
.color-negro-12-card{
  font-size: 0.8125rem;
  color: #171717;
}
.modal-header-bottom-cero{
  border-bottom: 0px !important;
  height: 70px;
}
.modal-body{
  padding-bottom: 50px;
}
.modal-content{
  background-color: #F9F9F9;
  border: 1px solid #707070;
}
.div-card-modal{
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 10px;
  padding: 24px;
}
.div-cinco-card-grid{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5px;
}
.div-seis-card-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.div-siete-card-grid{
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 5px;
}
.div-dos-card-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}
.label-azul-contenedor{
  font-size: 1rem;
  color: #167EFD;
}
input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 100%;
  height: 3px;
  background: #ff4500;
  border-radius: 5px;
  background-image: linear-gradient(#ff4500, #ff4500);
  background-size: 70% 100%;
  background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  border: 3px solid #fff;
}

input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.p-color-promo-producto{
  color: #171717;
  font-size: 0.8125rem;
}
.div-card-producto{
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #ACC8D9;
  padding: 30px 30px;
  position: relative;  
}

.h4-productos{
  color: #171717;
  font-size: 1.125rem;
}
.h4-productos span{
  color: #167EFD;
}
.div-grid-seis-producto{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 18px;
  align-items: flex-start;
}
.p-precio-medium-32{
  color: #171717;
  font-size: 1rem;
  font-weight: 600;
}
.btn-subtastar-inver{
  font-size: 1rem;
  border-radius: 41px;
  font-weight: 100;
  color: #fff;
}
.btn-rojo-subas, .btn-rojo-subas:hover, .btn-rojo-subas:first-child:active{
  background-color: #E01E2B !important;
  color: #fff !important;
}
.btn-celeste-inver, .btn-celeste-inver:hover, .btn-celeste-inver:first-child:active{
  background-color: #167EFD !important;
  color: #fff !important;
}
.icon-interrogativo{
  color: #439CC8;
  top: 20px;
  font-size: 1.875rem;
}
.div-tootlips-prodcuto{
  position: absolute;
  width: auto;
  text-align: right;
  right: 25%;
  top: 0.5rem;
}
.div-tootlips-prodcuto {
  display: inline-block;
  cursor: pointer;
}

.div-tootlips-prodcuto .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -17%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  color: #439CC8;
  border: 1px solid #439CC8;
}

.div-tootlips-prodcuto .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #439CC8 transparent transparent transparent;
}

.div-tootlips-prodcuto:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.color-azul{
  color: #167EFD;
}
.color-ngro-18{
  font-size: 1rem;
  color: #171717;
}
.label-check{
  font-size: 0.875rem;
  color: #171717;
}
.div-grid-dos-card{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 30px;
}
.div-datos-dos-plomo{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}
.div-plomo-card{
  background-color: #F0F0F0;
}
.div-plomo-card p{
  font-size: 0.8125rem;
  color: #171717;
}
.div-plomo-card p span{
  color: #167EFD;
  font-size: 0.8125rem;
  font-weight: 600;
}
.color-ngro-13{
  font-size: 0.8125rem;
  color: #171717;
}
.btn-gana-mas{
  border-radius: 16px;
  color: #fff;
  width: 80%;
  margin: 0 auto;
}
.h6-modal-condicones{
  font-size: 3.5rem;
  color: #0D1427;
}
.h6-modal-condicones span{
  color: #167EFD;
}
.color-32-regsitro{
  font-weight: 600;
  color: #0D1427;
  font-size: 2rem;
}
.btn-agregar-firmante, .btn-agregar-firmante:hover, .btn-agregar-firmante:first-child:active{
  background-color: transparent !important;
  color: #171717 !important;
  text-align: left !important;
  padding: 0px;
  border: 0px;
}
.h1-color-22-modal{
  color: #171717;
  font-size: 1.375rem;
}
.label-modal-azul{
  color: #167EFD;
  font-size: 1rem;
  font-weight: 300;
}
.div-inpur-login i{
  color: #167EFD;
}
.tiutlo-contenedor-32{
  color: #0D1427;
  font-size: 2rem;
  font-weight: 600;
}
.h6-22-negro{
  color: #171717;
  font-size: 1.375rem;
}
.color-negro-16-card{
  font-size: 1rem;
  color: #171717;
}
.colo-azul-13{
  color: #167EFD;
  font-size: 0.8125rem;
}
.div-card-boucher{
  border-radius: 15px;
  border: 2px solid #72B0D573;
  width: 100%;
  padding: 50px 30px;
  background-color: #fff;
}
.div-grid-dos-slider{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  position: relative;
}
.div-circulo-slider{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #439CC8;
  border: 1px solid #439CC8;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.p-slider{
  font-size: 1rem;
  color: #0D1427;
  font-weight: 100;
}
.colo-18-negro{
  color: #171717;
  font-size: 1.125rem;
}
.colo-30-negro{
  font-size: 1.875rem;
  color: #171717;
  font-weight: 600;
}
.btn-azul-tabs.active, .btn-azul-tabs:hover{
  border-color: #167EFD !important;
}
.btn-azul-tabs.active i{
  color: #167EFD !important;
}
.div-morado-tabs{
  border-radius: 5px;
  background-color: #167efd12;
  padding: 25px;
}
.p-color-negro-17{
  color: #171717;
  font-size: 1.0625rem;
}
.img-flecha-modal{
  width: 20%;
}
.modal-conten-blanco{
  background-color: #fff !important;
}
.div-activo-verde div{
  background-color: #55BC22 !important;
  color: #fff !important;
  border-color: #55BC22 !important;
}
.div-activo-verde p{
  color: #55BC22 !important;
  font-weight: 500;
}
.div-linea-puntos-azul{
  position: absolute;
  top: 13px;
  left: 40%;
  width: 60px;
  border-top: 2px dashed #9AB6C7;
}
.div-firma-modal{
  background-color: #8D8D8D;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
input::file-selector-button{
    font-weight: 100;
    color: dodgerblue;
    padding: 0.5em;
    border: 1px solid #72B0D573 !important;
    border-radius: 3px;
    background-color: #fff !important;
    padding: 10px 20px !important;
    width: 250px !important;
    text-align: left !important;
    font-size: 0.8125rem !important;
}
.div-file{
  position: relative;
}
.div-file input{
  border: 1px solid #72B0D573 !important;
  padding: 0px;
  width: 75%;
}
.div-file i{
  color: #167EFD;
  position: absolute;
  right: 30%;
  top: 7px;
}
.div-file-content{
  padding-left: 25%;
}
.colo-azul-56{
  font-size: 3.5rem;
  color: #167EFD;
}
.div-height-100{
  height: 60vh;
}
.row-height-100{
  height: 100%;
}
.div-card-perfil{
  width: 80%;
  border-radius: 15px;
  border: 2px solid #72B0D573;
  padding: 30px 8px;
}
.div-dos-grid-perfil{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5px;
}
.color-15-negro-toast{
  color: #171717;
  font-size: 0.9375rem;
}
.btn-close-toast{
  font-size: 0.875rem;
}
.toast-header{
  background-color: #F6F6F6;
}
.input-toast{
  border: 1px solid #707070;
  border-radius: 5px;
  color: #171717;
  font-size: 1rem;
  width: 100% !important;
}
.toast-abosulte-bottom{
  bottom: 50px !important;
  left: 50px;
}
.btn-toast-campos, .btn-toast-campos:hover, .btn-toast-campos:first-child:active{
  background-color: transparent !important;
  color: #171717;
  font-family: ElsaLight;
  border: 0px !important;
  padding: 0px !important;
  border-bottom: 1px dotted #167EFD !important;
  border-radius: 0px;
}
.div-azul-bancarias{
  border-radius: 15px;
  border: 2px solid #72B0D573;
  padding: 30px;
}
.btn-add-plus, .btn-add-plus:hover, .btn-add-plus:first-child:active{
  background-color: #E5E5E5;
  color: #167EFD;
  width: 80px;
  height: 80px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.125rem;
  margin: 0 auto;
}
.div-agregar-campo-light{
  padding: 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.div-widht-conendor-buscador-firmante{
  width: 50% !important;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px !important;
  border-color: #848484 !important;
}
.icon-rojo-close{
  color: #dc3545;
  font-size: 1.25rem;
}
.icon-verde{
  color: #20c997;
  font-size: 1.25rem;
}
.icon-azul-chats{
  color: #167EFD;
  font-size: 1.25rem;
}
.icon-azul{
  color: #167EFD;
}
.border-cero-usuario{
  border: 0px !important;
}
.accordion-item:first-of-type .accordion-button{
  border:  0px !important;
  border-radius: 0px !important;
}
.accordion-item{
  border: 0px !important;
  border-radius: 0px !important;
}
.accordion-button:not(.collapsed){
  color: #171717 !important;
  background-color: transparent !important;
}
.accordion-button:focus{
  box-shadow: 0px !important;
}

.hidden{
  display: none;
}

/* estilos nuevos */
.div-navbar-logo{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  padding-left: 20px;
  padding-right: 20px;
}
.div-logo{
  width: 50%;
}
.div-nav-list{
  width: 88%;
  display: none;
}
.div-form-registro-flex{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  flex-wrap: wrap;
}
.div-item-img-registro{
  width: 100%;
}
.div-item-form-registro{
  width: 100%;
  margin-left: 0%;
}

img{
  mix-blend-mode: multiply
}

.form-control.is-invalid, .was-validated .form-control:invalid{
  background-position: right calc(13px + 0.1875rem) center;
}

.div-error-select{
  width: 33%;
}

.div-error-input{
  width: 55%;
}

.form-control:focus{
  border-color: #72B0D573 !important;
  box-shadow: none !important;
}
.div-inpur-login .form-control:focus{
  border-color: #72B0D573 !important;
  box-shadow: none !important;
}
.invalid-feedback{
  font-size: 0.625rem !important;
}
.div-boton-register{
  margin: 0 auto;
}
.titulo-registro-gracias{
  color: #0D1427;
  font-size: 2.25rem;
  font-weight: 600;
}
.titulo-registro-gracias span{
  color: #167EFD !important;
}

.p-color-negro-22{
    color: #171717;
    font-size: 1.375rem;
}

.secc-fondo-gracias{
  background-image: url('../img/fondo-gracias.png');
  background-position: 170% 100%;
  background-repeat: no-repeat;
  background-size: 90%;
  padding-bottom: 50px;
}
.line-hieght-1-28{
  line-height: 1.3;
}

.form-check-input{
  border-color: #999797 !important;
}
.div-sistema-web{
  display: flex !important;
  flex-wrap: wrap !important;
}
.div-item-nav-flotante{
  width: 100% !important;
  position: absolute;
  background: rgb(0 0 0 / 50%);
  height: 100vh;
  display: none;
  z-index: 9;
}
.div-item-contenido-sistema{
  width: 100% !important;
  padding-left: 2.125rem !important;
  padding-right: 2.125rem !important;
  padding-top: 2.125rem !important;
}
.div-tabs-cabecera{
  height: 20px;
}

.div-absolute-nav-azul{
  position: absolute;
  bottom: 0;
  display: none;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
  right: 25px !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
  right: 20px !important;
}

td{
  vertical-align: middle !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
  bottom: auto;
  top: 9px;
}
.ul-navbar-scroll{
  height: 58vh;
  overflow-y: auto; 
}
.ul-navbar-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.textarea-comentario-height{
  height: 5rem;
}
.accordion-item-nav{
  background-color: transparent !important;
}
.accordion-button-nav{
  background-color: transparent !important;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 200;
  padding-top: 15px;
  padding-bottom: 15px;
}
.accordion-item-nav{}
.div-dos-items-dashorad{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
}
.div-items-cuatro-pendientes{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
}
.div-dos-items-usuario-edit{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 27px;
}
.card-border-azul-asesor{
  border:  1px solid #72B0D573 !important;
  border-radius: 10px;
}
.div-scroll{
  overflow-y: auto;
  height: 90%;
}
.div-scroll-table{
  overflow-x: auto;
}
.list-operaciones li{
  position: relative;
}
.span-fecha-ope{
  position: absolute;
  right: 0;
  top: 0;
}
.icon-list{
  margin-top: 1.5px;
  color: #31CF66;
  font-size: 13px;
}
.icon-color-rojo{
  color: #E01E2B !important;
}
.div-scroll::-webkit-scrollbar, .div-scroll-table::-webkit-scrollbar, .card-body-heigth::-webkit-scrollbar{
    -webkit-appearance: none;
}

.div-scroll::-webkit-scrollbar:vertical, .div-scroll-table::-webkit-scrollbar:vertical, .card-body-heigth::-webkit-scrollbar:vertical {
    width:9px;

}

.div-scroll::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button, .div-scroll-table::-webkit-scrollbar-button:increment, .card-body-heigth::-webkit-scrollbar-button:increment {
    display: none;
} 

.div-scroll::-webkit-scrollbar:horizontal, .div-scroll-table::-webkit-scrollbar:horizontal, .card-body-heigth::-webkit-scrollbar:horizontal {
    height: 5px;
    background-color: #167EFD;
    width: 1px;
}

.div-scroll::-webkit-scrollbar-thumb, .div-scroll-table::-webkit-scrollbar-thumb, .card-body-heigth::-webkit-scrollbar-thumb {
    background-color: #167EFD;
    border-radius: 20px;
    border: 1px solid#167EFD;
}

.div-scroll::-webkit-scrollbar-track, .div-scroll-table::-webkit-scrollbar-track, .card-body-heigth::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #9AB6C7;
     margin-left: 50px;
}
.h4-heigt-comisiones{
  height: auto;
}
.font-size-numero-comisiones{
  font-size: 2rem;
}
.div-espacio-icon-comisiones{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8D8D8D;
  margin: 0 auto;
}
.div-inpur-login  input, .div-inpur-login  select, .div-inpur-login  textarea{
  border:  1px solid #72B0D573 !important;
}
.accordion-button-nav:not(.collapsed){
    color: #fff !important;
    box-shadow: none !important;
}
.accordion-button-nav:not(.collapsed)::after{
  filter: brightness(25);
}
.accordion-button-nav::after{
  filter: brightness(25);
  background-size: 14px;
  position: absolute !important;
  right: 4px !important;
  transform: rotate(-90deg);
  top: 12px;
}
.btn-usuario-felcha, .btn-usuario-felcha:hover, .btn-usuario-felcha:active{
  padding: 0px;
  background-color: #167EFD !important;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px !important;
  color: #fff;
  font-size: 1rem;
}
.color-azul-general{
  color: #167EFD !important;
}
.btn-colgar, .btn-colgar:active, .btn-colgar:hover, .btn-colgar:focus{
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: #E01E2B !important;
  color: #fff !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 1.25rem;
}
.sw-theme-square > .nav{
  width: 50% !important;
  margin: 0 auto;
}
.sw-theme-square > .nav .nav-link.active::before{
  border-radius: 50%;
  background-color: #31CF66 !important;
}
.btn-buscar-modal{
  font-size: 1rem;
  border-radius: 41px;
  font-weight: 100;
  padding-top: 10px;
}
.card-footer-modal{
  background-color: transparent !important;
  border-top: 0px;
}
.list-group-item{
  border: 0px;
  border-radius: 0px;
}
.card-body-heigth{
  height: 200px !important;
  overflow-y: auto;
}
.icon-absolute-comentario{
  position: absolute;
  left: 0;
  top: 0;
}
.div-border-rojo{
  width: 1px;
  height: 1rem;
  background-color: #E01E2B;
}
.card{
  border: 1px solid #72B0D573 !important;
  border-radius: 10px !important;
}
.img-salir-celular{
  width: 21px !important;
  top: 28px !important;
}

@media screen and (max-width: 1399px){
  .link-nav{
    font-size: 1rem;
  }
  .div-card-perfil{
    width: 100%;
  }
  .div-cuenta-ancho-perfil{
    width: 100% !important;
  }
  .font-size-16{
    font-size: 0.875rem !important;
  }
  .colo-18-negro{
    font-size: 0.9375rem;
  }
  .color-ngro-18{
    font-size: 0.9375rem;
  }
  .h6-color-contendor{
    font-size: 1rem !important;
  }
  .h3-color-18-card{
    font-size: 1rem !important;
  }
  .label-azul-contenedor{
    font-size: 0.875rem !important;
  }
  .h4-productos{
    font-size: 1rem !important;
  }
  .p-precio-medium-32{
    font-size: 0.875rem !important;
  }
  .p-size-14-general{
    font-size: 0.75rem !important;
  }
  .btn-subtastar-inver{
    font-size: 0.75rem !important;
  }
  .btn-widht-fomr{
    font-size: 0.75rem !important;
  }
  .h2-negro-usuario{
    font-size: 1.25rem !important;
  }
  .titulo-loigin{
    font-size: 1.125rem !important;
  }
  .div-plomo-card p span{
    font-size: 0.8125rem !important;
  }
  .colo-azul-56{
    font-size: 2rem !important;
  }
  .btn-form, .btn-form:hover, .btn-form:active{
    font-size: 1rem !important;
  }
}
.div-margin-right-cabecera-externas-20{
  margin-right: 33px;
}
.div-margin-right-cabecera-externas-18{
  margin-right: 30px;
}

.icon-verificado{
  color: #20c997;
  font-size: 1rem;
  height: 1rem;
}
.tr-height{
  height: 30px;
}
.editable-error-block{
  color: #dc3545;
    text-align: center;
}
.div-btn-absolute{
  position: relative;
}

.combodate{
  display: flex !important;
}
.cursor-pointer{
  cursor: pointer;
}

.icon-a{
    color: inherit !important;
    font-size: .95rem;
}
.form-select{
  --bs-form-select-bg-img:  none !important;
}
.icono_espera{
  font-size: 2rem;
}
.p-size-14-general{
  font-size: 0.875rem;
  line-height: 1.2;
}
.div-card-padding-left-right{
  padding-left: 1rem;
  padding-right: 1rem;
}
.div-paddng-datos{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.div-item-contenido-sistema-fondo{
  background-image: url('../img/fondo-web-uno.png');
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 66% 120%;
  height: 100vh;
}

.font-size-16{
  font-size: 1rem;
}
.colo-negro-perfil{
  color: #171717 !important;
}
.img-salir{
  mix-blend-mode: unset !important;
  width: 8%;
  position: absolute;
  left: 10px;
  top: 6px;
}
.img-user{
  mix-blend-mode: unset !important;
  width: 13%;
  position: absolute;
  left: 10px;
  top: -3px;
}
.img-flechas-nav{
  position: absolute;
  right: 10px;
  top: 19px;
  mix-blend-mode: unset !important;
}
.modal{
  background-color: #00000069 !important;
}
.btn-widht-fomr{
  width: 49%;
  font-size: 1rem;
  border-radius: 41px;
  font-weight: 100;
  padding-top: 10px;
}
.border-top-azul{
  border-top: 2px dashed #9AB6C7;
  border-collapse: separate;
}

.custom-file-input {
  border-radius: 10px;
  border: 1px solid #72B0D573;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 0.875rem !important;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: visible;
  color: #0D1427 !important;
  display: inline-block;
  background: transparent !important;
  border-right: 1px solid #72B0D573 !important;
  padding: 5px 8px;
  cursor: pointer;
  font-weight: 100;
  font-size: 0.875rem !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width: 32% !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-left: 0px !important;
}
.custom-file-input:active {
  border: 1px solid #72B0D573;
}
/*
.custom-file-input::before {
  content: 'Agregar imagen de DNI';
  color: #fff;
  display: inline-block;
  background: #A8A8A8;
  border: 1px solid #999;
  border-radius: 16px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 100;
  font-size: 0.875rem;
}

.custom-file-input:hover::before {
  background: #A8A8A8;
  color: #fff;
}

.custom-file-input:active::before {
  background: #A8A8A8;
  color: #fff;
}*/

/* estilos*/ 
.editable-buttons{
  position: relative;
}


body{margin-top:20px;}
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #3b82f6
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #e0e0e0;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

.timeline-steps .timeline-content .inner-circle.active:before {
  background-color: #3b82f6;
}

.phone{
  padding-left: 100px !important;
}

/* .select-horarios{
  border-bottom: 1px dashed;
} */

.item-horario{
  display: flex;
}

.coming-soon{
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.square{
  height: 35px;
  width: 100%;
  background: transparent;
  border-radius: 9%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
  font-weight: 100;
  color: #171717; 
  border: 1px solid #F3F3F3;
  font-size: 0.875rem;
  border-radius: 7px;
}
.square.active{
  background: var(--bs-primary);
  color: white;
}

.dot_status{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #eee;
}

.dot_status.wining{
  background: #20c997;
}
.dot_status.losing{
  background: #dc3545;
}

.row_tarifario.active td{
  background: #72b0d573 !important;
}

.titulos-2-interlineados{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2.5rem;
}

.div-cuenta-ancho-perfil{
  width: 80%;
}

.div-dos-cuentas-perfil{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 5px;
}
.div-item-cinco-plazo{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
}
.div-item-dos-ifi{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
}
.div-items-tres-vigente{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 12px;
}
.btn-descargar-pdf{
  background-color: transparent !important;
  border: 0px;
  color: #167efd;
}
.td-border-right div a, .td-border-right div .btn-icon-table{
  display: flex;
  align-items: center;
  text-decoration: none;
}
.fw-grafico{
  font-weight: 400 !important;
}
.swal2-title{
  color: #171717 !important;
  font-size: 1.375rem !important;
  font-weight: 500 !important;
}
.swal2-styled.swal2-confirm{
  background-color: #167EFD !important;
  border-radius: 36px !important;
  padding: 10px 40px 9px 40px !important;
  font-size: 1.25rem;
}
.swal2-styled.swal2-cancel{
  background-color: #E01E2B !important;
  border-radius: 36px !important;
  padding: 10px 40px 9px 40px !important;
  font-size: 1.25rem;
}
.swal2-icon.swal2-question{
  border-color: #8D8D8D !important;
  color: #8D8D8D !important;
}
.secc-height-completo{
  height: 100vh !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.card-sroll-celular{
  overflow-x: auto;
}
.div-items-valor-celular{
  width: 50%;
}
.btn-volver{
  background-color: transparent;
  padding: 0px;
  font-size: 1.25rem;
  color: #5C5C5C;
}
.div-items-cinco-comisiones{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 8px;
}
.div-btn-deskop{
  display: none;
}
.div-btn-celular{
  display: block;
}
.div-logo-celular{
  width: 50%;
}
.div-logo-celular img{
  mix-blend-mode: unset !important;
}
.secc-nav-celular{
  background-color: #167EFD;
  width: 100%;
}
.btn-nav-celular, .btn-nav-celular:active, .btn-nav-celular:hover, .btn-nav-celular:focus {
  padding: 0px;
  color: #fff !important;
  font-size: 3.5rem;
  background-color: transparent !important;
  border: 0px !important;
}
.iconClose{
  display: none;
}
.btn-nav-celular{
  width: 9%;
  height: auto;
  display: flex;
}
.btn-nav-celular img{
  mix-blend-mode: initial !important;
}
#chartResumen, #chartResumenDolares{
    width: 100% !important;
    height:320px !important;
}
.secc-pais-height{
  height: 100vh;
  background-image: url('../img/fondo-web.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 5rem;
  padding-right: 20px;
  padding-left: 20px;
}
.logo-pais-ancho{
  width: 70%;
}
.titulo-pais-size{
  color: #0D1427;
  font-size: 30px;
  font-weight: 600;
}
.titulo-pais-size span{
  color: #167EFD !important;
}
.div-dos-pais-grid{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px;
  width: 50%;
  margin: 0 auto;
}
.div-card-pais{
  background-color: #fff;
  box-shadow: 0px 35px 55px #D7DEE2;
  border-radius: 15px;
  padding-top: 2rem;
  cursor: pointer;
  transition: transform 0.2s ease;
}
/*
.div-card-pais:hover{
  transform: scale(1.1);
}
*/
.div-card-pais h5:hover{
  transform: scale(1.1);
}
.div-items-imagenes{
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  padding-left: 30%;
  padding-right: 30%;
}
.div-item-top-margin-selector{
  margin-top: 5rem;
}
.div-eliminar-cuenta{
  border-top: 1px solid #707070;
}
.p-color-eliminar{
  font-size: 0.875rem;
  color: #171717;
}
.p-color-eliminar a{
  color: #171717;
}
.btn-widht-cuenta{
  width: 100% !important;
}
.div-btn-dos-cuenta{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px;
}
.btn-border-azul-fondo{
  background-color: transparent !important;
  color: #167EFD !important;
  border: 1px solid #167EFD !important;
}
.img-absolute-subasta{
  position: absolute;
  left: 4%;
  width: 20%;
  bottom: -3px;
  display: none;
}
.div-imagen-subasta{
  height: 128px;
}
.img-subasta-none{
  display: block;
}
.p-list-size-lleida{
  color: #0D1427;
  font-size: 1rem;
  font-weight: 100;
  padding-left: 1rem;
}
.icon-list-absolute{
  position: absolute;
  left: 0;
  top: 6px;
  color: #167EFD;
  font-size: 0.625rem;
}
.div-card-lleida{
  width: 45% !important;
}
.p-list-size-lleida a{
  color: #0D1427 !important; 
  font-weight: 100 !important;
  cursor: pointer;
}
.div-card-modal-verificacion{
  background-color: #fff;
  box-shadow: 0px 35px 55px #D7DEE2;
  border-radius: 15px;
}
.carousel-control-prev{
  left: -5px;
}
.carousel-control-next{
  right: -5px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
  background-image: none !important;
}
.icon-slider-azules{
  color: #167EFD;
  font-size: 5rem;
}
.img-icono-veri{
  margin-top: -60px !important;
}
.div-tres-grid-verification{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 8px;
}
.div-circle-verification{
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 4px solid #177efd4d;
  margin: 0 auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.img-icon-veri-selec{
  width: 65%;
}
.color-size-veri{
  color: #177efd4d;
  font-size: 1.125rem;
  font-weight: 500;
}
.div-circle-verification img{
  opacity: 0.5;
}
.icon-absolute-check{
  color: #167EFD;
  font-size: 1.4375rem;
}
.span-absolute-verification{
  position: absolute;
  right: -5px;
  top: 0px;
  background-color: #fff;
  border-radius: 50%;
  width: auto;
  display: none;
  height: 23px;
  width: 23px;
}
.div-cursor-pointer{
  cursor: pointer;
}
.btn-check:checked+.btn{
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn-check:checked+.btn .div-circle-verification{
  border-color: #167EFD;
  z-index: 0;
}
.btn-check:checked+.btn .color-size-veri{
  color: #167EFD;
}
.btn-check:checked+.btn .div-circle-verification .img-icon-veri-selec{
  opacity: 1;
}
.btn-check:checked+.btn .span-absolute-verification{
  display: block;
  z-index: 9;
}
.btn-outline-primary{
  border: 0px !important;
  border-radius: 0px !important;
}
.p-coigo-subasta{
  color: #171717;
  font-size: 0.8125rem;
}
.div-plomo-subasta{
  background-color: #F3F3F3;
}
.p-size-team{
  color: #171717;
  font-size: 1rem;
  font-weight: 200;
}
.h4-szie-valor-subasta{
  color: #171717;
  font-size: 2.1875rem;
  font-weight: 700; 
}
.p-size-monto-plazo{
  color: #171717;
  font-size: 0.875rem;
}
.p-puja-size{
 color: #171717;
  font-weight: 100; 
}
.restar_puja, .sumar_puja{
  background-color: #BBBBBB;
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}
.valor_puja{
  color: #171717;
  font-weight: 100; 
}
.div-puja-mi{
  width: 40%;
}
.div-puja-confi{
  width: 60%;
}
.div-item-grid-4-subasta{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
}
.span-absolute-notification{
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.div-item-4-subasta-card{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 8px;
}
.p-ancho-div-subasta{
  width: 100%;
}
.div-subasta-hora{
  background-color: #fff;
  width: 100%;
}
.h4-hora-subasta{
  color: #171717;
  font-weight: 100;
}
.h4-hora-subasta span{
  color: #E01E2B !important;
  font-weight: 500 !important;
}
.navbar-toggler{
  display: block;
}
.navbar-toggler i{
  font-size: 50px;
}
.btn-close{
  font-size: 1rem !important;
  opacity: 1 !important;
  color: #000 !important;
}
.offcanvas{
  background-color: #f0f8ff;
  padding-top: 24px;
}
.offcanvas-header{
  padding-left: 20px;
  padding-right: 20px;
}
.offcanvas-body{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.h6-nav-azul{
  color: #167efd;
  font-size: 18px;
  font-weight: 300;
}
.navbar-nav{
  background-color: #fffefe;
  box-shadow: 0px 13px 43px #00000029;
  padding: 30px;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.nav-item{
  border-bottom: 1px solid #C2C2C2;
  padding-left: 20px;
  padding-right: 20px;
}
.nav-link{
  font-size: 1.125rem;
}
.btn-navbar-celular{
  width: 100%;
  font-size: 1.25rem;
  padding: 13px 0px 13px 0px;
  font-weight: 400;
  border-radius: 29px;
}
.btn-navbar-azul{
  background-color: #167EFD;
  color: #fff;
}
.btn-navbar-blanco{
  background-color: transparent;
  border: 1px solid #167EFD;
  color: #167EFD;
  padding: 13px 0px 13px 0px;
}
.div-logo-navbar{
  width: 50%;
}
.div-flex-hover{
  display: none;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 150px;
  box-shadow: 0px 35px 55px #D7DEE2 !important;
  width: 900px;
  z-index: 99999;
  top: 100px;
  background-color: #fff;
  background-image: url('../img/money-expres.png');
  background-repeat: no-repeat;
  background-position: -2% 103%;
  background-size: 7%;
}
.div-padding-flotante{
  padding: 40px 40px 30px 50px;
}
.h6-azul-span{
  font-size: 26px;
  font-weight: 600;
  color: #000000;
}
.h6-azul-span span{
  color: #167EFD;
}
.p-texto-negro-flotante{
  font-size: 1.125rem;
  font-weight: 300;
  color: #000;
  height: 200px;
}
.btn-link-izquierda{
  font-size: 1.125rem;
  font-weight: 300;
  color: #000;
  text-decoration: none;
  float: right;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.div-flotante-azul{
  background-color: #167efd;
  color: #fff !important;
}
.div-flotante-azul .h6-azul-span, .div-flotante-azul .p-texto-negro-flotante, .div-flotante-azul .btn-link-izquierda, .div-flotante-azul .h6-azul-span span{
  color: #fff !important;
}
.btn-flotante{
  cursor: pointer;
}
.p-texto-login{
  font-size: 14px;
  font-weight: 100;
}
.nav-item-tabs-header{
  border-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#quitar_filtros{
  padding: 0px;
  height: 37px;
  width: 37px;
  padding-top: 4px;
  background-color: #E01E2B;
}
#quitar_filtros i{
  font-size: 29px;
}

.li-ancho-tabs{
  width: 100%;
}

.btn-close-blanco-menu{
  color: #fff !important;
  font-size: 56px;
  height: auto;
  width: auto;
  position: absolute;
  top: 0;
  right: 1rem;
}
.btn-close-blanco-menu:hover{
  border-color: transparent !important;
}
.btn-tablet-block{
  display: none !important;
}

@media (min-width:768px) {
  .div-inpur-login i{
    right: -2rem;
    top: 0.9375rem;
  }
  .ul-navbar-scroll{
    height: 60vh;
  }
  .link-celular-ocultar{
    display: none !important;
  }
  .div-absolute-nav-azul{
    display: block;
  }
  .icon-left-nav{
    top: 14px;
  }
  .li-nav-area{
    padding: 15px 15px 15px 42px;
  }
  .li-nav-area a{
    font-size: 0.875rem;
  }
  .ul-nav-area{
    margin-top: 80px;
  }
  .div-logo-area img{
    width: 70%;
  }
  .btn-tablet-block{
    display: block !important;
  }
  .btn-celular-none{
    display: none;
  }
  .btn-close-blanco-menu{
    display: none;
  }
  .div-tootlips-prodcuto{
    right: 15px;
  }
  .img-gracias{
    width: 50%;
  }
  .img-cmapana{
    width: 15%;
  }
  .img-ubicacion{
    width: 30%;
  }
  .btn-nav-tabs{
    border-right: 1px solid #0D1427 !important;
    border-bottom: 0px solid #0D1427 !important;
    width: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .li-ancho-tabs{
    width: auto;
  }
  .div-card-perfil{
    padding: 30px 30px;
  }
  .titulo-pais-size{
    font-size: 50px;
  }
  .div-logo{
    width: 30%;
  }
  .p-ancho-div-subasta{
    width: auto;
  }
  .div-item-4-subasta-card{
    grid-template-columns: repeat(3, 1fr);
  }
  .div-tres-grid-verification{
    grid-template-columns: repeat(3, 1fr);
  }
  .carousel-control-prev{
  left: -15px;
  }
  .carousel-control-next{
    right: -15px;
  }
  .img-subasta-none{
    display: none;
  }
  .img-absolute-subasta{
    left: 4%;
    width: 18%;
    display: block;
    top: 20px;
  }
  .secc-pais-height{
    background-size: 70%;
    background-position: bottom center;
  }
  .div-card-pais{
    padding-top: 1.25rem;
  }

  /*aca cambie el repeat(2, 1fr) por (1, 1fr) */
  .div-dos-pais-grid{
    grid-template-columns: repeat(auto-fit, 1fr);
  }
  .logo-pais-ancho{
    width: 50%;
  }
  .div-item-top-margin-selector{
    margin-top: 4rem;
  }
  .div-dos-pais-grid{
    width: 40%;
  }
  #chartResumen, #chartResumenDolares{
    width: 470px !important;
    height:480px !important;
  }
  .div-card-contendor-height{
    height: 580px !important;
  }
  .btn-nav-celular{
    width: 5%;
  }
  .div-logo-celular{
    width: 25%;
  }
  .div-nav-azul{
    width: 35%;
  }
  .div-items-tres-vigente{
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .div-item-dos-ifi{
    grid-template-columns: repeat(2, 1fr);
  }
  .div-item-cinco-plazo{
    grid-template-columns: repeat(5, 1fr);
  }
  .div-seis-card-grid{
    grid-template-columns: repeat(3, 1fr);
  }
  .h4-heigt-comisiones{
    height: 60px;
  }
  .coming-soon{
    height: 240px;
  }
  .div-items-cuatro-pendientes{
    grid-template-columns: repeat(4, 1fr);
  }
  .div-items-cinco-comisiones{
    grid-template-columns: repeat(4, 1fr);
  }
  .div-dos-cuentas-perfil{
    grid-template-columns: repeat(3, 1fr);
  }
  .div-dos-grid-perfil{
    grid-template-columns: repeat(2, 1fr);
  }
  .div-card-boucher{
    padding: 50px 50px;
  }
  .div-grid-dos-card{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
  }
  .div-card-padding-left-right{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .div-padding-left-right{
    padding-left: 30px !important;
    position: relative;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
  }
  .div-border-right-rojo{
    border-right: 1px solid #E01E2B;
    height: 100%;
  }
  .div-grid-seis-producto{
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
  }
  .div-grid-sies-card{
    grid-template-columns: repeat(3, 1fr);
  }
  .div-items-valor-celular{
    width: 33.3%;
  }
  .div-form-tres-register{
    grid-template-columns: repeat(3, 1fr);
  }
  .div-grid-form{
    grid-template-columns: repeat(2, 1fr);
  }
  .div-item-form:nth-child(1),.div-item-form:nth-child(4){
    grid-column-start: span 2;
  }
  .div-item-form-registro{
    width: 50%;
  }
  .div-item-img-registro{
    width: 40%;
  }
  .section-login{
    margin-top:  2rem;
  }
  .div-card{
    width: 60%;
  }
  .titulo-registro{
    font-size: 3rem;
  }
}
@media (min-width: 1024px){
  .img-gracias{
    width: 30%;
  }
  .img-ubicacion{
    width: 18%;
  }
  .div-logo{
    width: 20%;
  }
  .img-absolute-subasta{
    left: 3%;
    width: 20%;
    top: 15px;
  }
  .div-btn-dos-cuenta{
    grid-template-columns: repeat(2, 1fr);
  }
  .logo-pais-ancho{
    width: 20%;
  }
  .div-item-top-margin-selector{
    margin-top: 3rem;
  }
  .div-dos-pais-grid{
    width: 30%;
  }
  .div-logo-celular{
    width: 18%;
  }
  .div-nav-azul{
    width: 25%;
  }
  .div-items-tres-vigente{
    grid-template-columns: repeat(3, 1fr);
    justify-content: flex-start;
  }
  .div-seis-card-grid{
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 3px;
  }
  .div-btn-celular{
    display: none;
  }
  .div-btn-deskop{
    display: block;
  }
  .div-items-cinco-comisiones{
    grid-template-columns: repeat(5, 1fr);
  }
  .div-dos-items-dashorad{
    grid-template-columns: repeat(2, 1fr);
  }
  .div-btn-absolute{
    position: absolute;
    bottom: 72px;
    right: 60px;
  }
  .div-content-img{
    background-image: url('../img/fondo-web.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .div-card-padding-left-right{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .timeline-steps .timeline-step:not(:last-child):after {
      content: "";
      display: block;
      border-top: .25rem dotted #3b82f6;
      width: 3.46rem;
      position: absolute;
      left: 7.5rem;
      top: .3125rem
  }
  .timeline-steps .timeline-step:not(:first-child):before {
      content: "";
      display: block;
      border-top: .25rem dotted #3b82f6;
      width: 3.8125rem;
      position: absolute;
      right: 7.5rem;
      top: .3125rem
  }
  .div-cinco-card-grid{
    grid-template-columns: repeat(3, 1fr);
  }
  .div-grid-sies-card{
    grid-template-columns: repeat(5, 1fr);
  }
  .div-items-valor-celular{
    width: 33.3%;
  }
  .div-margin-right-cabecera{
    margin-right: 0px;
  }
  .div-conten-grid{
    display: grid;
  }
  .div-form-registro-flex{
    width: 60%;
  }
  .div-card{
    width: 45%;
  }
  .titulo-registro{
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px){
  .img-gracias{
    width: 25%;
  }
  .img-cmapana{
    width: 8%;
  }
  .div-logo{
    width: 12%;
  }
  .navbar-toggler{
    display: none;
  }
  .div-nav-list{
    display: block;
  }
  .col-right-negativo-nav{
    margin-right: -1.875rem;
  }
  .div-item-4-subasta-card{
    grid-template-columns: repeat(4, 1fr);
  }
  .img-absolute-subasta{
    left: 4%;
    width: 16%;
    top: 25px;
  }
  /*aca cambie el width por 10% */
  .div-dos-pais-grid{
    width: 10%;
  }
  .secc-nav-celular{
    display: none;
  }
  .div-nav-azul{
    width: 17%;
  }
  .div-dos-items-usuario-edit{
    grid-template-columns: repeat(2, 1fr);
  }
  .card-sroll-celular{
    overflow-x: unset;
  }
  .div-card-padding-left-right{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .div-items-valor-celular{
    width: auto;
  }
  .div-cinco-card-grid{
    grid-template-columns: repeat(5, 1fr);
  }
  .div-margin-right-cabecera{
    margin-right: 30px;
  }
  .div-card{
    width: 38%;
  }
  .link-nav{
    font-size: 1rem;
  }
  .div-margin-right-cabecera-externas-20{
    margin-right: 0.375rem;
  }
  .div-margin-right-cabecera-externas-18{
    margin-right: 0.375rem;
  }
  .div-margin-right-cabecera{
    margin-right: 0.375rem;
  }
  .div-nav-azul{
    padding: 2.125rem 0.625rem;
    display: block;
  }
   .icon-left-nav{
    top: 1rem;
  }
  .img-flechas-nav{
    top: 1.125rem;
  }
  .div-item-nav-flotante{
    width: 17% !important;
    position: relative;
    background: transparent;
    height: auto;
    display: block;
  }
  .div-item-contenido-sistema{
    width: 83% !important;
  }
}
@media (min-width: 1300px){
  .col-right-negativo-nav{
    margin-right: -2.5rem;
  }
  .link-nav{
    font-size: 1rem;
  }
  .div-margin-right-cabecera-externas-20{
    margin-right: 0.875rem;
  }
  .div-margin-right-cabecera-externas-18{
    margin-right: 0.875rem;
  }
  .div-margin-right-cabecera{
    margin-right: 0.875rem;
  }
}
@media (min-width: 1400px){
  .col-right-negativo-nav{
    margin-right: -3.75rem;
  }
  .div-card-padding-left-right{
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .link-nav{
    font-size: 1.125rem;
  }
  .div-margin-right-cabecera-externas-20{
    margin-right: 1.875rem;
  }
  .div-margin-right-cabecera-externas-18{
    margin-right: 1.875rem;
  }
  .div-margin-right-cabecera{
    margin-right: 1.875rem;
  }
  .div-nav-azul{
    padding: 2.125rem 1.5625rem;
  }
  .icon-left-nav{
    top: 14px;
  }
  .img-flechas-nav{
    top: 1.25rem;
  }
  .li-nav-area a{
    font-size: 0.9375rem;
  }
  .link-nav-usuario-asis{
    font-size: 0.9375rem;
  }
  .link-salir-nav{
    font-size: 0.9375rem;
  }
  .img-flechas-nav{
    width: 0.4rem;
  }
  .h3-color-18-card{
    font-size: 1rem;
  }
}

.boton_link{
  border: none;
  background: transparent;
}

.link_notificacion{
  color: inherit;
  text-decoration: none;
}

.audio_control{
  
  font-size: 17px;

}

.cambio_tipo_firma{
  cursor: pointer;
}

.table-contedor tbody tr.border-danger td:nth-child(1){
  border-left: 1px solid #dc3545 !important;
}

.table-contedor tbody tr.border-danger td:nth-child(n):last-child{
  border-right: 1px solid #dc3545 !important;
}

.table-contedor tbody tr.border-danger td{
  border-top: 1px solid #dc3545 !important;
  border-bottom: 1px solid #dc3545 !important;
}

.table-contedor tbody tr.border-success td:nth-child(1){
  border-left: 1px solid #198754 !important;
}

.table-contedor tbody tr.border-success td:nth-child(n):last-child{
  border-right: 1px solid #198754 !important;
}

.table-contedor tbody tr.border-success td{
  border-top: 1px solid #198754 !important;
  border-bottom: 1px solid #198754 !important;
}

.danger_icon_table{
  color: #dc3545;
  font-size: 17px;
}

.nowrap{
  text-wrap: nowrap;
}

/* .dataTables_wrapper{
  position: relative;
}

.dt-buttons{
  position: absolute;
  right: 0;
  top: -16px;
} */

.selectable_default{
  text-decoration: underline #198754;
}

.fake_a{
  cursor: pointer;
  color: #0d6efd;
  text-decoration: none;
  border-bottom: dashed 1px #0088cc;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
  padding: 5px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background: #337ab7 !important;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.timepicker-picker .table-condensed button{
  background: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.iniciales{
  display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.8rem;
    color: #167EFD;
}



*::-webkit-scrollbar-track {
  background:#9AB6C7;        /* color of the tracking area */
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: #167EFD;    /* color of the scroll thumb */
  border-radius: 20px;      
  border: 3px solid rgba(0,0,0,0);  /* creates padding around scroll thumb */
  scrollbar-width: thin;    /* creates padding around scroll thumb */
}

.ul-navbar-scroll::-webkit-scrollbar-thumb{
  border-radius: 0 !important;     
}

.list-group-item-force{
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color) !important
}

.icon-state{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.no-caret{
  font-size: 1.4rem !important;
}

.no-caret:after { 
  content: none !important;
}

.text-td-overflow{
  max-width: 120px; 
  white-space: nowrap; 
  overflow: hidden; /* Oculta el texto que se desborda */
  text-overflow: ellipsis; /* Añade los "..." al final del texto si es muy largo */
  text-align: left;
}
.font-size-9{
  font-size: .9rem;
}

.td-custom-width{
  width: 130px !important;
}

.fixed-table{
  table-layout: fixed;
}


.select2-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.clear-icon {
  position: absolute;
  right: 25px; /* Ajusta para que esté antes de la flecha */
  top: 68%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  font-size: 14px;
}

.clear-icon:hover {
  color: #333;
}

/* Contenedor del select2 */
.select2-container--default .select2-selection--single, .select2-choice {
  /* height: calc(2.25rem + 2px); */
  padding: 5px 10px !important;    /* Padding similar a los inputs */
  border: 1px solid #72B0D573 !important;    /* Borde igual a los inputs */
  border-radius: 10px !important;       /* Borde redondeado */
  font-size: 1rem;              /* Tamaño de fuente de Bootstrap */
  color: #495057;
  background-color: #fff;
}

/* Hover y foco en el select */
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Sombra de foco Bootstrap */
  outline: none;
}

/* Texto del placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #6c757d; /* Placeholder color de Bootstrap */
}

/* Flecha en el select2 para que se vea más como un input de Bootstrap */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #495057 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
  margin-top: 4px;
}

/* Estilo del contenedor al abrir el dropdown */
.select2-container--open .select2-dropdown--below {
  border: 1px solid #ced4da;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); /* Sombra para el menú desplegable */
  border-radius: 0.25rem;
}

/* Estilo de las opciones en el dropdown */
.select2-container--default .select2-results__option {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

/* Hover y foco en las opciones del dropdown */
.select2-container--default .select2-results__option--highlighted {
  background-color: #e9ecef;
  color: #212529;
}

.icono-descarga{
  font-size: 1.2rem;
  margin-left: .7rem;
}