.newRegistration-main-container {
	margin-bottom: 120px;
}
.newRegistration-main-container .alert {
	border-radius:0px;
	border: none;
	
}
.newRegistration-main-container > .newRegistration-title {
		margin-top: 70px;
	}
.create-account-w-correos-id-title {
	margin-bottom: 20px;
}
.styles-button.special-style-otp-button{
	border-radius: 0 8px 0 0;
}
input.styles-input.special-style-otp-input{
          border-radius: 8px 0 0 0;

}
.read-conditions-container, .correosid-otp-description{
	font-size: 14px;
    font-weight: 400;
    font-family:Cartero;
    line-height: 16px;
}
.container-otp-register-form{
	/*margin-top:50px;*/
}

/* Anular los estilos de tooltip y arrow de Bootstrap */
.tooltip .tooltip-inner {
    background-color: transparent;
    color: #002e6d; /* Color de texto deseado */
}

.tooltip .tooltip-arrow {
    border-top-color: #002e6d; /* Color de borde deseado */
}

/* Estilos personalizados del tooltip */
.styles-tooltip-text {
    width: 180px;
    border: 1px solid #002e6d;
    color: #002e6d;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 9999;
    margin-left: -100px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 10px;
    top: -50px;
    left: 57px;
    line-height: 1.6em;
}

.image-otp-register{
	min-height: 550px;
  	height: 300px;
  	object-fit: cover;
  	object-position:left;
   
	
}
.data-protection-content.newRegister-main-class .switch-field .newToggleLabel {
    border-radius: 20px;
}
.data-protection-content-some-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
 
}

.newRegistration-main-container .switch-field {
  position: relative;
  justify-content:center;
}

.newRegistration-main-container  .toggle-switch {
  display: none;
}

.newRegistration-main-container  .toggle-label {
  position: relative;
  width: 60px;
  height: 34px;
  background-color: #ccc;
  border-radius: 34px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}

.newRegistration-main-container .toggle-label::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #002e6d;;
  transition: transform 0.2s;
  left: 4px;
}

.newRegistration-main-container .toggle-switch:checked + .toggle-label {
  background-color: #ffcd00;
}

.newRegistration-main-container .toggle-switch:checked + .toggle-label::before {
  transform: translateX(26px);
}
.newRegistration-main-container .form-group.floating-group.d-flex.flex-column {
  width: 100%;
}

.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center {
  flex-wrap: wrap;
}

.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center label {
  margin-right: 10px;
}

.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center input,
.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center button {
  flex: 1;
}

.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center button {
  margin-top: 0;
}

.newRegistration-main-container .register-with-correosid-otp-timer-counter {
  
}

#newRegister-tooltip .tooltip .tooltip-inner {
    background-color: #fff; /* Cambiar a blanco */
    color: #002e6d;
}

#newRegister-tooltip .tooltip .tooltip-arrow {
    border-top-color: #002e6d;
    border-bottom-color: #002e6d;
}

#newRegister-tooltip .styles-tooltip-text {
    width: 180px;
    border: 1px solid #002e6d;
    color: #002e6d;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 9999;
    margin-left: -100px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 10px;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.6em;
    margin-top: 10px;
}



.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: auto;
}
.tooltip.bs-tooltip-top .tooltip-arrow {
    border-width: 5px 5px 0 5px; 
    border-color: #002e6d transparent transparent transparent; 
    bottom: -5px;
    left: calc(50% - 5px); 
}




@media (max-width: 991px) {
	.newRegistration-main-container {
		margin-bottom: 80px;
	}
	.newRegistration-main-container > .newRegistration-title {
		margin-top: 30px;
	}
}
@media (max-width: 540px) {
    .newRegistration-main-container .styles-button.special-style-otp-button {
        border-radius: 4px;
    }
   .newRegistration-main-container  .styles-input.special-style-otp-input {
        border-radius: 8px 8px 0 0;
    }
   .newRegistration-main-container  .container-otp-register-form {
    	/*margin-top: 20px;*/
	}
	.newRegistration-main-container .register-with-correosid-otp-timer-counter {
  
	}
	.newRegistration-main-container .form-group.floating-group .d-flex.align-items-center {
    flex-direction: column;
    align-items: stretch;
  }

  .newRegistration-main-container .form-group.floating-group .d-flex.align-items-center input,
  .newRegistration-main-container .form-group.floating-group .d-flex.align-items-center button {
    margin-right: 0;
    width: 100%;
  }

}