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

@font-face {
    font-family: 'ModernEra-Medium';
    src: url('ModernEra-Medium.woff') format('woff'),
         url('ModernEra-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

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

.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;
    width: 330px!important;
    border-radius: 8px!important;
    background-color: #F2F2F2!important;
    background-image: url(../img/login-decorative-light.svg)!important;
    background-position: left bottom!important;
    background-repeat: no-repeat!important;
    margin-left: 136px!important;
	border: 0!important;
}

#kc-header {
    display: none;
}

.pf-c-button {
	background-color: #C9197F!important;
	border-radius: 4px!important;
	height: 39px!important;
	font-size: 12px!important;
	font-family: ModernEra-Medium!important;
}

.pf-c-form__label-text {
	color: #CD2F8B!important;
	font-family: ModernEra-Medium!important;
    font-size: 12px!important;
	padding-bottom: 6px!important;
}

.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 #CECECE inset;
  	font-size: 13px!important;
	font-family: ModernEra-Medium!importan
}

.pf-c-form-control {
    height: 40px!important;
    border-radius: 8px;
    outline: 0;
    border: 0;
	font-size: 13px!important;
	font-family: ModernEra-Medium!important;
	background-color: #CECECE;
	--pf-global--BackgroundColor--100: #CECECE!important;
}

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

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

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

.pf-c-button {
	color: white!important;
}

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

@media (max-width: 687px) {
	.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');
}

@media (min-width: 768px) {
	.login-pf-page .login-pf-header h1 {
		font-size: 16px!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;
}