/* admin main style */

select.seltree, .form select.seltree {font-family: monospace; font-size:13px; white-space:pre; width: 312px;}

form, ul, ol, p {margin: 0px;}
.u {text-decoration: underline;}
img { border: 0 none; }
body { min-width: 1024px; margin:0 auto; color:#595959; background-color:#fff; text-align:left; font: normal 12px "Segoe UI", "myriad pro", "myriad", "helvetica", "arial", sans-serif; }
body.logged { background:#E1E1E1 url("admin/page.gif") repeat-x top left; }

a { color:#595959; }

#all { padding:10px; margin: 0 auto 0 auto; }
#inset {padding: 0px 15px 10px 15px; border-bottom: 1px dashed #aaa; }

h1 {margin: 0; height: 30px; font-size: 18px; font-weight: normal; color:#000; }
h2 {margin: 0; font-size: 16px; font-weight: normal; padding: 0 0 10px 0; color:#000; }
h3 {margin: 0; padding: 0 0 10px 0; font-size: 14px; font-weight: normal; color:#000; }

#info p {margin: 0; padding: 15px 0; text-align: justify;}

#foot {margin: 15px 0 0 0; background: #fafafa; height: 20px; line-height: 20px; font-size: 10pt; padding:0 40px; }

p#timeInfo {margin: 0; padding: 0; text-align: right; color: #555; font-size: 8pt;}

#user-login { background:url("admin/login-case.png") no-repeat top left; width:440px; margin:100px auto 0px auto; padding:20px 0 0 0; }
#user-login .user-login { width: 90%; margin: 5px 20px;  border-collapse: collapse; }
#user-login .user-login td { border: none; padding: 3px 5px; }
#user-login .user-login .head {font-size:24px;margin:7px 0 8px;padding:0 0 12px;text-align:left;line-height:26px;padding:12px 0 12px 0!ie}
#user-login .user-login .input { width:300px; }
#user-login .user-login .user-butt { background:url("admin/login.gif") no-repeat top left; width:93px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt2 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt3 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login .user-login .user-butt4 { background:url("admin/next.gif") no-repeat top left; width:85px; height:40px; border:none; cursor:pointer; margin-top:10px; }
#user-login-foot { background:url("admin/login-footer.png") no-repeat top left; width:440px; height:18px; }
#user-login input input { font-size:14px; padding:8px 5px; font:normal 14px arial,helvetica,sans-serif; border:1px solid #dcdcdc; color:#444; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }



#header-right {  background:#AB0214 url("admin/tr.png") no-repeat top right;  }
#header { background: url("admin/tl.png") no-repeat top left; height:68px; }
#header h1 { padding:20px 0 10px 22px; color:#fff; }
#header h1 a { color:#fff; text-decoration:none; }
#header h1 a:hover {text-decoration: underline;}

/*----------- menu ---------------------------*/
.sysmenu ul {margin-left: 0; padding-left: 0;}
.sysmenu ul li { list-style:none; float:left;}
.sysmenu ul li a { display:block;  }
.sysmenu ul li a:first-letter { text-transform: uppercase; }

.mainmenu { height:31px; background:#AB0214 url("admin/header-bg-left.gif") repeat-x bottom left; padding:0 0 0 20px; }
.mainmenu ul li a { height:31px; color:#fff; text-decoration:none;  background:url("admin/left_both.gif") no-repeat 0% 0%; }
.mainmenu ul li a:hover { background-position:0% -100px; }
.mainmenu ul li a:hover span { background-position:100% -100px; }
.mainmenu ul li a.active { color:#000; background-image:url("admin/left_on.gif"); }
.mainmenu ul li a.active span { background-image:url("admin/right_on.gif") }
.mainmenu ul li a.active:hover { background-position:0% 0%; }
.mainmenu ul li a.active:hover span { background-position:100% 0%; }
.mainmenu ul li a span { display:block; height:15px; padding:8px 15px 8px 3px; margin-left:12px; background:url("admin/right_both.gif") no-repeat 100% 0%; }

.topmenu { height:21px; padding:0 15px 0 0; }
.topmenu ul li { margin-left:5px; }
.topmenu ul li a { height:21px; text-decoration:none; font-size:11px; font-weight:bold; color:#828282; }
.topmenu ul li a span { display:block; height:15px; padding:3px 12px 3px 3px; margin-left:9px; line-height: 15px; }
.topmenu ul li a:hover { color:#000; }
.topmenu ul li a.active { color:#000; background:url("admin/left2_on.gif") no-repeat 0% 0%; }
.topmenu ul li a.active span { background:url("admin/right2_on.gif") no-repeat 100% 0%; }

.multisite-menu { margin: 0 0 0 5px; }
.multisite-menu__list { padding: 0 0 0 0; margin: 0 0 0 0; list-style: none; }
.multisite-menu__item { display: inline-block; margin: 0 0 0 0; padding: 0 10px 0 0; }
.multisite-menu__link { box-sizing: border-box; display: block; height: 26px; margin: 0 0 0 0; padding: 5px 10px; line-height: 1; border-radius: 13px; color: #000; text-decoration: none; }
.multisite-menu__link:hover { font-weight: 700; }
.multisite-menu__link.active { border-radius: 13px; border: 2px solid #595959; /* background-color: #d2d2d2; */ font-weight: 700; text-decoration: none; /* background-image: linear-gradient(#d2d2d2, #e0e0e0); */ }

#left { float:left; }

#right-cell-top { background:url("admin/2col-top.png") no-repeat top left; width:220px; min-height:500px; padding:10px 0 10px 20px; }
#right-cell { float:right; background:url("admin/2col.png") no-repeat bottom left; }
.page-top { margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; }
.page-top .right { float: right; padding-left: 15px; display:  flex; align-items:  center; }
.page-top .left { float: left; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
#page-container {  min-width:930px; }
#page { background-color:#fff;  margin-right:6px; padding:0px 0px 25px 0px; }
#page-right { background:url("admin/mr.png") repeat-y top right; }

#page-bottom { background:url("admin/bl.png") no-repeat top left; height:15px; margin-right:14px; }
#page-bottom-right { background:url("admin/br.png") no-repeat top right; }

/* general style shorts */
.w10 {width: 10%} .w15 {width: 15%} .w18 {width: 18%} .w20 {width: 20%} .w25 {width: 25%} .w30 {width: 30%} .w35 {width: 35%}
.w40 {width: 40%} .w45 {width: 45%} .w50 {width: 50%} .w55 {width: 55%} .w60 {width: 60%} .w65 {width: 65%}
.w70 {width: 70%} .w75 {width: 75%} .w80 {width: 80%} .w85 {width: 85%} .w90 {width: 90%} .w95 {width: 95%}
.w100 {width: 100%}

/*.fr {float: right; min-height: 312px; background: url('admin/cell-bg.png') no-repeat top left;}*/

/* new styles begin here */
#center {overflow: hidden; width: 100%;}
/*#center .cell {margin: 0 0 0 30px; padding: 30px 0 20px 0;  float: left; }
#center .cell.fr {margin-right: 30px; margin-left: 0; float: right; padding-left: 25px;}
#center .cell.right { margin-right: 30px; margin-left: 0; }

#center p {padding: 5px 0 10px 0; text-align: justify; text-indent: 0; line-height: 18px; }
#center .bound { position: relative; width: 95%; min-height: 20px; padding: 20px 15px; background: #F4F4F4; margin: 0 0 10px 0;
        border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#center .left { float: left; }
#center .right { float: right; }

.l {text-align: left;}
.r {text-align: right;}
.c {text-align: middle;}
.sml, .tight td.sml, .form td.sml {font-size: 11px;}
.bolded { font-weight: bold; }*/

table {width: 100%; margin: 0 0 10px 0; padding: 0; border-collapse: collapse; }

/* new styles */
.align-right { text-align: right; }
.align-left { text-align: left; }

/* toolbars */
.tools a { margin: 0 1px; }
.tools img { padding: 2px 0; }
.tools a img { opacity: 0.4; padding: 2px; -webkit-transition:opacity 0.2s ease-in; -moz-transition:opacity 0.2s ease-in; -o-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; }
.tools a:hover img { opacity: 1.0; }

.admin-content { box-sizing: border-box; width: 100%; position: relative; padding: 30px 20px; }
.admin-content:after { content: ''; display: block; width: 100%; height: 1px; clear: both; }
.admin-content * { box-sizing: border-box; }

.admin-content p {padding: 5px 0 10px 0; text-align: justify; text-indent: 0; line-height: 18px; }
.admin-content .left { float: left; }
.admin-content .right { float: right; }

.admin-content--header { width: 49%; float: left; padding: 0px 0px 0px 10px; margin-bottom: 10px; }
.admin-content--main-header { padding: 0px 0px 0px 10px; margin-bottom: 10px; }
.admin-content--subheader { width: 49%; float: left; padding: 0px 0px 0px 10px; margin-top: 10px; margin-bottom: 10px; }

.admin-content--buttons { width: 49%; float: right; text-align: right; }
.admin-content--buttons button { float: none; display: inline-block; margin-bottom: 15px; text-align: center; }

.admin-content--help { clear: both; width: 100%; padding: 0px 10px; }
.admin-content--help-header { font-size: 14px; padding-bottom: 0px; margin-bottom: 10px; }
.admin-content--help-header.close { cursor: pointer; text-decoration: underline; }
.admin-content--help-header.close:hover { text-decoration: none; }
.admin-content--help-header.close:before { content: '+ '; }
.admin-content--help-header.open { cursor: pointer; text-decoration: underline; }
.admin-content--help-header.open:hover { text-decoration: none; }
.admin-content--help-header.open:before { content: '- '; }
.admin-content--help-text { overflow: hidden; -webkit-transition: height 300ms; -moz-transition: height 300ms; transition: height 300ms; }

.admin-content--tree { float: left; width: 25%; min-height: 460px; padding: 30px 0 0 40px; }
.admin-content--tree .treeview { min-width: 200px; }

.admin-content--page { float: left; width: 75%; padding: 30px 10px 0 30px; }
.admin-content--bound-page { background-color: #f4f4f4; padding: 20px 15px; min-height: 20px; position: relative; clear: both; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 0 0; width: 100%; }
.admin-content--bound-page input[type='checkbox'] { position: relative; top: 2px; }

.admin-content--bound { background-color: #f4f4f4; padding: 20px 15px; min-height: 20px; width: 100%; position: relative; clear: both; margin: 0px 0px 0px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.admin-content--bound .form > tbody > tr > td { padding-bottom: 5px; padding-top: 5px; }
.admin-content--bound .form > tbody > tr:first-child > td:last-child { text-align: right; }

.admin-content--bound-list { background-color: #f4f4f4; padding: 20px 15px; min-height: 20px; width: auto; position: relative; clear: both; margin: 0px 0px 0px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.admin-content--bound-list--filter { padding-bottom: 15px; }
.admin-content--bound-list--filter input { position: relative; top: 2px; }

.admin-content--bound-list--table tr { background: #e8e8e8; }
.admin-content--bound-list--table tr:nth-child(2n+1) { background: #e0e0e0; }
.admin-content--bound-list--table th { border: 1px solid #f4f4f4; vertical-align: middle; background: #989898; font-weight: normal; color: white; padding: 5px 5px; }
.admin-content--bound-list--table th a { color: white; }
.admin-content--bound-list--table td { min-width: 25px; border: 1px solid #f4f4f4; padding: 3px 5px; vertical-align: middle; }
.admin-content--bound-list--table .tools { padding: 3px 5px 0 5px; text-align: center; vertical-align: middle; }
.admin-content--bound-list--table .gallery { list-style: none; margin: 0 0; padding: 0 0 0 0; }
.admin-content--bound-list--table .gallery:after { content: ''; display: block; width: 100%; height: 1px; clear: both; }
.admin-content--bound-list--table .gallery li { float: left; padding-right: 5px; }

.admin-content--bound-list--add { height: 40px; }

.admin-content--form { width: 100%; margin: 0 0 10px 0; padding: 0 0 0 0; border-collapse: collapse; border-color: #808080; }
.admin-content--form td { padding: 3px 5px; font-size: 13px; }
.admin-content--form th { padding: 3px 5px; font-size: 13px; }
.admin-content--form--title { width: 15%; min-width: 120px; max-width: 175px;}
.admin-content--form--content { width: 60%; }
.admin-content--form--help { width: auto; font-size: 11px; }

.admin-content--versions { width: 50%; margin-top: 15px; }

.new-block--part { padding: 10px 10px; font-size: 14px; }
.new-block--part input { position: relative; top: 2px; }
.new-block--part label { font-size: 14px; font-weight: bold; }

@media(min-width: 1400px) {
  .admin-content--header { float: none; width: 100%; }
  .admin-content--bound { width: 78%; float: left; position: relative; clear: none; }
  .admin-content--buttons { width: 100%; float: none; text-align: left; }
  .admin-content--buttons button { text-align: center; }
  .admin-content--right-column { width: 20%; float: right; position: relative; }
  .admin-content--help-header {}

  .admin-content--versions { width: 20%; float: right; position: relative; margin-top: 0px; }
  .admin-content--versions .tab .tools { width: 54px; padding: 3px 1px 0px 1px; }
}
/* End new styles */

/* tight (layout) tables */
.tight {width: auto;}
.tight td, .tight th {padding: 3px 5px; font-size: 13px;}

/* form (layout) tables */
.form td, .form th {padding: 3px 5px; font-size: 13px;}
.form textarea, .form input {width: 95%;}
.form input[type=checkbox], .form input[type=radio] {width: auto;}
.form select {
    padding: 5px 5px;
    -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
    color: #444;border:1px solid #dcdcdc; font: normal 14px sans-serif;
}
.form button {
    font-size: 13px
}

/* forms, legends, inputs */
textarea, input { padding:5px 5px; font: normal 14px sans-serif; background-color:#fff; border:1px solid #dcdcdc; color:#444; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px }
fieldset {background: #E4E4E4; border: none;  margin-bottom: 15px; padding-top: 10px;
          border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
legend {font-size: 14px; font-weight: normal; background: #E4E4E4; padding: 4px 20px;
        border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}


/* content tables */
/*.tab td, th {border: 1px solid #F4F4F4; padding: 3px 5px; vertical-align: middle}
.tab th {background:  #989898; font-weight: normal; color: white; padding: 5px 5px;}
.tab th a {color: white;}
.tab tr {background:  #e8e8e8;}
.tab tr:nth-child(2n+1) {background:  #e0e0e0;}
.tab td.tools {padding: 3px 5px 0 5px; /*background: white;/ text-align: center; vertical-align: middle;}
.tab td .gallery {list-style: none; margin: 0 0; padding: 0 0 0 0;}
.tab td .gallery li {float: left; padding-right: 5px;}
.tab td .gallery:after {content: ''; display: block; width: 100%; height: 1px; clear: both;}*/

/* toolbars */
/**/.tools a, .tab td.tools a {margin: 0 1px;}
/**/.tools a img, .tab td.tools a img {opacity: 0.4; padding: 2px;
/**/   -webkit-transition:opacity 0.2s ease-in;
/**/   -moz-transition:opacity 0.2s ease-in;
/**/   -o-transition:opacity 0.2s ease-in;
/**/   transition:opacity 0.2s ease-in;
/**/}
/**/.tools img {padding: 2px 0;}
/**/.tools a:hover img, .tab td.tools a:hover img {opacity: 1.0}

p.green {font-weight: bold; color: green}
p.red {font-weight: bold; color: red}
p.blue {font-weight: bold; color: blue}

/* buttons */
button {display:block; float:left; margin:0 7px 0 0; background-color:#fafafa;
    border:2px solid #c7c7c7; border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    font: normal 115% "Segoe UI", "myriad pro", "myriad", "helvetica", "arial", sans-serif;
    line-height:130%; text-decoration:none; color:#565656; cursor:pointer;
    width:auto; overflow:visible; padding:4px 20px 5px 17px; /* IE6 */ }
button[type] {padding:5px 20px 5px 17px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type] {padding:4px 20px 5px 17px; /* IE7 */}
button img {opacity: 0.4; margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;
   -webkit-transition:opacity 0.2s ease-in;
   -moz-transition:opacity 0.2s ease-in;
   -o-transition:opacity 0.2s ease-in;
   transition:opacity 0.2s ease-in;
}

button:hover {background-color:#dff4ff; border:2px solid #c2e1ef; color:#336699;}
button:hover img {opacity: 1.0}
button.positive {color:#529214;}
button.positive:hover{background-color:#E6EFC2; border:2px solid #C6D880; color:#529214;}
button.negative{color:#d12f19;}
button.negative:hover{background:#fbe3e4; border:2px solid #fbc2c4; color:#d12f19;}

/* photo gallery styles */
/* -- upload button */
div.qq-upload-button {display:block; float:left; margin:10px 7px 0 0; background-color:#fafafa;
    border:2px solid #c7c7c7; border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    line-height:130%; text-decoration:none; color:#565656; cursor:pointer;
    width:auto; overflow:visible; padding:4px 20px 5px 17px; /* IE6 */ }
div.qq-upload-button img {opacity: 0.4; margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;
   -webkit-transition:opacity 0.2s ease-in;
   -moz-transition:opacity 0.2s ease-in;
   -o-transition:opacity 0.2s ease-in;
   transition:opacity 0.2s ease-in;
}
div.qq-upload-button input { width: 100%; height: 100%; }
div.qq-upload-button:hover {background-color:#dff4ff; border:2px solid #c2e1ef; color:#336699;}
div.qq-upload-button:hover img {opacity: 1.0}

/* -- upload list */
ul.qq-upload-list {
  display: none;
  width: 380px;
  margin: 20px 0 0;
  padding: 10px;
  float: left;
  clear: left;
  list-style: none;
  max-height: 80px;
  overflow-y: scroll;
  background-color:#fff;
  color: #444;
  border:1px solid #dcdcdc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}
ul.qq-upload-list li { padding: 2px 0; line-height:15px; font-size:12px; }
ul.qq-upload-list li span.qq-upload-cancel { background-color: #FFC7C7; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

/* -- thumbnails */
.fotopane ul.thumbnails { margin-top: 16px; padding-left: 0; clear: left; list-style: none; }
.fotopane ul.thumbnails li { display: inline-block; margin: 10px 10px 0 0; position: relative; }

/* -- thumbnails control icons */
ul.thumbnails li a.icon { position: absolute; bottom: 5px; width: 16px; height: 16px; opacity: 0.7; }
ul.thumbnails li a.icon:hover { opacity: 1; }
ul.thumbnails li a.delete { right: 3px; background: url('tools/image_delete.png') no-repeat top left; }
ul.thumbnails li a.edit { right: 26px; background: url('tools/comment_edit.png') no-repeat top left; }

/* -- original uploader styles */
.qq-upload-failed-text { display:none; }
.qq-upload-fail .qq-upload-failed-text { display:inline; }
.qq-upload-size,.qq-upload-cancel { font-size:11px;}
.qq-upload-drop-area {
    /*position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center;*/
    display: none;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#ff7171;}

/* -- sortable placeholder class */
.sortable-placeholder {
  background: #e5e5e5;
  border:1px solid #dcdcdc;
}

#alt-dialog, .alt-dialog { overflow: hidden !important; }


/*----------- formbuilder -----------*/
#formbuilder button.formbuilder-add-field { padding-left: 30px; background: url('tools/add.png') 10px center no-repeat; }
#formbuilder tbody { border-right: 1px solid #ccc; border-left: 1px solid #fcfcfc; }
#formbuilder tbody tr:nth-child(even) { background: #e4e4e4; }
#formbuilder tbody tr:nth-child(odd) { background: #d9d9d9; }
#formbuilder tbody td.movable { width: 44px; background: url('tools/arrow_move.png') center center no-repeat; }
#formbuilder tbody td.type-field { width: 134px; }
#formbuilder tbody td.remove-field { width: 60px; }
#formbuilder tbody td.remove-field a { display: block; padding: 5px; margin-left: 15px; width: 20px; }
#formbuilder tbody td.remove-field img { margin-left: 2px; }
#formbuilder tbody td.edits-tpl, #formbuilder tbody td.preview-tpl { padding: 6px; }
#formbuilder tbody td.preview-tpl { width: 410px; padding-left: 10px; background: #eee; border-left: 1px solid #ccc; border-right: 1px solid #fcfcfc; }
#formbuilder tbody select, #formbuilder tbody input, #formbuilder tbody label, #formbuilder tbody textarea { font-size: 12px; }
#formbuilder tbody input, #formbuilder tbody textarea { width: 280px; }
#formbuilder tbody td.edits-tpl input, #formbuilder tbody td.edits-tpl textarea { width: 307px; }
#formbuilder tbody input.checkbox, #formbuilder tbody td.edits-tpl input.checkbox { width: auto; }
#formbuilder tbody td.preview-tpl select { width: 160px; }
#formbuilder span.required { color: #f00; font-weight: bold; }
#formbuilder div.field-controls { margin-top: 5px; }

#formbuilder tbody td {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*----------- lister ------------*/

.syslister { margin:0 auto; width:100%; }
.syslister table { margin:0 auto; width: auto; }
.syslister span.lister-right, .syslister span.lister-left, .syslister a.lister-right span, .syslister a.lister-left span { display:block; width:16px; height:16px; margin:0 5px; }
.syslister .lister-page { margin:0 2px; }
.syslister span.lister-page { color:#000; }
.syslister span.lister-right { background:url("admin/arrow-right-off.png") no-repeat top left; }
.syslister span.lister-left { background:url("admin/arrow-left-off.png") no-repeat top left; }
.syslister a.lister-right span { background:url("admin/arrow-right.png") no-repeat top left; }
.syslister a.lister-left span { background:url("admin/arrow-left.png") no-repeat top left; }


/* ------------- nicEdit ------------- */

.nicEdit-pane, .nicEdit-main {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
              color: black; line-height: 16px; font-size: 16px; font-weight: normal; background: white;}
.nicEdit-pane p, .nicEdit-main p {font-size: 16px; text-align: justify; margin: 0; padding: 5px 0px; width: 570px;}
.nicEdit-pane ol, .nicEdit-main ol {font-size: 16px; margin: 0; padding: 5px 0px 10px 35px; width: 535px;}
.nicEdit-pane li, .nicEdit-main li {font-size: 16px; text-align: justify; margin: 0; padding: 5px 0 0 10px; width: 520px;}
.nicEdit-pane h1, .nicEdit-main h1 {font-size: 24px; font-weight: bold; color: black; padding: 10px 0; margin: 0; width: 570px;}
.nicEdit-pane h2, .nicEdit-main h2 {font-size: 20px; font-weight: bold; color: black; padding: 10px 0; margin: 0; width: 570px;}
.nicEdit-pane h3, .nicEdit-main h3 {font-size: 18px; font-weight: bold; color: black; padding: 5px 0 0 0; margin: 0; width: 570px;}
.nicEdit-pane h4, .nicEdit-main h4 {font-size: 17px; font-weight: normal; color: black; padding: 5px 0 0 0; margin: 0; width: 570px;}

.nicEdit-pane p, .nicEdit-pane ol, .nicEdit-pane li, .nicEdit-pane h1, .nicEdit-pane h2, .nicEdit-pane h3, .nicEdit-pane h4 {color: black;}

.mceEditor table {width: auto;}

/* online checking */
form div.frmError select, form div.frmError textarea, form div.frmError input[type=text], form div.frmError input[type=password] { margin-bottom: 0; display: block; -moz-box-shadow: inset 0 0 3px #A60000; -webkit-box-shadow: inset 0 0 3px #A60000; box-shadow: inset 0 0 3px #A60000; background: white; border: 1px solid #A60000; }
form div.frmError { float: left; padding: 3px 5px; background: #BF3030; margin: 2px 0 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px #A60000; -webkit-box-shadow: 0 0 3px #A60000; box-shadow: 0 0 3px #A60000; }
form div.frmError span { color: white; clear: left; display: block; margin: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold; -moz-text-shadow: #A60000 2px 2px; -webkit-text-shadow: #A60000 2px 2px; text-shadow: #A60000 2px 2px; }
table.form div.frmError select, table.form div.frmError textarea, table.form div.frmError input[type=text], table.form div.frmError input[type=password] { margin-bottom: 0; display: block; -moz-box-shadow: inset 0 0 3px #A60000; -webkit-box-shadow: inset 0 0 3px #A60000; box-shadow: inset 0 0 3px #A60000; background: white; border: 1px solid #A60000; }
table.form div.frmError { float: left; padding: 3px 5px; background: #BF3030; margin: 2px 0 3px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 3px #A60000; -webkit-box-shadow: 0 0 3px #A60000; box-shadow: 0 0 3px #A60000; }
table.form div.frmError span { color: white; clear: left; display: block; margin: 0 10px; font-size: 14px; line-height: 20px; font-weight: bold; -moz-text-shadow: #A60000 2px 2px; -webkit-text-shadow: #A60000 2px 2px; text-shadow: #A60000 2px 2px; }
form input.correct, form textarea.correct, table.form input.correct, table.form textarea.correct { background: white url(tools/tick_grayed.png) no-repeat right center; }
form input[type=checkbox].correct, form input[type=radio].correct, table.form input[type=checkbox].correct, table.form input[type=radio].correct { background-image: none; }

/* language state changes */
input.languageStateChanger {border: 1px solid black; width: auto; cursor: pointer; }
input.languageStateChanger.active {background: #57A4DA; color: white;}

/* language state menu */
.language-menu_wrapper { display: inline-block; position: relative; height: 28px; line-height: 28px; }
.language-menu { position: relative; left: 3px; display: inline-block; box-sizing: border-box; width: 19px; text-align: center; cursor: pointer; padding: 0px 5px; height: auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.language-menu:before { content: "»"; font-size: 24px; line-height: 1; font-weight: bold; }
.language-menu-list { display: block; position: absolute; box-sizing: border-box; right: 4px; top: 35px; line-height: 1; list-style: none; padding: 0px; background-color: #fff; border: 1px solid #bbb; overflow: hidden; -webkit-transition: height 300ms; transition: height 300ms; }
.language-menu-list.close { height: 0; border-width: 0px; }
.language-menu-list.open { height: auto; }
.language-menu-list a {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border-width: 0px 0px 1px 0px;
  margin: 0 0 0 0;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  padding: 5px;
  font-size: 14px;
  text-align: left;
}
.language-menu-list a:last-child { border-bottom-width: 0px; }
.language-menu-list a:hover { background-color: #dcdcdc; }
.language-menu-list a.hidden { display: none; }


/* global SEO params */
.seoadmin-link { padding-top: 15px; display: inline-block; }
.seoadmin-link:hover { color: red; }

/* SEOglobal version 2 */
#center .seomanager .bound {  padding: 10px 15px;  width: auto;  border-radius: 0; }
#center .seomanager .bound.alternate {  background: #fcfcfc; }
#center .seomanager .bound.waiting { background: #E7FDFD url(admin/ajax-loader.gif) 99% 10px no-repeat; }
.seomanager .header {  padding: 6px;  margin: 10px 0;  background: #e0e0e0;  font-weight: bold;  cursor: pointer; }
.seomanager .header span {  font-weight: normal; }
.seomanager .header.opened:before { display: inline-block; content: "▼"; position: relative; padding-right: 10px; }
.seomanager .header:before { display: inline-block; content: "▶"; position: relative; padding-right: 10px; }
.seomanager .container { padding-left: 20px; }

.seomanager .seo_element h3 {  font-size: 12px; padding-bottom: 5px;  font-weight: bold; }
.seomanager .seo_element h3 span {  font-weight: normal; }
.seomanager .seo_element h3 span.left {  padding-left: 25px; }
.seomanager .seo_element label.main {  float: left; width: 100px; margin-top: 7px; }
.seomanager .seo_element label.bold {  font-weight: bold; }
.seomanager .seo_element input.title {  width: 50%; }
.seomanager .seo_element div.title {  font-size: 14px;  overflow: hidden; }
.seomanager .seo_element div.concat_style {  margin-left: 100px; }
.seomanager .seo_element div.concat_style input {  position: relative; top: 3px; margin-left: 15px; }
.seomanager .seo_element div.concat_style label.front {  float: left; margin-right: 15px; }
.seomanager .seo_element div.textarea {  float: left; width: 60%; }
.seomanager .seo_element textarea {  width: 97%; }
.seomanager .seo_element div.counter {  float: left;  margin-left: 15px; margin-top: 5px;  font-size: 11px; color: #aaa; }
.seomanager .seo_element div.counter span.remains { font-weight: bold; }
.seomanager .seo_element div.counter span.remains.warning { color: red; }
.seomanager .seo_element div.block {  clear: both; margin-top: 7px; }
.seomanager .seo_element div.clear {  clear: both; }

/* oadmin - lock url */
.form input[readonly] { background-color: #f4f4f4; }
.zamek { position: relative; top: 1px; text-indent: -1000000px; display: inline-block; width: 16px; height: 16px; }
.zamek.lock { background: transparent url('tools/lock.png') center center no-repeat; }
.zamek.unlock { background: transparent url('tools/lock_open.png') center center no-repeat; }
.url_lock { position: relative; top: 1px; text-indent: -1000000px; display: inline-block; width: 16px; height: 16px; background: transparent url('tools/lock.png') center center no-repeat; }
.url_unlock { position: relative; top: 1px; text-indent: -1000000px; display: inline-block; width: 16px; height: 16px; background: transparent url('tools/lock_open.png') center center no-repeat; }

/* Redirect admin */
.redirectmanager .admin-content--header { float: none;  background-color: #f4f4f4; padding: 10px 15px; min-height: 20px; width: 100%; position: relative; clear: both; margin: 0px 0px 10px 0px !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.redirectmanager .admin-content--bound { background-color: transparent !important; }
.redirectmanager .container_type { margin-bottom: 10px; }
.redirectmanager .header { cursor: pointer; background-color: #989898; font-size: 14px; margin-bottom: 5px; box-sizing: border-box; padding: 5px; color: #fff; }
.redirectmanager .header:before { content: '▶ '; position: relative; top: -1px; }
.redirectmanager .header.active:before { content: '▼ '; }
.redirectmanager .body { overflow: hidden; -webkit-transition: height 300ms; transition: height 300ms; }
.redirectmanager table.form tr.disabled { background-color: #e7fdfd; }
.redirectmanager table.form td { vertical-align: top; position: relative; }
.redirectmanager table.form td.center { vertical-align: middle; }
.redirectmanager table.form td.date { white-space: nowrap; }
.redirectmanager table.form td.spinner {width: 30px; }
.redirectmanager .fr { margin: 0 0 0 0 !important; box-sizing: border-box; }
.redirectmanager .header_new_url td { background-color: #fff; border-color: #fff; font-weight: bold; }
.redirectmanager .notify { line-height: 18px; box-sizing: border-box; padding: 3px 5px; display: inline-block; font-weight: bold; color: green; }
.redirectmanager .warning { font-size: 12px; font-style: normal; box-sizing: border-box; display: block; font-weight: bold; color: #aa5500; }
.redirectmanager .error { font-size: 12px; font-style: normal; box-sizing: border-box; display: block; font-weight: bold; color: red; }
.redirectmanager .checkbox { position: relative; top: 2px; }

/* qq uploader */
.qq_uploader { position: relative; margin-top: 10px; }
.qq_uploader:after { content:''; display:block; clear:both; }
.qq_uploader .qq-upload-button { margin-top: 0px; display: inline-block; }
.qq_uploader .qq-upload-list { display: inline-block; overflow-y: visible; border-width: 0px; background-color: transparent; float: none; margin-top: 0px; height: 29px; padding: 5px 10px; box-sizing: border-box; }

/* popup */
.popup { cursor:auto; position:fixed; z-index:999; width:500px; box-sizing:border-box; top:100px; left:100px; }
.popup--wrapper { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:998; background-color:rgba( 255, 255, 255, 0.6); }
.popup--head { text-align: center; width:100%; height:25px; background-color:#ab0214; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.popup--head span { color: #fff; font-weight: 600; line-height: 25px; }
.popup--body { box-sizing:border-box; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; position:relative; background-color:#f0f0ee; padding: 15px 25px 15px 25px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#dcdcdc; }
.popup .resizer_ok img { width:100%; height:auto; display: block; margin: 0px auto; }
.popup .resizer_ok em { font-weight: 400; color: #595959; display: inline-block; margin: 5px 0; font-style: normal; }
.popup .resizer_ok em.error { font-weight: 700; color: #ab0214; display: block; padding: 7px 7px 7px 30px; position: relative; border: 1px solid #ab0214; background-color: rgba(171, 2, 20, 0.1); }
.popup .resizer_ok em.error:before { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 7px; margin-top: -8px; background: url('tools/error.png') center center no-repeat; }
.popup .resizer_ok .jcrop-holder { margin: 0px auto; }
.popup button.left { float: left; margin-top: 10px; }
.popup button.center { margin: 10px 7px 0 7px; }
.popup button.right { float: right; margin-top: 10px; margin-right: 0px; }
.popup button[disabled=disabled] { cursor: default; background-color: #fafafa; border: 2px solid #c7c7c7; border-top: 2px solid #e0e0e0; border-left: 2px solid #e0e0e0; }
.popup button[disabled=disabled] img { opacity: 0.4; }
.popup .clear { clear: both; }

/* Translations */
.clear { clear: both; }

.translate_filter { font-size: 14px; margin-bottom: 25px; width: auto; min-width: 550px; float: left; }
.translate_filter strong { display: block; padding-top: 10px; }
.translate_filter--check { position: relative; top: 2px; }
.translate_filter--label { font-size: 15px; }
.translate_filter--empty { padding: 0px 0px 5px 0px; }
.translate_filter--type { padding: 10px 0px 5px 0px; }
.translate_filter--lang { display: inline-block; padding: 5px 10px 0px 0px; }

.translate_table--aktualizace { float: none; display: inline-block; }
.translate_table--aktualizace--wrapper { width: auto; /*text-align: right;*/ float: left; }
.translate_table--aktualizace--spinner { display: inline-block; height: 33px; width: 33px; position: relative; top: 12px; }
.translate_table--aktualizace--notify { display: block; color: green; padding-top: 5px; font-size: 13px; }

.translate_cell { position: relative; overflow: visible; min-width: 90%; width: auto; }
#center { overflow: visible; }
#center .translate_bound { min-width: 95%; width: auto; }

.translate_table { width: auto; max-width: none; }
.translate_table td, .translate_table th { box-sizing: border-box; vertical-align: middle; }
.translate_table td strong { display: table-cell; height: 25px; vertical-align: middle; }
.translate_table--wrapper {}
.translate_table--item.disabled-by-trans { display: none; }
.translate_table--item.disabled-by-type { display: none; }

.translate_table--lang { display: table-cell; width: 450px; min-width: 450px; padding: 3px 1px; position: relative; }
.translate_table--lang { display: table-cell; width: 450px; min-width: 450px; }
.translate_table--lang.disabled { display: none; }
.translate_table--lang.disabled { display: none; }
.translate_table--changed { padding: 3px 10px; white-space: nowrap; }
.translate_table--changed { padding: 3px 10px; white-space: nowrap; }
.translate_table--changedby { padding: 3px 10px; white-space: nowrap; }
.translate_table--changedby { padding: 3px 10px; white-space: nowrap; }

.translate_filter--label.fr { float: none; min-height: none; background: none; }

.translate_table--cell_id { width: 45px; }
.translate_table--cell_key { width: 350px; }
.translate_table--lang--text_lang { width: 100%; box-sizing: border-box; border-width: 0px; }
.translate_table--lang--loading { position: absolute; width: 0; height: 0; top: 0px; left: 0px; background-color: rgba(244,244,244,0.7); }
.translate_table--lang--loading.active { width: 100%; height: 100%; }

.document--title {
  margin-bottom: 5px;
}
.document--list {
  width: 95%;
  padding: 0px 0px 0px 0px;
  list-style: none;
}
.document--item {
  position: relative;
  padding: 2px 30px 2px 5px;
  list-style: none;
}
.document--item.even {
  background-color: #fafafa;
}
.document--item.odd {
  background-color: #e0e0e0;
}
.document--item * {
  display: inline-block;
  width: auto;
}
.document--item input {
  width: 42%;
}
.document--item[data-delete='true'] {
  display: none;
}
.document--error {
  width: 95%;
  padding: 5px 5px 0 5px;
}
.document--error.active {
  height: 30px;
}
.document--error .red {
  color: red;
}
.document--error .green {
  color: green;
}
.document--item--label {
  min-width: 40%;
  border-width: 1px;
  padding: 3px 25px 3px 5px;
}
.document--item--input {
  border-width: 1px;
  padding: 3px 5px;
  line-height: 1;
}
.document--item--delete {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  text-decoration: none;
  font-size: 22px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}