/* ============================================
   EIRA SITEWELL - Override CSS pro původní design
   Tento soubor vrací původní vzhled přihlašovací stránky
   ============================================ */

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

/* Reset na původní styly */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0px;
  background: none !important;
  padding: 0 !important;
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  min-height: 0 !important;
}

* {
	/*! margin: 0px; */
	padding: 0px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px;
}

html,body {
	height: 100%;
}

/* Header - původní banner */
#stw-header {
	background: url("../images/banner.jpg") no-repeat !important;
	height: 90px !important;
	position: relative !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	animation: none !important;
}

#stw-header-eira {
	/*! background: url('https://www.eira.com/images/eira_pozitiv_transparent.png') no-repeat !important; */
	/*! background-size: 150px 68px !important; */
	/*! height: 90px !important; */
	position: absolute !important;
    /*! width: 500px !important; */
    top: 10px !important;
    left: -55px !important;
	opacity: 0.7 !important;
	/*! max-width: none !important; */
	margin: 0 !important;
}

/* Hlavní kontejner */
#stw-login-main {
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	overflow: hidden !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	flex-direction: initial !important;
}

/* Login box */
#stw-login {
	height: 100% !important;
	width: 100% !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	animation: none !important;
	margin: 0 !important;
	flex: initial !important;
	overflow: visible !important;
}

/* Formulář */
#stw-login-formDiv {
    margin: 0px auto !important;
    width: 530px !important;
	position: relative !important;
	top: 150px !important;
	line-height: 3 !important;
	border-collapse: collapse !important;
}

/* Skrytí prvního řádku (Agenda) v původním designu */
#stw-login-formDiv tr:nth-child(1) td,
#stw-login-formDiv tr:first-child {
	display: none !important;
}

#stw-login-formDiv tr {
	display: table-row !important;
	flex-direction: initial !important;
	margin-bottom: 0 !important;
}

#stw-login-formDiv tr td {
	width: auto !important;
	padding: 5px 0px 0px 15px !important;
	display: table-cell !important;
}

/* Labely */
.stw-login-label {
	text-align: right !important;
	font-size: 13px !important;
	line-height: 1.8em !important;
	color: #000 !important;
	font-weight: 400 !important;
	padding-right: 20px !important;
	margin-bottom: 0 !important;
	display: table-cell !important;
}

/* Skrytí ::before pseudoelementu s "Revize Král" */
#stw-login-formDiv tr:first-child .stw-login-label::before {
	content: none !important;
	display: none !important;
}

/* Agenda pole */
.stw-login-agenda {
	display: table-cell !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #3D3E5C !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	border-left: none !important;
}

/* Input pole */
.stw-login-field {
	width: 220px !important;
	font-size: 13px !important;
	padding: 0.2em !important;
	border-radius: 4px !important;
	border: 1px solid #a7a7a7 !important;
	background: #ffffff !important;
	transition: none !important;
}

.stw-login-field:focus {
	outline: initial !important;
	border-color: #a7a7a7 !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

.stw-login-field:hover {
	border-color: #a7a7a7 !important;
}

/* Submit tlačítko - původní design s motýlem */
input[type="submit"] {
	height: 85px !important;
	width: 245px !important;
	background: url('../images/button_reg_bfly_on.png') no-repeat transparent !important;
	margin: 27px -90px !important;
	position: relative !important;
	display: block !important;
	border: 0 !important;
	color: #eee !important;
	cursor: pointer !important;
	font-size: 2.0em !important;
	padding: 19px 16px 0px 0px !important;
	font-weight: normal !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: none !important;
	transform: none !important;
}

input[type="submit"]:hover {
	opacity: 0.9 !important;
	background: url('../images/button_reg_bfly_on.png') no-repeat transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

input[type="submit"]:active {
	transform: none !important;
	box-shadow: none !important;
}

/* OAuth login - skrytý */
#stw-oauth-login {
	display: none !important;
}

/* Reset hesla */
.stw-login-resetPassword {
	text-align: center !important;
	padding-top: 0 !important;
	border-top: none !important;
	margin-top: 0 !important;
}

.stw-login-resetPassword a {
	color: #336699 !important;
	text-decoration: none !important;
	font-size: 11px !important;
	font-weight: normal !important;
	transition: none !important;
}

.stw-login-resetPassword a:hover {
	color: #336699 !important;
	text-decoration: underline !important;
}

/* Skryté prvky v původním designu */
#stw-niceDay {
	display: none !important;
}

#stw-link-home {
	display: none !important;
}

/* Kontakt helpdesk */
#stw-contact {
	text-align: center !important;
	margin-top: 190px !important;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	border-left: none !important;
}

#stw-contact .name {
	font-weight: normal !important;
	color: #000 !important;
	display: inline !important;
	margin-right: 0 !important;
	font-size: 11px !important;
}

#stw-contact .value a {
	color: #336699 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	font-size: 11px !important;
}

#stw-contact .value a:hover {
	text-decoration: underline !important;
	color: #336699 !important;
}

/* Verze */
#stw-version {
	color: #aaaaaa !important;
	position: absolute !important;
	bottom: 2px !important;
	right: 10px !important;
	display: block !important;
	text-align: right !important;
	margin-top: 0 !important;
	font-size: 11px !important;
	text-decoration: none !important;
}

#stw-version:hover {
	color: #aaaaaa !important;
}

/* Error messages */
.stw-login-error {
	color: red !important;
	font-weight: bold !important;
	font-size: 1em !important;
	top: 64px !important;
	left: 235px !important;
	position: absolute !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	text-align: left !important;
}

.errorMessage {
	background-color: #FFEEEE !important;
    border: 1px solid #FF0000 !important;
    color: #FF0000 !important;
    font-size: 12px !important;
    margin: 20px auto !important;
    padding: 15px !important;
	text-align: center !important;
	border-radius: 0 !important;
	border-width: 1px !important;
}

#chromeMessage {
	background: #fffbf0 !important;
	border-color: #ffaa00 !important;
	color: #996600 !important;
}

/* Odstranění animací */
@keyframes fadeInDown {
    from {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    to {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* Odkazy */
a {
	color: #336699 !important;
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}

/* Accessibility - odstranění nových stylů */
a:focus,
input:focus,
button:focus {
    outline: initial !important;
    outline-offset: initial !important;
}

/* ============================================
   RESPONZIVNÍ OVERRIDE - vrácení původního chování
   ============================================ */

/* Odstranění nových mobilních stylů */
@media (max-device-width: 899px) {
    body {
        padding: 0 !important;
        background: none !important;
    }

    #stw-login-main {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        display: block !important;
        flex-direction: initial !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #stw-header {
        background: url("../images/banner.jpg") no-repeat !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    #stw-header-eira {
        height: 90px !important;
        max-width: none !important;
        width: 500px !important;
        opacity: 0.7 !important;
        top: 10px !important;
        left: -55px !important;
        background-size: 150px 68px !important;
    }

    #stw-login {
        flex: initial !important;
        width: 100% !important;
        max-width: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        margin: 0 !important;
    }

    #loginForm {
        width: auto !important;
        max-width: none !important;
    }

    #stw-login-formDiv {
        width: 530px !important;
        top: 150px !important;
        line-height: 3 !important;
    }

    #stw-login-formDiv tr:first-child {
        margin-bottom: 0 !important;
        display: none !important;
    }

    #stw-login-formDiv tr:first-child .stw-login-label::before {
        font-size: 11px !important;
        letter-spacing: normal !important;
        margin-bottom: 0 !important;
        font-weight: normal !important;
        content: none !important;
        display: none !important;
    }

    #stw-login-formDiv tr {
        margin-bottom: 0 !important;
        display: table-row !important;
    }

    .stw-login-label {
        font-size: 13px !important;
        margin-bottom: 0 !important;
        font-weight: 400 !important;
        text-align: right !important;
        padding-right: 20px !important;
        line-height: 1.8em !important;
    }

    .stw-login-field {
        width: 220px !important;
        padding: 0.2em !important;
        font-size: 13px !important;
        border-width: 1px !important;
        border-radius: 4px !important;
    }

    .stw-login-field:focus {
        border-width: 1px !important;
    }

    input[type="submit"] {
        width: 245px !important;
        height: 85px !important;
        padding: 19px 16px 0px 0px !important;
        font-size: 2.0em !important;
        font-weight: normal !important;
        border-radius: 0 !important;
        margin: 27px -90px !important;
        background: url('../images/button_reg_bfly_on.png') no-repeat transparent !important;
        border: 0 !important;
    }

    .stw-login-resetPassword {
        padding-top: 0 !important;
        margin-top: 0 !important;
        text-align: center !important;
    }

    .stw-login-resetPassword a {
        font-size: 11px !important;
        font-weight: normal !important;
    }

    #stw-contact {
        padding: 0 !important;
        font-size: 11px !important;
        margin: 190px 0 0 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        border-left: none !important;
        text-align: center !important;
    }

    #stw-contact .name {
        font-size: 11px !important;
        display: inline !important;
        margin-bottom: 0 !important;
    }

    #stw-contact .value a {
        font-size: 11px !important;
        font-weight: normal !important;
    }

    .stw-login-error,
    .errorMessage {
        font-size: 12px !important;
        padding: 15px !important;
        margin: 20px auto !important;
        border-width: 1px !important;
        border-radius: 0 !important;
    }

    #stw-version {
        font-size: 11px !important;
        margin-top: 0 !important;
    }
}

/* Tablety */
@media (max-device-width: 768px) {
    #stw-login {
        padding: 0 !important;
    }

    #stw-header-eira {
        height: 90px !important;
        max-width: none !important;
        width: 500px !important;
    }

    .stw-login-field {
        font-size: 13px !important;
    }
}

/* Malé mobilní telefony */
@media (max-device-width: 360px) {
    #stw-login {
        padding: 0 !important;
    }

    #stw-header-eira {
        height: 90px !important;
        max-width: none !important;
        width: 500px !important;
    }

    #stw-login-formDiv tr:first-child .stw-login-label::before {
        font-size: 11px !important;
    }

    .stw-login-field {
        padding: 0.2em !important;
        font-size: 13px !important;
    }

    input[type="submit"] {
        padding: 19px 16px 0px 0px !important;
        font-size: 2.0em !important;
    }
}

/* Desktop - velké obrazovky */
@media (min-width: 1200px) {
    #stw-login-main {
        max-width: none !important;
    }

    #stw-login {
        padding: 0 !important;
    }

    #stw-header-eira {
        height: 90px !important;
        max-width: none !important;
        /*! width: 500px !important; */
    }
}

/* Původní responzivní pravidla z portrait módu */
@media (max-width:2048px) and (orientation: portrait) {
    .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 !important;
	}
	td {
	  height: 100px !important;
	}
	#stw-login-formDiv, #stw-resetPassword-formDiv {
		line-height: 1 !important;
	}
	input[type="text"], input[type="password"] {
      border-radius: 4px !important;
      border: 1px solid #a7a7a7 !important;
    }
	input[type="text"], input[type="password"] {
	  border-radius: 11px !important;
	  border: 2px solid #a7a7a7 !important;
	}
	#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 !important;
	  font-size: 30px !important;
	}
	#stw-resetPassword-formDiv input[type="submit"] {
	  width: 100% !important;
	}
	.stw-login-field {
	  width: 95% !important;
	}
	.stw-confirm-text, .stw-exception-text, .errorMessage, .stw-error-text {
	  border: none !important;
	}
}

/* Override end */



#stw-header-eira {
    background: url('/app/public/images/gaslogo.png') no-repeat !important;
	width:  700px !important;
	left: 20px !important;
	/*! opacity: 1.0; */
}
#stw-header {
    background: none  !important;
    height: 90px;
    position: relative;
	background-color: rgb(250,250,250) !important;
}
.stw-login-label {
    color: #000000;
}
#stw-login-main {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(bottom,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
	background: -webkit-linear-gradient(bottom,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
	background: linear-gradient(to bottom,rgb(255,255,255) 0%,rgb(230,230,230) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255,255,255)', endColorstr='rgb(230,230,230)',GradientType=0 );
}

#loginForm input[type="submit"] {
	height: 58px !important;
	background: none !important;
	color: #000000 !important;
	padding: 0 !important;
	border-radius: 50px !important;
	border-color: #000000 !important;
	border-style: solid !important;
	border-width: 1px !important;
}

#loginForm input[type=submit]:hover {
	opacity: 1;
	background-color: #000000 !important;
	color: white !important;
}