:root {
  --primary-bg-color: #026fb7;
  --primary-title-color: #026fb7;
}

body {
  font-family: "Open Sans", Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
}

.login-page, .contrato-page{
  background-color: var(--primary-bg-color);
}
.box_inicio {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  padding-top:1.5em;
}
@media screen and (min-width:991px)
{    
.box_inicio {
  height: 100vh;
  padding-top: 2em;
}
}
.box_inicio .login {
  background-color: #fff;
  box-shadow: 0 0 4px #00000024, 0 4px 8px #0000000f;
  border-radius: 5px;
  z-index: 1;
  display: flex;
  padding: 0;
  max-width: 90%;
}
@media screen and (min-width:991px){
  .box_inicio .login {
    max-width: 100%;
  }
}
.form-login {
  width: 400px;
  padding: 3rem 2rem 3rem 2rem;
  display: flex;
  flex-direction: column;
}
.lista_servicios {
  padding: 3rem 3rem 3rem 2rem;
  background-color: #f1f1f1;
  border-radius: 5px 0 0 5px;
}
.icon-servicios {
  font-size: 1.8em;
  margin-right: 0.2em;
}
.lista_servicios ul li {
  font-size: 16px;
  margin-bottom: 1.4rem;
  display: flex;
  align-items: center;
}
.btn-primary {
  color: #fff !important;
  background: var(--primary-bg-color) !important;
  border-color: var(--primary-bg-color) !important;
}
.title_login {
  color: var(--primary-title-color);
  font-size: 18px;
  text-align: center;
  margin-bottom: 1rem;
}
input,
select,
textarea {
  font-family: "Open Sans", Verdana, Geneva, Tahoma, sans-serif;
  border-radius: 5px !important;
  border: 1px solid #ddd !important;
  color: #333 !important;
  background-color: #fff;
}
@media screen and (max-width:767px){

  .form-login {
      width: 280px;
      padding: 3rem 2rem 3rem 2rem;
      display: flex;
      flex-direction: column;
    }
    .lista_servicios {
      padding: 3rem 1rem;
    }

    .lista_servicios li .nombre_servicio {
      display: none;
    }
}
/*elegir contrato*/
.eleccion_contrato{
  background-color: #fff;
  box-shadow: 0 0 4px #00000024, 0 4px 8px #0000000f;
  border-radius: 5px;
  z-index: 1;
  display: flex;
  padding: 0;
  max-width: 90%;
}
.form_eleccion_contrato{
  width: 500px;
  padding: 3rem 2rem;
  display: flex;
  flex-direction: column;

}
/*meter en rediseno.css*/
.mt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}

/*doble factor*/
.content-logueo p{
line-height: 20px;
}
button.button:hover{
background-color: #0066AC;
background-image: none;
color: #fff;
}
@media only screen and (min-width: 768px) {
.formulario input[type="text"]{
  width: 97%;
}
}
.pb-1-2{
  padding-bottom:.5em;
}
.button
{
font-size: 0.9em;
padding: 6px 15px;
background-color: #0066ac;
background-image: none;
}
.tel_sms_validation{
flex-direction: column;
}
@media screen and (min-width:768px) {
.tel_sms_validation{
  flex-direction: row;
}  
}
.w-100{
width: 100%!important;
}


/*ajustes select cabecera*/
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #333!important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff!important;
font-size: 16px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: #666!important;
background-color:  #fff!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
color: #0066ac!important;
background-color:  #fff!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable em{
display: none!important;
}
.select2-container--default .select2-results__option--selected{
color: #0066AC!important;
background-color: #fff!important;
}
.select2-container--default .select2-results__option--selected em{
display: none;
background-color: #fff!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--open .select2-dropdown {
width: max-content !important;
}

.select2-dropdown {
border: 1px solid #ddd!important;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
max-width: 80%;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #ddd!important;
}
.select2-search--dropdown {
padding: 6px!important;
}
.select2-container--default .select2-results > .select2-results__options {
padding:6px ;
}
@media screen and (max-width:767px){
.select2-container {
max-width: 350px !important;
}
}
.select2-results__option .highlight {
text-decoration: none;
color: #fff;
background-color:var(--primary-bg-color)!important ;
}

.select2-results__option{
font-size:16px;
}
.select2-selection--single:before {
content: "";
position: absolute;
right: 7px;
top: 42%;
border-top: 5px solid #888;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{
color: #333 !important;
}
/*girar flecha*/
.select2-container--open .select2-selection--single:before {
content: "";
position: absolute;
right: 7px;
top: 42%;
border-bottom: 5px solid #888;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 0;
}
.seleccion_contrato_unico{
font-size:1.2em;
}
.campo-obligatorio{
display: flex;
flex-direction: column;
row-gap: 1em;
max-width: 90%;
}
/*margenes form*/
.mb-3{
margin-bottom:1.5em;
}
/*soporte tecnico*/
.soporte_tecnico_inicio{
width: 100%;
text-align: center;
color: #fff;
display: inline-block;
padding: 1em 0;
}
.soporte_tecnico_inicio a{
color: #fff;
text-decoration: none;
}
@media (orientation: portrait) {
.soporte_tecnico_inicio{
  width: 100%;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 1em 0;
  margin-top: auto;
}
}
@media screen and (min-width:780px){
.soporte_tecnico_inicio{
  width: 100%;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 1em 0;
  margin-top: auto;
}
}

.mb-2{
  margin-bottom:1em;
}
.d-flex{
  display: flex;
}
.align-items-center{
  align-items: center;
}
.gap-option-form{
  column-gap:.5em;
}
.bloque-informacion{
  color: #333;
  padding:1em;
  border:1px dashed #999;
}
.info-inicio{
background-color: #f1f1f1; 
padding:1em;
}