body {
    height: 100vh;
    font-family: Yekan, YekanNumber;
}

.loader {
    position: fixed;
    height: 100vh;
    z-index: 16;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: #ffffff;
    font-family: Yekan, YekanNumber;
}
.loader>.loader-item{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;

}
    .loader h4 {
		
        color: #434e8d;
    }



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Yekan, YekanNumber;
    font-weight: 500;
    color: inherit;
    line-height: 2 !important;
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    font-family: Yekan, YekanNumber;
}

.flex-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    height: 100%;
    max-height: 100%;
    font-family: Yekan, YekanNumber;
}

.flex-1 {
    background-color: white;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    font-family: Yekan, YekanNumber;
}

.flex-2 {
    flex-grow: 8;
    font-family: Yekan, YekanNumber;
}

.form-login {
    width: 100%;
    height: 100vh;
    border-radius: 42px;
    background-color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: space-around;
    color: #242638;
    font-family: Yekan, YekanNumber;
    font-size: 1.4rem;
    display: block;
    direction: rtl;
}

form {
    padding-top: 6rem;
    direction: rtl;
    font-family: Yekan, YekanNumber;
}

.form-group {
    position: relative;
}

input {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 2px solid #242638 !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%) !important;
    border-radius: unset !important;
    font-family: Yekan, YekanNumber;
}

.form-control:focus {
    transition: 0.1s !important;
    border-image: linear-gradient(to right,#00c6ff, #005aff,#080089) !important;
    border-image-slice: 1 !important;
    border-width: 3px !important;
}

.form-control {
    display: inline !important;
    padding: 0 0px !important;
}

.btn {
    width: 100%;
    font-size: 13px !important;
    display: flex !important;
    padding: 5px 0px !important;
    border-radius: 20px !important;
    
    justify-content: space-around !important;
    font-family: Yekan, YekanNumber;
    
}

    .btn #btnLogin {
        background: linear-gradient( 45deg, #00063e 0%, #0095ff 100%);
        transition: 0.4s;
        border: 1px solid #fff !important;
		height:40px;
    }

        .btn #btnLogin:hover {
            color: #fff;
        }

.bg-overlay-gradient-blue::before {
    background: linear-gradient( 45deg, #00042e 30%, #00a7e7 100%) !important;
}

.section.bg-overlay {
    background-position: center center;
    background-size: cover;
}

.section {
    position: relative;
    padding: 8rem 0;
    z-index: 1;
    background-image: url("15.jpg");
    height: 100%;
    max-height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    direction: rtl;
    font-family: Yekan, YekanNumber !important;
}

    .section.bg-overlay::before {
        display: block;
        content: '';
        opacity: 0.8;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

.bg-overlay-gradient-blue::before {
    background: linear-gradient( 45deg, #242638 0%, #3386a7 100%);
}

.bg-overlay-gradient-blue .heading, .bg-overlay-gradient-blue .sub-heading, .bg-overlay-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-blue .section-heading .paragraph, .bg-overlay-gradient-blue .lead {
    color: #FFF;
    font-family: Yekan, YekanNumber;
}

.sub-heading {
    font-family: Yekan, YekanNumber;
}

.text {
    position: relative;
    z-index: 2;
    color: white;
    padding-right: 5rem;
    font-family: Yekan, YekanNumber;
}

.logo {
    position: relative;
    z-index: 2;
    color: white;
    padding-right: 5rem;
    font-family: Yekan, YekanNumber;
}

    .logo img {
        height: 96px;
    }

.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    cursor: pointer;
    left: 5px;
}


@media only screen and (max-width: 768px) {
    .flex-2 {
        display: none;
    }
	.flex-1 {
        width:100%;
    }
}