@import http://fonts.googleapis.com/css?family=Raleway;
/*
//==========================================================================================================================
// Login page styling.
//
// Last modified: 2026-04-07
// Author: Romet Saarna (aka TheKuru) http://firefly.ee
//==========================================================================================================================
*/


/* -------------------------------------------------------------------------------------------------- */
/*  */
/* -------------------------------------------------------------------------------------------------- */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #cccccc;
	opacity: 0.8; /* Firefox */
	font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #cccccc;
}

.login-box-container {
	padding: 100px 0 0 250px;
}

.login-box {
	width: 333px;
	padding: 58px 76px 0 76px;
	text-shadow: 0 -1px black;
	background: #333333;
	border-bottom: 1px solid #191919;
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	border-radius: 10px;
}

.login-box h2 {
	padding: 0;
	margin: 0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}

.login-box-options-container  {
	clear: both;
	padding-top: 5px;
	font-size: 11px;
	float: right;
}

.login-box-options-container a {
	color: #ebebeb;
	font-size: 11px;
	text-decoration: none;
}
.login-box-options-container a:hover {
	color: #cccccc;
	text-decoration: underline;
	cursor: pointer;
}


.login-button {
	display: inline-block;
	outline: 0;
	border: 1px solid #D4D4D4;
	border-radius: 2px;
	color: #444;
	background: -webkit-linear-gradient(top, #F4F4F2, #EDEDEB);
	background: linear-gradient(to bottom, #F4F4F2, #EDEDEB);
	box-shadow: inset 0 1px 0 #FDFDFC;
	white-space: nowrap;
	padding: 5px 8px;
	line-height: 1.4;
	position: relative;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3e3e3e;
	font-family: 'ProximaNova-Bold', arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	box-sizing: border-box;
}

.login-button:hover {
	background: -webkit-linear-gradient(top, #EBEBEB, #C7C7C3);
	background: linear-gradient(to bottom, #EBEBEB, #C7C7C3);
	text-decoration: none;
}



/* Mobile Styles */
@media only screen and (max-width: 400px) {
	.login-box h2 {
		padding: 0;
		margin: 0;
		color: #ebebeb;
		font: bold 33px "Calibri", Arial;
	}
	.login-box-container {
		padding: 0px 0px 0px 0px;
	}
	.login-box {
		width: 100%;
		height: 372px;
		padding: 10px 10px 0px 10px;
	}
}


/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
	.login-box-container {
		padding: 50px 0 0 20px;
	}
	.login-box {
		width: 393px;
		height: 372px;
		padding: 28px 28px 0 28px;
	}
}


/* Desktop Styles */
@media only screen and (min-width: 961px) {
	.login-box-container {
		padding: 100px 0 0 250px;
	}
	.login-box {
		width: 555px;
		height: 372px;
		padding: 58px 76px 0 76px;
	}
}