@import http://fonts.googleapis.com/css?family=Raleway;
/*
//==========================================================================================================================
// Login page styling.
//
// Last modified: 29.10.18
// Author: Romet Saarna (aka TheKuru) http://wizil.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: #264e8c;
 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;
}

.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;
 }
}