/**
 * {toc}
  1. Basic styles
    1.1. Reset default styles
    1.2. Basic
  2. Other elements
    2.1. Form elements
      2.1.1. Form errors
      2.1.2. Autocompleter
    2.2. Button
    2.3. Button area
    2.4. Popup
    2.5. Sidebar menu
    2.6. Table
    2.7. Box
    2.8. Drzewo katalogów
    2.9. Submenu w button area
    2.10. Section tab - tabs menu
    2.11. Dwie kolumny w treści, z zielonym tłem, w środku z boksami
    2.12. Choose page
    2.13. Layerek z menusem przy buttonach
    2.14. formularz - komunikat bledow
    2.15. ow messages
    2.16. Tooltip
    2.17. Thumbnail
    2.18. Instruction
  3. Styles describing the layout
    3.1. Header
    3.2. Menu
    3.3. Currently logged
    3.5. Cover
  4. Content
  5. Other screen
    5.1. Formularz logowania
    5.2. Home page
    5.3. Filemanager => filemanager.scss
    5.4. See also - elementy w zestawie
    5.5. Rss
    5.6. CMS => cms.scss
      5.6.1. Drzewko
      5.6.2. Szczegóły noda
      5.6.3. Edycja kopi roboczej
        5.6.3.1. Edycja kopii roboczej
        5.6.3.2. Edycja kopii roboczej - tabs menu
        5.6.3.3. Edycja kopii roboczej - komponenty osadzone w szablonie
        5.6.3.4. Edycja kopii roboczej - komponenty osadzone w slotach
        5.6.3.5. Kolory dla komponentów
        5.6.3.6. Menu edycji
        5.6.3.7. Slot layout
        5.6.3.8. Slot
        5.6.3.9. Konfiguracja slota
        5.6.3.10. Zapisywanie wzorca
        5.6.3.11. Edycja kopi pozostałe
        5.6.3.12. Ekran Publikacji
      5.6.4. Konfiguracja komponentu
        5.6.4.1. Konfiguracja komponentów :: Typ lista
        5.6.4.2. Konfiguracja komponentów :: article Box
      5.6.5. Przenoszenie elementu w strukturze
    5.7. Nawigacje/menusy
    5.8. News => news.scss
    5.10. Faq => faq.scss
    5.11. Messages
    5.12. News & messages task table
    5.13. Moduł headers & footers => headers-and-footers.scss
    5.14. alias => alias.scss
    5.15. System properties => site-properties.scss
    5.16. Groups => administrator-groups.scss
    5.17. Category
    5.18. User component => user-components.scss
    5.19. Filter two column
    5.20. Walidacja strony/odnośnika
    5.21. Wykorzystanie w serwisie
    5.22. Events => events.scss
    5.23. Site validator => site-validator.scss
    5.26. Templates manager => template-manager.scss
      5.26.1. Templates manager - preview
      5.26.2. Templates manager - edit
        5.26.2.1. Templates manager - edit - CodeMirror code template
    5.27. Metrics
    5.28. Tags
    5.30. administrator accounts => administrator-account.scss
    5.33. Zmiany wygladu elementow dialogow ckeditors
    5.34. Language nav
    5.35. QR Modal
    5.36. Overwritten jsTree styles
    5.39 Podgląd strony
    5.41. Custom Forms Module => custom-forms.scss
    5.42. Instance Configuration => instance_configuration.scss
    5.44. User components - modal
    5.45  Custom menu table => navigation-menus.scss
    5.48  Jquery ui timepicker
    5.49  Product Information Management => product-information-management.scss
*/
/**
 * (1) 1. Basic styles
 */
/**
 * (2) 1.1. Reset default styles
 */
html {
  min-height: 100%;
  height: 100%;
  position: relative;
}
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
form {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * (2) 1.2. Basic
 */
@font-face {
  font-family: 'LatoRegular';
  src: url('/_css/fonts/lato-reg.woff') format('woff');
}
@font-face {
  font-family: 'LatoLight';
  src: url('/_css/fonts/lato-lig.woff') format('woff');
}
@font-face {
  font-family: 'LatoBold';
  src: url('/_css/fonts/lato-bol.woff') format('woff');
}
@charset "UTF-8";
@font-face {
  font-family: "icons";
  src: url("/_css/fonts/icons.eot");
  src: url("/_css/fonts/icons.eot?#iefix") format("embedded-opentype"), url("/_css/fonts/icons.woff") format("woff"), url("/_css/fonts/icons.ttf") format("truetype"), url("/_css/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flow-cascade:before {
  content: "t";
}
.icon-cancel-circled:before {
  content: "c";
}
.icon-search:before {
  content: "s";
}
.icon-home:before {
  content: "h";
}
.icon-triangle-down:before {
  content: "d";
}
.icon-triangle-up:before {
  content: "u";
}
.icon-folder:before {
  content: "f";
}
.icon-page-edit:before {
  content: "e";
}
.icon-globe:before {
  content: "w";
}
.icon-doc-text:before {
  content: "p";
}
.icon-block:before {
  content: "/";
}
.icon-folder-check:before {
  content: "v";
}
.icon-folder-settings:before {
  content: "o";
}
.icon-graph-trend:before {
  content: "a";
}
.icon-torso:before {
  content: "b";
}
.icon-torsos-all:before {
  content: "g";
}
.icon-check:before {
  content: "i";
}
.icon-cut-scissor:before {
  content: "j";
}
.icon-files:before {
  content: "k";
}
.icon-clipboard:before {
  content: "l";
}
.icon-trash-bin:before {
  content: "m";
}
.icon-file-zip:before {
  content: "z";
}
.icon-plus:before {
  content: "+";
}
.icon-thumbnails:before {
  content: ".";
}
.icon-align-justify:before {
  content: "-";
}
.icon-page:before {
  content: "n";
}
.icon-angle-double-left:before {
  content: "{";
}
.icon-angle-double-right:before {
  content: "}";
}
.icon-angle-left:before {
  content: "<";
}
.icon-angle-right:before {
  content: ">";
}
.icon-cancel:before {
  content: "x";
}
.icon-plus-circle:before {
  content: "D";
}
.icon-upload:before {
  content: "E";
}
.icon-pencil:before {
  content: "F";
}
.icon-compress:before {
  content: "y";
}
.icon-expand:before {
  content: "A";
}
.icon-bulb:before {
  content: "B";
}
.icon-arrow-move:before {
  content: "C";
}
.icon-browser:before {
  content: "G";
}
.icon-check-square:before {
  content: "H";
}
.icon-cog-gear:before {
  content: "I";
}
.icon-info:before {
  content: "J";
}
.icon-cancel-squared:before {
  content: "K";
}
.icon-angle-double-down:before {
  content: "L";
}
.icon-angle-double-up:before {
  content: "M";
}
.icon-angle-down:before {
  content: "N";
}
.icon-angle-up:before {
  content: "O";
}
.icon-caret-up-down:before {
  content: "P";
}
.icon-eye:before {
  content: "R";
}
.icon-folders:before {
  content: "Q";
}
.sr-only {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: -9999em;
  overflow: hidden;
}
/*  Vars */
.link {
  color: #0866c6;
  font-size: 13px;
  transition: 0.2s ease all;
  text-decoration: none;
}
.link:hover {
  color: #064d95;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 1px;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.03);
}
.link.link-right-separator {
  margin-right: 20px;
}
.link.link-right-separator:after {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 0;
  right: -10px;
  width: 1px;
  height: 13px;
  background-color: #e2e2e2;
  pointer-events: none;
}
.link.link-left-separator {
  margin-left: 20px;
}
.link.link-left-separator:before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 0;
  left: -10px;
  width: 1px;
  height: 13px;
  background-color: #e2e2e2;
  pointer-events: none;
}
.link.link-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.link.link-active {
  color: #39B54a;
}
.link.link-inactive {
  color: #E03E3E;
}
/*  Mixins   */
body {
  background-color: #2b2b34;
  color: #000000;
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
}
body:not(.login) {
  background-color: #f4f4f4;
}
body:not(.login) {
  background-color: #f4f4f4;
}
body,
table,
select,
textarea {
  font-size: 12px;
  font-family: LatoRegular, arial, Helvetica, Garuda, sans-serif;
}
img,
a img {
  border: none;
}
ul,
li,
p,
ol {
  padding: 0;
  margin: 0;
}
ul {
  margin-left: 0px;
  list-style: none;
}
a {
  color: #0866c6;
  cursor: pointer;
  /*text-decoration: none;*/
}
a.filter_visibility {
  color: #5F5F5F;
}
ol {
  padding-left: 20px;
}
select,
input[type="text"],
textarea {
  outline-color: #72bf44;
}
select,
input {
  border: 1px solid #d9d9d9;
  background: #fafafa;
  border-radius: 3px;
  color: #000;
  font-size: 12px;
}
select {
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  padding: 7px 17px 7px 5px;
  border-radius: 3px;
  background: #fafafa url(/_img/select_bg.png) no-repeat 96% 50%;
}
input {
  padding: 3px 5px;
}
textarea {
  border-color: #e4e4e4;
}
h2 {
  font-size: 16px;
  font-weight: bold;
}
h3 {
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
}
h3.info_header {
  padding: 14px 0;
  color: #2b2b34;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}
h3.box_header_gray {
  margin: 0;
  font-size: 12px;
}
select {
  border: 1px solid #DADFE0;
}
.clear,
.clearAll {
  clear: both;
}
.clearAll {
  font-size: 0px;
  line-height: 0;
  height: 0px;
}
.border {
  border: 1px solid red !important;
}
.hidden,
.initialHide {
  display: none;
}
.clear,
.clearall {
  clear: both;
}
.clearFix {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
}
.clearall {
  font-size: 0;
  line-height: 0;
  height: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}
.underline {
  text-decoration: underline;
}
.nounderline {
  text-decoration: none;
}
.bottomSpace {
  margin-bottom: 10px;
}
.bottomSpaceI {
  margin-bottom: 10px !important;
}
.bottomSpace5 {
  margin-bottom: 5px;
}
.paddingBottom10 {
  padding-bottom: 10px;
}
.bottomSpace20 {
  margin-bottom: 20px;
}
.topSpace {
  margin-top: 20px;
}
.topSpace5 {
  margin-top: 5px;
}
.topSpace10 {
  margin-top: 10px;
}
.topSpace10I {
  margin-top: 10px !important;
}
.topPadding5 {
  padding-top: 5px;
}
.topPadding10 {
  padding-top: 10px;
}
.horizontalSpace {
  margin-left: 5px;
  margin-right: 5px;
}
.rightSpace {
  padding-right: 10px;
}
.rightSpace10 {
  margin-right: 10px;
}
.rightSpace5 {
  margin-right: 5px;
}
.rightSpace20 {
  margin-right: 20px;
}
.rightSpace40 {
  padding-right: 40px;
}
.rightPadding5 {
  padding-right: 5px;
}
.leftSpace {
  padding-left: 10px;
}
.leftSpace5padding {
  padding-left: 5px;
}
.leftSpace5 {
  margin-left: 5px;
}
.leftSpace10 {
  margin-left: 10px;
}
.leftSpace20 {
  margin-left: 20px;
}
.clearBottomPadding {
  padding-bottom: 0 !important;
}
.textCenter {
  text-align: center;
}
.textRight {
  text-align: right;
}
.textLeft {
  text-align: left;
}
.maxWidth {
  width: 100%;
}
.novisible {
  visibility: hidden;
}
.nonevisible {
  display: none;
}
.buttons_no_wrap,
.nowrap {
  white-space: nowrap;
}
.mr10 {
  margin-right: 10px;
}
.valignTop {
  vertical-align: top;
}
.valignMiddle {
  vertical-align: middle;
}
.valignBottom {
  vertical-align: bottom;
}
.inlineBlock {
  display: inline-block;
}
.block {
  display: block;
}
.mandatory {
  color: #FF0000;
}
.active {
  color: #39B54a;
}
.inactive {
  color: #E03E3E;
}
.status_waiting {
  color: blue;
}
.gray_label {
  color: gray;
}
.red_label a,
.status_rejected {
  color: red;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.font15 {
  font-size: 15px;
}
.borderTop {
  border-top: 1px solid #e2e2e2;
}
.font11 {
  font-size: 11px;
}
.overflowHidden {
  overflow: hidden;
}
.line-through {
  text-decoration: line-through;
}
.wrapWords {
  word-break: break-word;
}
.inputFullWidth .text_field {
  width: 100%;
}
/* zmienione z 1px na 0 ze względu na migrację,
   przy przepięciu na 2.40 zrobić zmianę */
.border {
  border: 0 solid red;
}
.disabled {
  background: #eee;
}
.bottom_note,
.inline_note {
  color: #555555;
}
input[disabled],
textarea[disabled] + .CodeMirror .cm-s-default {
  background-color: #f9f9f9 !important;
  box-shadow: inset 1px 1px 0px #FFFFFF !important;
}
textarea[disabled] + .CodeMirror {
  border-color: #e1e1e1;
}
.link_style_1 {
  color: #e56f0e;
}
ul.horizontal_list li {
  float: left;
  margin-left: 10px;
}
.emphasized_text {
  font-weight: bold;
  font-size: 17px;
}
.handcursor {
  cursor: pointer;
}
.f11 {
  font-size: 11px;
}
.mL10 {
  margin-left: 10px;
}
.message_error_color {
  color: #ed1c24;
  text-decoration: none;
}
.disableBg {
  background-color: #F5F5F5 !important;
}
.table_norows_info {
  margin: 55px 0 20px;
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
  background: #e2e2e2;
}
.box_form_fields .table_norows_info {
  margin: 0;
}
#ui-datepicker-div {
  display: none;
}
.divhr {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px;
}
/**
 * (1) 2. Other elements
 */
/**
 * (2) 2.1. Form elements
 */
.form_table {
  width: 100%;
  table-layout: fixed;
}
.form_table td {
  padding: 0 10px 10px 0;
}
.form_table td.no_padding_bottom {
  padding-bottom: 0;
}
.form_table td.no_padding_right {
  padding-right: 0;
}
.form_table input {
  background: #fff;
}
.small_field_cell input.date_picker_field {
  margin-left: 0;
}
.short_field,
td.short_field input.text_field {
  width: 25px;
}
.medium_field,
td.medium_field input.text_field,
.box_form_fields .medium_select_field SELECT.select_field {
  width: 350px;
}
input.text_field,
input.password_field,
.select_field {
  width: 150px;
  background-color: #FFF;
}
.checkbox_field,
.radio_field {
  margin-right: 5px;
  vertical-align: sub;
}
.multicheckbox_field_option_group .field_option {
  display: block;
  padding: 0 10px 10px 0;
}
.messages_div {
  clear: both;
}
/**
 * (3) 2.1.2 Autocompleter
 */
.render_field_choose {
  width: 450px;
}
.render_field_choose .easy-autocomplete {
  width: 350px !important;
  float: left;
}
.render_field_choose .easy-autocomplete input[type=text] {
  width: 350px;
  border-radius: 0;
}
.render_field_choose .easy-autocomplete input[type=text].error {
  border-color: #e44848;
}
.render_field_choose .render_field_choose_with_error {
  margin: -5px 0 5px;
  display: flex;
  width: 800px;
  align-items: center;
}
.easy-autocomplete-container > .mCustomScrollbar {
  max-height: 150px;
  padding: 0;
}
.easy-autocomplete input {
  box-shadow: none !important;
}
/**
 * (2) 2.2. Button
 */
a.button_sort,
a.button,
a.button_grey_mini,
input.button {
  cursor: pointer;
  color: #ffffff;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid;
  padding: 7px 11px;
  font-size: 13px;
  transition: 0.2s ease all;
  display: inline-block;
  text-decoration: none;
}
a.button_sort > span,
a.button > span,
a.button_grey_mini > span,
input.button > span {
  display: inline-block;
}
a.button_sort > span i,
a.button > span i,
a.button_grey_mini > span i,
input.button > span i {
  vertical-align: top;
  margin-right: 5px;
}
.box > .footer a.button_sort,
.box > .footer a.button,
.box > .footer a.button_grey_mini,
.box > .footer input.button {
  color: transparent !important;
}
a.button_sort .button_label,
a.button .button_label,
a.button_grey_mini .button_label,
input.button .button_label {
  display: block;
}
a.button.save,
a.button.plain {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
}
a.button.save:hover,
a.button.plain:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
input.button {
  border: none;
  cursor: pointer;
  background: none;
  padding: 1px 0 1px;
  font-size: 11px;
}
a.button,
input.button {
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid;
  padding: 7px 11px;
  font-size: 13px;
  transition: 0.2s ease all;
  color: #333;
  background-color: rgba(152, 152, 152, 0.14);
  border-color: #d0d0d0;
}
a.button > span,
input.button > span {
  display: inline-block;
}
a.button > span i,
input.button > span i {
  vertical-align: top;
  margin-right: 5px;
}
.box > .footer a.button,
.box > .footer input.button {
  color: transparent !important;
}
a.button .button_label,
input.button .button_label {
  display: block;
}
a.button:hover,
input.button:hover {
  background-color: #5d7da524;
  border-color: #bebebe;
}
a.button span,
input.button span {
  padding: 0;
}
a.button.hidden {
  display: none;
}
a.button span,
a.button_grey_mini span {
  text-decoration: none;
  cursor: pointer;
}
a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}
a.btn-right-separator {
  margin-right: 20px !important;
}
a.btn-right-separator:after {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 1px;
  right: -22px;
  width: 1px;
  height: 15px;
  background-color: #e2e2e2;
  pointer-events: none;
}
/* Wszystkie inputy z klasą button muszą być opakowane spanem z klasą button_wrapper - FIX IE 7 */
span.button_wrapper {
  display: inline-block;
  margin: 0 2px;
  background-color: #72bf44;
}
span.button_wrapper input {
  color: #FFF;
}
span.button_wrapper input.button {
  background-color: rgba(152, 152, 152, 0.14);
}
/* CaNCEL & GREY */
a.button_sort,
a.button_grey_mini {
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid;
  padding: 7px 11px;
  font-size: 13px;
  transition: 0.2s ease all;
  color: #333;
  background-color: rgba(152, 152, 152, 0.14);
  border-color: #d0d0d0;
}
a.button_sort > span,
a.button_grey_mini > span {
  display: inline-block;
}
a.button_sort > span i,
a.button_grey_mini > span i {
  vertical-align: top;
  margin-right: 5px;
}
.box > .footer a.button_sort,
.box > .footer a.button_grey_mini {
  color: transparent !important;
}
a.button_sort .button_label,
a.button_grey_mini .button_label {
  display: block;
}
a.button_sort:hover,
a.button_grey_mini:hover {
  background-color: #5d7da524;
  border-color: #bebebe;
}
a.button.filter_btn {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
  position: relative;
  padding-left: 26px;
}
a.button.filter_btn:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
a.button.filter_btn:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 's';
  position: absolute;
  top: 8px;
  left: 10px;
}
/* UP & DOWN */
a.button_up:hover {
  background: rgba(0, 0, 0, 0.03);
}
a.button_up span {
  display: block;
  width: 13px;
  height: 13px;
}
a.button_up span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'u';
}
a.button_down:hover {
  background: rgba(0, 0, 0, 0.03);
}
a.button_down span {
  display: block;
  width: 13px;
  height: 13px;
}
a.button_down span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'd';
}
/* liST SEaRCH */
a.button_list_search:hover {
  background: rgba(0, 0, 0, 0.03);
}
a.button_list_search span {
  display: block;
  width: 13px;
  height: 13px;
}
a.button_list_search span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 't';
}
/* liST REMOVE */
a.button_list_remove:hover {
  background: rgba(0, 0, 0, 0.03);
}
a.button_list_remove span {
  display: block;
  width: 13px;
  height: 13px;
}
a.button_list_remove span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'x';
}
/* UPLOaD - w przypadku inputa doklejamy klasę do !spana! */
a.button_upload span {
  background: url(/_img/icons/upload.png) 4px 2px no-repeat;
  padding: 1px 7px 1px 21px;
}
span.button_wrapper.button_upload INPUT.button {
  background: url(/_img/icons/upload.png) 4px 2px no-repeat;
  padding: 1px 10px 1px 18px;
}
/* DISaBLED <a> */
a.button_disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  outline: none;
  cursor: auto;
}
a.button_disabled span {
  cursor: default;
}
/* ENaBLED <a> */
.button_enabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* DropDown aka Select */
a.button_grey_mini.button_dropdown strong {
  background: url(/_img/button_grey_dropdown.gif) 100% 50% no-repeat;
  padding-right: 12px;
  font-weight: normal;
}
a.button.button_dropdown strong {
  background: url(/_img/button_dropdown.gif) 100% 55% no-repeat;
  padding-right: 12px;
}
.button.button_add {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
  position: relative;
  padding-left: 26px;
}
.button.button_add:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
.button.button_add:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '+';
  position: absolute;
  top: 8px;
  left: 10px;
}
.button.button_info {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
  position: relative;
  padding-left: 26px;
}
.button.button_info:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
.button.button_info:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'p';
  position: absolute;
  top: 8px;
  left: 10px;
}
.button.save {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
  position: relative;
  padding-left: 26px;
}
.button.save:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
.button.save:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'i';
  position: absolute;
  top: 8px;
  left: 10px;
}
.button.button_login {
  background-color: #72bf44;
  border-color: #6bb63e;
  color: #fff;
  position: relative;
  padding-left: 26px;
}
.button.button_login:hover {
  background-color: #66ae3c;
  border-color: #62a639;
}
.button.button_login:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'b';
  position: absolute;
  top: 8px;
  left: 10px;
}
/* template manager button */
.tm_button {
  color: #484848;
  text-decoration: none;
  padding: 3px 10px;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #bdbdbd;
  text-shadow: 0 1px 0 #ffffff;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.tm_button:hover {
  background: #f5f5f5;
  border-color: #333;
}
.button_delete_icon {
  display: inline-block;
  height: 10px;
  width: 12px;
}
.button_delete_icon span {
  display: none;
}
/**
 * (2) 2.3. Button area
 */
.buttons_area {
  margin: 10px 0;
}
.buttons_area.right {
  margin: 0;
}
.buttons_area.right .button_grey_mini,
.buttons_area.right .button {
  margin: 0 0 0 10px;
}
.buttons_area input.button {
  margin-right: 0;
}
.center_buttons_panel,
.box .center_buttons_panel.buttons_area {
  text-align: center;
  margin-top: 10px;
  clear: both;
}
.center_buttons_panel span.button_wrapper,
.center_buttons_panel a.button {
  margin-right: 5px;
}
.buttons_space {
  white-space: nowrap;
  display: flex;
}
.buttons_space .button,
.buttons_space .button_grey_mini {
  margin-right: 5px;
}
.table_button {
  background-color: transparent;
  border-right: 1px solid #5b5a66;
  margin-right: 0;
}
.table_button:last-of-type,
.table_button.nopipe {
  border-right: 0 none;
}
.table_button span {
  padding: 0 7px;
  font-size: 13px;
  color: #0866c6;
  line-height: 1;
  text-decoration: underline;
}
.button_area_list_table a {
  margin-right: 10px;
}
.ui-datepicker-trigger {
  vertical-align: inherit;
}
td.actions {
  text-align: center;
  white-space: nowrap;
}
td.actions a {
  margin-right: 2px;
}
td.actions a.disabled {
  cursor: default;
  opacity: 0.4;
}
td.actions a.disabled span {
  cursor: default;
}
.default_table td.actions {
  padding-left: 5px;
  padding-right: 5px;
}
.toggle_opt_up {
  text-decoration: none;
  font-size: 13px;
}
.toggle_opt_up:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "u";
  margin-left: 6px;
  position: relative;
  top: 2px;
}
.toggle_opt_down {
  text-decoration: none;
  font-size: 13px;
}
.toggle_opt_down:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "d";
  margin-left: 6px;
}
.choose_button_wrapper .button_dropdown {
  display: none;
}
.choose_button_wrapper,
span.inline_form_buttons_area {
  display: inline-block;
  padding-left: 4px;
  vertical-align: top;
  margin-top: 2px;
}
span.inline_buttons_area {
  display: inline-block;
}
span.inline_buttons_area a,
span.inline_form_buttons_area a {
  margin-right: 5px;
}
/**
 * (2) 2.4. Popup
 */
.closePopup {
  display: inline-block;
  margin-top: 3px;
  cursor: pointer;
}
.close_popup {
  cursor: pointer;
}
/* OW popup */
.popup {
  position: fixed;
  z-index: 9500;
  background: white;
  width: 1300px;
  min-width: 700px;
  max-width: 100%;
  -moz-box-shadow: 2px 2px 11px -1px #000000;
  -webkit-box-shadow: 2px 2px 11px -1px #000000;
  box-shadow: 2px 2px 11px -1px #000000;
  max-height: 100vh;
  /* close popup */
  /* top */
  /* header */
  /* content */
  /* footer */
}
.popup#popup_flow_image_file_selector_flow_div {
  width: 1255px;
}
.popup#popup_flow_filemanager_update_file_version_div > .button {
  color: #fff;
  border: none;
  margin-top: 8px;
}
.popup#popup_flow_add_connected_places_objects_div {
  min-width: 1055px;
}
.popup#popup_flow_add_connected_places_objects_div .columnContent1 {
  width: 505px;
  margin-right: 10px;
}
.popup#popup_flow_add_connected_places_objects_div .columnContent2 {
  width: 505px;
}
.popup#popup_flow_add_connected_places_objects_div .table_pager_size {
  padding-right: 7px;
  padding-left: 7px;
  margin-left: 7px;
}
.popup#popup_flow_add_connected_places_objects_div .table_pager_pages {
  padding-right: 7px;
}
.popup#popup_flow_add_connected_places_objects_div .table_pager_total_rows {
  padding-left: 7px;
  padding-right: 0;
}
.popup .popup_header {
  background-color: #2b2b34;
  color: white;
  padding: 4px 8px;
}
.popup .popup_header .popup_title {
  font-size: 15px;
  color: white;
  padding-right: 100px;
  padding: 5px;
  text-transform: uppercase;
}
.popup .popup_header a {
  color: white;
}
.popup .popup_header .close_popup_wrapper {
  position: absolute;
  top: 8px;
  right: 10px;
}
.popup .popup_content {
  overflow-y: auto;
  overflow-x: hidden;
  overflow: auto;
  max-height: calc(100vh - 85px);
}
.popup .popup_content .box_header_section h2 {
  padding: 10px 20px;
  border-top: 0 none;
  background-color: #e2e2e2;
  color: #2b2b34;
  font-size: 16px;
  font-weight: bold;
}
.popup .popup_content .button_panel_tree {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.popup .popup_content.docked {
  max-height: calc(100vh - 145px);
  margin-bottom: 60px;
}
.popup .popup_content.docked .popup_content_inner .center_buttons_panel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 61px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f6f6f6;
  border-top: 1px solid #e4e4e4;
}
.popup .popup_content_inner {
  overflow: hidden;
  padding: 10px;
}
.popup a.close_popup {
  font-weight: normal;
  font-size: 11px;
  margin-left: 10px;
  background: transparent;
  text-decoration: none;
}
.popup a.close_popup span {
  border: none;
  line-height: 20px;
}
.popup a.close_popup span:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "c";
  font-size: 20px;
  padding-left: 10px;
  float: right;
}
.popup table {
  min-width: 100px;
}
.popup .p_bg_l,
.popup .p_bg_r {
  width: 8px;
}
.popup > .button {
  font-weight: normal;
  font-size: 11px;
  margin-left: 10px;
  background: transparent;
  padding: 4px 8px 0 0;
  float: right;
}
.popup > .button span {
  background: url(/_img/popup_layer/close.png) 100% 50% no-repeat;
  border: none;
  padding: 0 20px 1px 0;
  text-decoration: underline;
}
.popup .p_content p {
  margin-bottom: 10px;
}
.popup .p_top .p_bg_l {
  background: url(/_img/popup_layer/popup_bg_tl.png) 0 0 no-repeat;
  height: 8px;
}
.popup .p_top .p_bg_m {
  background: url(/_img/popup_layer/popup_bg_t.png) 0 0 repeat-x;
  height: 8px;
}
.popup .p_top .p_bg_r {
  background: url(/_img/popup_layer/popup_bg_tr.png) 0 100% no-repeat;
  height: 8px;
}
.popup .p_header .p_bg_l {
  background: url(/_img/popup_layer/popup_bg_h_l.png) 0 0 repeat-y;
}
.popup .p_header .p_bg_m {
  background: #4e6375;
  color: white;
  padding: 2px 6px 4px;
}
.popup .p_header .p_bg_m .p_header_txt {
  font-size: 16px;
  color: white;
  font-weight: bold;
  float: left;
}
.popup .p_header .p_bg_m .closePopup {
  text-decoration: underline;
  font-size: 11px;
  margin-left: 10px;
}
.popup .p_header .p_bg_m img.closePopup {
  vertical-align: middle;
  margin-top: 0;
  margin-left: 3px;
}
.popup .p_header .p_bg_r {
  background: url(/_img/popup_layer/popup_bg_h_r.png) 0 0 repeat-y;
}
.popup .p_container .p_bg_l {
  background: url(/_img/popup_layer/popup_bg_l.png) 0 0 repeat-y;
}
.popup .p_container .p_bg_m {
  background: white;
  padding: 7px;
}
.popup .p_container .p_bg_r {
  background: url(/_img/popup_layer/popup_bg_r.png) 0 0 repeat-y;
}
.popup .p_footer .p_bg_l {
  background: url(/_img/popup_layer/popup_bg_bl.png) 0 0 no-repeat;
  height: 8px;
}
.popup .p_footer .p_bg_m {
  background: url(/_img/popup_layer/popup_bg_b.png) 0 0 repeat-x;
  height: 8px;
}
.popup .p_footer .p_bg_r {
  background: url(/_img/popup_layer/popup_bg_br.png) 0 0 no-repeat;
  height: 8px;
}
.popup_tree_cms {
  width: 600px;
  padding: 0 20px;
  height: 600px;
  overflow: auto;
}
/* choose page popup */
#popupBody #contentWrapper.filemanager #content {
  width: 825px;
}
#popupBody #main {
  width: 1182px;
}
.popup #localTreeContentContainer {
  padding: 0 50px 0 10px;
}
.cke_dialog_container {
  position: static !important;
}
.cke_dialog {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.cke_dialog_title {
  cursor: default !important;
  pointer-events: none !important;
}
.cke_popup {
  background: transparent;
  min-width: none;
  min-height: none;
  top: auto;
  left: auto;
  z-index: 9450;
}
/**
 * (2) 2.5. Sidebar menu
 */
/**
 * (2) 2.6. Table
 */
.top_pager {
  width: 100%;
}
.default_table {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #666;
}
.default_table .theader,
.default_table .table_header {
  font-weight: bold;
  background: #f2f1f1;
  color: #666;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 50%, #ececec 51%, #eaeaea 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f9f9f9), color-stop(50%, #efefef), color-stop(51%, #ececec), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #efefef 50%, #ececec 51%, #eaeaea 100%);
  background: -o-linear-gradient(top, #f9f9f9 0%, #efefef 50%, #ececec 51%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #f9f9f9 0%, #efefef 50%, #ececec 51%, #eaeaea 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #efefef 50%, #ececec 51%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eaeaea', GradientType=0);
}
.default_table.draggable .table_header th:first-child {
  padding-left: 30px;
}
.default_table.draggable tr.ui-sortable-handle {
  cursor: grab;
}
.default_table.draggable tr.ui-sortable-handle > td:first-child {
  position: relative;
  padding-left: 30px;
}
.default_table.draggable tr.ui-sortable-handle > td:first-child:before {
  content: '';
  background: url(/_img/ui-resizable-bg.png) no-repeat center;
  display: block;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.default_table.draggable tr.ui-sortable-handle.ui-sortable-helper {
  display: table;
}
.default_table.draggable tr.ui-sortable-handle:hover {
  color: #064d95;
  background: rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.03);
  position: relative;
  z-index: 1;
}
.default_table th {
  font-size: 13px;
  vertical-align: middle;
  border: 1px solid #dadfe0;
  padding: 8px 10px;
  text-align: left;
}
.default_table th.textCenter {
  text-align: center;
}
.default_table th a {
  text-decoration: none;
  color: #666;
}
.default_table th img {
  margin: 0 4px 2px;
}
.default_table td {
  font-size: 13px;
  vertical-align: middle;
  border: 1px solid #dadfe0;
  padding: 8px 10px;
  text-align: left;
}
.default_table td.textCenter {
  text-align: center;
}
.default_table td.sorthandle {
  text-align: center;
}
.default_table td.sorthandle img {
  width: 13px;
  cursor: move;
}
.default_table td a {
  text-decoration: none;
}
.default_table td.table_table_btn_area {
  white-space: nowrap;
}
.default_table .activeElement {
  background-color: #f7fbf1;
  color: #39b54a;
  font-weight: bold;
}
.default_table .inactiveElement {
  background-color: #f5e7e7;
  color: #e03e3e;
  font-weight: bold;
}
.default_table tfoot {
  border: none;
}
.default_table tfoot td {
  padding: 0;
}
.default_table .table_row_odd {
  background-color: #fff;
}
.default_table .table_row_even {
  background-color: #f6f6f6;
}
.default_table .table_row_even .decorated_cell {
  background-color: #f5f5f5;
}
.default_table .table_row_odd .decorated_cell {
  background-color: #e6e6e6;
}
.default_table table.table_footer {
  float: right;
}
.default_table table.table_footer td {
  border: none;
}
.default_table .right_separated_cell {
  border-right-width: 2px;
}
.default_table .active_version_row {
  background-color: #dff0d8;
}
.default_table .active_version_status {
  display: inline-block;
}
.default_table .active_version_status:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "r";
  color: #72bf44;
  font-size: 18px;
  vertical-align: bottom;
  margin-left: 2px;
}
.version-management-list.short .table_body .show-more {
  background: #f6f6f6;
}
.version-management-list.short .table_body .show-more div {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 5px;
  margin: 5px 0;
  text-align: center;
  background: #f6f6f6;
  cursor: pointer;
  position: relative;
}
.version-management-list.short .table_body .show-more div span {
  display: block;
  float: left;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f6f6f6;
  padding: 8px 30px;
  top: 50%;
}
.version-management-list.short .table_body tr:nth-child(n+3):nth-last-child(n+6) {
  display: none;
}
.default_table_layout .row_1 {
  background-color: #f6f6f6;
}
.default_table_layout .row_1 .decorated_cell {
  background-color: #e6e6e6;
}
.default_table_layout .row_2 {
  background-color: #fff;
}
.default_table_layout .row_2 .decorated_cell {
  background-color: #f5f5f5;
}
.default_table_wrapper {
  padding: 10px;
}
/* tabela i górny pager w treści o dwóch kolumnach, ograniczony pager */
.columnContent .default_table .table_pager {
  padding-right: 8px;
}
.columnContent .default_table .table_page_size {
  margin-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.columnContent .default_table .table_info {
  padding-left: 8px;
  padding-right: 0;
}
.columnContent .top_pager .table_pager {
  padding-right: 8px;
}
.columnContent .top_pager .table_page_size {
  margin-left: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.columnContent .top_pager .table_info {
  padding-left: 8px;
  padding-right: 0;
}
/* pager */
.box_table_pager_panel {
  padding-bottom: 40px;
  margin-top: -10px;
}
.box_table_pager_panel .table_pager_page_size {
  padding-right: 5px;
  font-size: 12px;
}
.box_table_pager_panel table {
  width: auto;
  float: right;
}
.box_table_pager_panel .table_pager_total_rows {
  padding-left: 10px;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  text-align: right;
  white-space: nowrap;
  margin-left: 10px;
  border-left: 1px solid #DADFE0;
}
.table_pager_pages {
  font-size: 12px;
  padding-right: 10px;
  border-right: 1px solid #DADFE0;
  margin-right: 10px;
}
.box_table_pager_panel .table_pager_total_rows_count {
  padding-left: 6px;
}
.box_table_pager_panel .table_pager_pages a {
  text-decoration: none;
}
.box_table_pager_panel .table_pager_pages a .first_page_pointer,
.box_table_pager_panel .table_pager_pages a .prev_page_pointer,
.box_table_pager_panel .table_pager_pages a .next_page_pointer,
.box_table_pager_panel .table_pager_pages a .last_page_pointer {
  color: #2e6eca;
}
.box_table_pager_panel .table_pager_pages a.table_pager_number_link,
.box_table_pager_panel .table_pager_pages a.table_pager_last_page_link {
  margin: 0 4px;
}
.box_table_pager_panel .table_pager_pages span {
  margin: 0 4px;
}
.box_table_pager_panel .table_pager_pages span.table_pager_number {
  margin: 0 4px;
}
.box_table_pager_panel .table_pager_pages img {
  display: none;
}
.box_table_pager_panel .first_page_pointer,
.box_table_pager_panel .prev_page_pointer,
.box_table_pager_panel .next_page_pointer,
.box_table_pager_panel .last_page_pointer {
  color: #d0d0d0;
}
.box_table_pager_panel .first_page_pointer:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "{";
}
.box_table_pager_panel .prev_page_pointer:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "<";
}
.box_table_pager_panel .next_page_pointer:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ">";
}
.box_table_pager_panel .last_page_pointer:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "}";
}
#custom-selection-mode .table_pager {
  padding: 0 30px 0 0;
}
#custom-selection-mode .table_page_size {
  padding: 0 30px;
}
#custom-selection-mode .table_info {
  padding: 0 15px 0 30px;
}
.common_table td.rightSpace140 {
  padding-right: 140px;
}
.common_table_flat td {
  padding-bottom: 0;
}
.common_table {
  width: 100%;
  table-layout: fixed;
}
.common_table tr:last-child {
  border: none;
}
.common_table tr td {
  vertical-align: middle;
  padding: 4px 0;
  font-size: 13px;
  color: #666666;
}
.common_table tr td a {
  text-decoration: none;
}
.fixed_cell {
  overflow: hidden !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
}
.two_column {
  width: 100%;
}
.two_column .part_1,
.two_column .part_2 {
  width: 50%;
}
.two_column .two_column_content .part_2 {
  border-left: 1px solid #e2e2e2;
}
.one_row_table TD {
  padding-bottom: 0;
}
/**
 * (2) 2.7. Box
 */
.box .label_field {
  margin-right: 15px;
}
/* box ze zwijakiem */
.box_two_column .box_colum_header {
  background: #e2e2e2;
  border-top: 1px solid white;
  padding: 10px 20px;
  overflow: hidden;
}
.box_two_column .box_colum_header span {
  color: #2b2b34;
  font-weight: bold;
}
.box_toggle {
  background-color: #efefef;
}
.box_toggle input:not(.button),
.box_toggle select {
  background-color: #fff;
}
.box_toggle .box_form_fields_transparent {
  padding: 24px 20px;
}
.box_toggle .box_form_fields .field_option label {
  width: auto;
}
.box_toggle .box_form_row {
  clear: both;
  margin-bottom: 10px;
}
.box_toggle .box_form_fields,
.box_toggle .box_form_fields_plain {
  background: #efefef;
  padding: 24px 20px;
  color: #3d3d3d;
}
.box_toggle .box_form_fields .common_table td,
.box_toggle .box_form_fields_plain .common_table td {
  padding-right: 3%;
}
.box_toggle .box_form_fields .common_table td.last,
.box_toggle .box_form_fields_plain .common_table td.last {
  padding-right: 0;
}
.box_toggle .box_form_fields .common_table td.cell_1,
.box_toggle .box_form_fields_plain .common_table td.cell_1 {
  width: 20%;
}
.box_toggle .box_content_infoBox {
  position: relative;
  margin-bottom: 25px;
  padding-left: 50px;
}
.box_toggle .box_content_infoBox:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url('/_img/info_black.svg') no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.box_toggle .box_colum_header a span {
  font-weight: normal;
}
.box_toggle .box_header {
  background-color: #e2e2e2;
  padding: 10px 18px;
  color: #000;
  font-size: 15px;
}
.box_toggle .box_header:after {
  content: "";
  display: table;
  clear: both;
}
.box_toggle .box_header a span {
  font-weight: normal;
}
.no-header.box_toggle .box_header {
  display: none;
}
.box_toggle .box_form_footer {
  background: #efefef;
  padding: 10px 19px 7px;
  border-top: 1px solid #e2e2e2;
}
.box_toggle .box_form_footer .button_wrapper {
  margin-right: 15px;
}
.box_toggle .box_form_footer .buttons_area .button_wrapper {
  margin-right: 5px;
}
.box_toggle .box_form_footer .buttons_area .button {
  margin-right: 10px;
}
h3.table_section_header {
  margin: 10px -20px 24px -20px;
  padding: 10px 20px;
  border-top: 1px solid white;
  background-color: #e2e2e2;
  font-size: 12px;
  color: #2b2b34;
}
h3.table_section_header.header_collapsed,
h3.table_section_header.header_expanded {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  text-decoration: underline;
  font-size: 15px;
}
h3.table_section_header.header_collapsed:hover,
h3.table_section_header.header_expanded:hover {
  text-decoration: none;
}
h3.table_section_header.header_collapsed:before,
h3.table_section_header.header_expanded:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
  margin: -6px 0 0 0;
}
h3.table_section_header.header_collapsed:before {
  border-color: transparent transparent transparent #2b2b34;
}
h3.table_section_header.header_collapsed + .box_form_content {
  display: none;
}
h3.table_section_header.header_expanded:before {
  border-color: #2b2b34 transparent transparent transparent;
  margin: -3px 0 0 0;
}
/* .box_toggle .box_form_fields label { display: inline-block; width: 155px; }*/
/* zwykły box bez headera */
.box_row {
  border-bottom: none;
}
.box_row_bottom {
  border-top: none;
}
.box_two_column {
  background: #e7efef;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
}
.box_two_column .box_colum_header {
  width: 442px;
  float: left;
  margin-top: 0;
  padding: 11px 20px;
}
.box_header_section {
  border-top: 1px solid #fafafa;
  background-color: #fff;
}
.box_header_section h2 {
  background-color: #e2e2e2;
  color: #2b2b34;
  margin-top: 1px;
  padding: 10px;
}
.box_header_gray {
  background-color: #717a85;
  color: #fff;
  padding: 6px 10px;
}
.box.first {
  border-bottom: none;
}
.box.middle {
  border-top: none;
  border-bottom: none;
}
.box.last {
  border-top: none;
}
.box .box_inner {
  background: #f4f4f4;
  border: 1px solid #e2e2e2;
  padding: 10px;
}
.box_cover {
  position: absolute;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: #ffffff url(/_img/loader.gif) 50% 50% no-repeat;
  z-index: 10;
  cursor: wait;
}
/**
 * (2) 2.8. Drzewo katalogów
 */
.tree {
  text-decoration: none;
  outline: none;
}
.tree .item_selected a span {
  position: relative;
  font-weight: bold;
}
.tree .item_selected a.label_link span {
  background-color: #E8E8E8;
}
.tree a {
  text-decoration: none;
  outline: none;
  display: inline-block;
}
.tree a#node_0 {
  background: url("/_img/cms/tree/root.gif") no-repeat scroll 0 0 transparent;
  padding-left: 28px;
  line-height: 2;
}
.tree a.selected {
  font-weight: bold;
}
.tree a.label_link:hover span {
  text-decoration: underline;
  position: relative;
}
.tree a.control_link {
  margin-right: 6px;
  margin-left: -20px;
}
.tree a span.icon {
  float: left;
  width: 16px;
  height: 15px;
  margin: 0 2px;
}
.tree a span.label {
  display: block;
  padding: 5px 0 5px 4px;
  transition: 0.2s ease all;
}
.tree a span.control {
  float: left;
  text-indent: -10000px;
  cursor: pointer;
  background: url(/_img/cms/tree/node_el_expand.gif) 0 6px no-repeat;
  width: 14px;
  height: 15px;
}
.tree a.open_file {
  line-height: 18px;
}
.tree ul {
  margin: 0 0 0 8px;
  padding: 0;
  list-style-type: none;
}
.tree ul li {
  background: url("/_img/tree/line.gif") repeat-y transparent;
  line-height: 14px;
}
.tree ul li.item_last {
  background-repeat: no-repeat;
}
.tree .item_expanded span.control {
  background-image: url(/_img/cms/tree/node_el_collapse.gif);
}
.tree .children {
  display: none;
}
.tree .children_expanded {
  display: block;
  overflow: hidden;
}
.tree .label_link {
  padding-left: 36px;
}
.tree .disabled_tree_link {
  cursor: default;
}
.tree .checkbox_field,
.tree .radio_field {
  margin: 0 7px 0 20px;
  width: 13px !important;
  height: 13px;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  vertical-align: bottom;
}
.tree .item_lvl_1 .item {
  background: url(/_img/tree/node_el.gif) no-repeat 4px 4px;
  padding: 0 0px 3px 20px;
  position: relative;
  line-height: 18px;
}
.tree .item_lvl_1 .item_last {
  background: url(/_img/tree/node_el_last.gif) no-repeat 4px -2px;
}
.tree .item_lvl_2 ul {
  margin-left: 22px;
}
.exclusion_tree a {
  color: black;
}
#tree_cms_node_tree_cms_nodes_selector {
  width: 700px;
  height: 600px;
  overflow: auto;
}
.file_usage .default_table {
  table-layout: fixed;
  word-wrap: break-word;
}
/* Tree :: accessibility for users */
.tree_access_user_box {
  background: #FCFCFC;
  border: 1px solid #d9d9d9;
  padding: 15px;
}
.tree_access_user_box .acn-cms-tree-error-msg {
  color: red;
  padding: 15px;
}
.tree_access_user_box .button_panel_tree {
  background: #F6F6F6;
  padding: 10px;
  margin-top: 0;
}
.tree_access_user_box .acn-cms-tree-checkbox-legend {
  margin-bottom: 10px;
  padding: 10px;
  background: #F6F6F6;
}
.tree_access_user_box .acn-cms-tree-checkbox-legend:after {
  content: "";
  display: table;
  clear: both;
}
.tree_access_user_box .acn-cms-tree-checkbox-legend span,
.tree_access_user_box .acn-cms-tree-checkbox-legend strong {
  display: inline-block;
  margin: 0 10px 0 5px;
  float: left;
}
.tree_access_user_box .acn-cms-tree-checkbox-legend input {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
}
.tree_access_user_box .rootNode,
.tree_access_user_box .acn_cms_tree_div_wrapper {
  margin: 0 10px;
}
/* Accessibility for users - tree and checkboxes table */
.change_accessibility .acn_cms_tree_div_wrapper {
  overflow: auto !important;
  width: 30% !important;
  margin: 0 !important;
  padding-left: 10px !important;
}
.change_accessibility #acn-cms-tree-table {
  float: right !important;
  width: 65% !important;
  overflow-x: auto !important;
  padding-top: 30px !important;
  margin-top: -33px !important;
}
input.acn_cms_tree_search {
  background-color: #fafafa !important;
}
/**
 * (2) 2.9. Submenu w button area
 */
.buttons_layer {
  white-space: nowrap;
  position: absolute;
  margin-top: 41px;
  right: 24px;
  padding: 10px;
  background-color: #e2e2e2;
  border: 1px solid #d9d9d9;
  color: #FFF;
  z-index: 1000;
  border-radius: 3px 0 3px 3px;
}
.option_wrapper {
  position: relative;
  padding: 5px 5px 6px;
  z-index: 1500;
  border-radius: 3px 3px 0 0;
}
.right.buttons_area .option_wrapper .button {
  margin-left: 0;
  display: block;
  outline: none;
}
.right.buttons_area .buttons_layer .button {
  display: inline-block;
}
/**
 * (2) 2.10. Section tab - tabs menu
 */
#section_tab {
  display: block;
  margin-top: 23px;
  padding: 7px 3px 5px 3px;
  width: 100%;
}
#section_tab li {
  display: inline;
  margin-right: 2px;
}
#section_tab a {
  background-color: #f4f4f4;
  border-bottom: none;
  border: 1px solid #e2e2e2;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  outline: none;
  padding: 7px 20px 5px 20px;
  text-decoration: none;
}
#section_tab li.selected a {
  background-color: #e7efef;
  border-bottom: none;
  border: 1px solid #e2e2e2;
  padding-top: 10px;
  position: relative;
  top: 1px;
}
#section_tab_form {
  background-color: #e7efef;
  border: 1px solid #e2e2e2;
}
#section_tab_form textarea {
  width: 724px;
}
#section_tab_form input[type="text"] {
  width: 724px;
}
#section_tab_form .render_field_choose input[type="text"] {
  width: 600px;
}
#section_tab_form .cell_1 {
  vertical-align: top;
  width: 187px;
}
#section_tab_form .field_option {
  margin-right: 5px;
}
#section_tab_form .form_errors {
  border: 1px solid red;
  margin-bottom: 15px;
}
.section_tab_form_space {
  padding: 24px 20px;
}
/**
 * (2) 2.11. Dwie kolumny w treści, z zielonym tłem, w środku z boksami
 */
.columnBoxContent {
  background: #e7efef url(/_img/column_border.gif) 50% 0 repeat-y;
  border-collapse: separate;
  border: 1px solid #e2e2e2;
  border-spacing: 10px 10px;
}
.columnBoxContent td {
  width: 446px;
  vertical-align: top;
  padding: 10px;
}
.bgcolor_1 {
  background-color: #fff;
}
.bgcolor_2 {
  background-color: #f6f6f6;
}
/* zwykłe dwie kolumny w treści */
.columnContent1 {
  float: left;
  width: calc(50% - 10px);
  margin-right: 20px;
  margin-bottom: 10px;
}
.columnContent2 {
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 10px;
}
/**
 * (2) 2.12. Choose page
 */
.select_button_panel {
  background: white;
  text-align: center;
  padding-top: 5px;
  /*position: absolute; left: 6px; bottom: 12px; width: 433px;*/
}
.select_button_panel .button {
  background-color: #72bf44;
  margin-right: 5px;
}
#tree_cms_node_tree_cms_nodes_selector {
  margin-bottom: 15px;
}
/**
 * (2) 2.13. Layerek z menusem przy buttonach
 */
.context_menu_box {
  display: none;
  margin-top: 1px;
  min-width: 150px;
  position: absolute;
}
.context_menu_box .cmb_content {
  background: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}
.context_menu_box .cmb_content a {
  background: none;
  border: 0;
  margin-top: -1px;
  border-bottom: 1px solid #e2e2e2;
  color: black;
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight: normal;
  padding: 11px 6px;
  text-decoration: none;
}
.context_menu_box .cmb_content a span {
  border: none;
  padding: 0;
}
.context_menu_box .cmb_content a:hover {
  text-decoration: underline;
}
.context_menu_box .cmb_content span {
  background: none;
  border-bottom: 1px solid #e2e2e2;
  color: black;
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight: normal;
  padding: 11px 6px;
  text-decoration: none;
}
.context_menu_box .cmb_content span:hover {
  text-decoration: underline;
}
.context_menu_box .cmb_content li {
  padding: 0 10px;
}
.context_menu_box .cmb_content li:hover {
  background: #e2e2e2;
}
.context_menu_box .cmb_content li.last a {
  border-bottom: none;
}
/**
 * (2) 2.14. formularz - komunikat bledow
 */
.info_box_icon {
  padding: 20px 20px 20px 40px;
  position: relative;
}
.info_box_icon:before {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 20px;
  height: 22px;
  font-size: 22px;
  margin-top: -11px;
}
.form_errors {
  border: 1px solid #fda8a8;
  background-color: #fce9e6;
  border-radius: 3px;
  margin-bottom: 10px;
  color: #ed1c24;
  padding: 20px 20px 20px 40px;
  position: relative;
}
.form_errors:before {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 20px;
  height: 22px;
  font-size: 22px;
  margin-top: -11px;
}
.form_errors:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "c";
}
.form_errors ol {
  margin: 0 0 0 16px;
  padding: 0;
}
.form_errors .form_errors_header {
  font-weight: bold;
  margin-bottom: 14px;
}
#login_errors {
  margin-bottom: 10px;
}
/**
 * (2) 2.15. ow messages
 */
.messages_div {
  background-color: #fff;
  border: 1px solid;
  margin-bottom: 10px;
  padding: 20px 20px 20px 40px;
  position: relative;
}
.messages_div:before {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 20px;
  height: 22px;
  font-size: 22px;
  margin-top: -11px;
}
.messages_div:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "J";
}
.messages_div.success {
  background-color: #c9f2cc;
  color: #18781b;
  border: 1px solid #72bf44;
}
.messages_div.success:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "i";
}
.messages_div.error,
.messages_div#messages_error {
  background-color: #fce9e6;
  color: #ed1c24;
  border: 1px solid #fda8a8;
}
.messages_div.error:before,
.messages_div#messages_error:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "c";
}
.messages_div#messages_addFileQueue {
  padding: 15px 10px 15px 40px;
  position: relative;
}
.messages_div#messages_addNewFileVersionQueue {
  padding: 15px 10px 15px 40px;
  position: relative;
}
.messages_div#messages_addNewFileVersionQueue:before {
  display: block;
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 20px;
  height: 22px;
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "J";
  font-size: 22px;
  margin-top: -11px;
}
#messages_confirmation,
#messages_info {
  color: #368a3a;
  border: 1px solid #72cf77;
  padding: 10px 35px;
}
.data_order_field TD {
  background: #fff;
}
.message_confirmation_box {
  background: #effbdd url(/_img/valid_message_icon.gif) no-repeat 19px 5px;
  padding: 18px 19px 27px 77px;
  font-weight: bold;
  margin-bottom: 10px;
}
.message_error_box,
.message_warning_box {
  background: #fbe2dd url(/_img/error_message_icon.png) no-repeat 19px 14px;
  padding: 23px 19px 22px 77px;
  font-weight: bold;
  margin-bottom: 10px;
}
.message_warning_box {
  background: #fcf8e3 url(/_img/warning_message_icon.png) no-repeat 15px 7px;
}
/**
 * (2) 2.16. Tooltip
 */
.ui-tooltip {
  border: #d9d9d9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tooltip_icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: grey;
  text-align: center;
  border-radius: 50%;
  color: white;
  margin-top: 5px;
  margin-left: 6px;
  font-weight: 700;
  line-height: 20px;
}
/**
 * (2) 2.17. Thumbnail
 */
.img_preview {
  position: fixed;
  display: none;
  max-width: 500px;
  max-height: 500px;
  z-index: 7;
}
.img_preview.active {
  display: block;
}
.img_preview img {
  max-width: 100%;
}
/**
 * (2) 2.18. Thumbnail
 */
.instruction ul {
  list-style: disc;
  padding: 10px 0 15px 28px;
}
.instruction ul li {
  padding: 3px 0;
}
/**
 * (1) 3. Styles describing the layout
 */
/**
 * (2) 3.5. Cover
 */
#cover {
  position: fixed;
  background: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 9000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#defaultModalPopupCover {
  display: none !important;
}
/**
 * (1) 4. Content
 */
#wrapper {
  min-height: 100vh;
}
#wrapper #main {
  min-height: 100vh;
}
.content_separator,
.content_separator_2 {
  width: 100%;
  height: 1px;
  background: rgba(91, 90, 102, 0.2);
  clear: both;
  margin: 0 0 10px;
}
.content_separator_2 {
  width: 100%;
  height: 10px;
  background: #f3f7f8;
  clear: both;
  margin: 10px 0 10px;
}
.sidebar_separator {
  width: 92%;
  height: 1px;
  background-color: #e2e2e2;
  clear: both;
  margin: 0 0 12px;
}
/**
 * (1) 5. Other screen
 */
/**
 * (2) 5.1. Formularz logowania
 */
#tmpLoginWrapper {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  margin-top: 150px;
}
#tmpLoginWrapper .bottom_buttons_wrapper {
  padding-top: 10px;
}
#tmpLoginWrapper .forgotPassword {
  float: left;
}
#tmpLoginWrapper .button {
  float: right;
}
#loginFormWrapper {
  background: #efefef url(/_img/login_form_box_bg.png) no-repeat 100% 100%;
  text-align: left;
  padding: 25px;
  border: 1px solid #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  background-size: cover;
  border-radius: 2px;
}
#loginFormWrapper .errors_desc {
  width: 307px;
  margin-left: 4px;
}
#loginFormWrapper .form_errors {
  background-image: none;
}
#loginFormWrapper .field_error_container {
  display: block;
}
#loginFormWrapper .field_error_inner {
  display: block;
  margin: 5px 0 0;
}
#loginFormWrapper #logoutMessageWrapper {
  margin-left: 4px;
  margin-bottom: 30px;
  border: 1px solid #72bf44;
  color: #72bf44;
  border-radius: 2px;
}
#loginFormWrapper #logoutMessageWrapper #logoutMessage {
  padding: 9px;
  margin: 1px;
  background-color: white;
  text-align: center;
}
#loginFormWrapper h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
#loginFormWrapper .loginInfo {
  margin-bottom: 20px;
}
.login-form-box {
  width: 272px;
  padding-left: 20px;
}
.login-form-box .field_label {
  font-weight: bold;
}
.login-form-box h2 {
  height: 28px;
  color: #63b747;
  font-size: 20px;
  padding: 9px 0 0 0;
}
.login-form-box h2 span {
  font-size: 11px;
  padding-left: 8px;
}
.login-form-box .loginInfo {
  padding: 25px 0;
}
.login-form-box #form_login td {
  padding: 0 20px 17px 0;
}
.login-form-box #form_login .cell_1 {
  font-weight: bold;
}
.login-form-box #form_login .mandatory {
  display: none;
}
.login-form-box #form_login #login_login,
.login-form-box #form_login #login_password {
  width: 190px;
}
.login-form-box .cell_2 {
  padding-right: 0;
}
.login-form-box table {
  width: 100%;
}
#passwordRecovery .login-form-box {
  width: 384px;
}
#passwordRecovery .box_form_content td.cell_1 {
  vertical-align: top;
  padding: 7px 0 0;
}
#passwordRecovery .box_form_content .captcha_container .captcha_picture {
  display: block;
  margin-top: 10px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}
#passwordRecovery .box_form_content .field_error_inner span {
  display: inline-block;
}
#passwordRecovery .box_form_content #password_recovery_captcha_prompt_cover {
  display: none!important;
}
#passwordReset .login-form-box {
  width: 321px;
}
#passwordReset {
  padding-right: 0;
}
#OneTimeCodeWrapper .form_table {
  table-layout: auto;
}
#OneTimeCodeWrapper .form_table td.cell_1 {
  width: 120px;
}
#OneTimeCodeWrapper .bottom_buttons_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/**
 * (2) 5.2. Home page
 */
#popup_flow_websites_add_edit_div,
#popup_flow_domain_add_edit_div {
  max-width: 800px;
}
#contentWrapper {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-height: calc(100vh - 82px);
}
#contentWrapper.welcome .screen_title {
  margin-left: 5px;
  padding-bottom: 10px;
  color: #333;
}
#contentWrapper.welcome .no_permission {
  float: none;
}
#contentWrapper.welcome .no_permission p {
  padding: 13px 5px;
}
#contentWrapper.dashboard .content_separator {
  margin-bottom: 20px;
}
#contentWrapper.dashboard .add_site .content_separator {
  margin: 0 0 10px;
}
#contentWrapper.dashboard .add_site #websites_management_url {
  width: 250px;
}
#contentWrapper.dashboard .remove_domain span {
  display: none;
}
#contentWrapper.dashboard .remove_domain:after {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "c";
  vertical-align: bottom;
  margin-left: 3px;
}
#contentWrapper #sidebar {
  float: left;
  padding-bottom: 30px;
}
#contentWrapper #content {
  padding: 30px 24px 80px 24px;
  float: left;
  position: relative;
  background-color: #fff;
  border-left: 1px solid #d9d9d9;
  box-sizing: border-box;
  width: calc(100% - 14vw);
  min-height: calc(100vh - 82px);
}
#contentWrapper #content h2.screen_title {
  color: #333333;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: 400;
  float: left;
}
#contentWrapper #content #renameTemplate h2.screen_title {
  display: inline-block;
  font-size: 15px;
  width: 60px;
  margin-bottom: 10px;
  clear: left;
}
#contentWrapper #content #renameTemplate h2.screen_title + input {
  margin-bottom: 10px;
  width: 400px;
}
#contentWrapper #content #renameTemplate .inline_buttons_area {
  margin-top: 0;
}
#contentWrapper .content h2.screen_title {
  color: #333333;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: 400;
  float: left;
}
.dashboard h2.screen_title {
  padding-right: 20px;
}
#websites_add_edit_name {
  width: 250px;
  margin: 0 2px;
}
.form_table .ssl_field_cell {
  padding-top: 5px;
}
.form_table .ssl_field_cell .checkbox_field {
  margin-top: 1px;
  vertical-align: middle;
}
/**
 * (2) 5.3. Filemanager
 */
.option_enabled:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "H";
  color: #72bf44;
  font-size: 18px;
}
.option_disabled:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "K";
  color: #DC1818;
  font-size: 18px;
}
#main.short #contentWrapper {
  background: #fff;
}
.section_header {
  background: #e2e2e2;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}
.section_header span {
  color: #2b2b34;
  font-weight: bold;
}
.extract_file .field_option {
  display: inline-block;
  padding: 0 10px 10px 0;
}
.extract_file #extractFile_target_current_option {
  display: block;
}
.extract_file .text_field {
  width: 200px !important;
}
.filemanager .extract_file .box_form_fields .cell_1 {
  width: 1px;
  padding: 0;
}
.path_panel h2.screen_title {
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
}
.path_panel .folder_descr {
  padding: 2px 0 5px 1px;
  clear: left;
  font-size: 13px;
  color: #333;
}
#contentWrapper .content .folder_details .screen_title {
  float: none;
}
.path_panel a,
.path_panel .current_folder {
  display: inline-block;
  padding: 1px 2px 2px 0;
  font-size: 14px;
  color: #1E3B54;
}
.path_panel .current_folder {
  padding-top: 7px;
}
.folder_path {
  display: inline-block;
  padding: 1px 0 0 5px;
}
.content_view {
  padding-left: 20px;
}
.content_view .icon-align-justify,
.content_view .icon-thumbnails {
  color: #333;
  font-size: 20px;
  color: #0866c6;
}
.content_view .icon-align-justify img,
.content_view .icon-thumbnails img {
  display: none;
}
.content_view img {
  vertical-align: top;
  margin-left: 2px;
  margin-top: 2px;
}
.select_content_filter {
  font-size: 11px;
}
.filemanager_window select.select_field {
  width: 200px;
}
.content_tool_panel {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}
.content_tool_panel .right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.content_tool_panel a.button_grey_mini {
  background-color: transparent;
  border: 0;
}
.content_tool_panel a.button_grey_mini span {
  color: #0866c6;
  font-size: 13px;
  padding: 3px;
}
.content_tool_panel a.button_grey_mini span:before {
  padding-right: 5px;
  font-size: 15px;
  float: left;
}
/* CUT */
a.button_cut span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "j";
}
/* COPY */
a.button_copy span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "k";
}
/* PaSTE */
a.button_paste span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "l";
}
/* DELETE */
a.button_delete span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "m";
}
/* ZIP */
a.button_zip span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "z";
}
.content_filter {
  margin-left: 10px;
}
.link_separator {
  border-left: 1px solid #dadfe0;
  margin: 0 8px;
  height: 15px;
}
.imgfile_presentation {
  background: #fafafa;
  padding: 20px 0;
  text-align: center;
}
.imgfile_presentation img {
  height: auto;
  width: auto;
  max-width: 400px;
}
#renameFolder_name {
  width: 585px;
}
.add-new-folder-layer {
  width: 300px;
  padding: 10px;
  right: 24px;
  border-radius: 3px;
}
.add-new-folder-layer-form {
  display: flex;
  justify-content: space-between;
}
.add-new-folder-layer-form .text_field {
  width: 100%;
}
.add-new-folder-layer .form_errors {
  white-space: normal;
  background-image: none;
  padding-left: 20px;
}
.add-new-folder-layer .button {
  margin-left: 0;
}
.add-new-file-layer.force-big {
  display: block !important;
  left: 24px;
  top: 30px;
  right: 24px;
  bottom: 24px;
  width: auto;
}
.add-new-file-layer.force-big .mCSB_container,
.add-new-file-layer.force-big .mCustomScrollBox {
  position: static !important;
}
.add-new-file-layer.force-big .box_advanced_upload_field {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.5);
  border: 1px dashed #d0d0d0;
  border-radius: 3px;
  overflow: hidden;
}
.add-new-file-layer.force-big .advanced_file_field,
.add-new-file-layer.force-big .submit_form_button_field,
.add-new-file-layer.force-big .ac_compression_span {
  display: none;
}
.add-new-file-layer {
  padding: 10px;
  right: 24px;
  width: 300px;
}
.add-new-file-layer .common_table {
  width: auto;
}
.add-new-file-layer .drop-area {
  margin: 10px 0;
  color: #333;
}
.add-new-file-layer .file-item-box {
  margin: 5px 0;
}
.add-new-file-layer .file-size {
  color: #333;
  padding: 0 10px;
}
.add-new-file-layer .file-progress {
  color: #333;
}
.add-new-file-layer .progress-text {
  color: #333;
  padding-right: 10px;
}
.add-new-file-layer .multiupload-info {
  color: #333;
  margin: 15px 0 5px 0;
  display: block !important;
}
.add-new-file-layer .multiupload-info .title {
  display: block;
  margin-bottom: 5px;
}
.add-new-file-layer .multiupload-info #addFile_file_totalSize {
  padding: 5px 5px 0 0;
}
.add-new-file-layer .multiupload-info .multiUploadInProgress {
  display: none;
}
.add-new-file-layer .multiupload-info #addFile_file_filesSentInfo {
  display: block;
}
.add-new-file-layer .file_field {
  color: #333333;
}
.add-new-file-layer .mCSB_container {
  margin: 0;
}
.add-new-file-layer .mCSB_scrollTools {
  display: none !important;
}
.add-new-file-layer .file-item-box-inner {
  display: flex;
  align-items: center;
  line-height: 16px;
}
.add-new-file-layer .file-item-box-inner .file-name {
  color: #000;
}
.add-new-file-layer .file-item-box-inner b,
.add-new-file-layer .file-item-box-inner .file-name,
.add-new-file-layer .fileuploadTemporaryStorageLink {
  max-width: 180px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-new-file-layer .fileuploadTemporaryStorageLink.disabled {
  background: none;
}
.add-new-file-layer .drop_mask_wrapper {
  background: rgba(255, 255, 255, 0.3);
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.add-new-file-layer .box_advanced_upload_field .files {
  max-height: 40vh;
  overflow-y: auto;
}
.add-new-file-layer .box_file_field {
  float: left;
}
.add-new-file-layer .submit_form_button_field > .button {
  display: block !important;
  margin: 0 0 0 auto;
  width: 100px;
  text-align: center;
}
.add-new-folder-layer .field_error_container,
.add-new-file-layer .field_error_container {
  display: block;
  white-space: normal;
  max-width: 300px;
  color: red;
}
.add-new-folder-layer .field_error_container {
  padding-top: 10px;
}
.add-new-folder-layer .options_info,
.options_info {
  padding-left: 22px;
  background: url('/_img/icons/info.png') 0 5px no-repeat;
  color: #333333;
}
.add-new-folder-layer .files a,
.add-new-file-layer .files a {
  text-decoration: none;
}
#fileNotespan {
  display: inline-block;
  padding-bottom: 5px;
}
.add-new-file-layer .ac_compression_span {
  color: #000;
  margin: 10px 0;
  display: block;
}
.add-new-file-layer .ac_compression_span label {
  margin-right: 5px;
}
.add-new-file-layer .ac_compression_span select {
  width: 190px;
}
/* icon view */
.icon_view_table {
  margin: 10px 0;
}
.item_block {
  position: relative;
  float: left;
  width: 135px;
  height: 135px;
  margin: 0 7px 10px 0;
  text-align: center;
  border: 2px solid #FFF;
  background-color: #FFF;
  transition: 0.2s ease border-color;
}
.item_block:hover {
  border-color: #cadcf0;
}
.item_block.active {
  border-color: #72bf44;
}
.item_block.notAllAccepted {
  border: 1px solid red;
}
.item_block.notAllAccepted:hover {
  border-color: red;
}
.item_block.notAllAccepted .item_name .graphical_file {
  color: red;
}
.item_block.empty {
  height: 0;
  visibility: hidden;
}
.item_block .item_select {
  position: absolute;
  left: 0;
}
.item_name a > span img {
  display: none;
}
.item_block .item_name {
  padding: 0 0 3px;
  clear: both;
}
.item_block .item_name a {
  font-size: 13px;
  text-decoration: none;
  color: #333333;
}
.item_block .item_img {
  padding-top: 18px;
  padding-bottom: 10px;
}
.item_block .item_img img {
  max-height: 60px;
}
.item_block .item_img a {
  display: inline-block;
  text-decoration: none;
}
.item_block .item_img a span:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  font-size: 50px;
  display: block;
}
.item_block .item_img a[id^="file_link"] span:before {
  display: none;
}
.item_block .item_details a {
  font-size: 9px;
  text-decoration: none;
}
.item_block .item_details a img {
  margin-right: 3px;
  vertical-align: baseline;
}
.item_block .item_details {
  margin: 6px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.item_block .item_details .button_grey_mini {
  background-color: transparent;
  border: 0;
  color: #0866c6;
  margin: 0;
  padding: 4px 0;
}
.item_block .item_details .button_grey_mini span {
  padding: 0;
  padding: 0 7px;
  text-decoration: underline;
}
.item_block .item_details .button_grey_mini.button_primary {
  padding: 4px 0;
}
.item_block .item_details .button_grey_mini.button_primary span {
  border-left: 1px solid gray;
}
.item_block .leftSeparator {
  border-left: 1px solid #e2e2e2;
  padding-left: 5px;
  margin-left: 4px;
}
a.details {
  font-size: 9px;
  text-decoration: none;
}
a.details img {
  margin-right: 3px;
  vertical-align: baseline;
}
.default_table a.details {
  font-size: 10px;
}
#table_folderContent .item_name a {
  text-decoration: none;
}
#table_folderContent .item_name img {
  margin-right: 3px;
  vertical-align: middle;
}
#table_folderContent .item_name span.folder:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "f";
  padding-right: 10px;
}
#zipFileName_name {
  width: 625px;
}
#searchResults .screen_title {
  color: black;
}
#searchResults .screen_title strong {
  color: #4e6375;
}
.box_form_content .form_table {
  table-layout: auto;
}
i.clock {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin: 0 0 0 5px;
  background: url(/_img/clock.png);
}
.miniature {
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  left: 200px;
}
.miniature.bottom img {
  top: auto;
  bottom: 0;
}
.miniature img {
  max-width: 250px;
  max-height: 250px;
  x-index: 1;
}
/**
 * (2) 5.4. See also - elementy w zestawie
 */
#form_see_also_add_edit_set_section_basic h3.table_section_header,
#form_see_also_add_edit_element_section_basic h3.table_section_header {
  display: none;
}
#choosenFileWrapper__see_also_add_edit_element_picture,
#fileNotChosen__see_also_add_edit_element_picture {
  padding-top: 3px;
}
#choosenFileWrapper__see_also_add_edit_element_picture td,
#fileNotChosen__see_also_add_edit_element_picture td {
  vertical-align: middle;
}
#see_also_add_edit_element_targeturl {
  width: 625px;
}
/* see also - formularz dodawania zestawu */
.seealsoSetFormCatInfo {
  margin-left: 104px;
  width: 265px;
}
/**
 * (2) 5.5. Rss
 */
#sortForm {
  width: 735px;
}
#sortForm #order_rss {
  float: left;
  height: 220px;
  width: 710px;
}
#sortForm #order_cms {
  float: left;
  height: 220px;
  width: 710px;
}
#sortForm .buttons_area {
  padding: 0 0px 4px 0;
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
#sortForm .buttons_area a {
  margin-right: 5px;
}
#sortForm .buttons_area .label {
  margin-right: 10px;
}
#sortForm .buttons_area .form_info {
  display: inline-block;
}
#sortForm .buttons_area .buttons {
  display: inline-block;
}
#sortForm .sort_buttons_container {
  float: right;
}
#sortForm .sort_buttons_container a {
  margin-bottom: 8px;
  outline: none;
}
#sortForm #bottom {
  margin-bottom: 0;
}
#sortForm #bottom a {
  margin: 0;
}
#sortForm #bottom a span {
  background-image: url(/_img/sort_bottom.gif);
}
#sortForm .ow_order_button a span {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 1px;
}
#sortForm .ow_order_button span {
  text-indent: -9999px;
}
#sortForm #top a span {
  background-image: url(/_img/sort_top.gif);
}
#sortForm #up a span {
  background-image: url(/_img/sort_up.gif);
}
#sortForm #down a span {
  background-image: url(/_img/sort_down.gif);
}
.field_info,
.form_info {
  margin-top: 10px;
  color: #737777;
  font-size: 11px;
  max-width: 450px;
}
.field_info td,
.form_info td {
  padding-bottom: 5px;
}
#add_edit_rss_filename {
  width: 200px;
}
#form_add_edit_rss .render_field_choose {
  width: 68%;
  display: inline-block;
}
#form_add_edit_rss .render_field_choose input {
  width: calc(100% - 67px);
}
#form_add_edit_rss .render_field_choose + .field_error_container {
  vertical-align: super;
}
/**
 * (2) 5.7. Nawigacje/menusy
 */
#form_classic_menu_form_section_basic h3.table_section_header,
#form_context_menu_form_section_basic h3.table_section_header,
#form_list_menu_form_section_basic h3.table_section_header,
#form_links_menu_form_section_basic h3.table_section_header {
  display: none;
}
.make__box_content_body__height400 .box_content_body {
  min-height: 550px;
}
.make__box_content_body__height400 #localTreeContentContainer,
.make__box_content_body__height400 #localTreeContentContainermenuContext {
  background-color: #fff;
  height: 540px;
  overflow: auto;
  position: relative;
  padding: 5px;
}
#addNewElementTable input {
  width: 200px;
}
/**
 * (2) 5.10. Faq
 */
/**
 * (2) 5.11. Messages
 */
#messages_task_form_eventDate {
  width: 85px;
}
#messages_task_form_eventDateHour {
  width: 25px;
}
#messages_task_form_eventDateMinute {
  width: 25px;
}
#messages_form_targeturl {
  width: 625px;
}
#form_messages_form_section_config h3.table_section_header {
  display: none;
}
/**
 * (2) 5.12. News & messages task table
 */
#taskTable {
  width: 100%;
}
#taskTable table {
  width: auto;
}
#taskTable table td {
  padding-right: 20px;
  vertical-align: top;
}
#taskTable .taskType_label {
  width: 60px;
}
#taskTable .taskType_field {
  width: 200px;
}
#taskTable .dateTime_label {
  width: 40px;
}
#taskTable .dateTime_field {
  position: relative;
}
#taskTable .dateTime_field .field_error_container {
  position: absolute;
}
#taskTable .no {
  width: 15px;
}
#taskTable .taskType_value {
  width: 243px;
}
#taskTable .dateTime_value {
  width: 232px;
}
#taskTable .actions {
  padding-right: 0;
  text-align: right;
  width: 50px;
}
#taskTable .actions a {
  margin: 0;
}
#taskTable .field_error_container {
  max-width: 110px;
}
#taskTable .render_field_choose input {
  width: 230px;
}
#taskList {
  margin-top: 10px;
}
#taskForm_cell {
  padding-right: 0;
}
#taskForm_cell .form_table {
  margin-bottom: 8px;
}
#taskList_cell {
  border-top: 1px solid white;
  padding-right: 0;
}
.box .errors_absolute {
  padding-bottom: 30px !important;
  position: relative;
}
.box .errors_absolute .field_error_container {
  bottom: 0;
  left: 0;
  position: absolute;
}
#content .add_scheduled_operation_form .box {
  border: 0 none;
}
#content .add_scheduled_operation_form .box_content {
  padding: 0;
}
#content .add_scheduled_operation_form .box_form_fields {
  padding: 0;
}
#content .add_scheduled_operation_form .errors_absolute input {
  border: 1px solid #e4e4e4;
}
#content .add_scheduled_operation_form .errors_absolute .field_error_container {
  max-width: 230px;
  bottom: 10px;
}
#content .add_scheduled_operation_form .render_field_choose {
  margin: 0 10px 0 0;
}
#content .add_scheduled_operation_form .render_field_choose input {
  width: 350px;
}
/**
 * (2) 5.13. Moduł headers & footers
 */
.field_info .cell_1 {
  width: 100px;
}
.field_info .cell_2 {
  width: 300px;
}
.common_form_element_height {
  line-height: 21px;
}
.CodeMirror {
  width: 68%;
}
.cke_chrome .CodeMirror {
  width: auto;
}
.template_file_data .CodeMirror {
  width: 100%;
}
/**
 * (2) 5.14. alias
 */
/**
 * (2) 5.15. System properties
 */
/**
 * (2) 5.16. Groups
 */
/**
 * (2) 5.17. Category
 */
#form_add_category_section_basic h3.table_section_header {
  display: none;
}
.common_table td.category_select_label {
  padding-left: 25px;
}
.common_table td.category_select .select_field {
  width: 300px;
}
.delete_category_description {
  margin-top: 5px;
  margin-bottom: 15px;
  color: red;
  font-size: 14px;
  font-weight: bold;
}
/**
 * (2) 5.18. User component
 */
/**
 * (2) 5.19. Filter two column
 */
.twoColumnFilter {
  width: 100%;
}
.box_form_fields .flex-table .row_1,
.box_form_fields .flex-table .cell_1,
.box_form_fields .flex-table .cell_2 {
  display: flex;
  align-items: center;
}
.box_form_fields .cell_1 {
  vertical-align: top;
  width: 200px;
}
.box_form_fields .cell_1 .field_label {
  display: inline-block;
  padding-top: 5px;
}
.box_form_fields .cell_1 .field_label.required:after {
  content: '*';
  color: #FF0000;
}
.box_form_fields .maxWidth {
  width: 100%;
}
.box_form_fields .cell_2 {
  vertical-align: top;
}
.box_form_fields .cell_2 .field_label {
  display: inline-block;
  padding-top: 5px;
}
.box_form_fields .cell_1.valignMiddle,
.box_form_fields .cell_2.valignMiddle {
  vertical-align: middle;
}
.box_form_fields .box_table_pager_panel select {
  width: 50px;
}
.box_form_fields #flow_web_specials_basic_info_div .cell_2 {
  width: 100px;
}
.box_form_fields span.medium_field input.text_field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  width: 350px;
}
.box_form_fields span.medium_field .textarea_field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  width: 350px;
}
.box_form_fields .twoColumnFilter .cell_1 {
  width: 149px;
}
.make_like__box_form_fields_cell_1 {
  vertical-align: top;
  width: 200px;
}
.make_like__box_form_fields_cell_1 .field_label {
  display: inline-block;
  padding-top: 5px;
}
input.text_field,
input.password_field,
.textarea_field,
.date_picker_field {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  font-size: 14px;
  padding: 7px 8px;
  border-radius: 3px;
  width: 68%;
  color: #333333;
}
#link_basic_info0_menuLinkTitle {
  width: 100%;
}
.box_form_fields .twoColumnFilter input.text_field,
.box_form_fields .twoColumnFilter input.password_field,
.box_form_fields .twoColumnFilter .textarea_field,
.box_form_fields .twoColumnFilter select {
  width: 248px;
}
.reset_spacer .cell_1 {
  width: auto;
}
.reset_spacer .cell_2 {
  width: auto;
}
.columnContent .box_form_fields .cell_1 {
  width: 149px;
}
.columnContent .box_form_fields .cell_2 {
  width: 250px;
}
.columnContent .box_form_fields input.text_field,
.columnContent .box_form_fields input.password_field,
.columnContent .box_form_fields .textarea_field,
.columnContent .box_form_fields select {
  width: 248px;
}
.multicheckbox_box_wrapper {
  width: 572px;
}
.multicheckbox_box_header {
  padding-right: 2px;
  text-align: right;
  padding-bottom: 5px;
}
.multicheckbox_box {
  border: 1px solid #E4E4E4;
  background-color: white;
  padding: 6px;
}
.multicheckbox_box.clipped {
  overflow: auto;
  height: 90px;
}
.multicheckbox_box p {
  line-height: 24px;
}
.box_form_fields .cell_1_colspan2 {
  padding-top: 12px;
}
.box_form_fields .cell_1_colspan2 textarea {
  width: 912px;
}
.field_label_container {
  padding-bottom: 5px;
}
.main_field_label_container {
  width: 50%;
  float: left;
  padding-bottom: 5px;
}
.main_field_container {
  clear: both;
}
.checkbox_field_container {
  width: 20%;
  float: right;
  text-align: right;
  margin-top: -3px;
}
.checkbox_field_container .checkbox_field {
  margin: 0 3px 0 0;
  vertical-align: top;
}
.box_form_fields input.date_picker_field,
input.date_picker_field {
  width: 90px;
  margin-right: 3px;
}
.box_form_fields input.date_picker_field.hasDatepicker[disabled] + img,
input.date_picker_field.hasDatepicker[disabled] + img {
  opacity: 0.5;
}
.box_form_fields .hour_minutes_field .text_field,
.hour_minutes_field .text_field {
  width: 35px;
}
.field_label_error {
  color: #ED1C24;
}
#componentConfigFormBox .field_label_error {
  olor: black;
}
.box_form_fields .checkbox_with_textfield_cell input.text_field {
  width: 680px;
}
/**
 * (2) 5.20. Walidacja strony/odnośnika
 */
#noValidNodeMessageWrapper {
  max-height: 500px;
  overflow: auto;
}
#noValidNodeMessageWrapper li {
  margin-bottom: 5px;
}
#noValidNodeMessageWrapper li ul li {
  background: #e7efef url(/_img/list_style_line.gif) no-repeat 0 11px;
  color: #ed1c24;
  display: block;
  margin: 0 0 0 70px;
  padding: 5px 0 0 8px;
}
/**
 * (2) 5.21. Wykorzystanie w serwisie
 */
p.usageInService,
.usage_in_service {
  padding-bottom: 5px;
  margin-top: -10px;
}
.usage_in_service li {
  line-height: 30px;
}
.usage_in_service .component_usage_list li {
  background: transparent url(/_img/list_style_line.gif) no-repeat 0 8px;
  padding-left: 8px;
  line-height: 19px;
}
/**
 * (2) 5.22. Events
 */
/**
 * (2) 5.23. Site validator
 */
/* parameter_based_redirects */
#parameter_based_redirects_table.default_table {
  border-collapse: separate;
}
/**
 * (3) 5.25.2. User groups
 */
/**
 * (3) 5.25.3. User accounts
 */
.user_data_field {
  padding: 3px;
}
.user_data_field strong {
  margin-right: 5px;
}
.user_accound_groups_field_render {
  background: #f4f4f4;
  padding: 10px 15px;
  margin-top: 10px;
  border: 1px solid #e2e2e2;
}
.user_accound_groups_field_render select {
  width: 300px;
}
.account_under_deletion {
  font-style: italic;
  color: red;
}
.registrion_date_preview .cell_1 {
  width: 125px;
}
/**
 * (3) 5.25.4. Przekierowania parametryzowane
 */
#parameter_based_redirects_table input.text_field {
  width: 50px;
}
#parameter_based_redirects_table .render_field_choose input[type="text"] {
  width: 350px;
}
/**
 * (2) 5.26. Templates manager
 */
/**
 * (2) 5.27. Metrics
 */
.summary_plain_field_wrapper .textarea_field {
  width: 100%;
}
/**
 * (2) 5.28. Tags
 */
#flow_delete_tag_popup_div .usage_in_service {
  margin: 0;
}
/*
 * 5.30. administrator accounts
 */
/*
 * (2) 5.33. Zmiany wygladu elementow dialogow ckeditors
 */
.items_hbox_txturl_browse > td.cke_dialog_ui_hbox_last {
  vertical-align: bottom;
}
.items_hbox_txturl_browse > td.cke_dialog_ui_hbox_last > .item_button_browse {
  margin-top: 0 !important;
  margin-bottom: 1px;
}
table.items_hbox_browse_browseFileManager {
  margin: 10px auto 10px 0 !important;
  width: auto !important;
}
table.items_hbox_browse_browseFileManager td {
  width: auto !important;
}
table.items_hbox_browse_browseFileManager td .cke_dialog_ui_button {
  margin: 0 !important;
}
select.cke_dialog_ui_input_select {
  line-height: normal !important;
}
.items_hbox_src_browse > .cke_dialog_ui_hbox_last {
  vertical-align: bottom;
}
.items_hbox_src_browse > .cke_dialog_ui_hbox_last > .item_button_browse {
  margin-top: 0 !important;
  margin-bottom: 1px;
}
#table_fileDetailsScheduledOperation,
#table_aliasScheduledOperationList {
  margin-left: 207px;
  margin-right: 0;
  border-top: 1px solid #fff;
}
#table_fileDetailsScheduledOperation > table,
#table_aliasScheduledOperationList > table {
  width: 100%;
  margin-top: 10px;
}
#table_fileDetailsScheduledOperation > table tr td:last-child,
#table_aliasScheduledOperationList > table tr td:last-child {
  text-align: right;
  padding-right: 0;
}
#table_aliasScheduledOperationList .button_grey_mini {
  margin-right: 0;
}
#form_file_scheduled_operation td {
  width: auto;
}
#form_file_scheduled_operation td.make_like__box_form_fields_cell_1 {
  width: 198px;
}
#form_file_scheduled_operation .form_table {
  table-layout: auto;
}
#file_scheduled_operation_operationType {
  width: 140px;
}
.add_scheduled_operation_form .bottomSpace {
  margin-bottom: 0;
}
#zip-file-content th {
  background: none;
  border-style: solid;
  border-width: 0 0 1px 0;
}
#zip-file-content tr {
  background: none;
}
#zip-file-content td {
  border-style: solid;
  border-width: 1px 0 0 0;
}
.expand_zip.toggle_opt_down,
.expand_zip.toggle_opt_up {
  margin-left: 20px;
  text-decoration: none;
  float: right;
  background-position: 100% 2px;
}
#form_file_scheduled_operation #taskTable {
  width: 100%;
}
#file_scheduled_operation_versionId {
  width: 50px;
}
.hidden-outside-builder {
  display: none;
}
.render_field_choose {
  display: inline-block;
  margin: 0 10px -8px 0;
}
.render_field_choose input[type=text] {
  width: calc(68% - 72px);
}
.suffix_field {
  float: left;
  width: 15%;
}
.suffix_field input.text_field {
  width: 95%;
}
.no_wrap {
  white-space: nowrap;
}
.no_wrap .button_cancel {
  margin-left: 5px;
}
.show_ajax_loader {
  vertical-align: top;
}
.ajax_loader {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background: url('/_img/loader.gif') 0 0 no-repeat;
  margin-left: 2px;
  cursor: wait;
}
.ajaxErrorContainer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: 100% !important;
  box-shadow: none;
  background: none;
  pointer-events: none;
}
.ajaxErrorContainer__content {
  background: white;
  border-radius: 3px;
  padding: 20px;
  min-height: 200px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  color: #000000;
}
/*********************************************/
/* New admin    */
/********************************************/
.sidebar,
#sidebar {
  width: 14vw;
  margin-left: 0;
}
.sidebar h2.page_title,
#sidebar h2.page_title {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 17px;
  padding-bottom: 10px;
  color: #333333;
  font-weight: 300;
  text-transform: uppercase;
}
.sidebar h3,
#sidebar h3 {
  color: #333333;
  padding-left: 14px;
  margin: 0 0 20px 0;
}
.sidebarMenu {
  border-top: 1px solid #e2e2e2;
  margin-top: -1px;
}
.sidebarMenu li {
  border-bottom: 1px solid #e2e2e2;
  padding: 0;
  position: relative;
}
.sidebarMenu li img.discExist {
  position: absolute;
  left: 8px;
  top: 11px;
  height: 7px;
}
.sidebarMenu li:hover {
  background-color: #72bf44;
}
.sidebarMenu li.selected,
.sidebarMenu li.menu_selected {
  background-color: #FFF;
  position: relative;
  margin-right: -1px;
  border-right: 1px solid #FFF;
  z-index: 2;
}
.sidebarMenu li.selected a,
.sidebarMenu li.menu_selected a {
  background-color: #FFF;
}
.sidebarMenu li.selected a:first-child,
.sidebarMenu li.menu_selected a:first-child {
  border-left: 4px solid #72bf44;
}
.sidebarMenu li.selected a:hover,
.sidebarMenu li.menu_selected a:hover {
  background-color: #FFF;
}
.sidebarMenu li.selected:hover .closeButtonToChange,
.sidebarMenu li.menu_selected:hover .closeButtonToChange {
  background-color: #FFF;
}
.sidebarMenu li.discExist {
  position: absolute;
  top: 32%;
  left: 5px;
}
.sidebarMenu li:hover .closeButtonToChange {
  background-color: #72bf44;
}
.sidebarMenu li a {
  display: block;
  padding: 7px 0;
  font-size: 13px;
  text-align: left;
  color: #333333;
  text-decoration: none;
  background-color: #f4f4f4;
  transition: 0.5s ease all;
}
.sidebarMenu li a:hover {
  background-color: #72bf44;
}
.sidebarMenu li a:hover .closeOpt {
  color: rgba(250, 250, 250, 0.6);
  background: #72bf44;
}
.sidebarMenu li a.closeButtonToChange {
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
}
.sidebarMenu li a.closeButtonToChange:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
}
.sidebarMenu li a.closeButtonToChange span:before {
  position: relative;
}
.sidebarMenu li a.closeOpt {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  padding: 0;
}
.sidebarMenu li a span {
  padding: 0 28px 0 17px;
  display: block;
}
.sidebarMenu li a span.icon-cancel-circled {
  padding: 0;
}
.general_information {
  background-color: #efefef;
}
#content .box_common {
  padding: 20px 0;
  overflow: hidden;
}
#content .box_toggle {
  background-color: #efefef;
  border: 1px solid #e2e2e2;
  clear: both;
  overflow: hidden;
}
#content .box_toggle .box_header {
  background-color: #e2e2e2;
  padding: 10px 18px;
  color: #000;
  font-size: 15px;
}
#content .box_toggle .box_header:after {
  content: "";
  display: table;
  clear: both;
}
#content .box_toggle .cms_content_container {
  padding: 18px;
}
#content .box_toggle #version .box_header {
  border-right: 1px solid #fff;
}
#content .box_toggle #scheduledTasks {
  padding: 0;
  text-align: center;
}
#content .box_toggle #scheduledTasks .box_header {
  background-color: #e2e2e2;
  padding: 10px 18px;
  color: #000;
  font-size: 15px;
}
#content .box_toggle #scheduledTasks .default_table_wrapper {
  padding: 10px;
  text-align: center;
}
#content .box_toggle .scheduled-tasks {
  font-size: 1.2em;
  color: #666666;
}
#content .box_toggle #generalInformation {
  padding: 0;
}
#content .box_toggle #generalInformation .box_header {
  background-color: #e2e2e2;
  padding: 10px 18px;
  color: #000;
  font-size: 15px;
}
#content .box_toggle #generalInformation .default_table_wrapper {
  padding: 10px;
}
.page_details table {
  width: 100%;
}
.page_details .common_table tr td {
  padding: 6px 0;
  font-size: 13px;
  color: #3d3d3d;
}
.page_details .common_table tr td a {
  text-decoration: none;
}
.page_details .common_table tr td > div {
  display: inline;
}
.page_details .common_table tr td:first-child {
  width: 18%;
}
.page_details .toogle {
  border-top: 1px solid #e2e2e2;
  margin-top: 10px;
  padding-top: 4px;
  text-align: center;
}
table.access_details {
  width: auto;
}
table.access_details td {
  vertical-align: top;
  white-space: nowrap;
  padding: 5px 15px;
}
table.access_details td .box_field_access span {
  font-weight: 200;
}
table.access_details td:first-child {
  width: 130px;
}
table.access_details .yes:before,
table.access_details .no:before {
  font-size: 16px;
  vertical-align: bottom;
  margin-right: 10px;
}
table.access_details .no:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "x";
  color: red;
}
table.access_details .yes:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "i";
  color: #72bf44;
}
.access_table {
  margin-bottom: 20px;
}
.access_table label {
  color: gray;
}
.access_table .profile_access {
  border-right: 1px solid #d9d9d9;
  padding-right: 15px;
}
.access_table td.cell_2 .field_label {
  padding-top: 0;
}
.access_table .box_field_access:first-child {
  margin-right: 15px;
}
.access_table .access_option_scroll {
  margin-top: 10px;
}
.access_limit_attr {
  padding-left: 15px;
}
.access_limit_attr .box_field_access {
  margin-bottom: 10px;
}
.access_limit_attr .box_field_access span {
  font-weight: bold;
}
.access_limit_attr .box_field_access .access_option_scroll {
  max-height: 200px;
  overflow-y: auto;
}
.access_limit_attr.access_edit .box_field_access {
  vertical-align: top;
  display: inline-block;
  margin-right: 15px;
}
.access_limit_attr.access_edit .box_field_access span {
  font-weight: normal;
}
.attribute_access_option {
  margin-left: 25px;
}
.attribute_access_option.attributes {
  margin: 10px 0 15px 5px;
}
.attribute_access_option ul li {
  padding: 5px;
}
#content div[id^=flow_node_language_version_flow] .box_common {
  border: 1px solid #DADADC;
  padding: 10px;
  margin-bottom: 20px;
  background: #fafafa;
}
#nodeDetailsDiv .button_grey_mini {
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid;
  padding: 7px 11px;
  font-size: 13px;
  transition: 0.2s ease all;
  color: #333;
  background-color: rgba(152, 152, 152, 0.14);
  border-color: #d0d0d0;
}
#nodeDetailsDiv .button_grey_mini > span {
  display: inline-block;
}
#nodeDetailsDiv .button_grey_mini > span i {
  vertical-align: top;
  margin-right: 5px;
}
.box > .footer #nodeDetailsDiv .button_grey_mini {
  color: transparent !important;
}
#nodeDetailsDiv .button_grey_mini .button_label {
  display: block;
}
#nodeDetailsDiv .button_grey_mini:hover {
  background-color: #5d7da524;
  border-color: #bebebe;
}
#nodeDetailsDiv .nodeAlias {
  margin-right: 10px;
  background-color: white;
  padding: 2px;
  margin-bottom: 3px;
}
#nodeDetailsDiv .nodeAlias .button_delete_icon:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "c";
  float: right;
  color: rgba(152, 152, 152, 0.14);
}
#nodeDetailsDiv .nodeAlias .button_delete_icon:hover:before {
  color: #E03E3E;
}
.general_info,
.buttons_panel {
  padding: 18px;
}
.workingCopy .cms_content_container.no_version {
  padding-top: 100px;
}
.workingCopy .cms_content_container.no_version .common_table {
  text-align: center;
  padding: 85px;
}
.workingCopy .cms_content_container.no_version .common_table a span {
  padding: 6px 15px;
  font-size: 13px;
}
/*
 * (2) 5.34. Language nav
 */
.nav {
  display: block;
  width: 100%;
  margin-top: 5px;
}
.nav:after {
  content: " ";
  display: block;
  clear: both;
}
.nav li {
  display: inline-block;
  float: left;
  margin-left: 2px;
  background-color: #f4f4f4;
  border-width: 1px 1px medium;
  border-style: solid solid none;
  border-color: #e2e2e2 #e2e2e2 transparent;
  overflow: hidden;
  position: relative;
  top: 1px;
  border-radius: 2px 2px 0 0;
}
.nav li:hover {
  background-color: #e7e7e7;
}
.nav li:first-of-type {
  margin-left: 0;
}
.nav li.active {
  background-color: #fafafa;
}
.nav li a {
  padding: 8px 18px 7px;
  color: #000;
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  line-height: 16px;
}
.nav li.active a {
  cursor: default;
  padding: 8px 18px;
  font-weight: bold;
}
/*
 * (2) 5.35. QR Modal
 */
.qr_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 400px;
  margin: -190px 0 0 -175px;
  background-color: #efefef;
  border: 1px solid #e2e2e2;
}
.qr_modal div[id^=qrCodeCanvas] {
  width: auto !important;
}
.qr_modal .qr_header {
  background-color: #e2e2e2;
  height: 35px;
}
.qr_modal .qr_header img {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.qr_modal .qr_body {
  padding: 30px 10px;
  text-align: center;
}
.qr_modal .qr_body > div > div {
  margin: 0 auto 10px;
}
.profile_access_label,
.label_limit_attr {
  margin-bottom: 10px;
  font-weight: bold;
}
.label_limit_attr {
  padding-left: 20px;
  display: inline-block;
}
#reportsAddEdit_reportContent_wrapper {
  margin-top: 10px;
}
/*
* (2) 5.36 Overwritten jsTree styles
*/
.jstree-default > .jstree-striped {
  background-size: auto 60px;
}
.jstree-default .jstree-anchor {
  min-height: 30px;
  line-height: 30px;
  padding: 0 8px 0 2px;
  border-radius: 4px;
}
.jstree-default .jstree-anchor.acn_cms_tree_draggable {
  cursor: grab;
  position: relative;
  padding-left: 10px;
}
.jstree-default .jstree-anchor.acn_cms_tree_draggable:before {
  content: '';
  display: block;
  background: url(/_img/ui-resizable-bg.png) no-repeat center;
  width: 15px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.jstree-default .jstree-anchor.jstree-hovered {
  color: #064d95;
  background: rgba(0, 0, 0, 0.03);
  box-shadow: unset;
}
.jstree-default .jstree-clicked {
  background: #e2e2e2;
}
.jstree-default .jstree-node {
  min-height: 30px;
  line-height: 30px;
}
.jstree-default .jstree-node .jstree-icon {
  margin: 2px 2px 2px 0;
}
.jstree-default .node_published {
  margin: 0 1px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #000;
}
.jstree-default .node_not_published {
  margin: 0 1px;
  text-transform: uppercase;
  font-size: 10px;
  color: #666;
}
/*
* (2) 5.39 Podgląd strony
*/
.page_preview_settings {
  position: relative;
  width: 100%;
  color: white;
  z-index: 1010;
}
.page_preview_settings .page_preview_toolbar {
  background: #454450;
  padding: 10px 15px;
}
.page_preview_settings .page_preview_toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.page_preview_settings .page_preview_toolbar .page_preview_info {
  width: 85%;
  float: left;
}
.page_preview_settings .page_preview_toolbar .page_preview_info span {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .page_preview_settings .page_preview_toolbar .page_preview_info span {
    display: block;
  }
}
.page_preview_settings .page_preview_toolbar .change_btn {
  float: right;
  cursor: pointer;
  background: url('/_img/icons/tool.png') no-repeat;
  background-position: right -1px;
  padding-right: 15px;
  background-size: 11px;
}
.page_preview_settings .page_preview_access_settings {
  position: absolute;
  left: 10%;
  right: 10%;
  padding: 10px;
  background: white;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #4a4a4a;
}
@media only screen and (max-width: 767px) {
  .page_preview_settings .page_preview_access_settings {
    left: 5%;
    right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .page_preview_settings .page_preview_access_settings .criteria_wrapper {
    margin-bottom: 20px;
  }
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span {
  width: 20%;
  height: 55px;
  display: inline-block;
  padding: 0 2%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria,
  .page_preview_settings .page_preview_access_settings .criteria_wrapper > span {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
  }
  .page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria p,
  .page_preview_settings .page_preview_access_settings .criteria_wrapper > span p {
    margin-bottom: 2px;
  }
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria select,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span select {
  width: 100%;
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria:first-of-type select,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span:first-of-type select {
  position: relative;
  top: -10px;
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria:first-of-type p,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span:first-of-type p {
  line-height: 15px;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria:first-of-type p,
  .page_preview_settings .page_preview_access_settings .criteria_wrapper > span:first-of-type p {
    margin-left: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria:nth-child(n+2),
  .page_preview_settings .page_preview_access_settings .criteria_wrapper > span:nth-child(n+2) {
    border-left: 1px solid #cdcdcd;
  }
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria p,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span p {
  height: 30px;
}
.page_preview_settings .page_preview_access_settings .criteria_wrapper .criteria input,
.page_preview_settings .page_preview_access_settings .criteria_wrapper > span input {
  position: relative;
  top: 5px;
}
/**************************************
**  5.41. Custom Forms Module
**************************************/
/* mCustomScrollbar */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #989898 !important;
  border-radius: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 0;
  background-color: #efefef;
}
.ui-menu .ui-menu-item a {
  display: block;
  padding: 10px;
  margin: 0;
  visibility: hidden;
  position: relative;
}
.ui-menu .ui-menu-item a span {
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  visibility: visible;
  width: 100%;
  box-sizing: border-box;
}
.ui-menu .ui-menu-item a br {
  display: none;
}
.ui-menu .ui-menu-item a.ui-state-active {
  border: 0;
}
.ui-menu .ui-menu-item a.ui-state-active span {
  background-color: #f8f8f8;
}
/*******************************************
* 5.42. Instance Configuration
********************************************/
.alert-success {
  border: 1px solid;
  padding: 15px 20px;
  font-size: 16px;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #39B54A;
}
.alert-success:empty {
  display: none;
}
.page_details .alert-success {
  margin-bottom: 0;
}
/**
 * 5.44. User components - modal
 */
.modal-field {
  display: table;
  padding: 20px;
  width: 100%;
  margin-bottom: 5px;
}
.modal-field label {
  display: table-cell;
  width: 25%;
  text-align: right;
  padding-right: 10px;
}
.modal-field > *:nth-child(2) {
  display: table-cell;
}
.modal-button {
  text-align: center;
  margin: 15px 0 10px;
}
.modal-button a {
  display: inline-block;
}
.popup {
  position: relative;
  max-width: 1300px;
}
.popup_center_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}
.global_component_configuration .easy-autocomplete.eac-dark {
  color: #333333;
}
.global_component_configuration .easy-autocomplete.eac-dark .confirm_with_enter {
  display: block;
}
.global_component_configuration .easy-autocomplete.eac-dark input {
  background: #fff;
  color: #333333;
}
.global_component_configuration .easy-autocomplete.eac-dark ul li {
  background-color: #fff;
  color: #333333;
}
.global_component_configuration .easy-autocomplete.eac-dark ul li.selected {
  background-color: #e9e9e9;
  color: #333333;
}
/*******************************************
* 5.45  Custom menu table
********************************************/
/*******************************************
 * 5.48  Jquery ui timepicker
 ********************************************/
.ui-timepicker-popup {
  display: flex!important;
  flex-direction: row;
  align-items: center;
}
.ui-timepicker-popup span:first-child {
  margin-right: 3px;
}
.ui-timepicker-popup span:last-child {
  margin-left: 3px;
}
.ui-tabs .ui-tabs-panel[aria-hidden="true"] {
  display: block !important;
  position: fixed;
  right: 200%;
  top: 0;
  width: 100%;
  z-index: 3;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab {
  border-radius: 2px 2px 0 0;
  margin: 0 2px 0 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor {
  padding: 8px 18px 7px;
  color: #000;
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  line-height: 16px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active {
  background: #fff;
  border-color: #c5c5c5;
  padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active .ui-tabs-anchor {
  cursor: default;
  padding: 8px 18px;
  font-weight: bold;
}
.content_editors_toggle_wrapper {
  padding-bottom: 5px;
}
.CodeMirror-wrap {
  border: 1px solid #d2d2d2;
}
.cm-s-default {
  background: #fff;
}
.cm-s-default span.cm-keyword {
  color: #770088;
}
.cm-s-default span.cm-atom {
  color: #221199;
}
.cm-s-default span.cm-number {
  color: #116644;
}
.cm-s-default span.cm-def {
  color: #0000ff;
}
.cm-s-default span.cm-variable {
  color: #000;
}
.cm-s-default span.cm-variable-2 {
  color: #0055aa;
}
.cm-s-default span.cm-variable-3 {
  color: #00aa55;
}
.cm-s-default span.cm-property {
  color: #000;
}
.cm-s-default span.cm-operator {
  color: #000;
}
.cm-s-default span.cm-comment {
  color: #aa5500;
}
.cm-s-default span.cm-string {
  color: #aa1111;
}
.cm-s-default span.cm-meta {
  color: #555555;
}
.cm-s-default span.cm-error {
  color: #ff0000;
}
.cm-s-default span.cm-qualifier {
  color: #555555;
}
.cm-s-default span.cm-builtin {
  color: #3300aa;
}
.cm-s-default span.cm-bracket {
  color: #cccc77;
}
.cm-s-default span.cm-tag {
  color: #117700;
}
.cm-s-default span.cm-attribute {
  color: #0000cc;
}
/**
 * (4) 5.6.3.8. Slot
 */
.field_error_container .field_error_inner {
  color: #ed1c24;
  margin-left: 8px;
}
.block_container .field_error_inner {
  position: static;
}
.ui-sortable-placeholder {
  border: 1px dashed #f1f1f1;
}