/*Created by Aviad Belulu on 10/03/2021*/

@import "roboto.css";

.login-pf body {
    background: black;
    min-width: 340px;
    min-height: 410px;
}

.login-pf {
    background: unset!important;
}

.login-pf.random-image-1 body {
    background-image: url('../img/BG-1.jpg');
}

.login-pf.random-image-2 body {
    background-image: url('../img/BG-2.jpg');
}

.login-pf.random-image-3 body {
    background-image: url('../img/BG-3.jpg');
}

.login-pf.random-image-4 body {
    background-image: url('../img/BG-4.jpg');
}

.login-pf.random-image-5 body {
    background-image: url('../img/BG-5.jpg');
}

.login-pf.random-image-6 body {
    background-image: url('../img/BG-6.jpg');
}

div.kc-logo-text {
	display: none;
}

.login-pf-page {
    height: 100%!important;
    padding-top: 0!important;
    display: flex!important;
    align-items: center!important;
    z-index: 5;
}

.login-pf-page .card-pf {
    padding: 10px 40px 30px 40px;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 1)!important;
    background-image: url(../img/login-decorative-light.svg)!important;
    background-position: left bottom!important;
    background-repeat: no-repeat!important;
    border: 0!important;
}


@media (min-width: 601px) {
    .login-pf-page .card-pf {
       margin-left: 136px!important;
	   width: 330px!important;
	   border-radius: 8px!important;
    }
}

@media (max-width: 600px) {
    .login-pf-page .card-pf {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0;
        border-top: 0;
        box-shadow: 0 0;
		width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
    }
    .login-pf-page {
        justify-content: center!important;
    }
}

#kc-header {
    display: none;
}


.pf-c-button {
    background-color: #C9197F!important;
    border-radius: 4px!important;
    height: 39px!important;
    font-size: 18px!important;
    font-family: Roboto!important;
    color: white!important;
    font-weight: 400;
}

.btn-default {
	background-color: #C9197F!important;
	background-image: unset!important;
}

.pf-c-form__label-text {
    color: #1B1C1C!important;
    font-family: Roboto!important;
    font-size: 13px!important;
    padding-bottom: 2px!important;
	font-weight: 500!important;
	padding-left: 8px;
}

.form-group input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: red !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.login-pf-header:after {
    content: url('../img/pyramidLogo.svg');
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset;
    font-size: 13px!important;
    font-family: Roboto!important;
}

.pf-c-form-control {
    height: 32px!important;
    border-radius: 4px;
    outline: 0;
    border: 0;
    font-size: 13px!important;
    font-family: Roboto!important;
    background-color: #F5F5F5;
    --pf-global--BackgroundColor--100: #F5F5F5!important;
}

.login-pf-header {
    /*height: 86px;*/
    align-items: center;
}

.form-group {
    margin-bottom: 15px!important;
}

#kc-form-buttons {
    margin-top: 30px!important;
}

.dalet-logo {
    position: absolute;
    bottom: 48px;
    right: 64px;
    content: url('../img/daletLogo.svg');
    z-index: 1;
}


@media (max-width: 687px) and (max-height: 760px) {
    .dalet-logo {
        display: none;
    }
}

@media (max-height: 520px) {
    .dalet-logo {
        display: none;
    }
}

.pf-c-form__helper-text.pf-m-error {
    color: #F73F3F;
    text-align: center;
    font-weight: 600;
}

.pf-c-form__helper-text.pf-m-error:before {
    content: url('../img/s069-attention-12.svg');
}

.login-pf-page .login-pf-header {
    margin-bottom: 32px!important;
}

.login-pf-page .login-pf-header h1 {
	font-size: 14px!important;
}

.kc-social-provider-name {
    position: relative;
    top: 0!important;
}

.pf-c-button.pf-m-control::after {
    --pf-c-button--BorderWidth: none!important;
    --pf-c-button--BorderColor: none!important;
}

.pf-c-button::after {
    border: none!important;
    border-color: none!important;
}

.pf-c-button.pf-m-control {
    border: none!important;
}

.pf-c-button.pf-m-block {
    display: flex!important;
    width: 100%!important;
    justify-content: center!important;
    align-items: center!important;
}

.pf-c-button.pf-m-block:disabled {
    display: none!important;
}

.kc-loading-icon-container {
    display: none!important;
    width: 100%!important;
    height: 39px!important;
    justify-content: center!important;
    align-items: center!important;
}

.kc-loading-icon {
    width: 168px;
    height: 4px;
}

.pf-c-button.pf-m-block:disabled + .kc-loading-icon-container {
    display: flex!important;
}

#kc-oauth h3 {
    font-size: 13px;
}

#kc-social-providers > h4 {
   font-family: Roboto;
   font-weight: 400;
   font-size: 16px;
   color: #1B1C1C;
}