/* Background Image Media Queries */
/* css.css MUST BE marked from login.html */
@font-face {
	font-family: 'IRANSansWeb(FaNum)';
	src: local('IRANSansWeb(FaNum)'), url('../fonts/IRANSansWeb(FaNum).ttf');
}
body.login {
    font-family: "IRANSansWeb(FaNum)", Arial, sans-serif, -apple-system;
	background-image: url('../img/zlg_640x700.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (min-width: 640px){
	body.login {
		background-image: url('../img/zlg_960x700.jpg');
	}
}
@media screen and (min-width: 960px){
	body.login {
		background-image: url('../img/zlg_1200x900.jpg');
	}
}
@media screen and (min-width: 1200px){
	body.login {
		background-image: url('../img/zlg_1600x950.jpg');
	}
}
@media screen and (min-width: 1600px){
	body.login {
		background-image: url('../img/zlg_2000x1050.jpg');
	}
}

/* MUST BE un-marked for NO IMAGE */
/*
body.login{
    background-image: none !important;
    background-color: #323440 !important
}
*/

/*
.uk-overlay-primary {
    background: #0D2B3E;
}
 */

.login .uk-width-medium.uk-padding-small.uk-position-z-index.uk-scrollspy-inview.uk-animation-fade {
    width: 456px;
    height: 573px;
}
.login form.toggle-class {
    background-color: #D9E4EC;
    padding: 30px;
    border-radius: 5px
}
.login .toggle-class .uk-margin-bottom {
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-image: linear-gradient(to right, #1E88E5 1%, #1E88E5 100%);
}
.login .toggle-class button.uk-button.uk-button-primary.uk-border-pill.uk-width-1-1 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: center;
    color: #CFD8DC;
}
.login input.uk-input.uk-border-pill {
    border-radius: 10px;
    border: solid 1px rgb(112, 112, 112);
    background-color: transparent !important;
    padding: 0 50px !important;
}
.login input.uk-input.uk-border-pill::placeholder{
    color: #999 !important;
}
.login .uk-form-icon-flip{
    color: #1E88E5 !important;
    right: 0!important;
    left: auto !important;
    margin: 0 15px !important
}
.login .uk-text-center img {
    width: 125px;
    margin: 10px 0;
}
.login button.uk-button.uk-button-primary.uk-border-pill.uk-width-1-1 {
    background-color: transparent !important; 
}
.uk-input, .uk-light {
    color: #00B8D9 !important;
}
.uk-light a {
    color: #00B8D9 !important;
}
.uk-input::placeholder{
    color: #999 !important;
}
.uk-light, .uk-text-muted {
    color: #00B8D9 !important;
}
.uk-light, .uk-checkbox {
    border-color: #00B8D9 !important;
}