/*
	Theme Name: ما هو اسم القالب؟
	Theme URI: https://www.elnooronline.com/
	Author: تم تصميم وتطوير بواسطة شركة النور أون لاين
	Author URI: https://www.elnooronline.com/
*/
@import 'assets/css/bootstrap-rtl-4.5.3.min.css';
@import 'assets/css/fontawesome-5.15.1.min.css';
@import 'assets/css/helper-rtl-4.0.0.min.css';
.boxlogin,
.boxlogin__left,
.boxlogin__right,
.boxfullpage{
	height: 100vh;
}
.boxlogin__box{
	background-color: rgba(0, 0, 0, 0.3);
}
.btn{
	font-weight: 700;
}
.buttoneyeshowpassword{
	top: 12px;
	left: 15px;
	z-index: 4;
	font-family: 'fa5_f';
	font-style: 400;
	cursor: pointer;
	color: #fff !important;
}
.buttoneyeshowpassword::before{
	content: "\f06e";
}
.buttoneyeshowpassword.active::before{
	content: "\f070";
}
.boxlogin__left{
	background-image: url(assets/img/buebue.png);
}
.solar_waves {
    position: absolute;
    width: 1156px;
    top: 70%;
    right: -510px;
}
.solar_wave {
    width: 700px;
    height: 700px;
    border: 0.5px solid rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    margin-right: 50%;
    right: -350px;
    position: absolute;
    bottom: -350px;
    z-index: -1;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -webkit-animation: solar_pulse 6000ms ease-out infinite;
    -moz-animation: solar_pulse 6000ms ease-out infinite;
    -ms-animation: solar_pulse 6000ms ease-out infinite;
    -o-animation: solar_pulse 6000ms ease-out infinite;
    animation: solar_pulse 6000ms ease-out infinite;
}
.solar_wave:nth-of-type(2) {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -ms-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.solar_wave:nth-of-type(3) {
    -webkit-animation-delay: 2400ms;
    -moz-animation-delay: 2400ms;
    -ms-animation-delay: 2400ms;
    -o-animation-delay: 2400ms;
    animation-delay: 2400ms;
}

@-webkit-keyframes solar_pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes solar_pulse {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}
.shape_dot {
    position: absolute;
    bottom: 30px;
    right: 80px;
    animation: rotating 80s linear infinite;
	z-index: -1;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.shape_wave2 {
    position: absolute;
    top: -210px;
    left: -310px;
    opacity: 0.8;
    z-index: -1;
    transform: rotate(-15deg);
}
.boxfixedheight{
	height: 100vh;
}
.text-light2{color: #c8ced8 !important;}
.logomax{
    height: 100px;
}
.logomax img{
    max-width: 100%;
    max-height: 100px;
}
/*--------- Responsive ----- */
@media (max-width: 992px) {
    .boxlogin,.boxlogin__left{height: inherit;}
	.boxlogin__right{min-height: calc(100vh - 128px);height: inherit;}
}
@media (max-width: 768px) {
    .boxlogin__right{min-height: calc(100vh - 104px);}
}
@media (max-width: 500px) {
	
}
@media (max-width: 375px) {
	
}