@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab');

body {
	height: calc(100vh - 130px);
	background: #e9e9e9;
	background-image: url('https://secure.activecarrot.com/media/dynamic/static_images/408/FLC_BACK.PNG');
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	color: #222;
	font-family: Roboto, Arial, sans-serif;

}

/* #img-top-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 25px solid white;
	border-right: 25px solid white;
	border-bottom-right-radius: 850px;
	width: 1500px;
    height: 1500px;
    margin-top: -800px;
    margin-left: -350px;
    z-index: -1;
    transform: rotate(40deg);
    overflow: hidden;
}

#img-top {
    background: url('https://secure.activecarrot.com/media/dynamic/static_images/408/Gym class.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 1800px;
    height: 1200px;
    margin-top: 300px;
    margin-left: 550px;
    transform: rotate(-40deg);

}

#img-bottom-wrapper {
	position: fixed;
	top:0;
	left: 0;
	width: 3500px;
    height: 1400px;
    z-index: -2;
    overflow: hidden;
}

#img-bottom {
	background: url('https://secure.activecarrot.com/media/dynamic/static_images/408/50m pool.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
	margin-left: -360px;
	margin-top: -600px;
    width: 2400px;
    height: 1800px;

} */



#logo {
    background-image: url('https://secure.activecarrot.com/media/dynamic/static_images/408/FLC_rgb_horiz_block1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 285px;
    height: 96px;
    margin: none;
    border-radius: 4px;
}

#mb1,#mb2,#mb3,#mb4 {
	display: inline-block;
	width: 66px;
	height: 8px;
	margin-top: 10px;
}

#mb1 {
		background-color: #8f298d;
		border-radius: 4px 0 0 4px;
	}

#mb2 {
		background-color: #f37423;
	}

#mb3 {
		background-color: #abcf3b;
	}

#mb4 {
		background-color: #194077;
		border-radius: 0 4px 4px 0;
	}


.alpha60{
	background: white;
  	border-radius: 5px;
}
form label {
    color: #02518c;
}

form {
	margin: 10px;
}

form select[style] {
	width: 100% !important;
}

form .button {
    border: none;
    box-shadow: none;
    background: #03A9F4;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    border-radius: 3px;
}

form .button:hover {
	background: #4CAF50;
}

.attention, .fail, .information, .success {
    clear: both;
}

input:focus, textarea:focus {
    background-color: #ceedf5;
}

#admin_wrapper {
	width: 285px;
	padding:15px;
	min-height:350px;
}

.login_custom_html {
	text-align: center;
}

form .button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

form .forgot_password .button {
	display: inline;
}