@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
.login-pf {
    height: 100%;
    background: url("../images/background.png") no-repeat center center fixed;
    background-size: cover;
	
}


.login-pf body {
    background: none no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}
.card-pf {
    max-width: 1000px;
	background: none !important;
}

.login-pf-page{
    padding-top: 0;
    background-color: #F0F2F0 ;
}

.fa-check{
    width: 18px;
    height: 18px;
}

#filogin-holder{
    background-color: #F0F2F0;
    padding: 0;
    display: table;
    align-items: center;
    justify-content: center;
    max-width: none;
    border-top: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: none;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.filogin-left{
    background-color: #F0F2F0 !important; ;
    background-image: url("../images/login-bg.png");
    min-width: 545px;
    max-width: 545px;
    background-size: cover;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding: 70px 100px 70px 100px;
    text-align: center;
    display: table-cell;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
}

.filogin-left h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
}

.filogin-left img{
    margin: 0 auto;
}

.filogin-left h3{
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.filogin-left ul{
    list-style: none;
    list-style-image: url('../images/check-solid.svg');
    list-style-position: outside;
    padding: 0;
    margin: 0;
    padding-left: 25px;
    padding-top: 50px;
}

.filogin-left ul li{
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    padding: 5px 0;
}

.filogin-right{
    background-color: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 545px;
    padding: 50px 100px 50px 100px;
    display: table-cell;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    min-width: 545px;
}

.filogin-right #kc-page-title{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #000;
}

.filogin-right .button{
    background-color: transparent;
    border:solid 1px #2B6190;
    padding: 5px;
    border-radius: 10px;
    width: 40%;
    margin: 5px auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2B6190;
}

.filogin-right .login-pf-header{
    text-align: center;
}

.or-line{
    position:relative;
    width: 100%;
}

.or-line .text{
    position: absolute;
    top: 0px;
    background-color: #fff;
    left: 45%;
    padding: 10px 20px;
}

.pf-c-form__label-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color:#A0A4AC;
    text-transform: uppercase;
}

#kc-form-buttons{
    text-align: center;
}

.pf-c-form-control{
    border: solid 1px #A0A4AC;
    border-radius: 10px;
}

.pf-c-button.pf-m-primary{
    background-color: #FF8D24;
    padding: 10px 75px;
    border-radius: 10px;
    width: auto;
    display: inline;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

#kc-info-wrapper{
    background-color: white;
    padding: 0px;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 1.0;
}
.hr-text:before {
  content: "";
  /*background: linear-gradient(to right, transparent, #818078, transparent);*/
  background-color: #A0A4AC;;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #A0A4AC;
  background-color: #fcfcfa;
}
.kc-social-provider-name {
    top: 0px;
}

.kc-form-tandc {
    padding-top: 0.5em;
}

@media (max-width:960px) {
    #filogin-holder{
        display: flex;
        position: relative;
        transform: none;
        top:inherit;
        left: inherit;
    }
    .login-pf {
        background: none;
        background-image: none;
        background-color: #fff;
    }
    .filogin-left{

        display: none;
        border-radius: 0;
    }

    .filogin-right{
        display: flex;
        border-radius: 0;
        min-width: 545px;
        
    }
}
.btn-custom {
	background-color: #2b6190 !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    width: auto;
    display: inline;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px !important;
    font-weight: 600;
}
.spacing {
	margin-right: 5px;
}