/*** Lm Olivero Css*/

body{
  background-image: url('../images/bg.jpg');
  background-color: #063e72;
  background-size: cover;
  min-height: 100vh;
}
.page-wrapper{
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  padding: 2rem 1rem 0;
  background-color: transparent!important;
}
.layout-main-wrapper{
  background-color: white;
  border-radius: 6px;
}
h1, h2, h3, h4, h5, h6{
  margin-top: 0;
}
.region > *{
  margin-bottom: 0;
}

.tabs{
  background-color: #f7f9fa!important;
  border-radius: 6px 6px 0 0 ;
  overflow: hidden;
}
.tabs__link.is-active{
  background-color: #e7edf1!important;
  /*color: white!important;*/
  font-weight: bold;
}
.tabs__link{
  color: #063E72!important;
}
[dir="ltr"] .tabs__link.is-active:after{
  border-color:  #ffffff!important;
  visibility: hidden;
}

.block-system-main-block {
  /*border: solid 1px #063e72;*/
  padding: 16px;
}
.main-content__container{
  margin-left: auto;
  margin-right: auto;
  padding-top: 0!important;
  padding-left: 0!important;
  padding-right: 0!important;
}
[type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
  background-color: #F3F4F8;
  border-color: transparent;
}

.button--primary{
  background-color: #063e72;
}
.block-social-auth .block__content{
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.social-auth.auth-link{
  border-radius: 6px;
  border: solid 1px #B3B5BC;
}
.social-auth.auth-link:not(:last-child){
  margin-right: 8px;
}
.social-auth img{
  margin: 17px 39px!important;
}
.form-actions .button, .form-actions .action-link{
  justify-content: center;
  width: 100%;
  margin-right: 0;
}

.page-title {
  display: block;
  text-align: center;
}

.user-details .form-item p {
  display: flex;
}

.user-details .form-item span {
  margin: auto 0;
}

@supports (outline-style: double) {
  [type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="email"]:focus, [type="file"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
    outline-width: unset;
    outline-style: none;
    border: solid 2px #063e72;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: 100%;
  }
}
@media (min-width: 31.25rem) {
  [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    width: 100%;
  }
}
@media (min-width: 43.75rem) {
  [dir="ltr"] .tabs__link.is-active:after {
    left: 1px!important;
    width: calc(100% - 2px);
    bottom: 1px;
  }
  h1 {
    font-size: 2.75rem;
  }
}
@media (max-width: 74.9375rem){
  .block-system-main-block{
    margin-bottom: 2rem;
  }
}

@media (min-width: 43.75rem) {
  .grid-full {
    grid-template-columns: repeat(2, minmax(0, 0));
    grid-column-gap: 0;
  }
  .block-system-main-block{
    padding-left: 8rem;
    padding-left: 8rem;
  }
  [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    width: calc(100% - 8rem);
  }
  .password-strength{
    width: calc(100% - 8rem);
  }
  .form-actions .button, .form-actions .action-link{
    width: calc(100% - 8rem);
  }
}