/* 
    Created on : 2015-06-07, 02:51:20
    Author     : cichy
    Version    : 0.1.0

    Base CSS styles for system templates (errors, backend login panel etc.)
    //TODO: Minimize this fiile for production
*/

body{
	background: url("../images/tlo3.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}


.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 7px 15px;
	color: #000;
}

.profile-img {


	width:50%;
	margin: 0 auto 10px;
	display: block;
	/*-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;*/
}

.btn{
	border-radius: 12px;
}
.btn-default,.btn-default:hover, .btn-default:active, .btn-default:visited{
	border-color: #72230a;
	background: #72230a;
	color:#fff;
}

.btn-primary,.btn-primary:hover, .btn-primary:active, .btn-primary:visited{
	border-color: #ff5000;
	background: #ff5000;
}

div#loginScreen{
	margin-top:54px;
}

div#loginScreen label{
	display: none;
}

#loginScreen .panel.panel-default{
	background: transparent;
	border: none;
}

#loginScreen .empH1{
	color:#3a3682;
	font-size:45px;
}

#loginScreen label{
	font-size:20px;
	color: #666666;
}

.form-control{
	border: 1px solid;
	border-radius: 8px;
	border-color: #000;
	font-size: 20px;
	padding: 20px;
	background: #fff;
	color:#000;
	padding-top:25px;
	padding-bottom:25px;
}

select.form-control{
	padding-top: 10px;
	padding-bottom: 10px;
	height: 52px;
}


#loginScreen .input-group select.form-control{
	border: none;
	border-radius: 2px;
	font-size: 20px;
	padding: 0px;
	background: #d2d7d8;
	color:#7575a3;
}

#loginScreen .input-group .input-group-addon{
	border: none;
	background: #d2d7d8;
	color: #fff;
	font-size: 20px;
	border-radius: 2px;
}

#loginScreen *:focus {
	outline-style: none;
}


#loginScreen ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#7575a3;
	opacity: 1; /* Firefox */
}

#loginScreen :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#7575a3;
}

#loginScreen ::-ms-input-placeholder { /* Microsoft Edge */
	color:#7575a3;
}


div#loginScreenSmall{
	margin-top:0px;
}
#loginScreenSmall label{
	display:none;
}
#loginScreenSmall .panel.panel-default{
	background: transparent;
	border: none;
}

#loginScreenSmall .empH1{
	color:#3a3682;
	font-size:35px;
}

#loginScreenSmall label{
	font-size:20px;
	color: #666666;
}


#loginScreenSmall .input-group select.form-control{
	border: none;
	border-radius: 2px;
	font-size: 20px;
	padding: 0px;
	background: #d2d7d8;
	color:#7575a3;
}

#loginScreenSmall .input-group .input-group-addon{
	border: none;
	background: #d2d7d8;
	color: #fff;
	font-size: 20px;
	border-radius: 2px;
}

#loginScreenSmall *:focus {
	outline-style: none;
}


#loginScreenSmall ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#7575a3;
	opacity: 1; /* Firefox */
}

#loginScreenSmall :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#7575a3;
}

#loginScreenSmall ::-ms-input-placeholder { /* Microsoft Edge */
	color:#7575a3;
}