/* ESTILOS CSS */
/* AUTOR: TBHealthcare.es */
html {
  min-height: 100vh;
  position: relative;
}
body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  margin: 0;
  margin-bottom: 40px;
}

select {
display: block;
margin: 0 auto;
}

#pregArea{
    background-color: #f5f5f5;
    color : #54565A;
}


.bg-blue{background-color: var(--main-color)} 
.bg-lila{background-color: #923167 } 
.color-blue{color: #263169} 
.color-lila{color: #923167} 
.color-white{color: #fff} 

.btn-primary, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  border-color:rgba(var(--back-color), 75%);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-color: rgba(var(--back-color), 75%);
    border-color:rgba(var(--back-color), 75%);
}

@media (min-width: 1200px) {
    .container-tbg{max-width: 1200px}
}


.fs-24{font-size: 24px}

ul.horizontal-list {
  list-style: none; text-align: center;
}

@media (min-width: 968px) {
    ul.horizontal-list {
      text-align: left;
    }
}


ul.horizontal-list li {
  display: inline-block;
  padding: 0 0.5rem;
}
ul.horizontal-list li:not(:last-child):after {
  content:".";
  position: relative;
  left:  0.6rem;
  bottom: 0.27rem;
}


.login{
  width: 360px;
    margin: 0 auto;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 25px 20px;
}

.foot{

  position: absolute;
  bottom: 0;
  width: 100%;
  height: 7vh;
  color: white;
}

.bg-btn{
  background-color: #EC657E !important;
  color: white;
}

.main-color{
  color:var(--main-color) !important;
}

.color-osteo{
  color: #933168 !important;
}
.color-fertility{
  color: #E6007E !important;
}