#headerPage {
	padding:35px 0;
}

#headerPage .rankLeaderLogo {
	max-width:350px;
	margin-top:25px;
}

main {
	max-width: 90% !important;
}

#modalBackground {
	background-color:black; 
	position:fixed; 
	opacity:0.9; 
	top:0; 
	left:0; 
	width:100vw; 
	height:100vh; 
	z-index:999997;
}

#modalForeground {
	position:absolute; 
	top:0; 
	left:0; 
	width:100vw; 
	height:100vh; 
	z-index:999998; 
	display:table;
}

#modalForeground > div {
	display:table-cell; 
	vertical-align:middle;
}

#modalForeground > div > div {
	background-color:white; 
	width:80%; 
	margin:200px auto; 
	padding: 5px; 
	border: 5px solid black;
}

#errors .error {
	color: white;
    background-color: #e26868;
    padding: 5px 10px;
    border-radius: 5px;
    width: 80%;
    margin: auto;
}

#accountPanel{
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
	text-align: right;
}

#accountPanel .link,
#accountPanel a{
    color: #f13f26 !important;
    text-decoration: underline !important;
    font-size: 14px;
    margin-top: 5px;
	cursor:pointer;
	border:none;
	background:inherit;
	padding:0;
	margin:0;
}


#accountPanel .username{
	color: #0c0c0c;
    margin: 0;
}

.breadcrumb {
	padding:0 !important;
	background-color:inherit !important;
}

.breadcrumb a:not(:first-of-type)::before {
	content: ">";
	color:black;
	margin:0 5px;
}

.breadcrumb a:not([href]) {
	color:black !important;
	font-weight:bold;
}

.formContainer {
	margin:0 30px 60 30px;
	box-shadow:0 0 10px grey;
}

.formContainer header {
	background-color:#f13f26;
	color:white;
	text-align:center;
	padding:25px 30px;
	border-bottom-left-radius:50%;
	border-bottom-right-radius:50%;
	min-height:185px;
}

.formContainer header h2 {
	font-weight: bold !important;
    font-size: 45px;
}

.formContainer form {
	padding:40px;
}

.formContainer form .btn {
	background-color:#3b3b3c;
	border-color:#5d5d5d;
}

.formContainer form .btn:hover {
	background-color:#5d5d5d;
	border-color:#3b3b3c;
}

.formContainer .form-control.error {
	border-color:red !important;
	color:red !important;
}


.formContainer .forgottenPassword {
    float: right;
    color: #f13f26 !important;
    text-decoration: underline !important;
    font-size: 14px;
    margin-top: 5px;
	cursor:pointer;
}

.formContainer .form-group > label {
	width:100%;
}

.formContainer .form-group > label > p {
	margin-bottom:0;
}

.formContainer .form-group div.form-control {
	height:auto;
}

.formContainer .form-group div.form-control > label {
	display:block;
	margin-bottom:0;
}

.formContainer .form-group input[type="checkbox"].form-control {
	display:inline;
	vertical-align:middle;
	width:auto;
	margin-right:5px;
}

.formContainer .form-group.checkbox,
.formContainer .form-group.checkbox > label {
	margin-bottom:0;
}

.formContainer .form-group.checkbox input[type="checkbox"] {
	height:auto;
}

.formContainer .textBottom {
	margin-top:20px;
}

.formContainer .tab-content {
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 20px 5px 20px;
	margin-bottom:20px;
}

.ajaxLoader {
	padding:35px !important;
	background-image:url('/Assets/IMG/loader-2.gif');
	background-size:300px 300px;
	background-repeat:no-repeat;
	background-position:center;
}