/* 	
1. Main
2. Important
3. Content
  3.1 Definitions
  3.2 Forms
4. Footer
*/

/* 1. Main */
* {margin:0; padding:0;}
body {background: url('/resources/eoldal.hu/userAdmin/img/guide/background.png') repeat-x scroll center top #cfd2d7; color:#5c5c5c; font-family: 'Open Sans', sans-serif; text-align:center; width:100%; font-size: 0.875em;}
img, table, fieldset {border:0;}
hr {display:none;}

acronym {border: none; font-weight: bold; color:#444;}
p {padding: 0.2em 0 1em 0; line-height: 115%;}
strong {color: #f27e28;}

.space {padding-top: 1.5em; padding-bottom: 0;}
.clear {clear:both; height:0!important; line-height:0px; font-size:0;width:auto!important;background:none; display:block;}

::selection {background: rgba(247, 144, 30, 0.3);}
::-moz-selection {background: rgba(247, 144, 30, 0.3);}

a, a:hover, a:visited, a:visited:hover {color:#757575;}

/* 2. Important */
#all {
    margin: 5em auto 0;
    width: 690px;
    border: 1px solid #EEE;
    background: white;
    border-radius: 10px;
    padding: 20px 30px;
    box-sizing: border-box;
    box-shadow: 0 20px 16px -15px rgba(0, 0, 0, 0.57);
}
h1 { font-size: 30px; font-weight:normal; color:#FFF; padding: 14px 0 15px; text-align: center; background: #F27E28; border-radius: 5px; box-shadow: 0 20px 16px -15px rgba(0, 0, 0, 0.57);}

/* 3. Content */
#content {padding:1em 0; font-size: 14px; width: 100%; text-align: center;}
#content div.in {text-align: left;width: 68%; margin: 0 auto; padding: 10px 0;}
#content span {color: #999;}

/* 3.1. Definitions */
dl {margin-bottom: -15px;}
dl .last {margin: 0 0 0.95em 0;}
*html dl .last {margin: 0 0 15px 0;}
*:first-child+html .last {margin: 0 0 1em 0;}
dt {float: left; clear: left; margin-bottom: 15px; padding-right: 5px; width: 15%; text-align: right;} /* when changing language you need to adjust the width, 15% is made for Czech and English language */
dd {margin-bottom: 20px;}
dl label, dl span {position: relative;}
dl label span.dot {position: static; top: 0; padding: 0 2px;}
dt label {top: 7px;}
dd label, dd span {top: 0px;}
* html dd label {top: -7px;}  /* IE 6 */
* html dd span {top: -3px;}     /* IE 6 */
*:first-child+html dd label {top: -7px;} /* IE 7 */
*:first-child+html dd span {top: -3px;}    /* IE 7 */

/* error */
#content span.message span {background: #F2EFE6; border: 1px solid #EBE5D3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #2a2a2a; display: block; margin: 0 0 30px 0; padding: 13px 9px 11px 9px; text-align: center;}
#content span.message.success span {
    background-color: #12c327b3;
    border-color: #EEE;
}
#content span.message.error span {background-color: #F2DEDE; border-color: #EBCCD1;}
/* 3.2 Forms */
input {margin: 0 9px; font-size: 100%; padding-left: 2px;}
input.login, input.pass {width: 200px;}

body:after {content: url(/resources/eoldal.hu/userAdmin/img/css3/button-hover.gif) url(/resources/eoldal.hu/userAdmin/img/css3/button-light-hover.gif) url(/resources/eoldal.hu/userAdmin/img/css3/button-black-hover.gif); display: none;} /* preload these images, thank you ;) */

/* Windows */
body.sys-win input:focus {outline: none}

input[type="text"], input[type="password"] {
    height: 30px;
    border: 1px solid #EEE;
    display: inline-block;
    border-radius: 10px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus {
    border-color: rgb(235, 94, 40) !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 94, 40, .25) !important;
    background-color: #F3F2EE !important;
    outline: 0;
}
.incorrect input[type="password"] {border-color: #E74C3C !important; border-color: rgba(231, 76, 60, 0.5) !important;}
.ie8 input[type="text"], .ie8 input[type="password"] {padding: 6px 0 6px 5px; height: auto;}
*:first-child+html body input[type="text"], *:first-child+html body input[type="password"] {padding: 6px 0 6px 5px; height: auto;}   /* IE 7 */

/* Opera 7.2+ */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
input.button:focus, input.button:active {outline: none !important;}
}

/* CSS3 buttons */
input[type="button"], input[type="submit"] {
    background: #F27E28;
    display: block;
    padding: 10px 25px;
    border-radius: 20px;
    text-align: center;
    color: white;
    transition: .2s all linear;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    left: 10px; 
    margin: 0;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus {
    text-decoration: none;
    background: #DE6C1A;
}

input[type="button"]:active, input[type="submit"]:active {background: #D7640F;}
input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]:active, input[type="submit"]:active {outline: none;}

.gecko input[type="button"], .gecko input[type="submit"] {line-height: 28px;}



/* 4. Footer */
#footer.footer-email {display: flex; flex-direction: row; justify-content: center; align-items: center;}
#footer div {border-top: 1px solid #EEE;}
#footer a {float: right; margin-top: 0.8em; cursor: pointer;}
#footer a, #footer a span {background: url('/resources/eoldal.hu/global/img/logo-estranky-mini_v2.gif') no-repeat 0 0; position: relative; width: 142px; height: 32px;display:block; overflow: hidden;}
#footer a span {position: absolute; top: 0; left: 0;}

/* LOGIN*/
#content div.login-admin {width: auto;}
#content div.login-admin form {background: url('/resources/eoldal.hu/global/img/lock_v2.gif') no-repeat 24px 50%;}
#content div.login-admin form #formfield {width: 61%; margin: 0 auto;}
#content div.login-admin label.logname {display: none;}


#content div.login-admin span.message span {margin: 0 0 30px 0;}
#content div.login-admin span.message em {display: block; font-style: normal; padding: 8px 0 0 0;}

div.login-admin .facebook-button-holder {overflow: hidden; width: 100%;}
div.login-admin .facebook-connect-button {background: #3B558E url('/resources/eoldal.hu/global/img/facebook/connect.png') no-repeat 0 0; border: 1px solid #434E6A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; display: inline-block; font-size: 12px; line-height: 23px; outline: none; overflow: hidden; padding: 0 13px 0 35px; text-decoration: none;}
div.login-admin .facebook-connect-button, div.login-admin .facebook-connect-button strong {color: #F8FAFF !important;}
div.login-admin .facebook-connect-button:hover, div.login-admin .facebook-connect-button:focus, div.login-admin .facebook-connect-button:hover strong, div.login-admin .facebook-connect-button:focus strong {color: White !important;}
div.login-admin .facebook-connect-button:hover, div.login-admin .facebook-connect-button:focus {background-position: 0 -23px; border-color: #556898; color: White !important; outline: 0;}
div.login-admin .facebook-connect-button:active, div.login-admin .facebook-connect-button:focus {border-color: #161E31; outline: 0;}
div.login-admin .facebook-connect-button::-moz-focus-inner {border: none;}
div.login-admin .facebook-connect-button strong {text-shadow: 1px 1px 1px #2F446B;}
div.login-admin .facebook-connect-button:hover strong, div.login-admin .facebook-connect-button:focus strong, div.login-admin .facebook-connect-button:active strong {text-shadow: 1px 1px 1px #1F3254;}

div.login-admin .facebook-button-holder {position: absolute; top: 45px; left: 18%;}
div.login-admin dd.last {position: relative;}
div.login-admin #fb-root {padding-top: 45px;}

/* login with Facebook */
.facebook-login-block {text-align: center;}
.facebook-login-block a, .facebook-login-block input.button {position: relative; margin: 0 auto;}
.facebook-login-block span#small_text {font-size: 14px; display: block; margin: 1.3em 0; }
.facebook-login-block #fb-root {padding: 0 !important;}

div.login-admin #formfield {padding-top: 6px;}

/* Internet Explorer 6+ */
* html div.login-admin #formfield {padding-top: 2px;}  /* IE 6 */
*:first-child+html div.login-admin #formfield {padding-top: 1px;}  /* IE 7 */
.ie8 div.login-admin #formfield {padding-top: 4px;}

/* targeting just Firefox */
@-moz-document url-prefix()
{
.sys-mac div.login-admin #formfield {padding-top: 8px;}
}

/* targeting just WebKit */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div.login-admin #formfield {padding-top: 6px;}
.sys-mac div.login-admin #formfield {padding-top: 12px;}
}

/* IE 10 */
.ie10 input[type="button"], .ie10 input[type="submit"] {border-right-width: 0; border-left-width: 0;}

div#facebook-login-message .holder {margin-top: -10px; padding-bottom: 20px;}

#footer .admin-login {font-size: 13px; padding: 1.95em 2.8em 1.9em;}
#footer .admin-login:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#footer .admin-login p {float: left; text-align: left; width: 30%; padding: 0;}
#footer .admin-login p.right {float: right; text-align: right; width: 65%;}
#footer .admin-login a {background: none; float: none; display: inline; position: relative; height: auto; width: auto;}
#footer .admin-login a:hover {text-decoration: none;}
#footer .admin-login .right a {color: #f27e28;}

*:first-child+html #footer .admin-login {padding-bottom: 2.9em;}    /* IE 7 */

/* ACTIVATE USER */
#content div.activate-user {background: url('/resources/eoldal.hu/global/img/activate-user.jpg') no-repeat 19px 40%; width: auto; padding: 0.5em 1.5em 0.5em 0; padding-left: 140px;}
#content div.activate-user h3, #content div.delete-user h3 {color: #f27e28; font-size: 15px; margin: 0.3em 0 0.5em 0; padding-bottom: 0.3em;}
#content div.activate-user input {margin-left: 0;}
#content div.activate-user a {color: #f27e28;}
#content div.activate-user a:hover {color: #e35611; text-decoration: none;}

#content div.activate-error span.message span {margin: 15px 20px 10px 0;}

/* OTHER SYSTEM MESSAGES */
#content div.system-other {width: 80%;}
#content div.system-other span.message span {margin-top: 0; margin-bottom: 0;}

#content div.system-api-confirm span.message span {margin-top: 1.5em;}

/* DELETE USER */
#content div.delete-user {background: url('/resources/eoldal.hu/global/img/delete-account_v2.png') no-repeat 29px 40%; min-height: 110px; padding: 0.5em 1em 0 0; padding-left: 135px; width: auto;}
* html #content div.delete-user {height: 110px;}  /* IE 6 */
#content div.delete-user span.message span {margin-top: 20px;}
#content div.delete-user p span.message span {margin: 5px 0;}

/* BLOCKED + LOCKED */
body.blocked #content .in, body.locked #content .in {padding-left: 140px; width: 75%;}

/* BLOCKED */
body.blocked #content .in {background: url('/resources/eoldal.hu/global/img/block/blocked_v2.png') no-repeat 19px 50%; min-height: 100px;}
body.blocked.hard #content .in {background: url('/resources/eoldal.hu/global/img/block/blocked-hard_v2.png') no-repeat 19px 50%;}
* html body.blocked #content .in {height: 100px;}
body.blocked #content .in blockquote {background: #F2EFE6; border: 1px solid #EBE5D3; margin: 5px 0 5px -10px; padding: 10px;}
body.blocked #footer {margin-top: 0; border: 0;}

/* LOCKED */
body.locked #content .in {background: url('/resources/eoldal.hu/global/img/locked.gif') no-repeat 5px 50%;}
body.locked #content .in p {color: #777; margin: 0.3em 0 0 0; padding-right: 138px;}
body.locked #content .in form {padding-bottom: 1em;}
body.locked #content h2 {font-size:150%; font-weight: normal; }
body.locked #content th {text-align: left; font-weight: normal; padding-left: 0;}
body.locked #content table {margin: 10px 0 5px -2px;}


@media screen and (max-width: 700px) {
    #all {width: 95%; margin-top: 50px; border: none; }
    h1 {font-size: 24px; padding: 11px 20px 12px;}
    #content {padding: 0;}
    #content div.login-admin form #formfield {width: 100%;}
    #content div.login-admin form, #content div.activate-user {background: none;}
    #content div.login-admin input.button, input[type="text"], input[type="password"], #content div.activate-user input.button {width: 100%; margin: 0; font-size: 18px; height: 48px;}
    #content div.login-admin dt {float: none; width: auto; text-align: left;}
    #content div.login-admin dt label {top: 10px;}
    #content div.login-admin dd {margin-bottom: 5px;}
    #content div.login-admin label.logname {display: inline;}
    #content div.login-admin label.www, #content div.login-admin label.domain, #content div.login-admin dt.empty {display: none;}
    #footer div {border: none; background: none;}
    #footer .admin-login {padding: 20px 0;}
    #content div.activate-user {padding-left: 1.5em;}
    #footer .admin-login div iframe {display: none;}
    body.blocked #content .in, body.blocked.hard #content .in {background: none;}
    body.blocked #content .in, body.locked #content .in {padding-left: 2.45em; width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 500px) {
    #footer .admin-login p, #footer .admin-login p.right {float: none; width: 100%;}
    #footer .admin-login p.right {text-align: left; margin-top: 0.5em;}
}
@media screen and (max-width: 450px) {
    #content div.login-admin span.message span {margin: 0 0 10px 0;}
    #content div.login-admin form #formfield {width: 100%;}
    h1 {font-size: 22px;}
}