/* Küçültme başarısız oldu. Küçültülmeyen içerik döndürülüyor.
(52,1): run-time error CSS1019: Unexpected token, found '@'
(70,1): run-time error CSS1019: Unexpected token, found '@'
 */
#header{
	width:100%;
	/*height:100px;*/
}
	.desktop-header{
		height: 100px;
	}
	.mobile-header{
		height: 0px;
	}
/* These 2 are temp styles. Get rid of them later*/
	#header-text h3{
		text-align: center;
		font-size: 30px;
	}
	#header-text p{
		text-align: center;
		font-size:20px;
	}
.form-body{
    margin:25px;
}
.form-top-right{
	width : 25%;
	float:left;
	font-size: 66px;
}
.form-top-left{
	width : 75%;
	float:left;
}
.form-element{
	display: inline;
	width:100%;
}
	button.form-element{
		margin-bottom: 20px;
	}
.module-form{
	/*border:1px solid blue;*/
	background-color: #ECF0F1;
	display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 0;	/*We are going to animate this */
}
	.module-heading{
		margin:20px 0px;
	}

@@media (min-width:768px){
	.middle-border {
	    min-height: 300px;
	    margin-top: 100px;
	    border-right: 1px solid #000;
	    border-right: 1px solid rgba(0, 0, 0, 0.6);
	}
	.mobile{
		display: none;
	}
	.desktop{
		display: inline;
	}
	.glyphicon-validation{
		font-size:15px;
		margin: 7px;
	}
}
@@media (max-width:767px){
	.middle-border {
	    min-height: auto;
	    margin: 65px 30px 0 30px;
	    border-right: 0;
	}
	.mobile{
		display: inline;
		margin:20px 0px;
	}
	.desktop{
		display: none;
	}
	.glyphicon-validation{
		font-size:10px;
		margin: 7px;
	}
}
/* Just to remove the default padding of bootstrap's col-*-* 
* mainly need this for the form-heading*/
/*#main-login{
	padding-left:0px;
	padding-right: 0px;
}*/
.form-header{
	width:100%;
	padding: 30px;
}
.multi-form-wrapper{
	/*margin-bottom:20px;*/
}    
    .val_error {
        color: #FF1F1F;
    }

    .background-dark-blue {
        background-color: #265a88;
    }

    .white {
        color: white;
    }

.bordered {
    border: 1px solid red;
}