@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.ttf);
  }

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.ttf);
}

h1#kc-page-title {
  /*  color: #363636;  */
    color: white;
    font-family: Montserrat-Regular;
    text-align: left;
}

a {
  color: #7db6f8;
}

/* span {
  color: white;
} */

h3 {
    font-family: Montserrat-Regular;
    color: white; 
  /*  color: #363636;  */
    margin-left: 20px;
    margin-top: 0px;
    padding-top: 20px;
}

h4 {
    font-family: Montserrat-Regular;
  /*  color: #363636;  */
    color: white;
    margin-bottom: 15px;
}

.login-pf-page .login-pf-header {
  display: none;
}

.pf-c-form__label-text {
  display: none;
}

.pf-c-form-control {
  height: 50px !important;
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 5px;
}

#phone {
  margin-top: 20px;
  margin-bottom: 20px;
}

.kc-form-buttons-container {
  display: flex;
}

#kc-form-options {
  color: white;
}

#kc-form-buttons {
  width: 100%;
}

#kc-registration {
  color: white;
}

.login-pf .container {
  color: #363636;
  padding-bottom: 0px;
  padding-top: 0px;
}

.login-pf {
  background: #1C4587;
}

.login-pf body {
 /* background: linear-gradient(#7cbbf9, #161223); */
    background: #1C4587; 
    background-size: cover;
    height: 100%;
}

.login-pf-page {
  padding-top: 0px;
  /* background: #fff; */
}

.login-pf-page .card-pf {
  /* padding: 0px 20px 15px 20px; */
  /* padding: 20px 40px 30px 40px; */
  margin-bottom: 0;
}

.card-pf {
    box-shadow: var(--pf-global--BoxShadow--lg);
    /* margin-top: auto; */
    /* margin-top: 100px; */
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    max-width: 500px;
    border-top: 4px solid;
    border-color:#1C4587;
    border-radius: 15px;
    background-color: #1C4587;
}

.form-group {
    text-align: left;
    margin-bottom: 0px;
}

.pf-c-button {
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #f1f1f1 !important;
    color: #1C4587 !important;
}

/* #kc-social-providers {
  display: none !important;
} */

/* * {
    box-sizing: border-box;
  } */
  
  .flex-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: last baseline; 
    /* align-items: baseline; */
    /* text-align: center; */
  }

  .popup-auth {
    flex: 1;
/*    padding-top: 100px; */  
  }
  
  .logotype {
    display: flex;
    flex: 1;
    justify-content: center;
  /*  height: 100%; */
/*    padding-top: 80px; */
    /* margin-top: 50px; */
    /* align-self: flex-end; */
  /*  align-items: flex-end; */
    /* display: none; */
  }

  /* For placing social buttons in grid template */

.kc-social-grid {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    grid-column-end: span 6;
    --pf-l-grid__item--GridColumnEnd: span 6;
}

.pf-l-grid {
    --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
    --pf-l-grid__item--GridColumnStart: auto;
    /* --pf-l-grid__item--GridColumnEnd: span 12; */
    --pf-l-grid--item--Order: 0;
    display: grid;
    grid-template-columns: repeat(12, [col-start] 1fr);
}

.pf-m-error {
  color: red;
  
}

.pf-m-control {
  margin-bottom: 0px;
}

#kc-form-options {
  margin-top: 15px !important;
}

#kc-info-wrapper {
  color: white;
}

#password-confirm {
  /* margin-bottom: 20px; */
  margin-bottom: 0px;
  margin-top: 0px;
}

#firstName {
  /* margin-top: 0px; */
}

#username {
  margin-top: 0px;
  margin-bottom: 20px;
}

.pf-c-input-group {
  margin-top: 0px;
  border-radius: 5px;
  margin-bottom: 5px;
  height: 50px;
}
#password {
  margin-bottom: 0px;
  margin-top: 0px;
}

.checkbox label, .radio label {
  color: white;
}

#kc-register-form {
  color: red;
}



  /* Responsive layout - makes a one column-layout instead of two-column layout */
  @media (max-width: 768px) {
    .flex-container {
      flex-direction: column;
      margin-top: 0px;
    }

    .popup-auth{
      padding-top: 0px;
    }

    .logotype {
      display: flex;
      justify-content: center;
    align-items: flex-start;
      flex: 1;
      padding-top: 0px;
    }

    .card-pf {
      margin-top: auto;
      line-height: 1;
    }

    input[type=checkbox], input[type=radio] {
      margin: 0 0 0;
      line-height: normal;
    }

    
    /* .flex-item-left {
        padding: 0px;
    } */

    h3 {
        display: none;
    }
    
    /* .logotype {
      flex: 1;
      display: none;
    } */

    .login-pf-page .card-pf {
      padding: 0px 20px 15px 20px;
      /* padding: 20px 40px 30px 40px; */
      margin-bottom: 0;
    }

    /* .popup-auth {
      flex: 3;
      padding-left: 0px; 
      padding-right: 0px;
    } */
  }

  @media (max-width: 496px) {
    .login-pf body {
      background: #1C4587;
      box-shadow: 0 0px 0px rgb(255, 255, 255);
    }
    .card-pf {
      box-shadow: none;
    }
  }

@media (min-width: 768px) {
  .login-pf .flex-container {
      bottom: 0%;
      padding-left: 80px;
      position: relative;
      width: 100%;
  }

  /* .col-sm-6 {
    float: right;
  } */
}


/* .img {
  vertical-align: text-bottom;
} */