@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');


body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0px;
  
}
* {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px;
}

html,body {
	height: 100%;
}

.clickable{
	cursor: pointer;
}
input {
	padding:3px;
}
.red { color:#ff0000}
.green { color:#00CC00}
.black { color:black}

#stw-header{
	background: url("../images/banner.jpg") no-repeat;
	height: 90px;
	position:relative;
}
#stw-header-eira {  
	background: url('https://www.eira.com/images/eira_pozitiv_transparent.png') no-repeat;
	background-size: 150px 68px;
	height: 90px;
	position:absolute;
    width: 500px;
    top:10px;
    left:-55px;
	opacity: 0.7;
	
}
#stw-login-main {
	width: 100%;
	height: 100%;
	position: relative;
	overflow:hidden;
}

#stw-quote{
	display: none;
	position: absolute;
	left: 300px;
	top: 170px;
}
#stw-quote .row {
	font-weight: 300;
	font-size: 22px;
	font-family: 'Roboto', sans-serif !important;
	color: #aaa;
}
#stw-contact{
	text-align: center;
	margin-top: 190px;
}

img{
	border:none;
}

a{
	color: #336699;
	text-decoration:none;
}
a:hover,
#stw-terms:hover {
	text-decoration: underline;
}
h1 {
	font-size:2em;
}
#stw-version{
	color:#aaaaaa;
	position: absolute;
	bottom: 2px;
	right: 10px;
}

#stw-link-home img{
	display: none;
}

#stw-niceDay{
	display: none;
}

#stw-terms{
	margin-right:10px;
	cursor:pointer;
	color:#336699;
}
.small{
	font-size:.95em;
}
#stw-login {
	height: 100%;
	width: 100%;
}

#stw-link-home{
	display: none;
}
input[type=text], input[type=password] {
	border-radius: 4px;
	border: 1px solid #a7a7a7;
}
#loginForm input[type=submit] {
	height: 85px !important;
	width: 245px;
	//background: url('https://eira.com/eira/portal/gwt/basic/images/button_reg_bfly_on.png') no-repeat transparent;
	background: url('../images/button_reg_bfly_on.png') no-repeat transparent;
	margin: 27px -90px;
	position: relative;
	display: block;
	border: 0 !important;
	color: #eee;
	cursor: pointer;
	font-size: 2.2em;
	font-size: 2.0em;
	padding: 19px 16px 0px 0px;
}
input[type=submit]:hover {
	//margin: 29px -92px;
	opacity: 0.9;
}
#stw-resetPassword-formDiv input[type=submit] {
	margin: 29px 156px  26px 0px;
	cursor: pointer;
	height: 35px;
	border-radius: 4px;
	border: 1px solid #333;
	width: 100px;
	font-size: 15px;
}

.stw-login-error{
	color:red;
	font-weight:bold;
	font-size:1em;
	top: 64px;
	left: 235px;
	position: absolute;
}
.stw-login-resetPassword, .stw-login-resendActivation {
	text-align: center;
}
#stw-login-formDiv {
    margin: 0px auto;
    width: 530px;
	position: relative;
	top: 150px;
	line-height: 3;
}
#stw-login-formDiv tr:nth-child(1) td {
	display: none;
} 
#stw-login-formDiv .row {
	margin-top: 10px;
	text-align: right;
}

#stw-login-help {
	text-align: right;
	width: 100%;
}
#releaseInfo {
    font-size: 1.4em;
    margin: 5px 0 30px;
}
.stw-login-field {
	width: 220px;
	font-size:13px;
	padding:0.2em;
}

.stw-login-label {
	text-align: right;
	font-size:13px;
	line-height:1.8em;
	color:#000;
	font-weight: 400;
	padding-right:20px;
}

.stw-login-description{
	font-style: italic;
	font-size: 0.9em;
}

.stw-license-warning {
	text-align: center;
	font-size:1.4em;
	color: red;
}
#releaseNotesFrame {
	width:100%; 
	border:1px solid #f1f1f1;
	margin: -10px 0 20px;
}
/* Formul��e pro registraci a zapomenut� heslo */
#stw-pass-recovery, #stw-pass-reset {
    margin: 140px auto;
    width: 415px;
}
#stw-pass-reset {
	text-align: center;
}
#stw-pass-recovery h1, #stw-pass-reset h1, #logOutPane h1 {
	color:black;
	margin-top: 20px;
	text-align: center;
}
.pass-recovery-text {
	margin-top: 20px;
}
.stw-back-to-main {
	text-align:center;
	margin-bottom: 30px;
}
#stw-resetPassword-formDiv {
	margin-top: 20px;
	width:100%;
}
.pass-recovery-text,  {
	color:#555555;
}
.stw-exception-text, .errorMessage, .stw-error-text {
	background-color: #FFEEEE;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-size: 1em;
	font-size: 12px;
    margin: 20px auto;
    padding: 15px;
	text-align: center;
}
.stw-confirm-text, .stw-jspDialog {
	background-color: #f5ffed;
    border: 1px solid #80ff00;
    color: #000000;
    font-size: 1em;
	font-size: 12px;
    margin: 30px;
    padding: 15px;
}
.stw-acceptInvitation {
    float: left;
    margin-left: 120px;
    margin-right: 10px;
}
.stw-rejectInvitation, .stw-acceptInvitation {
    margin-top: 10px;
}

@media (max-width:2048px) and (orientation: portrait) {
	#stw-pass-recovery, #stw-pass-reset {
		width: 80%;
	}	
    .black, .stw-password-strength-indicator, .stw-password-insufficient, .stw-confirm-text, .stw-exception-text, .errorMessage, .stw-error-text, h1, .pass-recovery-text, .stw-contact, .name, .stw-login-label, .stw-login-field, .stw-login-resetPassword, .stw-login-resendActivation, a {
		font-size: 30px;
	}
	td {
	  height: 100px !important;
	}
	#stw-login-formDiv, #stw-resetPassword-formDiv {
		line-height: 1;
	}
	input[type="text"], input[type="password"] {
      border-radius: 4px;
      border: 1px solid #a7a7a7;
    }
	input[type="text"], input[type="password"] {
	  border-radius: 11px;
	  border: 2px solid #a7a7a7;
	}
	#loginForm input[type="submit"], #stw-resetPassword-formDiv input[type="submit"] {
	  height: 80px !important;
	  background-color: #80bf1d !important;
	  color: white !important;
	  padding: 0 !important;
	  border-radius: 50px !important;
	  border-color: #80bf1d !important;
	  border-style: solid !important;
	  border-width: 1px !important;
	  margin: 0px 0px;
	  font-size: 30px;
	}
	#stw-resetPassword-formDiv input[type="submit"] {
	  width: 100%;
	}
	.stw-login-field {
	  width: 95%;
	}
	.stw-confirm-text, .stw-exception-text, .errorMessage, .stw-error-text {
	  border: none;
	}
}