@charset "utf-8";
body{
	font-family: 'Roboto', sans-serif;
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
	height:100%;
	/*background-image: url('../../public/files/login/pexels-photo-541522.jpg'); Now loading in javascript*/
	background-color: #5D9CEC;
	-webkit-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
}
#footer span#by{
	font-weight: 600;
}
#img_highQuality {
    display: none;
}
.login_sidebar button{
	transition: 0.3s;
}
.login_sidebar{
	width:400px;
	padding-left:20px;
	padding-right: 20px;
	height: 100%;
	position: absolute;
	right:0px;
	top:0px;
	background-color: #4A89DC;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	min-height: 750px;
	overflow:auto;
	overflow-x:hidden;
}
.login_sidebar .logo{
	width:350px;
	height: 289px;
	background-image: url('../images/logo_800px.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 45px;
	position: relative;
	display: none;
	margin-bottom: 45px;
}
.login_sidebar h1#sign_in{
	color:#d9e1ec;
	font-size: 48px;
	margin-bottom: 20px;
}
.login_sidebar .input_row{
	margin-bottom: 20px;
}
.login_sidebar #buttons{
	position: relative;
	margin: auto;
	width:100%;
}
.login_sidebar #buttons .btn{
	font-size:16px;
}
.login_sidebar #forgot{
	position: absolute;
	bottom:20px;
}
.login_sidebar #forgot a{
	cursor: pointer;
	color:#fff !important;
	transition: 0.3s;
}
.login_sidebar #forgot a:hover{
	cursor: pointer;
	color:#337ab7;
}
.login_sidebar #login_errors{
	color:#e02841;
	text-align: center;
}
.login_sidebar .version{
	color:#fff;
	font-size:12px;
	padding-top: 20px;
}
.login_sidebar .version a{
	text-decoration: underline;
}

.announcement_text{
	position: absolute;
	margin-top: 100px;
	margin-left:100px;
	color:#fff;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.45);
	width: calc(100% - 500px);
	height: calc(100% - 100px);
	overflow:hidden;
	padding-left:55px;
}
ul {
    list-style-type: none;
}
ul li{
    position:relative;
}

ul li:before{
    content: '-';
    position:absolute;
    right:100%;
    margin-right:0.5em;
}
.announcement_text h1{
	font-size:102px;
	margin-left:-55px;
}
.announcement_text h2{
	font-size:62px;
}

.announcement_text .button-row{
	text-shadow: none;
	margin-top: 40px;
	margin-left:55px;
}
.announcement_text .button-row .btn{
	margin-top:10px;
	transition: 0.3s;
}
.announcement_text .button-row .btn-info {
    color: #ffffff;
    background-color: #3498db;
    border-color: #3498db;
}
.announcement_text .button-row .btn-info:hover {
    color: #ffffff;
    background-color: #217dbb;
    border-color: #2077b2;
}
.announcement_text .button-row .btn:hover, .announcement_text .button-row .btn:focus, .announcement_text .button-row .btn.focus {
    color: #ffffff;
    text-decoration: none;
}
.announcement_text .button-row .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.announcement_text .button-row .btn-info:active, .announcement_text .button-row .btn-info.active, .announcement_text .button-row .open > .dropdown-toggle.btn-info {
    background-image: none;
}
.announcement_text .button-row .btn-info:active, .announcement_text .button-row .btn-info.active, .announcement_text .button-row .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #217dbb;
    border-color: #2077b2;
}


@media (max-width: 1140px) {
	.announcement_text{
		display: none;
	}
}

@media (max-height: 800px) {
	.announcement_text{
		margin-top: 20px;
		height: calc(100% - 20px);
	}
}