HTML {
  height:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
BODY {
  
  color:black;
  font-family:"Arial";
  font-size:12px;

  padding:0;
  margin:0;

  height:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  background-image:none;
  background-color:white;

}


IMG {
  border:0;
}

.clear {
  
  clear:both;
}


.admin_layout {
  border-collapse:collapse;
  width:100%;
  height:100%;
}
.admin_layout .admin_header {
  background-color:#464646;

  color:white;
  background-image:url("../images/admin/admin_header.png");

  padding:5px;
}

.admin_layout .admin_header .welcome {
  float:right;
  text-align:right;
}
.admin_layout .admin_header .welcome .text_admin {
  font-size:24px;
/*   letter-spacing:3px; */
  color:#8f8f8f;
  display:block;
}
.admin_layout .admin_header .admin_logo {
  background-image:url("../images/admin/sparkbox.png");
  background-position:center center;
  background-repeat:no-repeat;
  height:68px;
  width:185px;
  float:left;

}
.admin_layout .admin_header .LocationPath {
  display:inline-block;
}
.admin_layout .admin_header .LocationPath LABEL {
  font-weight:bold;
  color:#999999;
}
.admin_layout .admin_header .LocationPath .ActionRenderer {
  color:white;
}
.admin_layout .left_menu {
  height:100%;

  background-image:url("../images/admin/menu_item_right_shadow.png");
  background-position:right center;
  background-repeat:repeat-y;
  background-color:#ececec;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  white-space:nowrap;
  vertical-align:top;
  padding:0px;
  padding-right:1px;
}
.admin_layout .page_area {
  width:100%;
  
  height:100%;
 
  padding-top:25px;
  padding-left:25px;
  padding-right:20px;
  padding-bottom:20px;
  
  vertical-align:top;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/*   background-color:white; */

}

.admin_layout .admin_footer {
  background-image:url("../images/admin/footer_back.png");
/*  min-height:90px;
  max-height:90px;
  height:90px;*/
  color:#9a9a9a;
  padding-top:5px;
  padding-bottom:5px;
  vertical-align:middle;
}

.admin_layout .admin_footer .copy {
    text-align:center;

}
.admin_layout .admin_footer .logo {
    text-align:right;
    float:right;
    height:42px;
}


.admin_layout .page_area .page_caption {
  color:#656565;
  font-size:20px;
/*   font-weight:bold; */
  border-bottom:1px solid #cccccc;
  padding-bottom:10px;
  margin-bottom:10px;
}

.admin_layout .page_area .page_caption .page_actions {
  display:inline-block;
  margin-right:10px;
  height:30px;
}
.admin_layout .page_area .page_caption .page_actions .ActionRenderer {
  display:inline-block;
  width:30px;
  height:100%;
  background-size:cover;
  margin-bottom:-7px;
  margin-left:2px;
  margin-right:3px;
}
.admin_layout .page_area .page_caption .page_actions .ActionRenderer[action]:not([action='']) {
  background-repeat:no-repeat;
/*   content: attr(title) ": ";  */
}

.admin_layout .page_area .page_caption .page_actions .ActionRenderer[action='add'] {
  background-image:url("../images/page_actions/green_plus.png");
}

.admin_layout .page_area .page_caption .page_actions .ActionRenderer[action='back'] {
  background-image:url("../images/page_actions/green_left.png");
}
.admin_layout .page_area .page_area.products.list .TableView .viewport .TableCellImageList {
/*   max-width:120px; */
    display:inline-block;
}
.admin_layout .page_area .page_area.products.list .TableView .viewport .TableCellImageItem {
  display:inline-block;
}


body.AdminLoginPage.admin.login {
  width:100%;
  min-width:0;
  min-height:100%;
  margin:0;
  padding:0;
  background:#f4f4f4;
  overflow-x:hidden;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login table {
  width:100%;
  min-height:100vh;
  border-collapse:collapse;
}

body.AdminLoginPage.admin.login table td {
  padding:24px;
  box-sizing:border-box;
}

.login_component {
  display:block;
  width:100%;
  max-width:420px;
  min-width:0;
  margin:0 auto;
  vertical-align:middle;
  text-align:left;
  box-sizing:border-box;
}

.login_component .admin_login_card {
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  box-sizing:border-box;
}

.login_component .admin_login_title {
  display:block;
  margin:0 0 18px 0;
  padding:0;
  color:#222222;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
  text-transform:none;
  box-sizing:border-box;
}

.login_component .inner {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:20px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  box-sizing:border-box;
}

.login_component .inner .caption {
  display:none;
}

body.AdminLoginPage.admin.login .AuthFormRenderer,
body.AdminLoginPage.admin.login .FormRenderer {
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  border-spacing:0;
  border-collapse:collapse;
  text-align:left;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputComponent {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0 0 14px 0;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputLabel {
  display:block;
  width:100%;
  margin:0 0 6px 0;
  padding:0;
  color:#333333;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-align:left;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputLabel label {
  display:inline-block;
  margin:0;
  padding:0;
  color:#333333;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .required {
  color:#e3262e;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputComponent[field="rand"],
body.AdminLoginPage.admin.login .AuthFormRenderer .InputComponent[field="pass"] {
  display:none;
  margin:0;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputField.TextField,
body.AdminLoginPage.admin.login .AuthFormRenderer .InputField.PasswordField {
  display:block;
  width:100%;
  max-width:100%;
  min-height:42px;
  margin:0;
  padding:0;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  background:#ffffff;
  box-shadow:none;
  overflow:hidden;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer input[type="text"],
body.AdminLoginPage.admin.login .AuthFormRenderer input[type="password"] {
  display:block;
  width:100%;
  max-width:100%;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:0;
  outline:0;
  background:#ffffff;
  color:#222222;
  font-size:14px;
  line-height:42px;
  box-shadow:none;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer input:focus {
  outline:0;
  box-shadow:none;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .InputField.TextField:focus-within,
body.AdminLoginPage.admin.login .AuthFormRenderer .InputField.PasswordField:focus-within {
  border-color:rgba(0,0,0,0.18);
  box-shadow:none;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:18px;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line:after {
  content:"";
  display:block;
  clear:both;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .forgot_password {
  float:none;
  color:#777777;
  font-size:13px;
  line-height:1.35;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .forgot_password a {
  color:#e3262e;
  font-weight:700;
  text-decoration:none;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .forgot_password a:hover {
  text-decoration:underline;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line button,
body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .admin_button {
  float:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  min-height:42px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid transparent;
  background:#e3262e;
  color:#ffffff;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-transform:none;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(227,38,46,0.22);
  cursor:pointer;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line button:hover,
body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .admin_button:hover {
  background:#c91f27;
  color:#ffffff;
  text-decoration:none;
}

@media (max-width:700px) {
  body.AdminLoginPage.admin.login table td {
    padding:14px;
    vertical-align:middle;
  }

  .login_component {
    max-width:100%;
  }

  .login_component .admin_login_title {
    margin-bottom:16px;
    font-size:21px;
  }

  .login_component .inner {
    padding:18px 16px;
    border-radius:14px;
  }

  body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line {
    display:flex;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:14px;
  }

  body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line button,
  body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .admin_button {
    width:100%;
    min-width:0;
  }

  body.AdminLoginPage.admin.login .AuthFormRenderer .submit_line .forgot_password {
    text-align:center;
  }
}

@media (max-width:380px) {
  body.AdminLoginPage.admin.login table td {
    padding:10px;
  }

  .login_component .inner {
    padding:16px 14px;
  }
}


body.AdminLoginPage.admin.forgot_password {
  width:100%;
  min-width:0;
  min-height:100%;
  margin:0;
  padding:0;
  background:#f4f4f4;
  overflow-x:hidden;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password table {
  width:100%;
  min-height:100vh;
  border-collapse:collapse;
}

body.AdminLoginPage.admin.forgot_password table td {
  padding:24px;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .login_component {
  max-width:420px;
}

body.AdminLoginPage.admin.forgot_password .forgot-password-panel {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:20px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  text-align:left;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_login_title {
  display:block;
  margin:0 0 18px 0;
  padding:0;
  color:#222222;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
  text-transform:none;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_text {
  margin:0 0 18px 0;
  color:#5f5f5f;
  font-size:14px;
  line-height:1.5;
  text-align:left;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form,
body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputComponent,
body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputLabel,
body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputField {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputComponent {
  margin:0 0 18px 0;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputLabel {
  margin:0 0 6px 0;
  padding:0;
  color:#333333;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-align:left;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputLabel label {
  display:inline-block;
  margin:0;
  padding:0;
  color:#333333;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .required {
  color:#e3262e;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputField.TextField {
  display:block;
  min-height:42px;
  margin:0;
  padding:0;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  background:#ffffff;
  box-shadow:none;
  overflow:hidden;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form input[type="text"] {
  display:block;
  width:100%;
  max-width:100%;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:0;
  outline:0;
  background:#ffffff;
  color:#222222;
  font-size:14px;
  line-height:42px;
  box-shadow:none;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form input:focus {
  outline:0;
  box-shadow:none;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form .InputField.TextField:focus-within {
  border-color:rgba(0,0,0,0.18);
  box-shadow:none;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form button,
body.AdminLoginPage.admin.forgot_password .admin_forgot_form .admin_button {
  float:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  min-height:42px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid transparent;
  background:#e3262e;
  color:#ffffff;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  text-transform:none;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(227,38,46,0.22);
  cursor:pointer;
  box-sizing:border-box;
}

body.AdminLoginPage.admin.forgot_password .admin_forgot_form button:hover,
body.AdminLoginPage.admin.forgot_password .admin_forgot_form .admin_button:hover {
  background:#c91f27;
  color:#ffffff;
  text-decoration:none;
}

@media (max-width:700px) {
  body.AdminLoginPage.admin.forgot_password table td {
    padding:14px;
    vertical-align:middle;
  }

  body.AdminLoginPage.admin.forgot_password .forgot-password-panel {
    padding:18px 16px;
    border-radius:14px;
  }

  body.AdminLoginPage.admin.forgot_password .admin_login_title {
    margin-bottom:16px;
    font-size:21px;
  }

  body.AdminLoginPage.admin.forgot_password .admin_forgot_form button,
  body.AdminLoginPage.admin.forgot_password .admin_forgot_form .admin_button {
    width:100%;
    min-width:0;
  }
}

@media (max-width:380px) {
  body.AdminLoginPage.admin.forgot_password table td {
    padding:10px;
  }

  body.AdminLoginPage.admin.forgot_password .forgot-password-panel {
    padding:16px 14px;
  }
}


.InputFormView[bean='AdminUsersBean'] .CheckField[field="role"] .CheckItem {
  display:block;
}
.InputFormView[bean='AdminUsersBean'] .InputComponent[field="password"] {
  display:none;
}
.InputFormView[bean='AdminUsersBean'] .InputComponent[field="password1"] {
  display:none;
}


.TranslationPhrases .original_text {
  font-weight:bold;
}

.InputFormView[bean='MenuItemsBean'] .FormRenderer .InputField {
  min-width:400px;
  
}

.InputFormView .FormRenderer .InputField.MCETextArea TEXTAREA {
  height:400px;
/*   max-height:150px; */
}

.TableView[name='SiteTexts'] TD[column='value'] {
  text-align:left;
}


.InputFormView > .caption:first-child {
  color: #656565;
  font-size: 20px;
  /* font-weight: bold; */
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  
}
.gallery_view_item .item_details {
  display:inline;
}
.gallery_view_item .item_details .title {
  font-size:12px;
  border:0;
  padding:0;
  margin:0;
  display:inline;
}

.orange {
  color:#f9a541;
}