/*
Theme Epodajdalej 2022
Theme style - admin login
Colors: #ffce00
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

body {font-family:'Montserrat', Arial, Helvetica, Garuda, sans-serif; text-align:left; font-size:12px; background:#56698F; background-size:cover; color:#999999; min-width:480px; min-height:340px;}
* {margin:0; padding:0;}
img {border:0;}
input {font-family:'Montserrat', Arial, Helvetica, Garuda, sans-serif;}
#content .register_frame h1,
#content .register_frame h2 {color:#FFFFFF;}
#content .register_frame p {color:#B3B3B3;}
#content .centerfoot {background-color:#5B5B5B;}
#content .register_frame #login_footer ul a {color:#B3B3B3;}
.rodo_more a,
#content .centerfoot a, .remind a {color:#FFFFFF;}
#content .register_frame #login_footer ul a:hover,
#content .centerfoot a:hover, .remind a:hover,
.rodo_more a:hover {color:#FFCE00;}
#content .register_frame #content_login {background-color:#2B2A29;}
.float_left {float:left;}
.float_right {float:right;}
#container.centerdiv {min-width:500px;}
#content {width:500px; max-width:95%; min-height:250px; position:absolute; right:0; left:0; margin:0 auto; top:1em; background-color:#FFCE00;}
#content .centerlogo {float:left; width:100%; text-align:center; margin:0; padding:29px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#content .centerfoot {float:left; width:100%; text-align:center; margin:0; padding:10px 0;}
#content .centerfoot a {color:inherit; text-decoration:none; cursor:pointer;}
#content .centerfoot a:hover { text-decoration:underline;}
#content .register_frame {float:left; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; background:#2B2A29; border:0 solid #2B2A29; border-radius:0;}
#content .register_frame #content_login,
#content .register_frame #content_site {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:30px;}
#content .register_frame .centerlogo {padding:40px 0 20px; margin:0 0 10px 0;}
#content .register_frame h1,
#content .register_frame h2 {float:left; width:100%; padding:0 0 20px 0; font-size:28px; font-weight:normal; text-align:left;}
#content .register_frame .login_info {text-align:center; padding:0 1em 2em 1em; font-size:14px; line-height:1; color:#FFCE00; vertical-align:middle;}
#content .register_frame .login_info img {display:inline-block; margin-bottom:-8px; margin-right:.8em;}
#content .register_frame p {float:left; width:100%; padding:0 0 10px 0; line-height:1.6;}
#content .register_frame > center {padding-bottom:1em;}
#content .register_frame .register_off {float:left; width:100%; text-align:center;}
#content .register_frame .input.password,
#content .register_frame .input.text {float:left; width:100%; padding:5px 0;}
#content .register_frame .input.checkbox {float:left; width:100%; padding:5px 0;}
#content .register_frame label {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:0; text-align:left; font-size:18px; line-height:28px;}
#content .register_frame input[type="text"],
#content .register_frame input[type="password"] {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:.5em 1em; font-size:14px; border:1px solid #3D3C3B; background-color:#3D3C3B; color:#B3B3B3; border-radius:0;}
#content .register_frame input[type="checkbox"] {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:.5em 1em; font-size:14px; border:1px solid #3D3C3B; background-color:#3D3C3B; color:#B3B3B3; border-radius:0;}
#content .register_frame .input.checkbox label {font-size:14px; width:80%; padding:0; text-align:left;}
#content .register_frame .input.checkbox input {width:auto; height:auto; padding:0; margin:7px 5px 0 10px;}
#content .register_frame .input.checkbox label a {color:#FFFFFF; text-decoration:none;}
#content .register_frame .input.checkbox label a:hover {color:#FFCE00; text-decoration:underline;}
#content .register_frame input[type="radio"] {float:left; margin:0.5em 0.5em 0 0; clear:left; box-sizing:border-box; -moz-box-sizing:border-box; padding:.5em 1em; font-size:14px; border:1px solid #3D3C3B; background-color:#3D3C3B; color:#B3B3B3; border-radius:0;}
#content .register_frame .input.radio label {font-size:14px; width:80%; padding:0; text-align:left;}

#content .register_frame #login_box_data {float:left; width:100%;}
#content .register_frame .under {float:right; width:auto; padding-top:0;}
#content .register_frame #login_footer {float:left; width:100%; padding-top:10px;}
#content .register_frame #login_footer ul {float:left; padding-left:0; list-style:none;}
#content .register_frame #login_footer ul li {padding:3px 0;}
#content .register_frame #login_footer ul a {text-decoration:none;}
#content .register_frame #login_footer ul a:hover {text-decoration:underline;}
#content .register_frame .remindbox .input,
#content .register_frame #login_data_inputs_remind .input {float:left; width:100%;}
#content .register_frame .remindbox .input input {float:right;}
#content .register_frame #login_data_inputs_remind .input label {width:40%;}
#content .register_frame .submit,
#content .register_frame #login_data_inputs_remind #remind_send_button {float:right; margin:5px 0 0 0;}
#content .register_frame #login_button,
#content .register_frame #send_button,
#content .register_frame #login_data_inputs_remind #send_button {float:right; display:inline-block; width:auto; padding:.6em 1em; font-weight:600; background:#FFCE00; color:#2B2A29; border:0; text-transform:uppercase; border-radius:0;}
#content .register_frame #login_button:hover,
#content .register_frame #send_button:hover,
#content .register_frame #login_data_inputs_remind #send_button:hover {cursor:pointer; background-color:#FFFFFF;}
#content .register_frame #login_data_inputs_remind {}
#content .register_frame #UserRegisterForm h2 {float:left; width:100%; font-size:22px; padding:20px 0 10px 0; text-align:left;}
#content .register_frame #UserRegisterForm .input.text label,
#content .register_frame #UserRegisterForm .input.password label {font-size:16px; width:100%;}
#content .register_frame .input .error-message {float:left; width:100%; padding:3px 0; margin:2px 0 5px 0; border-radius:3px; background:rgba(255, 0, 0, 0.1); color:#EE0000; font-style:italic; font-size:11px; text-align:center;}
#content .register_frame .input.error input {border-color:#EE0000; background:rgba(255, 0, 0, 0.1);}
#content .register_frame .input.error label {color:#FF0000;}
.rodo_more {text-align:right;}
#content #site_cart_body,
#content #news_view_files,
#content #site_cart_gallery,
#content #site_cart_body {float:left; width:100%; margin-top:20px;}
#content #news_view_files h3,
#content #site_cart_gallery h2 {font-size:16px; font-weight:700; padding:5px 0;}
#content .site_cart_gallery_img_box {display:inline-block; margin:0 auto;}
#content .news_view_file {float:left; width:100%; padding:2px 0;}
#content .news_view_file > div {float:left; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; padding:2px 5px;}
#content .news_view_file:hover > div {background:rgba(0, 0, 0, 0.05);}
#content .news_view_file .news_view_name {width:80%;}
#content .news_view_file .news_view_type {width:10%; text-align:right;}
#content .news_view_file .news_view_size {width:10%; text-align:right;}
#content .news_view_file .news_view_name a {color:#AB550A;}

.remind {float:left; width:auto; margin:10px 0 0 0;}
.remind a {text-decoration:none;cursor:pointer; font-weight:700;}
.remind a:hover {text-decoration:none;}
#flashMessage,
#authMessage {float:left; width:100%; font-size:1rem; padding:.5em; text-align:center; color:#FF0000; margin-top:5px; margin-bottom:5px; border:3px solid #FF0000; background:#2B2A29; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

@media screen and (min-width:1000px) {
    #content {width:500px; min-width:500px; min-height:300px; position:absolute; top:18%; right:0; left:0; margin:50px auto; }
    .centerdiv.brokers #content {top:1em; margin-top:0;}
    #content .register_frame #content_login,
    #content .register_frame #content_site {padding:30px 70px;}
}

@media screen and (max-width:560px) {
    #content {width:100%; min-width:100%; min-height:300px; position:relative; top:0; right:0; left:0; margin:0 auto; }
    #content img {max-width:100%;}
}
/*EOF*/