@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
* {
  font-family: "Open Sans", sans-serif;
}

html,
body {
  padding: 0;
  margin: 0;
  border: 0;
  color: #2D2E30;
  font-size: 16px;
  height: 100%;
}

body {
  background-color: #fff;
}

.hidden {
  display: none;
}

.force-hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.no-visible {
  visibility: hidden;
}
.no-visible select {
  display: none !important;
}

.visible {
  visibility: visible !important;
}

.main-header {
  background-color: rgb(97.6862745098%, 97.8823529412%, 98.3137254902%);
  border-bottom: 1px solid rgb(88.431372549%, 89.4117647059%, 91.568627451%);
  margin-bottom: 24px;
}
.main-header .logo {
  text-align: center;
  padding: 12px 24px;
  width: 360px;
  display: inline-block;
  vertical-align: middle;
}
.main-header .logo img {
  max-height: 60px;
}
.main-header .main-document-title {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  width: calc(100% - 400px);
  max-width: 1020px;
  padding-right: 16px;
  vertical-align: middle;
  font-size: 16px;
}
.main-header .main-document-title .header-title {
  min-width: 0;
  color: #2185d0;
  font-weight: bold;
  font-size: 20px;
}
.main-header .main-document-title .header-title-button {
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
.main-header .main-input-search {
  font-size: 16px;
  display: inline-block;
  width: calc(100% - 360px);
  max-width: 632px;
  vertical-align: middle;
}
.main-header .main-input-search .searcher {
  position: relative;
}
.main-header .main-input-search .searcher input {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border: 0;
  border-radius: 2px;
  padding-right: 40px;
}
.main-header .main-input-search .searcher button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 8px 12px;
  text-align: center;
  margin: 0;
  border: 0 !important;
  box-shadow: none;
  outline: none;
}
.main-header .main-input-search .searcher button .icon {
  transition: color 0.3s;
  color: #2185d0;
}
.main-header .main-input-search .searcher button:hover, .main-header .main-input-search .searcher button:active {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.main-header .main-input-search .searcher button:hover .icon, .main-header .main-input-search .searcher button:active .icon {
  color: rgb(26.2159303555%, 61.6890407615%, 88.293873566%);
}
.main-header .main-input-search .searcher button i {
  margin: 0 !important;
}
.main-header.search-header {
  position: sticky;
  top: 0;
  z-index: 900;
  display: flex;
  align-items: center;
}
.main-header.search-header .logo {
  flex: 0 0 360px;
}
.main-header.search-header .main-input-search {
  flex: 1 1 auto;
  width: auto;
}
.main-header.search-header .main-search-button {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 0 24px;
}
.main-header.search-header .main-search-button .button {
  margin: 0;
  border-radius: 2px;
}
.main-header.search-header .main-search-button .icon {
  margin-left: 8px;
  color: rgb(56.8880455408%, 57.7862112587%, 59.5825426945%);
  cursor: help;
}

body:not(.login) .pusher {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body:not(.login) .pusher > .site-footer {
  margin-top: auto;
}
body:not(.login) .pusher > :has(+ .site-footer) {
  margin-bottom: 48px;
}

.site-footer {
  margin-top: 48px;
  background-color: #004980;
  color: rgba(255, 255, 255, 0.75);
}
.site-footer a {
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.2s;
}
.site-footer a:hover, .site-footer a:focus-visible {
  color: #fff;
  text-decoration: underline;
}
.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
}
.site-footer .menu-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px 32px;
}
.site-footer .menu-footer .footer-logo img {
  display: block;
  max-height: 40px;
  max-width: 160px;
}
.site-footer .menu-footer .footer-links {
  font-size: 15px;
}
.site-footer .main-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 13px;
}
.site-footer .main-footer .legal-links {
  gap: 8px 20px;
}
.site-footer .main-footer .legal-links .icon {
  margin-right: 4px;
}

@media (max-width: 768px) {
  .site-footer .menu-footer,
  .site-footer .main-footer {
    flex-direction: column;
    text-align: center;
  }
  .site-footer nav {
    justify-content: center;
  }
}
.about .whatsedit {
  margin: 10px 0px;
}
.about .whatsedit p {
  text-align: justify;
}
.about .logos {
  padding: 38px 0 24px;
  text-align: center;
}
.about .logos .logo {
  max-width: 120px;
  padding: 10px;
  vertical-align: middle;
}
.about .logos .logo5 {
  max-width: 230px;
  padding: 0px;
}

.dt-processing {
  padding: 1em;
  z-index: 10;
}
.dt-processing > div:last-child {
  display: none;
}
.dt-processing {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #2185d0;
  position: absolute !important;
  width: 50%;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px !important;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2) !important;
  border: 0 !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.dt-container {
  position: relative;
}
.dt-container .dt-layout-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.dt-container .dt-layout-row.dt-layout-table {
  display: block;
  padding: 0;
}
.dt-container .dt-layout-cell.dt-layout-end {
  margin-left: auto;
  text-align: right;
}
.dt-container .dt-search {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0 10px;
}
.dt-container .dt-search .filter_check_xml_pending {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  max-width: 80px;
  text-align: center;
}
.dt-container .dt-search .ui.input > input[type=checkbox] {
  width: auto;
  padding: 0;
  border: 0;
  box-shadow: none;
}
.dt-container .dt-layout-row:last-child {
  border-top: 1px solid rgba(33, 133, 208, 0.3);
  margin-top: 15px;
}

.dataTable .ui.dropdown .remove.icon {
  font-size: 0.857143em;
  float: left;
  margin: 0;
  padding: 0;
  left: -0.7em;
  top: 0;
  position: relative;
  opacity: 0.5;
}
.dataTable .ui.dropdown input[value=""] ~ .remove.icon,
.dataTable .ui.dropdown input:not([value]) ~ .remove.icon {
  opacity: 0;
}
.dataTable .table-cell-left {
  text-align: left;
}
.dataTable tfoot input[type=text],
.dataTable tfoot input[type=number],
.dataTable tfoot .ui.selection.dropdown {
  width: 100%;
  min-width: 0 !important;
  box-sizing: border-box;
}

.dt-length label {
  font-size: 12px;
}
.dt-length .ui.dropdown.selection {
  width: 64px !important;
  min-width: 64px !important;
  margin: 0 8px;
}

.dt-paging .pagination.menu {
  font-size: 14px !important;
}

.main-content-wrapper.angular-table {
  padding: 15px 15px !important;
  margin: 15px 0 32px;
}
.main-content-wrapper.angular-table label,
.main-content-wrapper.angular-table .dt-info {
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(12, 41, 62, 0.6);
}
.main-content-wrapper.angular-table .dt-empty {
  background-color: #fff;
  color: rgb(19, 36, 49);
}
.main-content-wrapper.angular-table input[type=text],
.main-content-wrapper.angular-table input[type=search],
.main-content-wrapper.angular-table input[type=number],
.main-content-wrapper.angular-table input[type=date],
.main-content-wrapper.angular-table textarea,
.main-content-wrapper.angular-table .ui.selection.dropdown {
  border: 1px solid rgba(34, 78, 111, 0.2);
  border-radius: 4px;
  padding: 0.78571429em 2.1em 0.78571429em 1em !important;
  outline: none;
  max-width: 100%;
  color: #2185d0;
  transition: border-color 0.3s, color 0.3s;
}
.main-content-wrapper.angular-table input[type=text]:focus,
.main-content-wrapper.angular-table input[type=search]:focus,
.main-content-wrapper.angular-table input[type=number]:focus,
.main-content-wrapper.angular-table input[type=date]:focus,
.main-content-wrapper.angular-table textarea:focus,
.main-content-wrapper.angular-table .ui.selection.dropdown:focus {
  border-color: rgba(222, 234, 249, 0.5);
}
.main-content-wrapper.angular-table .ui.selection.dropdown {
  padding-top: 0.78571429em !important;
}
.main-content-wrapper.angular-table .ui.selection.dropdown .text {
  font-weight: 300;
  color: #2185d0;
}
.main-content-wrapper.angular-table .ui.selection.dropdown .menu .item {
  font-size: 14px !important;
}
.main-content-wrapper.angular-table input[type=search] {
  border-radius: 14px;
  margin-left: 12px;
  vertical-align: middle;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row:first-child {
  border-radius: 6px 6px 0 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row:last-child {
  border-radius: 0 0 6px 6px;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table {
  padding: 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {
  padding: 0;
  overflow-x: auto;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table thead {
  background-color: rgba(12, 31, 45, 0.3);
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table thead tr th {
  cursor: pointer;
  padding: 12px 4px;
  white-space: nowrap;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table thead tr th:nth-child(2n) {
  background-color: #c1c6ca;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody {
  background-color: rgba(202, 214, 222, 0.4);
  font-size: 14px;
  text-align: center;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td {
  padding: 12px 4px;
  font-size: 14px;
  color: #4f6373;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .index {
  min-width: 200px;
  max-width: 20%;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons {
  text-align: center;
  white-space: nowrap;
  font-size: 0;
  padding: 0 12px;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .action-button {
  display: inline-block;
  margin: 0 6px;
  line-height: 1em;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu {
  padding: 6px !important;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu .item {
  display: inline-block;
  border: 0;
  background-color: rgba(33, 133, 208, 0.1);
  color: #2185d0;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1em;
  padding: 4px 10px 3px !important;
  text-shadow: none;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 6px !important;
  outline: none;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu .item:hover, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu .item:focus, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu .item:active {
  background-color: rgba(33, 133, 208, 0.8);
  color: #fff;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-buttons .button-dropdown .menu .item:last-child {
  margin-right: 0 !important;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .nowrap {
  white-space: nowrap;
  padding: 0 6px;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-button {
  border: 0;
  background-color: #fff;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 12px;
  color: #2185d0;
  padding: 4px 10px 3px;
  text-shadow: none;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 4px;
  outline: none;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-button:hover, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-button:focus, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-button:active {
  background-color: rgba(33, 133, 208, 0.8);
  color: #fff;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td .action-button:last-child {
  margin-right: 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr td:nth-child(2n) {
  background-color: rgba(231, 247, 255, 0.37);
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.3);
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody tr:nth-child(2n) td:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tbody td.dt-empty {
  background-color: #fff;
  color: #4f6373;
  padding: 32px 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot {
  background-color: #fff;
  font-size: 14px;
  text-align: center;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr {
  padding: 4px 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th button,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr button {
  border: 0;
  background-color: rgba(12, 32, 47, 0.56);
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  padding: 4px 10px 3px;
  text-shadow: none;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 4px;
  outline: none;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th button:hover, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th button:focus, .main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th button:active,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr button:hover,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr button:focus,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr button:active {
  background-color: rgba(33, 133, 208, 0.8);
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot th button:last-child,
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot tr button:last-child {
  margin-right: 0;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot input {
  padding: 6px 6px;
  max-width: 90%;
  min-width: 90%;
  text-align: center;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot .ui.selection.dropdown {
  max-width: 90%;
  min-width: 90%;
  display: flex;
  margin: auto;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot .ui.selection.dropdown .text {
  white-space: nowrap;
  padding-right: 24px;
}
.main-content-wrapper.angular-table .dt-container .dt-layout-row.dt-layout-table table tfoot .ui.selection.dropdown .menu .item {
  font-size: 14px !important;
}

/* Small desktops */
/* Tablet */
@media (max-width: 900px) {
  .main-header .main-document-title {
    display: flex;
    width: auto;
    padding: 0 16px 10px;
  }
}
/* Mobiles */
@media (max-width: 425px) {
  .main-header .logo {
    width: 100%;
    display: block;
  }
  .main-header .main-input-search,
  .main-header .main-input-title {
    display: block;
    width: 100%;
  }
  .main-header.search-header {
    margin-bottom: 16px;
  }
  .main-header.search-header .logo {
    flex: 0 0 auto;
    width: auto;
    padding: 8px 12px;
  }
  .main-header.search-header .logo img {
    max-height: 32px;
  }
  .main-header.search-header .main-input-search {
    margin-right: 12px;
  }
  .main-header.search-header .main-search-button {
    display: none;
  }
  .main-header .main-document-title {
    justify-content: center;
  }
  .main-header .main-document-title .header-title {
    display: none;
  }
}
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}

.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox,
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox,
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
  margin-top: 0;
}

[v-cloak] {
  display: none !important;
}

.angular-ui-tree-nodes {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 20px;
}

.angular-ui-tree-node {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-handle {
  cursor: move;
  text-decoration: none;
  font-weight: 700;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px;
}

body.login {
  background-color: rgba(33, 133, 208, 0.05);
}
body.login .main-document-title {
  display: none !important;
}
body.login .auth-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 460px;
  padding: 64px 16px 48px;
}
body.login .auth-card {
  width: 100%;
  max-width: 400px;
  padding: 32px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
}
body.login .auth-card .auth-logo {
  display: block;
  margin-bottom: 24px;
  text-align: center;
}
body.login .auth-card .auth-logo img {
  max-width: 220px;
  max-height: 56px;
}
body.login .auth-card h2 {
  margin: 0;
  text-align: center;
  color: #2185d0;
  font-size: 1.6rem;
  font-weight: 400;
}
body.login .auth-card .auth-subtitle {
  margin: 4px 0 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.55);
}
body.login .auth-card > .ui.message {
  margin: 0 0 16px;
}
body.login .auth-card .ui.form .field > label {
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
body.login .auth-card .ui.form input:focus {
  border-color: #2185d0;
}
body.login .auth-card .password-input input {
  padding-right: 2.8em !important;
}
body.login .auth-card .password-input .toggle-password {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2.8em;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
body.login .auth-card .password-input .toggle-password:hover, body.login .auth-card .password-input .toggle-password:focus-visible {
  color: #2185d0;
}
body.login .auth-card .password-input .toggle-password i.icon {
  margin: 0;
}
body.login .auth-card .auth-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 4px 0 20px;
}
body.login .auth-card .auth-options .ui.checkbox label {
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
body.login .auth-card .auth-options a {
  color: #2185d0;
  font-size: 14px;
}
body.login .auth-card .auth-options a:hover {
  text-decoration: underline;
}
body.login .auth-card .ui.submit.button {
  margin: 0;
  background-color: #2185d0;
  color: #fff;
  transition: background-color 0.2s;
}
body.login .auth-card .ui.submit.button:hover, body.login .auth-card .ui.submit.button:focus {
  background-color: rgb(10.7503051013%, 43.3269872264%, 67.7594988203%);
  color: #fff;
}
body.login .auth-back {
  margin-top: 20px;
  color: #2185d0;
  font-size: 14px;
  opacity: 0.85;
}
body.login .auth-back:hover {
  opacity: 1;
  text-decoration: underline;
}
body.login .pusher {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.login .auth-page {
  flex: 1;
}
body.login .site-footer {
  margin-top: 0;
}

/* Tablet and mobile */
@media (max-width: 768px) {
  body.login .auth-page {
    padding-top: 24px;
  }
  body.login .auth-card {
    padding: 24px 20px;
  }
}
body.collaborate-page .collaborate-header {
  max-width: 720px;
  margin: 8px 0 32px;
}
body.collaborate-page .collaborate-header h1 {
  margin-bottom: 8px;
}
body.collaborate-page .collaborate-header p {
  color: rgba(0, 0, 0, 0.65);
  font-size: 1.15em;
  line-height: 1.6;
}
body.collaborate-page .collaborate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
body.collaborate-page .collaborate-card {
  padding: 32px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
}
body.collaborate-page .collaborate-card .card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 16px;
  border-radius: 50%;
  background-color: rgba(33, 133, 208, 0.1);
  color: #2185d0;
  font-size: 1.2em;
}
body.collaborate-page .collaborate-card .card-icon .icon {
  margin: 0;
}
body.collaborate-page .collaborate-card h2 {
  margin: 0 0 8px;
  font-size: 1.35em;
}
body.collaborate-page .collaborate-card > p {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6;
}
body.collaborate-page .collaborate-card > .ui.message {
  margin: 0 0 20px;
}
body.collaborate-page .collaborate-card .ui.form .field > label {
  color: rgba(0, 0, 0, 0.75);
}
body.collaborate-page .collaborate-card .ui.form input:focus,
body.collaborate-page .collaborate-card .ui.form textarea:focus {
  border-color: #2185d0;
}
body.collaborate-page .collaborate-card .ui.submit.button {
  margin: 4px 0 0;
  background-color: #2185d0;
  color: #fff;
  transition: background-color 0.2s;
}
body.collaborate-page .collaborate-card .ui.submit.button:hover, body.collaborate-page .collaborate-card .ui.submit.button:focus {
  background-color: rgb(10.7503051013%, 43.3269872264%, 67.7594988203%);
  color: #fff;
}
body.collaborate-page .collaborate-screenshot {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: box-shadow 0.2s;
}
body.collaborate-page .collaborate-screenshot:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
body.collaborate-page .collaborate-screenshot img {
  display: block;
  width: 100%;
  height: auto;
}
body.collaborate-page .collaborate-thanks {
  margin: 32px 0 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.55);
}
body.collaborate-page .collaborate-thanks .icon {
  color: #2185d0;
}

@media (max-width: 768px) {
  body.collaborate-page .collaborate-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.collaborate-page .collaborate-card {
    padding: 24px 20px;
  }
}
/* Tablet */
/* Mobiles */
body.public-search .main-content .cite .icon {
  font-size: 2em !important;
}
body.public-search .main-content .widgets {
  float: right;
}
body.public-search .main-content .widget {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border: 0;
  background-color: #f9fafb;
  border-radius: 2px;
  margin-bottom: 16px;
  margin-left: 16px;
  font-size: 14px;
  width: 350px;
  max-width: 100%;
  padding: 16px;
  color: rgb(41.8406072106%, 42.770398482%, 44.6299810247%);
}
body.public-search .main-content .widget .widget-title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: rgb(32.1631878558%, 32.8779253637%, 34.3074003795%);
}
body.public-search .main-content .widget .widget-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
body.public-search .main-content .widget .widget-actions .button {
  margin: 0;
}
body.public-search .main-content .widget .citation {
  margin: 0;
  line-height: 1.5;
}
body.public-search .main-content .widget .dashboard-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body.public-search .main-content .widget .dashboard-card {
  display: flex;
  flex-direction: column;
  padding: 6px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  color: rgb(41.8406072106%, 42.770398482%, 44.6299810247%);
  transition: box-shadow 0.2s;
}
body.public-search .main-content .widget .dashboard-card img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  object-position: top;
  border-radius: 2px;
}
body.public-search .main-content .widget .dashboard-card strong {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
  color: #2185d0;
}
body.public-search .main-content .widget .dashboard-card small {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.public-search .main-content .widget .dashboard-card:hover, body.public-search .main-content .widget .dashboard-card:focus-visible {
  box-shadow: 0 0 0 1px #2185d0, 0 2px 6px rgba(0, 0, 0, 0.12);
}
body.public-search .main-content .parties-select-v2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body.public-search .main-content .select-parties-v2-config {
  font-size: 12px;
  color: #6b6d72;
  width: 100%;
}
body.public-search .main-content .select-parties-v2-config .v2-config-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.public-search .main-content .select-parties-v2-config .v2-config-title .col-title-2 .icon {
  margin-right: 2px;
}
body.public-search .main-content .select-parties-v2-config .v2-config-item {
  display: flex;
  justify-content: space-between;
  line-height: 1.4285em;
  align-items: center;
  margin-bottom: 4px;
  border-bottom: 1px solid #e2e4ea;
  padding-bottom: 1px;
}
body.public-search .main-content .select-parties-v2-config .v2-config-item .col-icon-1 .button {
  padding: 3.5px;
  padding-top: 6px;
  padding-left: 4px;
}
body.public-search .main-content .select-parties-v2-config .v2-config-item .col-item-1 {
  margin-left: 3px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
body.public-search .main-content .select-parties-v2-config .v2-config-item .col-item-1 .item-label {
  text-align: left;
  border-bottom: 1px dashed #e2e4ea;
  width: 100%;
  margin-bottom: 3px;
  font-weight: bold;
  padding-bottom: 3px;
}
body.public-search .main-content .select-parties-v2-config .v2-config-item .col-item-1 .item-config {
  width: 100%;
  justify-content: space-around;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
body.public-search .main-content .filter-and-parties .checkbox {
  margin-left: 5px;
  margin-right: 20px;
}
body.public-search .main-content .dispute-documents {
  margin-left: 4px;
}
body.public-search .main-content .dispute-documents .content {
  padding: 0 !important;
}
body.public-search .main-content .dispute-documents .title {
  font-size: 14px;
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
  font-weight: 700;
}
body.public-search .main-content .dispute-documents .document_date {
  font-size: 12px;
}
body.public-search .main-content .dispute-documents .filter_date {
  text-decoration: line-through;
}
body.public-search .main-content .dispute-documents .bulleted {
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
}
body.public-search .main-content .dispute-documents .list {
  padding-left: 20px;
}
body.public-search .main-content .dispute-documents .list a {
  font-size: 14px;
  color: #2185d0;
  font-weight: 400;
  cursor: pointer;
}
body.public-search .main-content .dispute-documents .list a:hover {
  text-decoration: underline;
}
body.public-search .main-content .whatsedit {
  margin: 10px 0px;
}
body.public-search .main-content .whatsedit .header {
  color: #2185d0;
  font-size: 28px;
  line-height: 2em;
  padding: 0 0 8px;
}
body.public-search .main-content .whatsedit p {
  text-align: justify;
}
body.public-search .main-content .intro-wrapper {
  display: flow-root;
}
body.public-search .main-content .intro {
  text-align: center;
  max-width: 632px;
  margin: 0 auto;
  color: #2185d0;
}
body.public-search .main-content .intro .seo-hide {
  display: none;
}
body.public-search .main-content .intro .text1 {
  color: #2185d0;
  font-size: 38px;
  line-height: 1em;
  padding: 0 0 8px;
}
body.public-search .main-content .intro .text1 strong {
  color: #2185d0;
}
body.public-search .main-content .intro .text2 {
  color: rgb(8.8332926532%, 35.6008461476%, 55.6765112684%);
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 12px;
}
body.public-search .main-content .intro .text3 {
  color: rgb(8.8332926532%, 35.6008461476%, 55.6765112684%);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1em;
  padding: 0 0 32px;
}
body.public-search .main-content .intro .counter {
  padding: 5px;
}
body.public-search .main-content .intro .counter .text {
  color: rgba(8.8332926532%, 35.6008461476%, 55.6765112684%, 0.6);
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
body.public-search .main-content .intro .counter .number {
  width: 120px;
  height: 120px;
  display: flex;
  margin: 6px auto;
  color: #0D47DD;
  font-weight: 300;
  font-size: 20px;
  overflow: hidden;
  background-color: rgba(13, 71, 221, 0.1);
  padding: 6px 12px;
  border-radius: 600px;
  justify-content: center;
  align-items: center;
}
body.public-search .main-content .intro .logos {
  padding: 38px 0 24px;
  text-align: center;
}
body.public-search .main-content .intro .logos .logo {
  max-width: 200px;
  max-height: 130px;
  padding: 10px;
  vertical-align: middle;
}
body.public-search .main-content .intro .logos .logo5 {
  max-width: 300px !important;
}
body.public-search .main-content .treaty-search,
body.public-search .main-content .document-search {
  margin: 0 !important;
}
body.public-search .main-content .treaty-search .left-column,
body.public-search .main-content .document-search .left-column {
  font-size: 14px;
  padding: 0 24px !important;
  position: relative;
  -webkit-box-flex: 0 0 360px; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 0 360px; /* OLD - Firefox 19- */
  width: 100%; /* For old syntax, otherwise collapses. */
  -webkit-flex: 0 0 360px; /* Chrome */
  -ms-flex: 0 0 360px; /* IE 10 */
  flex: 0 0 360px;
}
body.public-search .main-content .treaty-search .left-column .filters-panel-header,
body.public-search .main-content .document-search .left-column .filters-panel-header {
  display: none;
}
body.public-search .main-content .treaty-search .left-column .filters .filter,
body.public-search .main-content .document-search .left-column .filters .filter {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border: 0;
  background-color: rgb(97.6862745098%, 97.8823529412%, 98.3137254902%);
  border-radius: 2px;
  margin-bottom: 16px;
  font-size: 14px;
}
body.public-search .main-content .treaty-search .left-column .filters .filter input,
body.public-search .main-content .document-search .left-column .filters .filter input {
  font-size: 13px;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-header,
body.public-search .main-content .document-search .left-column .filters .filter .filter-header {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  border-bottom: 1px solid rgb(82.6470588235%, 84.1176470588%, 87.3529411765%);
  background-color: rgb(93.0588235294%, 93.6470588235%, 94.9411764706%);
  padding: 6px 16px;
  border-radius: 2px 2px 0 0;
  color: rgb(32.1631878558%, 32.8779253637%, 34.3074003795%);
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-header i,
body.public-search .main-content .document-search .left-column .filters .filter .filter-header i {
  color: rgb(32.1631878558%, 32.8779253637%, 34.3074003795%);
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents {
  padding: 12px 16px;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.checkbox label,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.checkbox label {
  font-size: 12px;
  color: rgb(41.8406072106%, 42.770398482%, 44.6299810247%);
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.toggle.checkbox label,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.toggle.checkbox label {
  padding-left: 4rem;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.popup.calendar,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.popup.calendar {
  font-size: 14px;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.multiple.dropdown > .label,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.multiple.dropdown > .label {
  color: #2185d0;
  background-color: #deeaf9;
  font-weight: 400;
  border: 0;
  box-shadow: none;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.selection.dropdown,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.selection.dropdown {
  font-size: 12px;
}
body.public-search .main-content .treaty-search .left-column .filters .filter .filter-contents .ui.selection.dropdown .menu > .item,
body.public-search .main-content .document-search .left-column .filters .filter .filter-contents .ui.selection.dropdown .menu > .item {
  font-size: 12px;
}
body.public-search .main-content .treaty-search .left-column .button-wrapper .button,
body.public-search .main-content .document-search .left-column .button-wrapper .button {
  border-radius: 2px;
}
body.public-search .main-content .treaty-search .left-column .button-wrapper button,
body.public-search .main-content .document-search .left-column .button-wrapper button {
  margin-bottom: 12px;
}
body.public-search .main-content .treaty-search .left-column .button-wrapper a,
body.public-search .main-content .document-search .left-column .button-wrapper a {
  margin-bottom: 12px;
}
body.public-search .main-content .treaty-search .left-column,
body.public-search .main-content .document-search .left-column {
  /* Angular tree */
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle {
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  font-size: 13px;
  padding: 5px;
  font-weight: normal;
  cursor: pointer;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle .icon,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle .icon {
  color: rgb(56.8880455408%, 57.7862112587%, 59.5825426945%);
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle .ui.checkbox,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle .ui.checkbox {
  width: calc(100% - 24px);
  vertical-align: middle;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle .ui.checkbox label,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle .ui.checkbox label {
  padding-left: 0;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle .ui.checkbox label:before,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle .ui.checkbox label:before {
  display: none;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle .ui.checkbox label:after,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle .ui.checkbox label:after {
  display: none;
  font-size: 12px;
  color: #2185d0;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 0;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 20px;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 40px;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 60px;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 80px;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed,
body.public-search .main-content .document-search .left-column .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 100px;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle:hover,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle:hover {
  color: black;
  background: rgb(94.2156862745%, 94.7058823529%, 95.7843137255%);
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle:hover .ui.checkbox label:after,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle:hover .ui.checkbox label:after {
  color: #ffffff !important;
}
body.public-search .main-content .treaty-search .left-column .nodeActive,
body.public-search .main-content .document-search .left-column .nodeActive {
  background: #deeaf9;
}
body.public-search .main-content .treaty-search .left-column .nodeActive label,
body.public-search .main-content .document-search .left-column .nodeActive label {
  color: #2185d0 !important;
}
body.public-search .main-content .treaty-search .left-column .nodeActive:hover,
body.public-search .main-content .document-search .left-column .nodeActive:hover {
  background: #428bca;
  color: #ffffff;
}
body.public-search .main-content .treaty-search .left-column .nodeActive:hover label,
body.public-search .main-content .document-search .left-column .nodeActive:hover label {
  color: #ffffff !important;
}
body.public-search .main-content .treaty-search .left-column .nodeActive:hover .icon,
body.public-search .main-content .document-search .left-column .nodeActive:hover .icon {
  color: #ffffff;
}
body.public-search .main-content .treaty-search .left-column .angular-ui-tree-handle i,
body.public-search .main-content .document-search .left-column .angular-ui-tree-handle i {
  color: black;
}
body.public-search .main-content .treaty-search .right-column,
body.public-search .main-content .document-search .right-column {
  -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1; /* OLD - Firefox 19- */
  width: 100%; /* For old syntax, otherwise collapses. */
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
}
body.public-search .main-content .treaty-search .right-column #document-search-results,
body.public-search .main-content .document-search .right-column #document-search-results {
  max-width: 1040px;
}
body.public-search .main-content .treaty-search .right-column .filters-toggle,
body.public-search .main-content .document-search .right-column .filters-toggle {
  display: none;
}
body.public-search .main-content .treaty-search .right-column .active-filters,
body.public-search .main-content .document-search .right-column .active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  padding-top: 8px;
}
body.public-search .main-content .treaty-search .right-column .active-filters .active-filter,
body.public-search .main-content .document-search .right-column .active-filters .active-filter {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 4px 3px 10px;
  font-size: 13px;
  color: #2185d0;
  background-color: #deeaf9;
  border-radius: 12px;
}
body.public-search .main-content .treaty-search .right-column .active-filters .active-filter button,
body.public-search .main-content .document-search .right-column .active-filters .active-filter button {
  display: inline-flex;
  padding: 2px;
  margin-left: 2px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #2185d0;
  cursor: pointer;
}
body.public-search .main-content .treaty-search .right-column .active-filters .active-filter button .icon,
body.public-search .main-content .document-search .right-column .active-filters .active-filter button .icon {
  margin: 0;
  font-size: 11px;
}
body.public-search .main-content .treaty-search .right-column .active-filters .active-filter button:hover, body.public-search .main-content .treaty-search .right-column .active-filters .active-filter button:focus-visible,
body.public-search .main-content .document-search .right-column .active-filters .active-filter button:hover,
body.public-search .main-content .document-search .right-column .active-filters .active-filter button:focus-visible {
  background-color: #2185d0;
  color: #fff;
}
body.public-search .main-content .treaty-search .right-column .active-filters .clear-filters,
body.public-search .main-content .document-search .right-column .active-filters .clear-filters {
  font-size: 13px;
  margin-left: 4px;
}
body.public-search .main-content .treaty-search .right-column .results-info,
body.public-search .main-content .document-search .right-column .results-info {
  font-size: 14px;
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  padding: 14px 0;
  border-bottom: 1px solid rgb(82.6470588235%, 84.1176470588%, 87.3529411765%);
}
body.public-search .main-content .treaty-search .right-column .results-info .item,
body.public-search .main-content .document-search .right-column .results-info .item {
  font-size: 14px;
}
body.public-search .main-content .treaty-search .right-column .results-info .column,
body.public-search .main-content .document-search .right-column .results-info .column {
  padding-bottom: 10px;
}
body.public-search .main-content .treaty-search .right-column .results-info strong,
body.public-search .main-content .document-search .right-column .results-info strong {
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
}
body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button {
  box-shadow: none !important;
  border: 0 !important;
  color: #2185d0 !important;
  background-color: #deeaf9 !important;
  font-size: 12px;
  border-radius: 2px;
  transition: 0.3s;
}
body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button > .icon,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button > .icon {
  transition: 0.3s;
  color: #2185d0;
}
body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button:hover, body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button.active,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button:hover,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button.active {
  background-color: #2185d0 !important;
  color: #fff !important;
}
body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button:hover > .icon, body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button.active > .icon,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button:hover > .icon,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button.active > .icon {
  color: #fff;
}
body.public-search .main-content .treaty-search .right-column .results-info .block-actions .ui.dropdown.button .menu > .item,
body.public-search .main-content .document-search .right-column .results-info .block-actions .ui.dropdown.button .menu > .item {
  font-size: 13px;
}
body.public-search .main-content .treaty-search .right-column .pagination,
body.public-search .main-content .document-search .right-column .pagination {
  padding: 6px 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
body.public-search .main-content .treaty-search .right-column .pagination li,
body.public-search .main-content .document-search .right-column .pagination li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
body.public-search .main-content .treaty-search .right-column .pagination li a,
body.public-search .main-content .document-search .right-column .pagination li a {
  color: #2185d0;
  font-size: 14px;
  display: block;
  padding: 6px;
}
body.public-search .main-content .treaty-search .right-column .pagination li a:hover,
body.public-search .main-content .document-search .right-column .pagination li a:hover {
  text-decoration: underline;
}
body.public-search .main-content .treaty-search .right-column .pagination li.active a, body.public-search .main-content .treaty-search .right-column .pagination li.disabled a,
body.public-search .main-content .document-search .right-column .pagination li.active a,
body.public-search .main-content .document-search .right-column .pagination li.disabled a {
  color: rgb(27.3244781784%, 27.9316888046%, 29.1461100569%);
}
body.public-search .main-content .treaty-search .right-column .pagination li.active a:hover, body.public-search .main-content .treaty-search .right-column .pagination li.disabled a:hover,
body.public-search .main-content .document-search .right-column .pagination li.active a:hover,
body.public-search .main-content .document-search .right-column .pagination li.disabled a:hover {
  text-decoration: none;
}
body.public-search .main-content .treaty-search .right-column .ui.message *,
body.public-search .main-content .document-search .right-column .ui.message * {
  font-size: 14px;
  color: #276f86;
}
body.public-search .main-content .treaty-search .right-column .ui.message .header,
body.public-search .main-content .document-search .right-column .ui.message .header {
  font-size: 18px;
}
body.public-search .main-content .treaty-search .right-column .ui.message.error *,
body.public-search .main-content .document-search .right-column .ui.message.error * {
  color: #9f3a38;
}
body.public-search .main-content .treaty-search .right-column .search-loading,
body.public-search .main-content .document-search .right-column .search-loading {
  padding: 16px 0;
  font-size: 15px;
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
}
body.public-search .main-content .treaty-search .right-column .search-loading .loader,
body.public-search .main-content .document-search .right-column .search-loading .loader {
  margin-right: 8px;
}
body.public-search .main-content .treaty-search .right-column .result-items,
body.public-search .main-content .document-search .right-column .result-items {
  transition: opacity 0.2s;
}
body.public-search .main-content .treaty-search .right-column .result-items.searching,
body.public-search .main-content .document-search .right-column .result-items.searching {
  opacity: 0.4;
  pointer-events: none;
}
body.public-search .main-content .treaty-search .right-column .result-items .item,
body.public-search .main-content .document-search .right-column .result-items .item {
  border: 0;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .header,
body.public-search .main-content .document-search .right-column .result-items .item .header {
  font-size: 18px;
  color: #2185d0;
  font-weight: 400;
  cursor: pointer;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .header:hover,
body.public-search .main-content .document-search .right-column .result-items .item .header:hover {
  text-decoration: underline;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .edit_link,
body.public-search .main-content .document-search .right-column .result-items .item .edit_link {
  float: right;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .meta > *,
body.public-search .main-content .document-search .right-column .result-items .item .meta > * {
  font-size: 14px;
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
  font-weight: 700;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .meta span:nth-child(3):before,
body.public-search .main-content .document-search .right-column .result-items .item .meta span:nth-child(3):before {
  display: inline-block;
  content: " / ";
  padding: 0 6px 0 0;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .document-files,
body.public-search .main-content .document-search .right-column .result-items .item .document-files {
  margin: 4px 0 2px;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .document-files a,
body.public-search .main-content .document-search .right-column .result-items .item .document-files a {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 8px;
  font-size: 12px;
  color: #2185d0;
  background-color: #deeaf9;
  border-radius: 2px;
  transition: 0.3s;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .document-files a .icon,
body.public-search .main-content .document-search .right-column .result-items .item .document-files a .icon {
  margin-right: 4px;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .document-files a:hover, body.public-search .main-content .treaty-search .right-column .result-items .item .document-files a:focus-visible,
body.public-search .main-content .document-search .right-column .result-items .item .document-files a:hover,
body.public-search .main-content .document-search .right-column .result-items .item .document-files a:focus-visible {
  background-color: #2185d0;
  color: #fff;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .description > *,
body.public-search .main-content .document-search .right-column .result-items .item .description > * {
  font-size: 15px;
  color: rgb(22.4857685009%, 22.9854522454%, 23.9848197343%);
}
body.public-search .main-content .treaty-search .right-column .result-items .item .description b,
body.public-search .main-content .document-search .right-column .result-items .item .description b {
  display: inline-block;
  background-color: #deeaf9;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .extra,
body.public-search .main-content .document-search .right-column .result-items .item .extra {
  font-size: 0;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .extra .ui.label,
body.public-search .main-content .document-search .right-column .result-items .item .extra .ui.label {
  font-size: 11px;
  background-color: rgb(88.431372549%, 89.4117647059%, 91.568627451%);
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
}
body.public-search .main-content .treaty-search .right-column .result-items .item .extra .ui.label .icon,
body.public-search .main-content .document-search .right-column .result-items .item .extra .ui.label .icon {
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
}
body.public-search .main-content .treaty-search .right-column .result-items .item .extra .party-labels,
body.public-search .main-content .document-search .right-column .result-items .item .extra .party-labels {
  display: inline-block;
  margin: 0 !important;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .extra .party-labels > *,
body.public-search .main-content .document-search .right-column .result-items .item .extra .party-labels > * {
  margin: 0.25rem 0.5rem 0.25rem 0;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .disputes,
body.public-search .main-content .document-search .right-column .result-items .item .disputes {
  font-size: 13px;
  margin-top: 2px;
}
body.public-search .main-content .treaty-search .right-column .result-items .item .disputes a,
body.public-search .main-content .document-search .right-column .result-items .item .disputes a {
  color: rgb(46.679316888%, 47.7166350411%, 49.7912713472%);
}
body.public-search .main-content .treaty-search .right-column .result-items .item .disputes a .dispute_header,
body.public-search .main-content .document-search .right-column .result-items .item .disputes a .dispute_header {
  font-weight: bold;
}
body.public-search .main-content .treaty-search .right-column,
body.public-search .main-content .document-search .right-column {
  /*
  .treaty_date_title {
      font-style: italic;

  }

  .treaty_date_value {
      font-weight: bold;

  }

  .treaty_highlight{
      font-weight: lighter;
      color: gray;
      font-size: small;
  }

  .treaty_highlight b {
      font-weight: bold;
  }

  .treaty_preamble{
      font-weight: lighter;
      color: gray;
      font-size: small;
  }

  .treaty_preamble b {
      font-weight: bold;
  }
  */
}

/* Small desktops and tablets: the widgets go below the welcome, which had too little room
   beside them */
@media (max-width: 1024px) {
  body.public-search .main-content .document-search .right-column {
    display: flex;
    flex-direction: column;
  }
  body.public-search .main-content .widgets {
    order: 1;
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
  }
  body.public-search .main-content .widgets .widget {
    margin: 0;
  }
}
/* Tablet and phones: the results come first, and the filters open as a panel over the page */
@media (max-width: 768px) {
  body.filters-panel-open {
    overflow: hidden;
  }
  body.public-search .main-content .document-search .left-column {
    display: none !important;
  }
  body.public-search .main-content.filters-open .document-search .left-column {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: auto;
    padding: 0 16px !important;
    overflow-y: auto;
    background-color: #fff;
  }
  body.public-search .main-content.filters-open .document-search .left-column .filters-panel-header {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px 12px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 700;
    background-color: rgb(97.6862745098%, 97.8823529412%, 98.3137254902%);
    border-bottom: 1px solid rgb(88.431372549%, 89.4117647059%, 91.568627451%);
  }
  body.public-search .main-content.filters-open .document-search .left-column .filters-panel-header .button {
    margin: 0;
    box-shadow: none;
  }
  body.public-search .main-content.filters-open .document-search .left-column .button-wrapper {
    position: sticky;
    bottom: 0;
    padding: 12px 0 4px;
    background-color: #fff;
  }
  body.public-search .main-content .document-search .right-column .filters-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 4px 0 0;
  }
  body.public-search .main-content .document-search .right-column .filters-toggle .icon,
  body.public-search .main-content .document-search .right-column .filters-toggle .label {
    margin: 0;
  }
  body.public-search .main-content .document-search .right-column .results-info .ui.grid > .column {
    width: 100% !important;
    text-align: left;
    padding-bottom: 4px;
  }
  body.public-search .main-content .widget {
    width: 100%;
  }
  body.public-search .main-content .widget .dashboard-cards {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 62%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 1px 1px 6px;
  }
  body.public-search .main-content .widget .dashboard-cards .dashboard-card {
    scroll-snap-align: start;
  }
}
/* Mobiles */
body.html-document .document-title {
  text-align: center;
  font-weight: bold !important;
  margin-bottom: 5px;
  font-size: 20px;
}
body.html-document .block-text {
  padding: 32px;
}
body.html-document .block-text *:not(.icon) {
  font-family: "Open Sans", sans-serif !important;
  line-height: 1.5em;
}
body.html-document .block-text div,
body.html-document .block-text p,
body.html-document .block-text a {
  font-weight: 400;
}
body.html-document .block-text .highlight {
  border-radius: 2px;
  background-color: #fde68a;
  box-shadow: 0 0 0 1px #fde68a;
  font-size: inherit;
}
body.html-document .block-text .document-title,
body.html-document .block-text .document-text-toolbar,
body.html-document .block-text .categories-legend,
body.html-document .block-text .document-text-content,
body.html-document .block-text .button-pagination-bottom {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
body.html-document .block-text .document-text-content {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
}
body.html-document .block-text .document-text-content > p {
  margin: 0 0 1em;
}
body.html-document .block-text .document-text-content > [id^=tb-]:has(+ .category-labels) {
  margin-bottom: 0;
  padding-left: 12px;
  border-left: 3px solid rgba(33, 133, 208, 0.45);
}
body.html-document .block-text .category-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 1.2em;
  padding: 6px 0 2px 12px;
  border-left: 3px solid rgba(33, 133, 208, 0.45);
}
body.html-document .block-text .category-labels .ui.label.category-name {
  margin: 0;
  padding: 3px 9px;
  border: 1px solid rgba(33, 133, 208, 0.2);
  border-radius: 999px;
  background-color: rgba(33, 133, 208, 0.08);
  color: rgb(9.6548694166%, 38.9120494671%, 60.8549345049%);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4em;
  cursor: pointer;
}
body.html-document .block-text .category-labels .ui.label.category-name:hover {
  background-color: rgba(33, 133, 208, 0.16);
}
body.html-document .block-text .document-text-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-top: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.html-document .block-text .categories-switch {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.html-document .block-text .categories-switch .switch-label {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.55);
}
body.html-document .block-text .categories-switch .ui.buttons .ui.button {
  padding: 6px 10px;
  font-weight: 500;
}
body.html-document .block-text .categories-switch .ui.buttons .ui.button.active {
  background-color: rgba(33, 133, 208, 0.12) !important;
  color: rgb(9.6548694166%, 38.9120494671%, 60.8549345049%) !important;
}
body.html-document .block-text .categories-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-bottom: 20px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
body.html-document .block-text .categories-legend #categories-legend-count {
  flex: 1 1 220px;
  padding-left: 8px;
  border-left: 3px solid rgba(33, 133, 208, 0.45);
}
body.html-document .block-text .document-pagination {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
body.html-document .block-text .document-pagination .previous-page,
body.html-document .block-text .document-pagination .next-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.7);
}
body.html-document .block-text .document-pagination .previous-page:hover,
body.html-document .block-text .document-pagination .next-page:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
body.html-document .block-text .document-pagination .previous-page.disabled,
body.html-document .block-text .document-pagination .next-page.disabled {
  opacity: 0.3;
  pointer-events: none;
}
body.html-document .block-text .document-pagination .previous-page .icon,
body.html-document .block-text .document-pagination .next-page .icon {
  margin: 0;
}
body.html-document .block-text .document-pagination .page-of {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
body.html-document .block-text .document-pagination .select-page-number {
  height: 28px;
  padding: 0 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  cursor: pointer;
}
body.html-document .block-text .button-pagination-bottom {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.html-document .block-text .button-pagination-bottom:empty {
  display: none;
}
body.html-document .block-text .document-text-block-doc-section {
  display: none;
  /*
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  color: #aaa;
  font-weight: 300;

  &:after{
    content: "";
    display: block;
    background-image: url(/assets/images/icon-wave.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 100%;
    max-width: 200px;
    height: 24px;
    opacity: 0.1;
    margin: 6px auto 20px;
  }
  */
}
body.html-document .block-text .document-text-block-title {
  margin: 1.6em 0 0.8em;
  font-size: 26px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-part {
  margin: 1.6em 0 0.8em;
  font-size: 26px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-section {
  margin: 1.4em 0 0.6em;
  font-size: 19px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-subsection {
  margin: 1.2em 0 0.6em;
  font-size: 17px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.75);
}
body.html-document .block-text .document-text-block-chapter {
  margin: 1.6em 0 0.8em;
  font-size: 22px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-annex {
  margin: 1.6em 0 0.8em;
  font-size: 20px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-article {
  margin: 1.4em 0 0.5em;
  font-size: 17px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-header {
  text-align: center;
}
body.html-document .block-text .document-text-block-header.header-4 {
  font-size: 26px;
  font-weight: 600;
}
body.html-document .block-text .document-text-block-header.header-5 {
  font-size: 23px;
  font-weight: 600;
}
body.html-document .block-text .document-text-block-header.header-6 {
  font-size: 20px;
  font-weight: 500;
}
body.html-document .block-text .document-text-block-foot-note {
  font-size: 13px;
  line-height: 22px;
  margin: 15px 0;
  padding: 15px 0;
  color: #777;
}
body.html-document .block-text .document-text-block-foot-note:before {
  content: "";
  display: block;
  width: 100%;
  max-width: 300px;
  height: 1px;
  background-color: #aaa;
  margin: 0 0 15px;
}
body.html-document .block-text .document-text-block-text.block-align-center {
  text-align: center;
}
body.html-document .block-text .document-text-block-text.block-align-right {
  text-align: right;
}
body.html-document .block-text .document-text-block-text.block-align-left {
  text-align: left;
}
body.html-document .block-text .document-text-block-text.block-title-text {
  font-size: 25px;
  font-weight: 700;
}
body.html-document .block-text .document-text-block-table {
  width: 90%;
  border-collapse: collapse;
  margin-left: 25px;
  margin-right: 25px;
}
body.html-document .block-text .document-text-block-table th,
body.html-document .block-text .document-text-block-table td {
  border: 1px solid #777;
  padding: 15px;
}
body.html-document .metadata-card {
  max-width: 880px;
  margin: 8px auto;
  padding: 8px 16px;
}
body.html-document .metadata-section {
  padding: 18px 0;
}
body.html-document .metadata-section + .metadata-section {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
body.html-document .metadata-section h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.html-document .metadata-section .metadata-count {
  padding: 0 7px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.6);
  font-size: 11px;
  letter-spacing: 0;
}
body.html-document .metadata-list {
  margin: 0;
}
body.html-document .metadata-list .metadata-row {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 16px;
  padding: 5px 0;
}
body.html-document .metadata-list dt {
  color: rgba(0, 0, 0, 0.55);
}
body.html-document .metadata-list dd {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  overflow-wrap: anywhere;
}
body.html-document .metadata-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
body.html-document .metadata-chip {
  padding: 1px 8px;
  cursor: help;
  border: 1px solid rgba(33, 133, 208, 0.2);
  border-radius: 999px;
  background-color: rgba(33, 133, 208, 0.08);
  color: rgb(9.6548694166%, 38.9120494671%, 60.8549345049%);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
}
body.html-document .metadata-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.html-document .metadata-files .ui.button {
  margin: 0;
}
body.html-document .metadata-links {
  margin: 0;
  padding-left: 18px;
}
body.html-document .metadata-links li {
  padding: 3px 0;
}
body.html-document .metadata-table-wrapper {
  overflow-x: auto;
}
body.html-document .ui.table.metadata-relations {
  margin: 0;
  font-size: 14px;
}
body.html-document .ui.table.metadata-relations th {
  padding: 6px 10px 6px 0;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
}
body.html-document .ui.table.metadata-relations td {
  padding: 7px 10px 7px 0;
}
body.html-document .ui.table.metadata-relations .metadata-date {
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.65);
}
body.html-document .metadata-relation-type {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  white-space: nowrap;
}
body.html-document .metadata-overlaps {
  margin-top: 12px;
}
body.html-document .metadata-overlaps summary {
  padding: 6px 0;
  color: rgb(10.7503051013%, 43.3269872264%, 67.7594988203%);
  cursor: pointer;
}
body.html-document .block-metadata .relationship {
  margin: 25px 0;
  font-size: 14px;
}
body.html-document .block-metadata .relationship caption {
  text-transform: uppercase;
  padding: 15px;
  background-color: #efefef;
  font-weight: bold;
  border: 1px solid #ddd;
}
body.html-document .block-metadata .ui.list .content {
  color: #666;
  padding-bottom: 10px;
}
body.html-document .block-metadata .ui.list .header {
  color: #000;
}
body.html-document .summary-card {
  max-width: 760px;
  margin: 8px auto;
}
body.html-document .summary-card h3 {
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body.html-document .summary {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
}
body.html-document .summary li a {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.4em;
}
body.html-document .summary li a:hover {
  background-color: rgba(33, 133, 208, 0.06);
  color: rgb(9.6548694166%, 38.9120494671%, 60.8549345049%);
}
body.html-document .summary li a:hover .summary-number,
body.html-document .summary li a:hover .page {
  color: inherit;
}
body.html-document .summary .summary-level-1 a {
  padding-left: 28px;
}
body.html-document .summary .summary-level-2 a {
  padding-left: 48px;
}
body.html-document .summary .summary-level-3 a {
  padding-left: 68px;
}
body.html-document .summary .summary-level-4 a {
  padding-left: 88px;
}
body.html-document .summary .summary-level-5 a {
  padding-left: 108px;
}
body.html-document .summary .summary-number {
  flex: none;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  white-space: nowrap;
}
body.html-document .summary .suffix {
  color: rgba(0, 0, 0, 0.5);
}
body.html-document .summary .part a,
body.html-document .summary .title a,
body.html-document .summary .chapter a,
body.html-document .summary .annex a,
body.html-document .summary .header a {
  font-weight: 700;
}
body.html-document .summary .summary-level-0:not(:first-child) {
  margin-top: 10px;
}
body.html-document .summary .section a,
body.html-document .summary .subsection a {
  font-weight: 600;
}
body.html-document .summary .dots {
  flex: 1;
  min-width: 16px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
body.html-document .summary .page {
  flex: none;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  white-space: nowrap;
}
body.html-document .block-send-comment .hidden {
  display: none !important;
}
body.html-document .block-send-comment .comment-card {
  max-width: 720px;
  margin: 8px auto;
  padding: 28px 32px;
}
body.html-document .block-send-comment h3 {
  margin: 0 0 6px;
  font-size: 1.25em;
}
body.html-document .block-send-comment .comment-intro {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}
body.html-document .block-send-comment .comment-quote {
  margin-bottom: 16px;
  padding: 10px 14px;
  border-left: 3px solid #2185d0;
  border-radius: 0 6px 6px 0;
  background-color: rgba(33, 133, 208, 0.06);
}
body.html-document .block-send-comment .comment-quote .comment-quote-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.6);
}
body.html-document .block-send-comment .comment-quote .comment-quote-header b {
  color: rgba(0, 0, 0, 0.85);
}
body.html-document .block-send-comment .comment-quote .comment-quote-remove {
  flex: none;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
body.html-document .block-send-comment .comment-quote .comment-quote-remove:hover {
  color: rgba(0, 0, 0, 0.8);
}
body.html-document .block-send-comment .comment-quote .comment-quote-remove .icon {
  margin: 0;
}
body.html-document .block-send-comment .comment-quote blockquote {
  margin: 6px 0 0;
  max-height: 7.5em;
  overflow-y: auto;
  font-size: 0.95em;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.75);
  white-space: pre-line;
}
body.html-document .block-send-comment .ui.form .field {
  margin-bottom: 16px;
}
body.html-document .block-send-comment .ui.form .field > label {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
body.html-document .block-send-comment .ui.form .field .optional {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
}
body.html-document .block-send-comment .ui.form .field textarea {
  min-height: 8em;
  resize: vertical;
}
body.html-document .block-send-comment .ui.form .field input:focus,
body.html-document .block-send-comment .ui.form .field textarea:focus {
  border-color: #2185d0;
}
body.html-document .block-send-comment .ui.form .field-error {
  margin-top: 4px;
  font-size: 0.9em;
  color: #9f3a38;
}
body.html-document .block-send-comment .ui.form .ui.message {
  margin: 0 0 16px;
  padding: 10px 14px;
}
body.html-document .block-send-comment .comment-form-buttons .ui.primary.button {
  margin: 0;
  background-color: #2185d0;
  white-space: nowrap;
}
body.html-document .block-send-comment .comment-form-buttons .ui.primary.button:hover, body.html-document .block-send-comment .comment-form-buttons .ui.primary.button:focus {
  background-color: rgb(10.7503051013%, 43.3269872264%, 67.7594988203%);
}
body.html-document .block-send-comment .comment-sent {
  padding: 16px 0;
  text-align: center;
}
body.html-document .block-send-comment .comment-sent > .icon {
  font-size: 2.4em;
  color: #21ba45;
}
body.html-document .block-send-comment .comment-sent h3 {
  margin-top: 8px;
}
body.html-document .block-send-comment .comment-sent p {
  color: rgba(0, 0, 0, 0.6);
}
body.html-document .block-send-comment .comment-sent .ui.button {
  margin-top: 8px;
}
body.html-document .document-iframe {
  padding-top: 18px;
}
body.html-document .document-iframe iframe {
  background-color: transparent;
  border: 0;
  margin: 0;
  width: 100%;
  height: 600px;
}

/* Tablet */
@media (max-width: 768px) {
  body.html-document .metadata-card {
    padding: 0 4px;
  }
  body.html-document .metadata-list .metadata-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  body.html-document .summary .dots {
    visibility: hidden;
    min-width: 4px;
  }
  body.html-document .block-send-comment .comment-card {
    padding: 12px 4px;
  }
  body.html-document .ui.top.tabular.menu {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  body.html-document .ui.top.tabular.menu .item {
    flex: none;
  }
  body.html-document .block-text .document-text-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  body.html-document .block-text .categories-switch .ui.buttons .ui.button {
    white-space: nowrap;
  }
  body.html-document .block-text .button-pagination-top .document-pagination {
    justify-content: center;
  }
}
/* Mobiles */
body.admin .pusher {
  padding-right: 0;
  padding-left: 260px;
  transform: none !important;
  transition: padding-left 0.2s;
}
body.admin .pusher.push {
  transform: none !important;
  padding-right: 0;
  padding-left: 88px;
}
body.admin .clear {
  clear: both;
}
body.admin .treatyXML .CodeMirror {
  border: 0;
  height: auto !important;
}
body.admin .treaty_compare {
  margin-top: 15px !important;
}
body.admin .treaty_compare .CodeMirror-merge,
body.admin .treaty_compare .CodeMirror-merge .CodeMirror {
  height: auto !important;
}
body.admin .treaty_request_compare_header {
  padding-bottom: 0px !important;
}
body.admin .treaty_request_compare_header .field {
  margin-top: 0px;
  margin-bottom: 0px;
}
body.admin .treaty_request_compare_header .CodeMirror-merge,
body.admin .treaty_request_compare_header .CodeMirror-merge .CodeMirror {
  height: 500px;
}
body.admin .request_change_list_data {
  -moz-column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-count: 2;
  -webkit-column-gap: 60px;
  column-count: 2;
  column-gap: 60px;
}
body.admin .ui.sidebar.left {
  width: 260px !important;
  background-color: #2185d0;
  box-shadow: 2px 0 3px 3px rgba(0, 0, 0, 0.15) !important;
  transition: width 0.2s, transform 0.25s;
}
body.admin .ui.sidebar.left .logo {
  position: relative;
  text-align: center;
  padding: 24px 0 40px;
}
body.admin .ui.sidebar.left .logo img {
  max-width: 60% !important;
  margin: 0;
  padding: 0;
  display: inline-block !important;
}
body.admin .ui.sidebar.left .admin-sidebar-close {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 8px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.2em;
  cursor: pointer;
}
body.admin .ui.sidebar.left .admin-sidebar-close .icon {
  margin: 0;
}
body.admin .ui.sidebar.left .item {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
body.admin .ui.sidebar.left .item span,
body.admin .ui.sidebar.left .item i {
  color: #fff;
}
body.admin .ui.sidebar.left .submenu {
  padding-left: 0.92857143em;
  padding-top: 10px;
}
body.admin .ui.sidebar.left .submenu .item {
  transition: 0.3s;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 9px 8px 9px 18px;
  border-right: 4px solid transparent;
}
body.admin .ui.sidebar.left .submenu .item:hover {
  color: #fff !important;
  background-color: rgba(222, 234, 249, 0.1) !important;
}
body.admin .ui.sidebar.left .submenu .item.current {
  color: #fff !important;
  font-weight: 600;
  background-color: rgba(222, 234, 249, 0.25) !important;
  border-right-color: rgba(222, 234, 249, 0.9);
}
body.admin .ui.sidebar.left #adminSidebarBtn {
  margin-bottom: 8px;
  cursor: pointer;
}
body.admin .ui.sidebar.left #adminSidebarBtn i.icon {
  float: right;
  margin: 0 0 0 0.5em;
}
body.admin .ui.sidebar.left #adminSidebarBtn i.icon:before {
  content: "\f053";
}
@media (min-width: 1024px) {
  body.admin .ui.sidebar.left.labeled.icon {
    width: 88px !important;
    overflow: visible !important;
  }
  body.admin .ui.sidebar.left.labeled.icon .item {
    min-width: 0 !important;
  }
  body.admin .ui.sidebar.left.labeled.icon #adminSidebarBtn {
    margin: 0;
    padding: 14px 0 !important;
  }
  body.admin .ui.sidebar.left.labeled.icon #adminSidebarBtn i.icon {
    float: none;
    margin: 0 auto !important;
    font-size: 1em !important;
    opacity: 0.8;
  }
  body.admin .ui.sidebar.left.labeled.icon #adminSidebarBtn i.icon:before {
    content: "\f054";
  }
  body.admin .ui.sidebar.left.labeled.icon #adminSidebarBtn:hover i.icon {
    opacity: 1;
  }
  body.admin .ui.sidebar.left.labeled.icon .item.logo {
    padding: 4px 10px 16px !important;
  }
  body.admin .ui.sidebar.left.labeled.icon .item.logo img {
    max-width: 100% !important;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn) {
    position: relative;
    margin: 2px 4px;
    padding: 10px 2px !important;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn)::before {
    display: none;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn) > i.icon {
    display: block;
    float: none;
    margin: 0 auto 6px !important;
    font-size: 1.25em !important;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn) > span {
    display: block;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.25;
    white-space: normal;
    opacity: 0.85;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn):hover, body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn):focus-within, body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn).flyout-open {
    background-color: rgba(255, 255, 255, 0.12);
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn).active-section {
    background-color: rgba(255, 255, 255, 0.2);
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:not(.logo):not(#adminSidebarBtn).active-section > span {
    opacity: 1;
  }
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% + 4px);
    z-index: 10;
    min-width: 240px;
    margin: 0 !important;
    padding: 0 0 6px;
    text-align: left;
    background-color: rgb(11.2980229436%, 45.5344561061%, 71.211780978%);
    border-radius: 8px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.25);
  }
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    width: 12px;
  }
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu::before {
    content: attr(data-title);
    display: block;
    padding: 12px 18px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu .item {
    border-right: 0;
    text-align: left;
  }
  body.admin .ui.sidebar.left.labeled.icon > .item:hover > .submenu,
  body.admin .ui.sidebar.left.labeled.icon > .item:focus-within > .submenu,
  body.admin .ui.sidebar.left.labeled.icon > .item.flyout-open > .submenu {
    display: block;
  }
}
body.admin .admin-sidebar-backdrop {
  display: none;
}
body.admin .main-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 56px;
  margin: 0;
  padding: 0 16px 0 8px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  transition: box-shadow 0.2s;
}
body.admin .main-header.scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
body.admin .main-header .header-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
body.admin .main-header .header-icon-button {
  display: none;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #2185d0;
  font-size: 1.2em;
  cursor: pointer;
}
body.admin .main-header .header-icon-button:hover, body.admin .main-header .header-icon-button:focus-visible {
  background-color: rgba(33, 133, 208, 0.08);
}
body.admin .main-header .header-icon-button .icon {
  margin: 0;
}
body.admin .main-header .header-title {
  flex: 1;
  min-width: 0;
}
body.admin .main-header .project-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 6px;
  color: #2185d0;
  cursor: pointer;
  transition: background-color 0.2s;
}
body.admin .main-header .project-switcher:hover, body.admin .main-header .project-switcher:focus-visible, body.admin .main-header .project-switcher.active {
  background-color: rgba(33, 133, 208, 0.08);
}
body.admin .main-header .project-switcher h1.project-name {
  margin: 0;
  overflow: hidden;
  color: #2185d0;
  font-size: 20px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin .main-header .project-switcher h1.project-name.empty {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
}
body.admin .main-header .project-switcher > .dropdown.icon {
  margin: 0;
}
body.admin .main-header .project-switcher > .menu {
  min-width: 280px;
  max-height: 70vh;
  overflow-y: auto;
  margin-top: 6px !important;
  border-radius: 6px !important;
}
body.admin .main-header .project-switcher > .menu > .header {
  color: rgba(0, 0, 0, 0.5);
}
body.admin .main-header .project-switcher > .menu .item {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
body.admin .main-header .project-switcher > .menu .item.active {
  font-weight: 600 !important;
  color: #2185d0 !important;
}
body.admin .main-header .project-switcher > .menu .project-code {
  flex: 0 0 auto;
  min-width: 72px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
body.admin .main-header .header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
body.admin .main-header .header-user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  color: #2185d0;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
body.admin .main-header .header-user:hover, body.admin .main-header .header-user:focus-visible, body.admin .main-header .header-user.active {
  background-color: rgba(33, 133, 208, 0.08);
}
body.admin .main-header .header-user > .icon {
  margin: 0;
}
body.admin .main-header .avatar-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #2185d0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
body.admin .main-header .user-menu {
  left: auto !important;
  right: 0 !important;
  min-width: 220px;
  margin-top: 6px !important;
  overflow: hidden;
  border-radius: 6px !important;
}
body.admin .main-header .user-menu .user-data {
  padding: 16px;
  text-align: center;
  background-color: rgba(222, 234, 249, 0.35);
}
body.admin .main-header .user-menu .user-data .name {
  color: #004980;
  font-weight: 600;
}
body.admin .main-header .user-menu .user-data .role {
  color: rgba(33, 133, 208, 0.8);
  font-size: 12px;
}
body.admin .main-header .user-menu > .item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  color: #333 !important;
}
body.admin .main-header .user-menu > .item .icon {
  margin: 0 !important;
  color: #2185d0;
}
@media (max-width: 1023px) {
  body.admin .pusher,
  body.admin .pusher.push {
    padding-left: 0;
  }
  body.admin .ui.sidebar.left,
  body.admin .ui.sidebar.left.labeled.icon {
    width: 260px !important;
    max-width: 85vw;
    overflow-y: auto !important;
    transform: translateX(-100%) !important;
    box-shadow: none !important;
  }
  body.admin .ui.sidebar.left .item span,
  body.admin .ui.sidebar.left .item.logo,
  body.admin .ui.sidebar.left.labeled.icon .item span,
  body.admin .ui.sidebar.left.labeled.icon .item.logo {
    display: block;
  }
  body.admin .ui.sidebar.left .item > span,
  body.admin .ui.sidebar.left.labeled.icon .item > span {
    display: inline;
  }
  body.admin .ui.sidebar.left .item > .submenu,
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu {
    display: block;
    position: static;
    min-width: 0;
    padding-top: 10px;
    background: none;
    box-shadow: none;
  }
  body.admin .ui.sidebar.left .item > .submenu::before,
  body.admin .ui.sidebar.left.labeled.icon .item > .submenu::before {
    content: none;
  }
  body.admin .ui.sidebar.left .item i.icon,
  body.admin .ui.sidebar.left.labeled.icon .item i.icon {
    float: right;
    margin: 0 0 0 0.5em !important;
  }
  body.admin .ui.sidebar.left .admin-sidebar-close,
  body.admin .ui.sidebar.left.labeled.icon .admin-sidebar-close {
    display: block;
  }
  body.admin .ui.sidebar.left #adminSidebarBtn,
  body.admin .ui.sidebar.left.labeled.icon #adminSidebarBtn {
    display: none;
  }
  body.admin.admin-sidebar-open {
    overflow: hidden;
  }
  body.admin.admin-sidebar-open .ui.sidebar.left {
    transform: none !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3) !important;
  }
  body.admin.admin-sidebar-open .admin-sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.4);
  }
  body.admin .main-header {
    padding: 0 12px;
  }
  body.admin .main-header .header-icon-button {
    display: inline-flex;
  }
}
@media (max-width: 640px) {
  body.admin .main-header .header-user-name,
  body.admin .main-header .header-user > .dropdown.icon {
    display: none;
  }
  body.admin .main-header .header-title h1.project-name {
    font-size: 17px;
  }
}
body.admin .content-wrapper {
  padding: 0;
  min-height: calc(100vh - 56px);
  margin: 0;
}
body.admin .content-wrapper h1 {
  font-size: 22px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  padding: 12px 0;
  color: rgb(10.202587259%, 41.1195183468%, 64.3072166626%);
}
body.admin .content-wrapper h3 {
  font-size: 18px;
  padding: 0;
  font-style: italic;
  margin: 0;
  padding: 12px 24px;
}
body.admin .content-wrapper h4 {
  font-size: 16px;
  padding: 0;
  font-style: italic;
  margin: 0;
  padding: 12px 24px;
}
body.admin .content-wrapper .ui.horizontal.divider.header {
  font-size: 16px;
  padding: 12px 0;
  color: #aaa;
  text-transform: uppercase;
}
body.admin .content-wrapper .ui.grid.columns-wrapper {
  margin: 0;
  padding: 12px 24px 24px;
  height: calc(100vh - 56px);
}
body.admin .content-wrapper .ui.grid.columns-wrapper .column {
  margin: 0;
  padding: 0;
}
body.admin h2.category-tree-title {
  text-transform: uppercase;
  font-size: 15px;
  color: #004980;
}
body.admin .ui.dropdown .text {
  font-size: 14px;
}
body.admin .ui.dropdown .menu .item {
  font-size: 14px;
  color: #444;
}
body.admin .ui.dropdown.multiple .ui.label {
  color: #2185d0;
  border-color: #2185d0;
  background-color: rgba(255, 255, 255, 0.7);
  border: 0;
  margin-bottom: 2px;
  margin-top: 2px;
  font-weight: normal;
  font-size: 14px;
}
body.admin .ui.dropdown.multiple .ui.label input.search {
  font-size: 14px;
  color: #2185d0;
}
body.admin .ui.dropdown.multiple .menu .item {
  font-size: 14px;
  color: #444;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle {
  border: 0;
  border-radius: 4px;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-name {
  font-size: 14px;
  color: #004980;
  font-weight: 600px;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-path {
  color: #888;
  line-height: 1.2em;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-titles .label,
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-keywords .label {
  background-color: rgba(255, 255, 255, 0.7);
  border: 0;
  margin-bottom: 2px;
  margin-top: 2px;
  font-weight: normal;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-buttons {
  opacity: 0;
  transition: 0.3s;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-buttons a {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
body.admin .categories-tree .angular-ui-tree .angular-ui-tree-handle:hover .cat-buttons {
  opacity: 1;
}
body.admin .categories-tree .angular-ui-tree .category-toggle {
  position: absolute;
  top: 5px;
  left: 15px;
  cursor: pointer;
  display: inline-block;
  z-index: 1;
}
body.admin .categories-tree .angular-ui-tree-empty {
  border: 0;
  background: #f3f3f3;
}
body.admin .ui.message.error.form-error {
  display: block;
  padding: 6px 0 6px;
  margin: 0;
  background-color: transparent;
  border: 0 !important;
  box-shadow: none;
}
body.admin .ui.message.error.form-error:before {
  content: "\f071";
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  display: inline-block;
  margin-right: 6px;
}
body.admin .content-wrapper.general-content {
  padding: 0 16px 16px;
}
body.admin .content-wrapper.general-content .ui.message {
  margin: 0 0 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.4;
}
body.admin .content-wrapper.general-content .ui.message:last-child {
  margin-bottom: 10px;
}
body.admin .content-wrapper.general-content .ui.message > .close.icon {
  top: 8px;
  right: 8px;
}
body.admin .content-wrapper.general-content .ui.message .header {
  font-size: 15px;
}
body.admin .content-wrapper.general-content .buttons-menu {
  position: sticky;
  top: 56px;
  z-index: 90;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  min-height: 52px;
  margin: 0 -16px 12px;
  padding: 6px 16px;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  box-shadow: none;
  transition: box-shadow 0.2s;
}
body.admin .content-wrapper.general-content .buttons-menu.stuck {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
body.admin .content-wrapper.general-content .buttons-menu > .left.menu {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .left.menu h1 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: #004980;
  font-size: 20px;
  font-weight: 600;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
body.admin .content-wrapper.general-content .buttons-menu .peding_reindex {
  flex: 0 1 auto !important;
  padding: 0;
  color: #FF4500;
  font-size: 12px;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu,
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item {
  display: contents;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item {
  font-size: 0;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > * {
  order: 2;
  margin: 0 0 0 8px;
  font-size: 1rem;
}
body.admin .content-wrapper.general-content .buttons-menu .button {
  outline: none;
}
body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
  background-color: #fff !important;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic:hover, body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic:focus-visible {
  background-color: rgba(33, 133, 208, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(33, 133, 208, 0.35) !important;
}
body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic.grey, body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic.teal, body.admin .content-wrapper.general-content .buttons-menu .button.circular.basic.blue {
  color: rgba(0, 0, 0, 0.6) !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .button.circular:has(> .icon.arrow.left) {
  order: 0;
  margin: 0 12px 0 -8px;
  box-shadow: none !important;
  background-color: transparent !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .button.circular:has(> .icon.arrow.left):hover, body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .button.circular:has(> .icon.arrow.left):focus-visible {
  background-color: rgba(33, 133, 208, 0.08) !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button {
  padding: 9px 12px;
  border-radius: 6px;
  background-color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
  color: rgba(0, 0, 0, 0.75) !important;
  font-size: 14px !important;
  font-weight: 600;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button > .icon {
  margin: 0 6px 0 0 !important;
  opacity: 0.8;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button:hover, body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button:focus-visible {
  background-color: rgba(33, 133, 208, 0.08) !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button.active.cat-button {
  background-color: #2185d0 !important;
  box-shadow: none !important;
  color: #fff !important;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .red.button {
  order: 3;
  margin-left: 17px;
  position: relative;
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .red.button::before {
  content: "";
  position: absolute;
  top: 15%;
  bottom: 15%;
  left: -9px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .primary.button,
body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .submit.button:not(.red) {
  order: 4;
  margin-left: 16px;
  font-size: 15px;
}
body.admin .content-wrapper.general-content .buttons-menu.active.cat-button,
body.admin .content-wrapper.general-content .buttons-menu .button.active.cat-button {
  background-color: #2185d0 !important;
  color: #fff !important;
  border-color: #2185d0 !important;
  box-shadow: none !important;
}
body.admin .content-wrapper.general-content .buttons-menu.active.cat-button:hover,
body.admin .content-wrapper.general-content .buttons-menu .button.active.cat-button:hover {
  background-color: #2185d0 !important;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown {
  font-size: 1rem;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu {
  flex-direction: column;
  left: auto !important;
  right: 0 !important;
  width: auto !important;
  min-width: 240px;
  max-height: 70vh;
  overflow-y: auto;
  padding: 4px 0 !important;
  border-radius: 6px !important;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  white-space: nowrap;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a {
  display: block;
  padding: 6px 14px;
  color: rgba(0, 0, 0, 0.8);
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a > .icon {
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.45);
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a:hover {
  background-color: rgba(33, 133, 208, 0.06);
  color: #2185d0;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a.danger, body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a.danger > .icon {
  color: #db2828;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item > a.danger:hover {
  background-color: rgba(219, 40, 40, 0.06);
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .item.active {
  background-color: transparent !important;
  font-weight: 400 !important;
}
body.admin .content-wrapper.general-content .buttons-menu .dropdown > .menu > .divider {
  margin: 4px 0;
}
body.admin .content-wrapper.general-content .buttons-menu .primary.button.has-changes::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border-radius: 50%;
  background-color: #f2c94c;
  vertical-align: middle;
}
body.admin .content-wrapper.general-content .buttons-menu .primary.button {
  font-size: 15px;
  background-color: #004980;
  transition: 0.3s;
}
body.admin .content-wrapper.general-content .buttons-menu .primary.button:hover, body.admin .content-wrapper.general-content .buttons-menu .primary.button:focus, body.admin .content-wrapper.general-content .buttons-menu .primary.button:active {
  background-color: rgb(26.2159303555%, 61.6890407615%, 88.293873566%);
}
@media (max-width: 767px) {
  body.admin .content-wrapper.general-content .buttons-menu {
    position: relative;
    top: auto;
    margin-bottom: 12px;
    padding: 6px 16px;
  }
  body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .red.button {
    margin-left: 8px;
  }
  body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .red.button::before {
    display: none;
  }
  body.admin .content-wrapper.general-content .buttons-menu > .left.menu {
    flex-basis: calc(100% - 52px);
  }
  body.admin .content-wrapper.general-content .buttons-menu > .left.menu h1 {
    font-size: 18px;
    white-space: normal;
  }
  body.admin .content-wrapper.general-content .buttons-menu > .right.menu > .item > .primary.button {
    margin-left: auto;
  }
}
body.admin .content-wrapper.general-content .main-content-wrapper {
  border-radius: 6px;
  padding: 0;
  margin: 0 0 16px;
  background-color: transparent;
}
body.admin .content-wrapper.general-content .main-content-wrapper > .ui.form.container {
  width: auto !important;
  max-width: 820px;
  margin: 0 !important;
  padding: 20px 20px 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin .content-wrapper.general-content .main-content-wrapper .ui.secondary.pointing.menu .item {
  color: #8993a9;
}
body.admin .content-wrapper.general-content .main-content-wrapper .ui.secondary.pointing.menu .item:hover {
  color: #2185d0;
}
body.admin .content-wrapper.general-content .main-content-wrapper .ui.secondary.pointing.menu .item.active {
  color: #2185d0;
  border-color: #2185d0;
}
body.admin .content-wrapper.general-content .main-content-wrapper .filter_check_xml_pending {
  margin-left: 10px;
}
body.admin .content-wrapper.general-content .main-content-wrapper .filter_check_xml_pending label {
  margin-right: 3px;
}
body.admin .content-wrapper.general-content .main-content-wrapper .filter_check_xml_pending input {
  margin-top: 2px;
}
body.admin .content-wrapper.general-content .ui.form > div {
  padding: 0;
}
body.admin .content-wrapper.general-content .ui.form > div:not(.ui.menu) {
  padding: 0 0 16px;
}
body.admin .content-wrapper.general-content .ui.form > div:last-child {
  padding: 0;
}
body.admin .content-wrapper.general-content .ui.form > div.fields:has(> .field > .ui.toggle.checkbox),
body.admin .content-wrapper.general-content .ui.form > div .fields:has(> .field > .ui.toggle.checkbox) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px 16px;
  margin: 0;
}
body.admin .content-wrapper.general-content .ui.form > div.fields:has(> .field > .ui.toggle.checkbox) > .field,
body.admin .content-wrapper.general-content .ui.form > div .fields:has(> .field > .ui.toggle.checkbox) > .field {
  width: auto !important;
  padding: 0 !important;
}
body.admin .content-wrapper.general-content .ui.form > div .ui.checkbox label {
  color: rgba(0, 0, 0, 0.75) !important;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}
body.admin .content-wrapper.general-content .ui.form > div label {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin .content-wrapper.general-content .ui.form > div input:not([type=checkbox]):not([type=radio]),
body.admin .content-wrapper.general-content .ui.form > div textarea,
body.admin .content-wrapper.general-content .ui.form > div select {
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  transition: border-color 0.2s;
}
body.admin .content-wrapper.general-content .ui.form > div input:not([type=checkbox]):not([type=radio]):focus,
body.admin .content-wrapper.general-content .ui.form > div textarea:focus,
body.admin .content-wrapper.general-content .ui.form > div select:focus {
  border-color: #2185d0;
  color: rgba(0, 0, 0, 0.85);
}
body.admin .content-wrapper.general-content .ui.form > div .ui.dropdown.selection {
  clear: both;
  display: block;
  min-height: 36px;
  padding: 8px 32px 8px 12px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  transition: border-color 0.2s;
}
body.admin .content-wrapper.general-content .ui.form > div .ui.dropdown.selection > .dropdown.icon {
  top: 50%;
  right: 10px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
body.admin .content-wrapper.general-content .ui.form > div .ui.dropdown.selection:focus, body.admin .content-wrapper.general-content .ui.form > div .ui.dropdown.selection.active {
  border-color: #2185d0;
}
body.admin .content-wrapper.general-content .ui.attached.segment {
  border: 0 !important;
}
body.admin .content-wrapper.general-content .ui.placeholder.segment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: initial;
  animation: none;
  overflow: visible;
  padding: 30px 1em !important;
  min-height: 18rem;
  background: #f9fafb;
  border-color: rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
body.admin .content-wrapper.general-content .ui.placeholder.segment .header {
  position: relative;
  overflow: hidden;
}
body.admin .content-wrapper.general-content .ui.placeholder.segment .icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0 1rem;
}
body.admin .content-wrapper.general-content .ui.placeholder.segment .inline {
  align-self: center;
}
body.admin .content-wrapper.general-content .ui.placeholder.segment .inline .button {
  display: inline-block;
  width: auto;
  margin: 0 0.35714286rem 0 0;
}
body.admin .content-wrapper.general-content .codemirror-field {
  padding: 0 !important;
}
body.admin .content-wrapper.general-content .uploaded-files {
  font-size: 14px;
}
body.admin .content-wrapper.general-content .uploaded-files .button.mini {
  margin-left: 6px;
  font-size: 10px;
}
body.admin .content-wrapper.general-content.document-compare {
  min-height: 1000px;
}
body.admin .content-wrapper.general-content.document-compare .ui.placeholder.segment {
  align-items: center;
  min-height: auto !important;
}
body.admin .content-wrapper.general-content.document-compare .ui.placeholder.segment .icon.header {
  max-width: 600px;
}
body.admin .content-wrapper.general-content.document-compare .ui.placeholder.segment .icons-inline .icon {
  font-size: 2.5em;
  margin: 12px;
  display: inline-block !important;
}
body.admin .content-wrapper.general-content.document-compare .ui.placeholder.segment .list {
  list-style: none;
  padding: 0;
}
body.admin .content-wrapper.general-content.document-compare .ui.placeholder.segment .list li {
  padding: 3px 0;
  text-align: center;
}
body.admin .content-wrapper.general-content.document-compare .ui.grid {
  margin-top: 0;
}
body.admin .content-wrapper.general-content.document-compare .comparation-type {
  background-color: #eee;
  padding: 12px 18px;
  margin-bottom: 24px;
  border-radius: 4px;
}
body.admin .content-wrapper.general-content.document-compare .comparation-type .inline.fields {
  margin: 0;
}
body.admin .content-wrapper.general-content.document-compare .comparation-type .main-label {
  text-transform: uppercase;
  color: #004980 !important;
  margin: 0 24px 0 0;
}
body.admin .content-wrapper.general-content.document-compare .comparation-type .field label {
  color: #2185d0 !important;
}
body.admin #codemirror-container {
  width: 100%;
  height: 600px;
}
body.admin a.powered-by-codemirror {
  display: none;
}
body.admin .username {
  float: right;
  padding-top: 30px;
  padding-right: 30px;
}
body.admin .block-log .ui.list .i-item {
  margin: 0 0 6px;
  font-size: 0;
  display: flex;
}
body.admin .block-log .ui.list .i-item .i-header {
  background-color: rgba(33, 133, 208, 0.2);
  color: #2185d0;
  padding: 8px 12px;
  width: 130px;
  text-align: left;
  font-size: 13px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0;
  line-height: 1em !important;
}
body.admin .block-log .ui.list .i-item .i-text {
  background-color: rgba(196, 201, 212, 0.2);
  padding: 8px 12px;
  width: calc(100% - 130px);
  font-size: 13px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin: 0;
  line-height: 1em !important;
  color: #2D2E30;
}
body.admin .block-log .ui.list .i-item .i-text strong {
  color: #2D2E30;
}
body.admin .block-log .ui.list .i-item .i-text .date {
  color: rgb(59.5098039216%, 62.9411764706%, 70.4901960784%);
}
body.admin .block-log .ui.list .i-item:nth-child(2n) .i-header {
  background-color: rgba(33, 133, 208, 0.1);
}
body.admin .block-log .ui.list .i-item:nth-child(2n) .i-text {
  background-color: rgba(196, 201, 212, 0.1);
}
body.admin .block-metadata .ui.list {
  font-size: 13px !important;
}
body.admin .block-metadata .ui.list .item {
  padding: 8px 0;
  color: rgb(27.3244781784%, 27.9316888046%, 29.1461100569%);
}
body.admin .block-metadata .ui.list .item .header {
  font-size: 12px !important;
  display: inline-block;
  width: 200px;
  text-align: right;
  vertical-align: top;
  padding-right: 18px;
  font-family: "Open Sans", sans-serif;
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  font-weight: 700;
}
body.admin .block-metadata .table {
  width: 100%;
  margin: 24px 0;
}
body.admin .block-metadata .table caption {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid rgb(82.6470588235%, 84.1176470588%, 87.3529411765%);
  background-color: rgb(93.0588235294%, 93.6470588235%, 94.9411764706%);
  padding: 12px 16px;
  border-radius: 2px 2px 0 0;
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  border-radius: 2px 2px 0 0;
}
body.admin .block-metadata .table td,
body.admin .block-metadata .table th {
  font-size: 14px;
}
body.admin .block-metadata .table thead tr {
  background-color: rgb(97.6862745098%, 97.8823529412%, 98.3137254902%);
}
body.admin .block-metadata .table thead tr th {
  padding: 12px 16px !important;
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  font-weight: 700;
  vertical-align: middle;
  font-size: 12px;
}
body.admin .block-metadata .table tbody tr td {
  padding: 12px 16px !important;
}
body.admin .block-metadata .table tbody tr td a {
  color: #2185d0;
}
body.admin .block-metadata .table tbody tr td a:hover {
  text-decoration: underline;
}
body.admin .block-compare .ui.dropdown {
  font-size: 12px !important;
}
body.admin .block-compare .ui.dropdown .text,
body.admin .block-compare .ui.dropdown .item {
  font-size: 12px !important;
}
body.admin .block-compare .ui.dropdown .text,
body.admin .block-compare .ui.dropdown .item.selected {
  color: #2185d0;
}
body.admin .block-compare .button-column {
  padding-left: 0 !important;
}
body.admin .block-compare .button-column .button {
  font-size: 12px !important;
}

body.admin.document .document-title {
  margin: 0 0 16px;
  padding: 14px 16px 2px !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin.document .document-title > .fields {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 12px !important;
  padding: 0 !important;
}
body.admin.document .document-title > .fields > .field {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 180px;
}
body.admin.document .document-title > .fields > .field.field-code {
  flex-basis: 140px;
}
body.admin.document .document-title > .fields > .field.field-title,
body.admin.document .document-title > .fields > .field.field-title-register {
  flex: 1 1 320px;
}
body.admin.document .document-title label {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin.document .document-title input[type=text] {
  height: 38px;
  padding: 6px 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 15px;
}
body.admin.document .document-title .field.field-title input[type=text],
body.admin.document .document-title .field.field-title-register input[type=text] {
  font-size: 17px;
  font-weight: 600;
}
body.admin.document .document-title .ui.selection.dropdown {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 6px 32px 6px 12px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 14px;
  font-weight: 400;
}
body.admin.document .document-title .ui.selection.dropdown > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.admin.document .document-title .ui.selection.dropdown > .dropdown.icon {
  top: 50%;
  right: 10px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
body.admin.document .pending-update {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
}
body.admin.document .pending-update > .icon {
  margin: 0;
}
body.admin.document .pending-update .pending-item {
  font-weight: 600;
}
body.admin.document .pending-update .pending-note {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
}
body.admin.document .editor-popup-menu {
  position: fixed;
  bottom: 12px;
  right: 60px;
  z-index: 4;
  background-color: white;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
body.admin.document .editor-popup-menu .popup-menu-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 34px;
  height: 34px;
  line-height: 34px;
  padding: 0 !important;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  outline: none;
  background-color: transparent;
  vertical-align: bottom;
  color: #000;
  margin: 0;
}
body.admin.document .editor-popup-menu .popup-menu-icon:hover {
  background-color: #eff2f5;
}
body.admin.document .editor-popup-menu .popup-menu-icon a {
  vertical-align: middle;
  margin: auto;
  max-height: 100%;
}
body.admin.document .button_bar_message {
  color: red;
  font-weight: bold;
  font-size: 12px;
}
body.admin.document .summary {
  font-size: 16px;
}
body.admin.document .summary .summary_checkbox {
  margin-right: 5px;
  margin-top: 5px;
}
body.admin.document .summary li {
  display: flex;
  padding: 4px 0;
}
body.admin.document .summary li a {
  display: flex;
  width: 100%;
  color: #222;
  transition: 0.3s;
}
body.admin.document .summary li a:hover {
  color: #2185d0;
}
body.admin.document .summary li .section-name {
  max-width: 70%;
}
body.admin.document .summary .prefix {
  display: flex;
}
body.admin.document .summary .prefix:after {
  content: ". ";
  display: block;
  margin-right: 6px;
  display: inline-block;
  vertical-align: baseline;
}
body.admin.document .summary .doc_section {
  padding: 15px 0 4px;
  margin-left: 0px;
  font-size: 22px;
  font-weight: 800;
}
body.admin.document .summary .title {
  margin-left: 25px;
  font-size: 20px;
  font-weight: 800;
}
body.admin.document .summary .part {
  margin-left: 25px;
  font-size: 18px;
  font-weight: 800;
}
body.admin.document .summary .section {
  margin-left: 35px;
  font-size: 16px;
  font-weight: 700;
}
body.admin.document .summary .section .page {
  text-decoration: none !important;
}
body.admin.document .summary .subsection {
  margin-left: 35px;
  font-size: 16px;
  font-weight: 700;
}
body.admin.document .summary .subsection .page {
  text-decoration: none !important;
}
body.admin.document .summary .chapter {
  margin-left: 35px;
  font-size: 16px;
  font-weight: 600;
}
body.admin.document .summary .annex {
  margin-left: 35px;
  font-size: 16px;
  font-weight: 600;
}
body.admin.document .summary .article {
  margin-left: 45px;
  font-size: 14px;
}
body.admin.document .summary .dots {
  flex: 1;
  border-bottom: 2px dotted #ccc;
}
body.admin.document .summary .page {
  margin-left: 6px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none !important;
  text-transform: lowercase;
  color: #999;
}
body.admin.document .summary .page:before {
  content: "page ";
  display: inline-block;
  margin-right: 3px;
}
body.admin.document .modal.cat-form h2 {
  margin: 0;
  padding: 15px 0 0;
  font-size: 20px;
}
body.admin.document .modal.cat-form .block > label {
  padding: 15px 0 5px;
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
body.admin.document .modal.cat-form .field.manual h2 {
  color: rgb(9.9274778405%, 55.9548751007%, 20.7574536664%);
}
body.admin.document .modal.cat-form .field.manual .manual-white-list.ui.dropdown.multiple .ui.label {
  color: #fff !important;
  border-color: rgb(33, 186, 69) !important;
  background-color: rgb(33, 186, 69) !important;
}
body.admin.document .modal.cat-form .field.manual .manual-black-list.ui.dropdown.multiple .ui.label {
  background-color: #fff !important;
  border-color: rgb(33, 186, 69) !important;
  color: rgb(33, 186, 69) !important;
  text-decoration: line-through;
}
body.admin.document .modal.cat-form .field.automatic h2 {
  color: rgb(10.202587259%, 41.1195183468%, 64.3072166626%);
}
body.admin.document .modal.cat-form .field.automatic .automatic-white-list.ui.dropdown.multiple .ui.label {
  color: #fff !important;
  border-color: #2185d0 !important;
  background-color: #2185d0 !important;
}
body.admin.document .modal.cat-form .field.automatic .automatic-black-list.ui.dropdown.multiple .ui.label {
  background-color: #fff !important;
  border-color: #2185d0 !important;
  color: #2185d0 !important;
  text-decoration: line-through;
}
body.admin.document .block-document .ui.styled.accordion {
  width: 100%;
}
body.admin.document :focus {
  outline: none !important;
}
body.admin.document .main-content-wrapper {
  box-shadow: none !important;
  padding: 0 !important;
}
body.admin.document .ce-block {
  padding-bottom: 20px;
  position: relative;
  z-index: 0;
}
body.admin.document .ce-block.ce-block--focused {
  z-index: 1;
}
body.admin.document .ce-toolbar {
  z-index: 2;
}
body.admin.document .ce-toolbar__plus {
  background-color: #fff;
  height: 44px;
}
body.admin.document .ce-settings .ce-settings__plugin-zone {
  white-space: nowrap;
}
body.admin.document .ce-settings .ce-settings__default-zone {
  white-space: nowrap;
}
body.admin.document .ce-block__content {
  max-width: calc(100% - 60px);
}
body.admin.document .ce-toolbar__content {
  max-width: calc(100% - 60px);
}
body.admin.document .ce-block.ce-block--focused {
  box-shadow: 0 0 1px 1px rgba(207, 214, 229, 0.5);
}
body.admin.document .block-title {
  display: flex;
  flex-direction: row-reverse;
}
body.admin.document .document-pagination {
  min-width: 80px;
  min-height: 14px;
  position: relative;
  margin: 0 0 12px;
  font-size: 14px;
}
body.admin.document .document-pagination.show {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
body.admin.document .document-pagination .page-step {
  padding: 4px 6px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
body.admin.document .document-pagination .page-step .icon {
  margin: 0;
}
body.admin.document .document-pagination .page-step:hover {
  background-color: rgba(33, 133, 208, 0.08);
  color: #2185d0;
}
body.admin.document .document-pagination {
  color: #8993a9;
  text-transform: uppercase;
}
body.admin.document .document-pagination .ui.dropdown {
  margin: 0 3px;
  background-color: #deeaf9;
  color: #004980;
  border-radius: 4px;
  padding: 3px 12px;
}
body.admin.document .document-pagination .ui.dropdown .search.input {
  max-width: 100%;
  min-width: inherit;
  margin: 0;
  border: 0;
  box-shadow: none;
  padding: 0 !important;
  display: none;
}
body.admin.document .document-pagination .ui.dropdown .search.input input {
  border: 0;
  padding: 6px 3px !important;
  margin: 0;
  box-shadow: none;
  color: #2185d0;
  text-align: right;
  width: 100% !important;
  background: rgba(222, 234, 249, 0.5);
}
body.admin.document .document-pagination .ui.dropdown .menu {
  max-width: 100px !important;
  min-width: inherit;
}
body.admin.document .document-pagination .ui.dropdown .item {
  min-height: 0 !important;
  padding: 4px 14px !important;
  border-top: 0 !important;
  font-size: 13px;
  line-height: 18px !important;
  text-align: right;
}
body.admin.document .document-pagination .ui.dropdown .item.active, body.admin.document .document-pagination .ui.dropdown .item.selected {
  background-color: rgba(33, 133, 208, 0.1) !important;
  color: #004980 !important;
  font-weight: 700 !important;
}
body.admin.document .document-pagination .ui.dropdown .scrolling.menu {
  max-height: 300px !important;
}
body.admin.document .document-pagination.footer {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  margin: 12px 0 4px;
  text-align: right;
}
body.admin.document .no-relevant-mark-block {
  text-align: center;
  position: relative;
  height: 18px;
  width: 100%;
}
body.admin.document .no-relevant-mark-block.end-mark:before {
  top: 0;
  z-index: -1;
  content: "End no-relevant";
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  border-radius: 0 0 6px 6px;
  border: 1px solid rgba(13, 71, 221, 0.3);
  border-top: 0;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(13, 71, 221, 0.5);
}
body.admin.document .no-relevant-mark-block.start-mark:after {
  top: 0;
  z-index: -1;
  content: "Start no-relevant";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  border-radius: 6px 6px 0 0;
  border: 1px solid rgba(13, 71, 221, 0.3);
  border-bottom: 0;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(13, 71, 221, 0.5);
}
body.admin.document .block-footnote-editable {
  font-size: 13px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  color: #777;
}
body.admin.document .block-footnote-editable:before {
  content: "";
  display: block;
  width: 100%;
  max-width: 300px;
  height: 1px;
  background-color: #aaa;
  margin: 0 0 15px;
}
body.admin.document .block-index-editable {
  font-size: 24px;
  margin: 0;
  padding: 10px 10px 0 0;
  font-style: normal;
  font-weight: bold;
  line-height: 1em;
  min-height: 38px;
  width: 100px;
  overflow: hidden;
  background-color: rgba(196, 196, 201, 0.3);
}
body.admin.document .block-suffix-editable {
  font-size: 24px;
  margin: 0 10px 0 0;
  padding-top: 10px;
  font-style: normal;
  font-weight: bold;
  line-height: 1em;
  min-height: 38px;
  width: 120px;
  overflow: hidden;
  background-color: rgba(196, 196, 201, 0.3);
}
body.admin.document h3.block-title-editable {
  background: rgba(196, 196, 201, 0.1);
  background: -moz-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196, 196, 201, 0.1)), color-stop(100%, rgba(196, 196, 201, 0)));
  background: -webkit-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -o-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -ms-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: linear-gradient(to right, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c9', endColorstr='#c4c4c9', GradientType=1 );
  font-size: 24px;
  margin: 0;
  padding: 0;
  font-style: normal;
  line-height: 1em;
  min-height: 38px;
  width: calc(100% - 58px);
}
body.admin.document h3.block-title-editable:before {
  background: rgba(196, 196, 201, 0.1);
  background: -moz-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196, 196, 201, 0.1)), color-stop(100%, rgba(196, 196, 201, 0)));
  background: -webkit-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -o-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: -ms-linear-gradient(left, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  background: linear-gradient(to right, rgba(196, 196, 201, 0.1) 0%, rgba(196, 196, 201, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c9', endColorstr='#c4c4c9', GradientType=1 );
  content: "Title";
  text-transform: uppercase;
  font-size: 10px;
  color: #888;
  display: block;
  line-height: 1em;
  padding: 0;
}
body.admin.document .tc-table__wrap {
  width: calc(100% - 25px);
}
body.admin.document h4.ce-header {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}
body.admin.document h5.ce-header {
  font-size: 23px;
  font-weight: 600;
  text-align: center;
}
body.admin.document h6.ce-header {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
body.admin.document .article-block h3.block-title-editable:before {
  content: "Article Title";
}
body.admin.document .annex-block h3.block-title-editable:before {
  content: "Attachment Title";
}
body.admin.document .section-block h3.block-title-editable:before {
  content: "Section Title";
}
body.admin.document .subsection-block h3.block-title-editable:before {
  content: "Subsection Title";
}
body.admin.document .doc-section-block h3.block-title-editable:before {
  content: "Doc Section Title";
}
body.admin.document .chapter-block h3.block-title-editable:before {
  content: "Chapter Title";
}
body.admin.document .part-block h3.block-title-editable:before {
  content: "Part Title";
}
body.admin.document .title-block h3.block-title-editable:before {
  content: "Title Title";
}
body.admin.document .block-content-editable {
  font-size: 16px;
  line-height: 1.6em;
}
body.admin.document .block-content-editable p {
  font-size: 16px;
  line-height: 1.6em;
}
body.admin.document .block-content-editable h2 {
  font-size: 28px;
  padding: 0 0 15px;
  margin: 0;
  font-style: normal;
  line-height: 1.2em;
}
body.admin.document .block-content-editable h3 {
  font-size: 24px;
  padding: 0 0 15px;
  margin: 0;
  font-style: normal;
  line-height: 1.2em;
}
body.admin.document .block-content-editable h4 {
  font-size: 20px;
  padding: 0 0 15px;
  margin: 0;
  font-style: normal;
  line-height: 1.2em;
}
body.admin.document .block-content-editable.block-align-center {
  text-align: center;
}
body.admin.document .block-content-editable.block-align-right {
  text-align: right;
}
body.admin.document .block-content-editable.block-align-left {
  text-align: left;
}
body.admin.document .block-content-editable.block-title-text {
  font-size: 25px;
  font-weight: 700;
}
body.admin.document .ce-block .block-options-editable,
body.admin.document .ce-block .block-categories-editable {
  background: rgba(196, 196, 201, 0.1);
  background: -moz-linear-gradient(left, rgba(196, 196, 201, 0.3) 0%, rgba(196, 196, 201, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196, 196, 201, 0.3)), color-stop(100%, rgba(196, 196, 201, 0)));
  background: -webkit-linear-gradient(left, rgba(196, 196, 201, 0.3) 0%, rgba(196, 196, 201, 0) 100%);
  background: -o-linear-gradient(left, rgba(196, 196, 201, 0.3) 0%, rgba(196, 196, 201, 0) 100%);
  background: -ms-linear-gradient(left, rgba(196, 196, 201, 0.3) 0%, rgba(196, 196, 201, 0) 100%);
  background: linear-gradient(to right, rgba(196, 196, 201, 0.3) 0%, rgba(196, 196, 201, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c9', endColorstr='#c4c4c9', GradientType=1 );
  height: 0;
  overflow: hidden;
  width: calc(100% - 44px);
  padding: 0;
  margin-bottom: 6px;
  position: relative;
  transition: 0.3s;
}
body.admin.document .ce-block .block-options-editable:before,
body.admin.document .ce-block .block-categories-editable:before {
  content: "Categories";
  text-transform: uppercase;
  font-size: 10px;
  color: #888;
  line-height: 1em;
  padding: 0 0 3px;
  display: none;
}
body.admin.document .ce-block .block-options-editable .ui.multiple.dropdown > .label,
body.admin.document .ce-block .block-categories-editable .ui.multiple.dropdown > .label {
  font-size: 14px !important;
  color: #0D47DD !important;
  font-weight: normal;
  text-decoration: none;
  background-color: rgba(222, 234, 249, 0.5);
}
body.admin.document .ce-block .block-options-editable .ui.multiple.dropdown > .label .delete.icon,
body.admin.document .ce-block .block-categories-editable .ui.multiple.dropdown > .label .delete.icon {
  color: #222;
}
body.admin.document .ce-block .block-options-editable .ui.selection.dropdown,
body.admin.document .ce-block .block-categories-editable .ui.selection.dropdown {
  min-height: 36px;
  width: calc(100% - 44px);
}
body.admin.document .ce-block .block-options-editable .close-options,
body.admin.document .ce-block .block-options-editable .edit-categories,
body.admin.document .ce-block .block-categories-editable .close-options,
body.admin.document .ce-block .block-categories-editable .edit-categories {
  position: absolute;
  top: 1px;
  right: 20px;
  color: #2185d0;
  cursor: pointer;
}
body.admin.document .ce-block .block-options-editable .close-categories,
body.admin.document .ce-block .block-categories-editable .close-categories {
  position: absolute;
  top: 1px;
  right: -5px;
  color: #999;
  cursor: pointer;
}
body.admin.document .ce-block .block-options-editable .categories-list .ui.label,
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label {
  font-size: 13px;
  font-weight: normal !important;
  padding: 3px 10px;
  cursor: pointer;
}
body.admin.document .ce-block .block-options-editable .categories-list .ui.label.blue,
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.blue {
  border-color: rgba(33, 133, 208, 0.3) !important;
}
body.admin.document .ce-block .block-options-editable .categories-list .ui.label.green,
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.green {
  border-color: rgba(33, 186, 69, 0.3) !important;
}
body.admin.document .ce-block .block-options-editable .categories-list .ui.label.black-list,
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.black-list {
  text-decoration: line-through;
}
body.admin.document .ce-block.active-options, body.admin.document .ce-block.active-categories {
  display: flex;
  flex-direction: column-reverse;
}
body.admin.document .ce-block.active-options .block-options-editable,
body.admin.document .ce-block.active-options .block-categories-editable, body.admin.document .ce-block.active-categories .block-options-editable,
body.admin.document .ce-block.active-categories .block-categories-editable {
  height: auto;
  padding: 6px;
  overflow: inherit;
}
body.admin.document .ce-block.active-options .block-options-editable:before,
body.admin.document .ce-block.active-options .block-categories-editable:before, body.admin.document .ce-block.active-categories .block-options-editable:before,
body.admin.document .ce-block.active-categories .block-categories-editable:before {
  display: block;
}
body.admin.document .ce-block.active-options .ce-block__content, body.admin.document .ce-block.active-categories .ce-block__content {
  width: 100%;
}
body.admin.document .ce-block {
  /*
  .section-block{
    text-align: center;
    position: relative;
    padding: 6px 0;

    &:before{
      z-index: -1;
      content: '';
      display: block;
      position: relative;
      width: 100%;
      height: 32px;
      border-radius: 0 0 6px 6px;
      border: 1px solid rgba($blue2, 0.3);
      border-top: 0;
      //margin-bottom: 12px;
    }

    &:after{
      z-index: -1;
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 32px;
      border-radius: 6px 6px 0 0;
      border: 1px solid rgba($blue2, 0.3);
      border-bottom: 0;
    }

    .block-name-editable{
      background-color: #fff;
      margin: auto;
      min-width: 20px;
      display: inline-block;
      max-width: 90%;
      font-size: 20px;
      text-align: center;
      padding: 12px;
      color: $blue2;
    }

    &.is-first{
      &:before{
        display: none;
      }
    }
  }
  */
}
body.admin.document .ce-block .block-options-editable:before {
  content: "Options";
}
body.admin.document .block-attributes .attributes,
body.admin.document .block-attributes .relations,
body.admin.document .block-relations .attributes,
body.admin.document .block-relations .relations {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin.document .block-attributes .attributes > .actions,
body.admin.document .block-attributes .relations > .actions,
body.admin.document .block-relations .attributes > .actions,
body.admin.document .block-relations .relations > .actions {
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
}
body.admin.document .block-attributes .attributes > .actions .button,
body.admin.document .block-attributes .relations > .actions .button,
body.admin.document .block-relations .attributes > .actions .button,
body.admin.document .block-relations .relations > .actions .button {
  margin: 0;
  background-color: #fff;
  font-size: 13px;
}
body.admin.document .block-attributes .attributes .attribute,
body.admin.document .block-attributes .attributes .relation,
body.admin.document .block-attributes .relations .attribute,
body.admin.document .block-attributes .relations .relation,
body.admin.document .block-relations .attributes .attribute,
body.admin.document .block-relations .attributes .relation,
body.admin.document .block-relations .relations .attribute,
body.admin.document .block-relations .relations .relation {
  display: block;
  min-height: 0;
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  transition: 0.3s;
}
body.admin.document .block-attributes .attributes .attribute:last-child,
body.admin.document .block-attributes .attributes .relation:last-child,
body.admin.document .block-attributes .relations .attribute:last-child,
body.admin.document .block-attributes .relations .relation:last-child,
body.admin.document .block-relations .attributes .attribute:last-child,
body.admin.document .block-relations .attributes .relation:last-child,
body.admin.document .block-relations .relations .attribute:last-child,
body.admin.document .block-relations .relations .relation:last-child {
  border-bottom: 0;
}
body.admin.document .block-attributes .attributes .attribute:hover,
body.admin.document .block-attributes .attributes .relation:hover,
body.admin.document .block-attributes .relations .attribute:hover,
body.admin.document .block-attributes .relations .relation:hover,
body.admin.document .block-relations .attributes .attribute:hover,
body.admin.document .block-relations .attributes .relation:hover,
body.admin.document .block-relations .relations .attribute:hover,
body.admin.document .block-relations .relations .relation:hover {
  background-color: rgba(33, 133, 208, 0.03);
}
body.admin.document .block-attributes .attributes .attribute.deleting, body.admin.document .block-attributes .attributes .attribute.init-state,
body.admin.document .block-attributes .attributes .relation.deleting,
body.admin.document .block-attributes .attributes .relation.init-state,
body.admin.document .block-attributes .relations .attribute.deleting,
body.admin.document .block-attributes .relations .attribute.init-state,
body.admin.document .block-attributes .relations .relation.deleting,
body.admin.document .block-attributes .relations .relation.init-state,
body.admin.document .block-relations .attributes .attribute.deleting,
body.admin.document .block-relations .attributes .attribute.init-state,
body.admin.document .block-relations .attributes .relation.deleting,
body.admin.document .block-relations .attributes .relation.init-state,
body.admin.document .block-relations .relations .attribute.deleting,
body.admin.document .block-relations .relations .attribute.init-state,
body.admin.document .block-relations .relations .relation.deleting,
body.admin.document .block-relations .relations .relation.init-state {
  height: 0;
  min-height: 0;
  padding: 0 12px;
  overflow: hidden;
}
body.admin.document .block-attributes .attributes .attribute.showing-state,
body.admin.document .block-attributes .attributes .relation.showing-state,
body.admin.document .block-attributes .relations .attribute.showing-state,
body.admin.document .block-attributes .relations .relation.showing-state,
body.admin.document .block-relations .attributes .attribute.showing-state,
body.admin.document .block-relations .attributes .relation.showing-state,
body.admin.document .block-relations .relations .attribute.showing-state,
body.admin.document .block-relations .relations .relation.showing-state {
  height: auto;
  padding: 8px 12px;
  overflow: hidden;
}
body.admin.document .block-attributes .attributes .attribute .ui.message.error.form-error,
body.admin.document .block-attributes .attributes .relation .ui.message.error.form-error,
body.admin.document .block-attributes .relations .attribute .ui.message.error.form-error,
body.admin.document .block-attributes .relations .relation .ui.message.error.form-error,
body.admin.document .block-relations .attributes .attribute .ui.message.error.form-error,
body.admin.document .block-relations .attributes .relation .ui.message.error.form-error,
body.admin.document .block-relations .relations .attribute .ui.message.error.form-error,
body.admin.document .block-relations .relations .relation .ui.message.error.form-error {
  margin: 4px 0;
  font-size: 13px !important;
}
body.admin.document .block-attributes .attributes .attribute .ui.message.error.form-error:before,
body.admin.document .block-attributes .attributes .relation .ui.message.error.form-error:before,
body.admin.document .block-attributes .relations .attribute .ui.message.error.form-error:before,
body.admin.document .block-attributes .relations .relation .ui.message.error.form-error:before,
body.admin.document .block-relations .attributes .attribute .ui.message.error.form-error:before,
body.admin.document .block-relations .attributes .relation .ui.message.error.form-error:before,
body.admin.document .block-relations .relations .attribute .ui.message.error.form-error:before,
body.admin.document .block-relations .relations .relation .ui.message.error.form-error:before {
  display: none;
}
body.admin.document .block-attributes .attributes .attribute > div,
body.admin.document .block-attributes .attributes .relation > div,
body.admin.document .block-attributes .relations .attribute > div,
body.admin.document .block-attributes .relations .relation > div,
body.admin.document .block-relations .attributes .attribute > div,
body.admin.document .block-relations .attributes .relation > div,
body.admin.document .block-relations .relations .attribute > div,
body.admin.document .block-relations .relations .relation > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 12px;
}
body.admin.document .block-attributes .attributes .attribute > div > div,
body.admin.document .block-attributes .attributes .relation > div > div,
body.admin.document .block-attributes .relations .attribute > div > div,
body.admin.document .block-attributes .relations .relation > div > div,
body.admin.document .block-relations .attributes .attribute > div > div,
body.admin.document .block-relations .attributes .relation > div > div,
body.admin.document .block-relations .relations .attribute > div > div,
body.admin.document .block-relations .relations .relation > div > div {
  flex: 1 1 0;
  min-width: 200px;
}
body.admin.document .block-attributes .attributes .attribute > div > div:first-of-type,
body.admin.document .block-attributes .attributes .relation > div > div:first-of-type,
body.admin.document .block-attributes .relations .attribute > div > div:first-of-type,
body.admin.document .block-attributes .relations .relation > div > div:first-of-type,
body.admin.document .block-relations .attributes .attribute > div > div:first-of-type,
body.admin.document .block-relations .attributes .relation > div > div:first-of-type,
body.admin.document .block-relations .relations .attribute > div > div:first-of-type,
body.admin.document .block-relations .relations .relation > div > div:first-of-type {
  flex: 0 0 260px;
}
body.admin.document .block-attributes .attributes .attribute > div label,
body.admin.document .block-attributes .attributes .relation > div label,
body.admin.document .block-attributes .relations .attribute > div label,
body.admin.document .block-attributes .relations .relation > div label,
body.admin.document .block-relations .attributes .attribute > div label,
body.admin.document .block-relations .attributes .relation > div label,
body.admin.document .block-relations .relations .attribute > div label,
body.admin.document .block-relations .relations .relation > div label {
  display: none;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin.document .block-attributes .attributes .attribute > div input[type=text],
body.admin.document .block-attributes .attributes .relation > div input[type=text],
body.admin.document .block-attributes .relations .attribute > div input[type=text],
body.admin.document .block-attributes .relations .relation > div input[type=text],
body.admin.document .block-relations .attributes .attribute > div input[type=text],
body.admin.document .block-relations .attributes .relation > div input[type=text],
body.admin.document .block-relations .relations .attribute > div input[type=text],
body.admin.document .block-relations .relations .relation > div input[type=text] {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  font-size: 14px;
}
body.admin.document .block-attributes .attributes .attribute > div .ui.selection.dropdown,
body.admin.document .block-attributes .attributes .relation > div .ui.selection.dropdown,
body.admin.document .block-attributes .relations .attribute > div .ui.selection.dropdown,
body.admin.document .block-attributes .relations .relation > div .ui.selection.dropdown,
body.admin.document .block-relations .attributes .attribute > div .ui.selection.dropdown,
body.admin.document .block-relations .attributes .relation > div .ui.selection.dropdown,
body.admin.document .block-relations .relations .attribute > div .ui.selection.dropdown,
body.admin.document .block-relations .relations .relation > div .ui.selection.dropdown {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 7px 30px 7px 10px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  font-size: 14px;
}
body.admin.document .block-attributes .attributes .attribute > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-attributes .attributes .relation > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-attributes .relations .attribute > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-attributes .relations .relation > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-relations .attributes .attribute > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-relations .attributes .relation > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-relations .relations .attribute > div .ui.selection.dropdown > .dropdown.icon,
body.admin.document .block-relations .relations .relation > div .ui.selection.dropdown > .dropdown.icon {
  top: 50%;
  right: 10px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
body.admin.document .block-attributes .attributes .attribute > div > .button,
body.admin.document .block-attributes .attributes .relation > div > .button,
body.admin.document .block-attributes .relations .attribute > div > .button,
body.admin.document .block-attributes .relations .relation > div > .button,
body.admin.document .block-relations .attributes .attribute > div > .button,
body.admin.document .block-relations .attributes .relation > div > .button,
body.admin.document .block-relations .relations .attribute > div > .button,
body.admin.document .block-relations .relations .relation > div > .button {
  flex: 0 0 auto;
  margin: 0;
  padding: 9px;
  border-radius: 6px;
  background-color: transparent !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.45) !important;
}
body.admin.document .block-attributes .attributes .attribute > div > .button .icon,
body.admin.document .block-attributes .attributes .relation > div > .button .icon,
body.admin.document .block-attributes .relations .attribute > div > .button .icon,
body.admin.document .block-attributes .relations .relation > div > .button .icon,
body.admin.document .block-relations .attributes .attribute > div > .button .icon,
body.admin.document .block-relations .attributes .relation > div > .button .icon,
body.admin.document .block-relations .relations .attribute > div > .button .icon,
body.admin.document .block-relations .relations .relation > div > .button .icon {
  margin: 0 !important;
}
body.admin.document .block-attributes .attributes .attribute > div > .button:hover,
body.admin.document .block-attributes .attributes .relation > div > .button:hover,
body.admin.document .block-attributes .relations .attribute > div > .button:hover,
body.admin.document .block-attributes .relations .relation > div > .button:hover,
body.admin.document .block-relations .attributes .attribute > div > .button:hover,
body.admin.document .block-relations .attributes .relation > div > .button:hover,
body.admin.document .block-relations .relations .attribute > div > .button:hover,
body.admin.document .block-relations .relations .relation > div > .button:hover {
  background-color: rgba(33, 133, 208, 0.08) !important;
  color: #2185d0 !important;
}
body.admin.document .block-attributes .attributes .attribute > div > .button.remove-row:hover,
body.admin.document .block-attributes .attributes .relation > div > .button.remove-row:hover,
body.admin.document .block-attributes .relations .attribute > div > .button.remove-row:hover,
body.admin.document .block-attributes .relations .relation > div > .button.remove-row:hover,
body.admin.document .block-relations .attributes .attribute > div > .button.remove-row:hover,
body.admin.document .block-relations .attributes .relation > div > .button.remove-row:hover,
body.admin.document .block-relations .relations .attribute > div > .button.remove-row:hover,
body.admin.document .block-relations .relations .relation > div > .button.remove-row:hover {
  background-color: rgba(219, 40, 40, 0.08) !important;
  color: #db2828 !important;
}
body.admin.document .block-attributes .attributes > .actions + .attribute > div label,
body.admin.document .block-attributes .attributes > .actions + .relation > div label,
body.admin.document .block-attributes .relations > .actions + .attribute > div label,
body.admin.document .block-attributes .relations > .actions + .relation > div label,
body.admin.document .block-relations .attributes > .actions + .attribute > div label,
body.admin.document .block-relations .attributes > .actions + .relation > div label,
body.admin.document .block-relations .relations > .actions + .attribute > div label,
body.admin.document .block-relations .relations > .actions + .relation > div label {
  display: block;
}
body.admin.document .block-attributes > .ui.checkbox,
body.admin.document .block-relations > .ui.checkbox {
  margin: 0 0 12px;
}
body.admin.document .medium-editor-toolbar {
  max-width: 530px;
  border-radius: 12px;
}
body.admin.document .medium-toolbar-arrow-under:after {
  top: auto;
  bottom: -8px;
}
body.admin.document #documentEditor {
  padding: 0 16px 0 0;
}
body.admin.document .codex-editor--narrow .codex-editor__redactor {
  margin-right: 0 !important;
}
body.admin.document .codex-editor--narrow .ce-block--focused {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
body.admin.document .block-check-selector {
  background-color: red;
}
body.admin.document .block-check-selector .main-icon:before {
  content: "";
  width: 32px;
  height: 32px;
  transform: scale(0.7);
  position: absolute;
  z-index: 101;
  right: -66px;
  padding-left: 2px;
  top: 25px;
  display: block;
  opacity: 0.4;
  transition: 0.3s;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/assets/images/checkbox-off.png);
  background-size: 28px auto;
}
body.admin.document .block-check-selector.check-selector-selected .main-icon:before {
  opacity: 0.7 !important;
  background-image: url(/assets/images/checkbox-on.png) !important;
}
body.admin.document .block-check-selector-hidden {
  display: none;
}
body.admin.document .block-annotations .main-icon:before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 101;
  right: -66px;
  padding-left: 2px;
  top: 0;
  display: block;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/assets/images/annotation-st1.png);
  background-size: 28px auto;
}
body.admin.document .block-annotations .main-icon:hover:before {
  opacity: 1 !important;
  background-image: url(/assets/images/annotation-st2.png);
}
body.admin.document .block-annotations .content {
  position: absolute;
  right: -31px;
  top: 30px;
  width: 420px;
  min-height: 48px;
  background-color: rgba(255, 255, 255, 0.99);
  padding: 15px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
body.admin.document .block-annotations .content .close-button {
  position: absolute;
  right: 2px;
  top: 4px;
  font-size: 16px;
  cursor: pointer;
  color: #C4C9D4;
  background: white;
  border-radius: 100px;
}
body.admin.document .block-annotations .content .close-button:hover {
  color: #2185d0;
}
body.admin.document .block-annotations .content .annotation {
  border-radius: 4px;
  background-color: rgba(204, 204, 204, 0.1);
  padding: 10px;
  margin-bottom: 6px;
}
body.admin.document .block-annotations .content .annotation .date {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1em;
}
body.admin.document .block-annotations .content .annotation .user {
  font-size: 14px;
  color: #2185d0;
  line-height: 1em;
}
body.admin.document .block-annotations .content .annotation .message {
  transition: 0.3s;
  padding: 6px 2px;
  font-size: 14px;
  color: #444;
  line-height: 1.3em;
  margin-top: 6px;
}
body.admin.document .block-annotations .content .annotation .message[contenteditable=true] {
  border-bottom: 1px solid #ccc;
}
body.admin.document .block-annotations .content .annotation .message[contenteditable=true]:focus {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom-color: orange;
}
body.admin.document .block-annotations .content div:last-child {
  margin-bottom: 0;
}
body.admin.document .block-annotations.active .main-icon:before {
  opacity: 1 !important;
  background-image: url(/assets/images/annotation-st2.png);
}
body.admin.document .block-annotations.with-annotations .main-icon:before {
  opacity: 1 !important;
  background-image: url(/assets/images/annotation-st3.png) !important;
}
body.admin.document .ce-block:not(.ce-block--focused) .block-annotations .content {
  display: none;
}
body.admin.document .ce-block:not(.ce-block--focused) .block-annotations:not(.with-annotations) {
  opacity: 0;
}
body.admin.document .ce-block:hover .block-annotations .main-icon:before {
  opacity: 0.5;
}

.document-editor .editor-wrapper {
  --source-width: 37.5%;
}
.document-editor .editor-wrapper > .column.ten.wide {
  width: calc(100% - var(--source-width)) !important;
  transition: width 0.2s;
}
.document-editor .editor-wrapper > .column.six.wide.source-column {
  position: relative;
  width: var(--source-width) !important;
  transition: width 0.2s;
}
.document-editor .editor-wrapper.resizing-source {
  cursor: col-resize;
  user-select: none;
}
.document-editor .editor-wrapper.resizing-source > .column {
  transition: none;
}
.document-editor .editor-wrapper.resizing-source iframe {
  pointer-events: none;
}
.document-editor .editor-wrapper.source-hidden > .column.ten.wide {
  width: 100% !important;
}
.document-editor .editor-wrapper.source-hidden > .source-column {
  display: none !important;
}
.document-editor .source-splitter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  z-index: 81;
  width: 10px;
  cursor: col-resize;
}
.document-editor .source-splitter::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: 2px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s;
}
.document-editor .source-splitter:hover::after {
  background-color: #2185d0;
}
.document-editor .source-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 4px 8px;
  font-size: 13px;
}
.document-editor .source-head .source-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-editor .source-head .source-name .icon {
  color: #db2828;
}
.document-editor .source-head .source-open {
  color: rgba(0, 0, 0, 0.5);
}
.document-editor .source-head .source-open:hover {
  color: #2185d0;
}
.document-editor .source-head .source-open .icon {
  margin: 0;
}
.document-editor .source-missing {
  margin: 0 0 8px;
}
.document-editor .source-missing:not(.hidden) {
  display: block !important;
}
.document-editor .document-iframe {
  padding-top: 0;
}
.document-editor .document-iframe iframe {
  width: 100%;
  height: calc(100vh - 116px - 56px);
  min-height: 400px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
}

/* Tablet */
/* Mobiles */
body.admin.document .block-summary .button_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
}
body.admin.document .block-summary .button_bar .ui.buttons .button,
body.admin.document .block-summary .button_bar > .button {
  margin: 0;
  font-size: 13px;
}
body.admin.document .block-summary .button_bar .ui.basic.buttons {
  background-color: #fff;
}
body.admin.document .block-summary .button_bar .ui.checkbox label {
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
}
body.admin.document .block-summary .ui.list.summary {
  margin: 0;
  padding: 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin.document .block-disputes > .ui.bulleted.list {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin.document .block-disputes > .ui.bulleted.list > .item {
  margin: 0;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.admin.document .block-disputes > .ui.bulleted.list > .item:last-child {
  border-bottom: 0;
}
body.admin.document .block-disputes > .ui.bulleted.list > .item::before {
  display: none;
}
body.admin.document .block-disputes > .ui.bulleted.list > .item > a {
  font-weight: 600;
}
body.admin.document .block-disputes > .ui.bulleted.list > .item .ui.link.list {
  margin: 6px 0 0 12px;
  font-size: 13px;
}
body.admin.document .block-external-data .data-table {
  margin-top: 4px;
}
body.admin.document .block-external-data .data-table #external_data_table tbody td {
  vertical-align: top;
}
body.admin.document .block-external-data .data-table .external-value {
  max-height: 8.2em;
  overflow: auto;
  overflow-wrap: anywhere;
  font-size: 13px;
}
body.admin.document .block-external-data .data-table .external-meta {
  max-height: 8.2em;
  margin: 0;
  overflow: auto;
  color: rgba(0, 0, 0, 0.6);
  font-size: 11px;
  white-space: pre-wrap;
}

body.admin.document .editor-wrapper > .column > .ui.sticky.sourcefile {
  position: sticky;
  top: 116px;
  z-index: 80;
}

body.admin.document .block-document {
  position: relative;
}
body.admin.document .block-document > .text-loading {
  display: none;
}
body.admin.document .block-document.loading-text {
  min-height: 220px;
}
body.admin.document .block-document.loading-text > .text-loading {
  display: flex;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 5;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
body.admin.document .block-document.loading-text #documentEditor {
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.2s;
}

body.admin.document .ce-block {
  padding-bottom: 14px;
}
body.admin.document .ce-block.ce-block--focused {
  border-radius: 4px;
  background-color: rgba(33, 133, 208, 0.03);
  box-shadow: inset 3px 0 0 rgba(33, 133, 208, 0.4);
}
body.admin.document .block-content-editable {
  color: rgba(0, 0, 0, 0.85);
  font-size: 15.5px;
  line-height: 1.65em;
}
body.admin.document .block-content-editable p {
  font-size: 15.5px;
  line-height: 1.65em;
}
body.admin.document .block-content-editable.block-title-text {
  color: #004980;
  font-size: 22px;
  line-height: 1.3em;
}
body.admin.document .block-title {
  align-items: flex-end;
  gap: 10px;
  padding: 4px 0 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.admin.document h3.block-title-editable {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  background: none;
  filter: none;
  color: rgba(0, 0, 0, 0.85);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3em;
}
body.admin.document h3.block-title-editable:before {
  margin-bottom: 3px;
  padding: 0;
  background: none;
  filter: none;
  color: rgba(33, 133, 208, 0.85);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.admin.document .doc-section-block h3.block-title-editable,
body.admin.document .part-block h3.block-title-editable,
body.admin.document .title-block h3.block-title-editable {
  color: #004980;
  font-size: 23px;
}
body.admin.document .chapter-block h3.block-title-editable,
body.admin.document .annex-block h3.block-title-editable {
  color: #004980;
  font-size: 21px;
}
body.admin.document .section-block h3.block-title-editable {
  font-size: 19px;
}
body.admin.document .subsection-block h3.block-title-editable,
body.admin.document .article-block h3.block-title-editable {
  font-size: 17px;
}
body.admin.document .block-index-editable,
body.admin.document .block-suffix-editable {
  flex: 0 0 auto;
  width: auto;
  min-width: 36px;
  max-width: 160px;
  min-height: 26px;
  margin: 0;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: rgba(33, 133, 208, 0.08);
  color: #004980;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
}
body.admin.document .block-index-editable:empty,
body.admin.document .block-suffix-editable:empty {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  background-color: transparent;
}
body.admin.document .block-footnote-editable {
  color: rgba(0, 0, 0, 0.5);
}
body.admin.document .ce-block .block-options-editable,
body.admin.document .ce-block .block-categories-editable {
  background: #f6f7f9;
  filter: none;
  border-radius: 4px;
}
body.admin.document .ce-block.active-options .block-options-editable,
body.admin.document .ce-block.active-options .block-categories-editable, body.admin.document .ce-block.active-categories .block-options-editable,
body.admin.document .ce-block.active-categories .block-categories-editable {
  margin-bottom: 4px;
  padding: 4px 64px 6px 10px;
  box-shadow: inset 3px 0 0 rgba(33, 133, 208, 0.35);
}
body.admin.document .ce-block.active-options .block-options-editable:before,
body.admin.document .ce-block.active-options .block-categories-editable:before, body.admin.document .ce-block.active-categories .block-options-editable:before,
body.admin.document .ce-block.active-categories .block-categories-editable:before {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.admin.document .ce-block .block-categories-editable .edit-categories,
body.admin.document .ce-block .block-categories-editable .close-categories {
  top: 4px;
  color: rgba(0, 0, 0, 0.5);
}
body.admin.document .ce-block .block-categories-editable .edit-categories:hover,
body.admin.document .ce-block .block-categories-editable .close-categories:hover {
  color: #2185d0;
}
body.admin.document .ce-block .block-categories-editable .edit-categories {
  right: 30px;
}
body.admin.document .ce-block .block-categories-editable .close-categories {
  right: 8px;
}
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.category-label {
  margin: 2px 4px 2px 0;
  padding: 3px 9px;
  border: 0 !important;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 400 !important;
}
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.category-label.green {
  background-color: #e3f4e8 !important;
  color: #1e7b3a !important;
}
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.category-label.blue {
  background-color: rgba(33, 133, 208, 0.12) !important;
  color: #004980 !important;
}
body.admin.document .ce-block .block-categories-editable .categories-list .ui.label.category-label.black-list {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px currentColor !important;
  opacity: 0.7;
  text-decoration: line-through;
}

body.admin.document .block-title {
  margin-right: 36px;
  padding-right: 0;
}
body.admin.document .doc-section-block.block-title {
  margin: 8px 36px 4px 0;
  padding: 10px 12px;
  border-bottom: 0;
  border-radius: 6px;
  background-color: rgba(33, 133, 208, 0.07);
  box-shadow: inset 4px 0 0 #2185d0;
}
body.admin.document .doc-section-block.block-title h3.block-title-editable {
  color: #004980;
  font-size: 22px;
}
body.admin.document .doc-section-block.block-title h3.block-title-editable:before {
  color: #2185d0;
}
body.admin.document .doc-section-block.block-title .block-index-editable,
body.admin.document .doc-section-block.block-title .block-suffix-editable {
  background-color: #fff;
}
body.admin.document .doc-section-block.block-title .block-index-editable:empty,
body.admin.document .doc-section-block.block-title .block-suffix-editable:empty {
  border-color: rgba(33, 133, 208, 0.3);
  background-color: transparent;
}

.ui.modal.editor-help .help-chip {
  display: inline-block;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
}
.ui.modal.editor-help .help-chip.manual {
  background-color: #e3f4e8;
  color: #1e7b3a;
}
.ui.modal.editor-help .help-chip.automatic {
  background-color: rgba(33, 133, 208, 0.12);
  color: #004980;
}
.ui.modal.editor-help .help-chip.black-list {
  box-shadow: inset 0 0 0 1px currentColor;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}
.ui.modal.editor-help .content h3 {
  margin: 18px 0 8px;
  color: #004980;
  font-size: 16px;
}
.ui.modal.editor-help .content h3:first-child {
  margin-top: 0;
}
.ui.modal.editor-help .content ul {
  margin: 0 0 10px;
  padding-left: 20px;
}
.ui.modal.editor-help .content ul li {
  margin-bottom: 4px;
}
.ui.modal.editor-help .content ul ul {
  margin-top: 4px;
}

body.admin.document .ce-settings {
  min-width: 190px;
  padding: 4px 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
body.admin.document .ce-settings .ce-settings__plugin-zone,
body.admin.document .ce-settings .ce-settings__default-zone {
  white-space: normal;
}
body.admin.document .ce-settings .ce-settings__plugin-zone > div {
  display: flex;
  flex-direction: column;
}
body.admin.document .ce-settings .ce-settings__plugin-zone:not(:empty) {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.admin.document .ce-settings .ce-settings__default-zone {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
}
body.admin.document .ce-settings .cdx-settings-button,
body.admin.document .ce-settings .ce-settings__button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  height: auto;
  min-height: 30px;
  margin: 0;
  padding: 5px 12px !important;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
}
body.admin.document .ce-settings .cdx-settings-button svg,
body.admin.document .ce-settings .ce-settings__button svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin: 0 !important;
  opacity: 0.7;
}
body.admin.document .ce-settings .cdx-settings-button::after,
body.admin.document .ce-settings .ce-settings__button::after {
  display: inline;
}
body.admin.document .ce-settings .cdx-settings-button:hover,
body.admin.document .ce-settings .ce-settings__button:hover {
  background-color: rgba(33, 133, 208, 0.06);
  color: #2185d0;
}
body.admin.document .ce-settings .ce-tune-move-up::after {
  content: "Move up";
}
body.admin.document .ce-settings .ce-settings__button--delete::after {
  content: "Delete block";
}
body.admin.document .ce-settings .ce-settings__button--delete.ce-settings__button--confirm::after {
  content: "Click again to delete";
}
body.admin.document .ce-settings .ce-settings__button--delete,
body.admin.document .ce-settings .ce-settings__button--delete:hover {
  color: #db2828;
}
body.admin.document .ce-settings .ce-tune-move-down::after {
  content: "Move down";
}

body.admin.document .block-annotations .content {
  top: 34px;
  width: 380px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
body.admin.document .block-annotations .content::before {
  content: "Comments on this block";
  display: block;
  padding: 9px 40px 9px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body.admin.document .block-annotations .content .close-button {
  top: 6px;
  right: 8px;
  padding: 2px;
  border-radius: 4px;
  background: transparent;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
body.admin.document .block-annotations .content .close-button .icon {
  margin: 0;
}
body.admin.document .block-annotations .content .close-button:hover {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.85);
}
body.admin.document .block-annotations .content .annotation {
  margin: 0;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
  background-color: transparent;
}
body.admin.document .block-annotations .content .annotation:last-child {
  border-bottom: 0;
}
body.admin.document .block-annotations .content .annotation .info {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
  gap: 8px;
}
body.admin.document .block-annotations .content .annotation .user {
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-weight: 700;
}
body.admin.document .block-annotations .content .annotation .date {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
body.admin.document .block-annotations .content .annotation .message {
  margin-top: 4px;
  padding: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 1.45;
}
body.admin.document .block-annotations .content .annotation .message[contenteditable=true] {
  min-height: 64px;
  margin-top: 6px;
  padding: 6px 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
}
body.admin.document .block-annotations .content .annotation .message[contenteditable=true]:empty::before {
  content: "Write a comment…";
  color: rgba(0, 0, 0, 0.35);
}
body.admin.document .block-annotations .content .annotation .message[contenteditable=true]:focus {
  border-color: #2185d0;
  background-color: #fff;
}

body.admin.document .editor-wrapper .ui.top.tabular.menu {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
body.admin.document .editor-wrapper .ui.top.tabular.menu > .item {
  flex: 0 0 auto;
  white-space: nowrap;
}
body.admin.document .source-close {
  display: none;
  color: rgba(0, 0, 0, 0.55);
}
body.admin.document .source-close .icon {
  margin: 0;
}
@media (max-width: 1023px) {
  body.admin.document .document-editor .editor-wrapper > .column.ten.wide {
    width: 100% !important;
  }
  body.admin.document .document-editor .editor-wrapper > .column.six.wide.source-column {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    display: block !important;
    width: min(560px, 100vw) !important;
    padding: 12px !important;
    background-color: #fff;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.2);
    transform: translateX(0);
    transition: transform 0.25s;
  }
  body.admin.document .document-editor .editor-wrapper.source-hidden > .column.six.wide.source-column {
    display: block !important;
    transform: translateX(105%);
    box-shadow: none;
  }
  body.admin.document .document-editor .editor-wrapper .source-splitter {
    display: none;
  }
  body.admin.document .document-editor .editor-wrapper .ui.sticky.sourcefile {
    position: static;
  }
  body.admin.document .document-editor .editor-wrapper .document-iframe iframe {
    height: calc(100vh - 80px);
    min-height: 0;
  }
  body.admin.document .source-close {
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  body.admin.document .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button {
    padding: 9px 11px;
    font-size: 0 !important;
  }
  body.admin.document .content-wrapper.general-content .buttons-menu > .right.menu > .item > .bar-text-button > .icon {
    margin: 0 !important;
    font-size: 15px;
  }
  body.admin.document #update_button {
    position: fixed;
    top: auto !important;
    right: 12px;
    bottom: 12px;
    left: 12px;
    z-index: 95;
    margin: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  }
  body.admin.document .admin-content {
    padding-bottom: 72px;
  }
  body.admin.document .pending-update {
    font-size: 13px;
  }
  body.admin.document .pending-update .pending-note {
    display: none;
  }
  body.admin.document .document-title > .fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  body.admin.document .document-title > .fields > .field {
    min-width: 0;
  }
  body.admin.document .document-title > .fields > .field.field-code {
    order: 1;
  }
  body.admin.document .document-title > .fields > .field.field-status {
    order: 2;
  }
  body.admin.document .document-title > .fields > .field.field-title,
  body.admin.document .document-title > .fields > .field.field-title-register {
    order: 3;
    grid-column: 1/-1;
  }
  body.admin.document .document-title > .fields > .field.field-lang {
    order: 4;
  }
  body.admin.document .document-title > .fields > .field.field-publish {
    order: 5;
  }
  body.admin.document .ce-block__content,
  body.admin.document .ce-toolbar__content {
    max-width: calc(100% - 28px);
  }
  body.admin.document .block-title {
    margin-right: 28px;
  }
  body.admin.document h3.block-title-editable {
    font-size: 17px !important;
  }
  body.admin.document .block-index-editable,
  body.admin.document .block-suffix-editable {
    min-width: 26px;
    padding: 2px 6px;
    font-size: 13px;
  }
  body.admin.document .block-annotations .main-icon:before {
    right: -26px;
    width: 24px;
    height: 24px;
    background-size: 22px auto;
  }
  body.admin.document .block-annotations .content {
    right: -20px;
    width: calc(100vw - 40px);
  }
  body.admin.document .block-attributes .attribute > div > div,
  body.admin.document .block-attributes .relation > div > div,
  body.admin.document .block-attributes .attribute > div > div:first-of-type,
  body.admin.document .block-attributes .relation > div > div:first-of-type,
  body.admin.document .block-relations .attribute > div > div,
  body.admin.document .block-relations .relation > div > div,
  body.admin.document .block-relations .attribute > div > div:first-of-type,
  body.admin.document .block-relations .relation > div > div:first-of-type {
    flex: 1 1 100%;
    min-width: 0;
  }
}

body.admin.document_dispute .document-title {
  margin: 32px 0 0;
}
body.admin.document_dispute .document-title input[type=text] {
  font-size: 20px;
  font-weight: 600;
  color: #444 !important;
}
body.admin.document_dispute .document-title .field.field-code {
  width: 200px !important;
}
body.admin.document_dispute .document-title .field.field-code input[type=text] {
  font-weight: 400;
}
body.admin.document_dispute .document-title .field.field-status {
  width: 168px !important;
}
body.admin.document_dispute .document-title .field.field-lang {
  width: 220px !important;
}
body.admin.document_dispute .document-title .field.field-title {
  width: calc(100% - 200px - 168px - 220px) !important;
}
body.admin.document_dispute .document-title .field.field-title-register {
  width: calc(100% - 200px - 132px) !important;
}
body.admin.document_dispute .document-title .ui.selection.dropdown {
  font-size: 16px;
  font-weight: 400;
  color: #444 !important;
  width: 100%;
  min-width: auto;
  height: 100%;
  align-items: center;
  display: flex !important;
}
body.admin.document_dispute .document-title .ui.selection.dropdown .icon {
  height: 100%;
  align-items: center;
  display: flex;
}
body.admin.document_dispute :focus {
  outline: none !important;
}
body.admin.document_dispute .main-content-wrapper {
  box-shadow: none !important;
  padding: 0 !important;
}
body.admin.document_dispute .block-attributes .attributes .attribute,
body.admin.document_dispute .block-attributes .attributes .based-relation,
body.admin.document_dispute .block-attributes .attributes .refered-relation,
body.admin.document_dispute .block-attributes .based-relations .attribute,
body.admin.document_dispute .block-attributes .based-relations .based-relation,
body.admin.document_dispute .block-attributes .based-relations .refered-relation,
body.admin.document_dispute .block-attributes .refered-relations .attribute,
body.admin.document_dispute .block-attributes .refered-relations .based-relation,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation,
body.admin.document_dispute .block-based-relations .attributes .attribute,
body.admin.document_dispute .block-based-relations .attributes .based-relation,
body.admin.document_dispute .block-based-relations .attributes .refered-relation,
body.admin.document_dispute .block-based-relations .based-relations .attribute,
body.admin.document_dispute .block-based-relations .based-relations .based-relation,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation,
body.admin.document_dispute .block-based-relations .refered-relations .attribute,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation,
body.admin.document_dispute .block-refered-relations .attributes .attribute,
body.admin.document_dispute .block-refered-relations .attributes .based-relation,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation,
body.admin.document_dispute .block-refered-relations .based-relations .attribute,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation {
  display: flex;
  padding: 6px 12px;
  margin: 0 0 12px;
  background-color: #fafafa;
  border-radius: 4px;
  transition: 0.5s;
  height: auto;
  min-height: 77px;
}
body.admin.document_dispute .block-attributes .attributes .attribute.deleting, body.admin.document_dispute .block-attributes .attributes .attribute.init-state,
body.admin.document_dispute .block-attributes .attributes .based-relation.deleting,
body.admin.document_dispute .block-attributes .attributes .based-relation.init-state,
body.admin.document_dispute .block-attributes .attributes .refered-relation.deleting,
body.admin.document_dispute .block-attributes .attributes .refered-relation.init-state,
body.admin.document_dispute .block-attributes .based-relations .attribute.deleting,
body.admin.document_dispute .block-attributes .based-relations .attribute.init-state,
body.admin.document_dispute .block-attributes .based-relations .based-relation.deleting,
body.admin.document_dispute .block-attributes .based-relations .based-relation.init-state,
body.admin.document_dispute .block-attributes .based-relations .refered-relation.deleting,
body.admin.document_dispute .block-attributes .based-relations .refered-relation.init-state,
body.admin.document_dispute .block-attributes .refered-relations .attribute.deleting,
body.admin.document_dispute .block-attributes .refered-relations .attribute.init-state,
body.admin.document_dispute .block-attributes .refered-relations .based-relation.deleting,
body.admin.document_dispute .block-attributes .refered-relations .based-relation.init-state,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation.deleting,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation.init-state,
body.admin.document_dispute .block-based-relations .attributes .attribute.deleting,
body.admin.document_dispute .block-based-relations .attributes .attribute.init-state,
body.admin.document_dispute .block-based-relations .attributes .based-relation.deleting,
body.admin.document_dispute .block-based-relations .attributes .based-relation.init-state,
body.admin.document_dispute .block-based-relations .attributes .refered-relation.deleting,
body.admin.document_dispute .block-based-relations .attributes .refered-relation.init-state,
body.admin.document_dispute .block-based-relations .based-relations .attribute.deleting,
body.admin.document_dispute .block-based-relations .based-relations .attribute.init-state,
body.admin.document_dispute .block-based-relations .based-relations .based-relation.deleting,
body.admin.document_dispute .block-based-relations .based-relations .based-relation.init-state,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation.deleting,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation.init-state,
body.admin.document_dispute .block-based-relations .refered-relations .attribute.deleting,
body.admin.document_dispute .block-based-relations .refered-relations .attribute.init-state,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation.deleting,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation.init-state,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation.deleting,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation.init-state,
body.admin.document_dispute .block-refered-relations .attributes .attribute.deleting,
body.admin.document_dispute .block-refered-relations .attributes .attribute.init-state,
body.admin.document_dispute .block-refered-relations .attributes .based-relation.deleting,
body.admin.document_dispute .block-refered-relations .attributes .based-relation.init-state,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation.deleting,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation.init-state,
body.admin.document_dispute .block-refered-relations .based-relations .attribute.deleting,
body.admin.document_dispute .block-refered-relations .based-relations .attribute.init-state,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation.deleting,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation.init-state,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation.deleting,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation.init-state,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute.deleting,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute.init-state,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation.deleting,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation.init-state,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation.deleting,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation.init-state {
  height: 0;
  min-height: 0;
  padding: 0 12px;
  overflow: hidden;
}
body.admin.document_dispute .block-attributes .attributes .attribute.showing-state,
body.admin.document_dispute .block-attributes .attributes .based-relation.showing-state,
body.admin.document_dispute .block-attributes .attributes .refered-relation.showing-state,
body.admin.document_dispute .block-attributes .based-relations .attribute.showing-state,
body.admin.document_dispute .block-attributes .based-relations .based-relation.showing-state,
body.admin.document_dispute .block-attributes .based-relations .refered-relation.showing-state,
body.admin.document_dispute .block-attributes .refered-relations .attribute.showing-state,
body.admin.document_dispute .block-attributes .refered-relations .based-relation.showing-state,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation.showing-state,
body.admin.document_dispute .block-based-relations .attributes .attribute.showing-state,
body.admin.document_dispute .block-based-relations .attributes .based-relation.showing-state,
body.admin.document_dispute .block-based-relations .attributes .refered-relation.showing-state,
body.admin.document_dispute .block-based-relations .based-relations .attribute.showing-state,
body.admin.document_dispute .block-based-relations .based-relations .based-relation.showing-state,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation.showing-state,
body.admin.document_dispute .block-based-relations .refered-relations .attribute.showing-state,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation.showing-state,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation.showing-state,
body.admin.document_dispute .block-refered-relations .attributes .attribute.showing-state,
body.admin.document_dispute .block-refered-relations .attributes .based-relation.showing-state,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation.showing-state,
body.admin.document_dispute .block-refered-relations .based-relations .attribute.showing-state,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation.showing-state,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation.showing-state,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute.showing-state,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation.showing-state,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation.showing-state {
  height: auto;
  min-height: 77px;
  padding: 6px 12px;
  overflow: hidden;
}
body.admin.document_dispute .block-attributes .attributes .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .attributes .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .attributes .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .based-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .based-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .based-relations .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .refered-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .refered-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .attributes .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .attributes .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .attributes .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .based-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .based-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .refered-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .attributes .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .attributes .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .based-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation .ui.message.error.form-error,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation .ui.message.error.form-error {
  font-size: 14px !important;
}
body.admin.document_dispute .block-attributes .attributes .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .attributes .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .attributes .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .based-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .based-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .based-relations .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .refered-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .refered-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .attributes .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .attributes .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .attributes .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .based-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .based-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .refered-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .attributes .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .attributes .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .based-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation .ui.message.error.form-error:before,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation .ui.message.error.form-error:before {
  display: none;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > *,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > *,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > *,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > *,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > *,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > *,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > *,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > *,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > *,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > *,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > *,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > *,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > *,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > *,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > *,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > *,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > *,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > *,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > *,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > *,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > *,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > *,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > *,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > *,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > *,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > *,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 12px;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > * label,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > * label,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > * label,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > * label,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > * label,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > * label,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > * label,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > * label,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > * label,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > * label,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > * label,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > * label,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > * label,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > * label,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > * label,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > * label,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > * label,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > * label,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > * label,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > * label,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > * label,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > * label,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > * label,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > * label,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > * label,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > * label,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * label {
  display: block;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > * input[type=text],
body.admin.document_dispute .block-attributes .attributes .based-relation > div > * input[type=text],
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-attributes .based-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .attributes .attribute > div > * input[type=text],
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > * input[type=text],
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * input[type=text] {
  min-width: 330px;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > * select,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > * select,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > * select,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > * select,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > * select,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > * select,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > * select,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > * select,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > * select,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > * select,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > * select,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > * select,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > * select,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > * select,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > * select,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > * select,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > * select,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > * select,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > * select,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > * select,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > * select,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > * select,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > * select,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > * select,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > * select,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > * select,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * select {
  padding: 12px;
  font-size: 14px;
  height: 43px;
  min-width: 230px;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .attributes .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > * .refered.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * .based.dropdown,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > * .refered.dropdown {
  min-width: 600px;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > *.button,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > *.button,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > *.button,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > *.button,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > *.button,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > *.button,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > *.button,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > *.button,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > *.button,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > *.button,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > *.button,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > *.button,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > *.button,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > *.button,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > *.button,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > *.button,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > *.button,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > *.button,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > *.button,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > *.button,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > *.button,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > *.button {
  margin: 12px 12px 10px;
  vertical-align: baseline;
  padding: 6px;
  box-shadow: none !important;
  background-color: #fff !important;
  transition: 0.3s;
  color: #888 !important;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > *.button:hover,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > *.button:hover,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > *.button:hover,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > *.button:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > *.button:hover {
  color: #db2828 !important;
}
body.admin.document_dispute .block-attributes .attributes .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .attributes .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .attributes .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .based-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .based-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .based-relations .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .refered-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .refered-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-attributes .refered-relations .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .attributes .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .attributes .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .attributes .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .based-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .based-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .based-relations .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .refered-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .refered-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-based-relations .refered-relations .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .attributes .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .attributes .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .attributes .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .based-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .based-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .based-relations .refered-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .attribute > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .based-relation > div > *.button.show-document:hover,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-relation > div > *.button.show-document:hover {
  color: #2185d0 !important;
}
body.admin.document_dispute .block-attributes .attributes .attributes-actions,
body.admin.document_dispute .block-attributes .attributes .based-actions,
body.admin.document_dispute .block-attributes .attributes .refered-actions,
body.admin.document_dispute .block-attributes .based-relations .attributes-actions,
body.admin.document_dispute .block-attributes .based-relations .based-actions,
body.admin.document_dispute .block-attributes .based-relations .refered-actions,
body.admin.document_dispute .block-attributes .refered-relations .attributes-actions,
body.admin.document_dispute .block-attributes .refered-relations .based-actions,
body.admin.document_dispute .block-attributes .refered-relations .refered-actions,
body.admin.document_dispute .block-based-relations .attributes .attributes-actions,
body.admin.document_dispute .block-based-relations .attributes .based-actions,
body.admin.document_dispute .block-based-relations .attributes .refered-actions,
body.admin.document_dispute .block-based-relations .based-relations .attributes-actions,
body.admin.document_dispute .block-based-relations .based-relations .based-actions,
body.admin.document_dispute .block-based-relations .based-relations .refered-actions,
body.admin.document_dispute .block-based-relations .refered-relations .attributes-actions,
body.admin.document_dispute .block-based-relations .refered-relations .based-actions,
body.admin.document_dispute .block-based-relations .refered-relations .refered-actions,
body.admin.document_dispute .block-refered-relations .attributes .attributes-actions,
body.admin.document_dispute .block-refered-relations .attributes .based-actions,
body.admin.document_dispute .block-refered-relations .attributes .refered-actions,
body.admin.document_dispute .block-refered-relations .based-relations .attributes-actions,
body.admin.document_dispute .block-refered-relations .based-relations .based-actions,
body.admin.document_dispute .block-refered-relations .based-relations .refered-actions,
body.admin.document_dispute .block-refered-relations .refered-relations .attributes-actions,
body.admin.document_dispute .block-refered-relations .refered-relations .based-actions,
body.admin.document_dispute .block-refered-relations .refered-relations .refered-actions {
  border-top: 1px solid #eee;
  padding: 24px 0 124px;
  margin: 24px 0;
}

/* Tablet */
/* Mobiles */
body.document.compare .color-red {
  color: #2D2E30;
  background-color: rgba(255, 69, 0, 0.3);
}
body.document.compare .color-grey {
  color: #2D2E30;
}
body.document.compare .color-green {
  color: #2D2E30;
  background-color: rgba(34, 139, 34, 0.3);
}

/* Tablet */
/* Mobiles */
body.document.join .ui.placeholder.segment .field.join-documents-field {
  max-width: 720px;
  width: 100%;
}
body.document.join .documents {
  counter-reset: join-document;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
body.document.join .documents .document > div {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.5em;
}
body.document.join .documents .document > div::before {
  counter-increment: join-document;
  content: counter(join-document) ".";
  min-width: 1.5em;
  text-align: right;
  color: rgba(0, 0, 0, 0.6);
}
body.document.join .documents .document > div > div {
  flex: 1;
  min-width: 0;
}
body.document.join .documents .document > div > div > label {
  display: none;
}
body.document.join .documents .document > div > div > .ui.dropdown {
  width: 100%;
  min-width: 0;
  margin: 0;
}
body.document.join .documents .document > div > .ui.button {
  flex: none;
  width: auto;
  margin: 0;
}
body.document.join .documents .document > div > .show-document.force-hidden {
  display: inline-block !important;
  visibility: hidden;
}
body.document.join .documents .actions {
  margin-top: 0.5em;
  padding-left: 2em;
}

.document-category-list .angular-ui-tree-handle {
  cursor: auto !important;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  margin: 5px;
  background-color: rgba(222, 234, 249, 0.3);
  font-weight: normal;
}
.document-category-list .cat-data {
  margin-left: 15px;
}
.document-category-list .cat-name {
  font-weight: bold;
}
.document-category-list .cat-path {
  font-size: 12px;
}
.document-category-list .cat-buttons {
  float: right;
}
.document-category-list .cat-match {
  background-color: #deeaf9;
}
.document-category-list .cat-menu .menu .item {
  font-size: 12px !important;
}
.document-category-list .labels-scroll {
  margin: 4px, 4px;
  padding: 4px;
  max-height: 76px;
  overflow-x: hidden;
  overflow-y: auto;
}
.document-category-list .not_public_category {
  opacity: 0.5;
}
.document-category-list .not_needed_in_public_search {
  color: orangered !important;
}
.document-category-list .cat-form .ui.dropdown .ui.label {
  font-size: 13px;
  font-weight: normal;
  background-color: #fff;
}
.document-category-list .cat-form .ui.dropdown input.search {
  font-size: 13px;
}
.document-category-list .cat-form .field.titles .ui.dropdown .ui.label {
  color: #2185d0 !important;
  border-color: #2185d0 !important;
}
.document-category-list .cat-form .field.titles .ui.dropdown input.search {
  color: #2185d0 !important;
}
.document-category-list .cat-form .field.keywords .ui.dropdown .ui.label {
  color: rgba(0, 0, 0, 0.7) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.document-category-list .cat-form .field.keywords .ui.dropdown input.search {
  color: rgba(0, 0, 0, 0.7) !important;
}
.document-category-list .cat-form .field.doc_sections .ui.dropdown .ui.label {
  color: rgba(0, 0, 0, 0.7) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.document-category-list .cat-form .field.doc_sections .ui.dropdown input.search {
  color: rgba(0, 0, 0, 0.7) !important;
}
.document-category-list .upload-xls .note {
  font-size: 14px;
  padding: 12px 0;
  color: #999;
  display: block;
}

/* Tablet */
/* Mobiles */
body.dashboard.public .general-content {
  padding: 25px;
}
body.dashboard.public .general-content h1 {
  font-size: 22px;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(26, 105, 164);
  margin: 0px 0px 40px;
  padding: 3px 0px 7px;
  padding: 12px 0;
  color: #1a69a4;
}
body.dashboard.show .dashboard-wrapper {
  display: flex;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper {
  max-width: 312px;
  min-width: 312px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .header {
  display: flex;
  margin: 0 0 15px;
  background-color: rgba(222, 234, 249, 0.2);
  font-weight: 400;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .header h2 {
  font-size: 16px;
  padding: 12px 0 12px 18px;
  display: flex;
  align-items: center;
  color: #004980;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .searcher {
  position: relative;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .searcher input {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border: 0;
  border-radius: 2px;
  padding-right: 40px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
  font-size: 14px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter input {
  font-size: 13px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-header {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 11px;
  font-weight: 600;
  padding: 10px 14px 0;
  color: rgba(0, 0, 0, 0.55);
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-header i {
  color: rgba(0, 0, 0, 0.35);
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents {
  padding: 8px 14px 12px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.checkbox label {
  font-size: 12px !important;
  color: rgb(41.8406072106%, 42.770398482%, 44.6299810247%);
  text-transform: none !important;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.toggle.checkbox label {
  padding-left: 4rem;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.popup.calendar {
  font-size: 14px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.multiple.dropdown > .label {
  color: #2185d0;
  background-color: #deeaf9;
  font-weight: 400;
  border: 0;
  box-shadow: none;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.selection.dropdown {
  font-size: 12px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .filters .filter .filter-contents .ui.selection.dropdown .menu > .item {
  font-size: 12px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .button-wrapper {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .button-wrapper .button {
  flex: 1;
  margin: 0;
  border-radius: 4px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form {
  /* Angular tree */
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle {
  color: rgb(37.0018975332%, 37.8241619228%, 39.4686907021%);
  font-size: 13px;
  padding: 5px;
  font-weight: normal;
  cursor: pointer;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle .icon {
  color: rgb(56.8880455408%, 57.7862112587%, 59.5825426945%);
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle .ui.checkbox {
  width: calc(100% - 24px);
  vertical-align: middle;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle .ui.checkbox label {
  padding-left: 0;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle .ui.checkbox label:before {
  display: none;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle .ui.checkbox label:after {
  display: none;
  font-size: 12px;
  color: #2185d0;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 0;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 20px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 40px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 60px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 80px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
  padding-left: 100px;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle:hover {
  color: black;
  background: rgb(94.2156862745%, 94.7058823529%, 95.7843137255%);
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle:hover .ui.checkbox label:after {
  color: #ffffff !important;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .nodeActive {
  background: #deeaf9;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .nodeActive label {
  color: #2185d0 !important;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .nodeActive:hover {
  background: #428bca;
  color: #ffffff;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .nodeActive:hover label {
  color: #ffffff !important;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .nodeActive:hover .icon {
  color: #ffffff;
}
body.dashboard.show .dashboard-wrapper .filters-wrapper .ui.form .angular-ui-tree-handle i {
  color: black;
}
body.dashboard.show .dashboard-wrapper .graphs {
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 0 0 0 24px;
}
body.dashboard.show .dashboard-wrapper .graphs .dashboard-loading {
  display: none;
}
body.dashboard.show .dashboard-wrapper .graphs.dashboard-busy {
  min-height: 320px;
}
body.dashboard.show .dashboard-wrapper .graphs.dashboard-busy > :not(.dashboard-loading) {
  opacity: 0.35;
  pointer-events: none;
  transition: opacity 0.2s;
}
body.dashboard.show .dashboard-wrapper .graphs.dashboard-busy .dashboard-loading {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 10;
}
body.dashboard.show .dashboard-wrapper .graphs .dashboard-notice .icon {
  margin: 0;
  color: #2185d0;
  font-size: 1.3em;
}
body.dashboard.show .dashboard-wrapper .graphs .dashboard-loading-box {
  position: sticky;
  top: 40vh;
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  margin: 120px auto 0;
  padding: 14px 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
body.dashboard.show .dashboard-wrapper .graphs .ui.huge.breadcrumb {
  font-size: 22px;
  line-height: 1.35;
}
body.dashboard.show .dashboard-wrapper .graphs .ui.huge.breadcrumb .section:not(.active) {
  font-size: 16px;
}
body.dashboard.show .dashboard-wrapper .graphs .ui.huge.breadcrumb .active.section {
  font-weight: 700;
}
body.dashboard.show .dashboard-wrapper .graphs > .ui.divider {
  margin: 12px 0 20px;
}
body.dashboard.show .dashboard-wrapper .graphs .results.show {
  margin-bottom: 20px;
  padding: 16px 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
body.dashboard.show .dashboard-wrapper .graphs .results.show > h3 {
  margin: 0 0 8px;
  font-size: 16px;
}
body.dashboard.show .dashboard-wrapper .graphs h1 {
  border-bottom: 1px solid #1a69a4;
  margin: 0 0 40px;
  padding: 3px 0 7px;
}
body.dashboard.show .dashboard-wrapper .graphs .intro {
  width: 420px;
  height: 420px;
  margin: auto;
  max-width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url(/assets/images/dashboards.png);
  background-size: 100% auto;
}

@media (max-width: 900px) {
  body.dashboard.show .dashboard-wrapper {
    flex-direction: column;
  }
  body.dashboard.show .dashboard-wrapper .filters-wrapper {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  body.dashboard.show .dashboard-wrapper .graphs {
    padding: 16px 0 0;
  }
}
@media (max-width: 768px) {
  body.dashboard.show .general-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.dashboard.show .dashboard-wrapper .graphs .ui.huge.breadcrumb {
    font-size: 19px;
  }
  body.dashboard.show .dashboard-wrapper .graphs .results.show {
    padding: 12px;
  }
}
body.country-tracker .graphs .feature_convergence_chart_hide {
  display: none !important;
}

body.country-comparator .kpi-value {
  font-weight: bold;
}
body.country-comparator .graphs .feature_convergence_chart {
  width: 100%;
  height: 400px;
}
body.country-comparator .graphs .feature_convergence_chart .card {
  width: 100%;
}
body.country-comparator .graphs .feature_convergence_chart .content.feature_chart_level_content {
  padding: 5px;
}
body.country-comparator .graphs .feature_chart_level {
  width: 100%;
}
body.country-comparator .graphs .features_chart_content {
  width: 100%;
  padding-top: 15px;
}
body.country-comparator .graphs .features_convergence_chart {
  margin-top: 15px;
  margin-bottom: 25px;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 15px;
}

body.dashboard-panel .dashboard-panel-header {
  max-width: 760px;
  margin: 8px 0 28px;
}
body.dashboard-panel .dashboard-panel-header h1 {
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.25;
}
body.dashboard-panel .dashboard-panel-header p {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 1.6;
}
body.dashboard-panel .dashboard-panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
body.dashboard-panel .dashboard-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  color: inherit;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}
body.dashboard-panel .dashboard-card:hover, body.dashboard-panel .dashboard-card:focus-visible {
  border-color: rgba(33, 133, 208, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
body.dashboard-panel .dashboard-card:hover h2, body.dashboard-panel .dashboard-card:focus-visible h2 {
  color: #2185d0;
}
body.dashboard-panel .dashboard-card-image {
  position: relative;
  aspect-ratio: 16/10;
  padding: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #f8fafc;
}
body.dashboard-panel .dashboard-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.dashboard-panel .dashboard-card-new {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  background-color: #21ba45;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
body.dashboard-panel .dashboard-card-content {
  flex: 1;
  padding: 16px 18px 18px;
}
body.dashboard-panel .dashboard-card-content h2 {
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.3;
  transition: color 0.2s;
}
body.dashboard-panel .dashboard-card-content p {
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  body.dashboard-panel .dashboard-panel-header {
    margin-bottom: 20px;
  }
  body.dashboard-panel .dashboard-panel-header h1 {
    font-size: 24px;
  }
  body.dashboard-panel .dashboard-panel-header p {
    font-size: 15px;
  }
  body.dashboard-panel .dashboard-panel-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
  }
}
body.admin .main-content-wrapper.angular-table {
  margin: 0 0 16px;
  padding: 0 !important;
}
body.admin .data-table .data-table-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 0 0 10px;
}
body.admin .data-table .dt-search {
  width: 280px;
  max-width: 100%;
}
body.admin .data-table .dt-search input[type=search] {
  height: 34px;
  margin: 0;
  padding: 6px 10px 6px 34px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
body.admin .data-table .dt-search input[type=search]:focus {
  border-color: #2185d0;
}
body.admin .data-table .filter-chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
body.admin .data-table .filter-chips-label {
  margin-right: 2px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin .data-table .filter-chip-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
body.admin .data-table .filter-chip {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  line-height: 1.3;
  text-transform: none;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
body.admin .data-table .filter-chip:hover {
  border-color: rgba(33, 133, 208, 0.5);
}
body.admin .data-table .filter-chip-input:checked + .filter-chip {
  border-color: #2185d0;
  background-color: #2185d0;
  color: #fff;
}
body.admin .data-table .filter-chip-input:focus-visible + .filter-chip {
  outline: 2px solid rgba(33, 133, 208, 0.5);
  outline-offset: 1px;
}
body.admin .data-table .data-table-clear {
  margin: 0 0 0 auto;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table {
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {
  padding: 0;
  overflow: visible;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table thead tr:first-child th:first-child {
  border-top-left-radius: 6px;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table thead tr:first-child th:last-child {
  border-top-right-radius: 6px;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable {
  margin: 0;
  border-collapse: collapse;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  text-transform: uppercase;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr:first-child th {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: left;
  white-space: nowrap;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr:first-child th:nth-child(2n) {
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th {
  padding: 6px 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgb(94.7607843137%, 96.448627451%, 97.9670588235%);
  cursor: default;
  text-transform: none;
  font-weight: 400;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th input[type=text],
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th input[type=number] {
  width: 100%;
  height: 30px;
  min-width: 0;
  padding: 4px 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .range-filter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.55);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .range-filter input[type=number] {
  flex: 0 0 auto;
  width: 58px !important;
  padding: 4px 6px !important;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown {
  width: 100%;
  min-width: 0 !important;
  min-height: 30px;
  padding: 6px 28px 6px 8px !important;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown > .dropdown.icon,
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown > .remove.icon {
  position: absolute;
  top: 50%;
  right: 8px;
  left: auto;
  float: none;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown > .remove.icon {
  right: 24px;
  font-size: 0.8em;
  opacity: 0.6;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown .text {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable thead tr.column-filters th .ui.selection.dropdown > .default.text {
  color: rgba(0, 0, 0, 0.55);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody {
  background-color: #fff;
  text-align: left;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr {
  background-color: #fff;
  transition: background-color 0.1s;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr td,
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr td:nth-child(2n) {
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 1.35;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr:hover {
  background-color: rgba(33, 133, 208, 0.04);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr:last-child td {
  border-bottom: 0;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr:nth-child(2n),
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr:nth-child(2n) td:nth-child(2n) {
  background-color: transparent;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody tr:nth-child(2n):hover {
  background-color: rgba(33, 133, 208, 0.04);
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td.dt-empty {
  padding: 24px 0;
  color: rgba(0, 0, 0, 0.55);
  text-align: center;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons {
  padding: 0;
  text-align: right;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .button-dropdown > .menu {
  left: auto !important;
  right: 0 !important;
  min-width: 220px;
  padding: 4px 0 !important;
  border-radius: 6px !important;
  text-align: left;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .button-dropdown > .menu > .item {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px 14px !important;
  border-radius: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 1.4;
  text-transform: none;
  white-space: nowrap;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .button-dropdown > .menu > .item:hover, body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .button-dropdown > .menu > .item:focus {
  background-color: rgba(33, 133, 208, 0.06);
  color: #2185d0;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .button-dropdown > .menu > .divider {
  margin: 4px 0;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-button,
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .action-button {
  margin: 0 0 0 2px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: transparent;
  color: #2185d0;
  font-size: 13px;
  text-transform: none;
}
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-button:hover, body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-button:focus,
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .action-button:hover,
body.admin .data-table .dt-container .dt-layout-row.dt-layout-table table.dataTable tbody td .action-buttons .action-button:focus {
  background-color: rgba(33, 133, 208, 0.1);
  color: #2185d0;
}
body.admin .data-table .dt-container > .dt-layout-row:not(.dt-layout-table) {
  margin: 0;
  padding: 8px 0 0;
  border-top: 0;
}
body.admin .data-table .dt-container > .dt-layout-row:not(.dt-layout-table) .dt-layout-start {
  display: flex;
  align-items: center;
  gap: 20px;
}
body.admin .data-table .dt-info {
  padding: 0;
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  text-transform: none;
}
body.admin .data-table .dt-length label {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  text-transform: none;
}
body.admin .data-table .dt-length .ui.dropdown.selection {
  width: 64px !important;
  min-width: 64px !important;
  min-height: 30px;
  margin: 0 0 0 6px;
  padding: 6px 24px 6px 10px !important;
  font-size: 13px;
}
body.admin .data-table .dt-length .ui.dropdown.selection > .dropdown.icon {
  top: 50%;
  right: 8px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
body.admin .data-table .dt-paging .pagination.menu {
  min-height: 0;
  font-size: 13px !important;
  box-shadow: none;
}
body.admin .data-table .dt-paging .pagination.menu .item {
  min-width: 32px;
  padding: 7px 10px;
}
body.admin .status-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
body.admin .status-dot::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9aa3ab;
}
body.admin .status-dot.green::before {
  background-color: #21ba45;
}
body.admin .status-dot.red::before {
  background-color: #db2828;
}
body.admin .status-dot.blue::before {
  background-color: #2185d0;
}

body.admin #category-list-app .tree-filter {
  margin-bottom: 12px;
}
body.admin #category-list-app .tree-filter label {
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin #category-list-app .tree-filter input[type=text] {
  height: 34px;
  padding: 6px 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
body.admin #category-list-app h2.category-tree-title {
  margin: 0;
  padding: 9px 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body.admin #category-list-app .categories-tree > .angular-ui-tree {
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle {
  margin: 0;
  padding: 6px 10px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  background-color: transparent;
  font-weight: 400;
  transition: background-color 0.1s;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle:hover {
  background-color: rgba(33, 133, 208, 0.04);
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle.cat-match {
  background-color: rgba(33, 133, 208, 0.1);
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-name {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-path {
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .category-toggle i.icon,
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-buttons i.icon {
  color: rgba(0, 0, 0, 0.55);
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-buttons a:hover i.icon {
  color: #2185d0;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-buttons .btn-remove i.icon {
  color: #db2828;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-titles .cat-chip,
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-keywords .cat-chip {
  margin: 2px 4px 2px 0;
  padding: 3px 8px;
  border: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 400;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-chip-title {
  background-color: rgba(33, 133, 208, 0.1);
  color: #004980;
}
body.admin #category-list-app .categories-tree .angular-ui-tree .angular-ui-tree-handle .cat-chip-keyword {
  background-color: #eef0f2;
  color: rgba(0, 0, 0, 0.7);
}

body.admin .admin-section-title {
  margin: 24px 0 10px;
  color: rgba(0, 0, 0, 0.75);
  font-size: 15px;
  font-weight: 700;
}
body.admin .data-table td .ui.mini.action.input {
  display: inline-flex;
  width: 100%;
  max-width: 380px;
}
body.admin .data-table td .ui.mini.action.input > input[type=text] {
  height: 30px;
  min-width: 0;
  padding: 4px 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 0 0 4px !important;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
}
body.admin .data-table td .ui.mini.action.input > input[type=text]:focus {
  border-color: #2185d0;
}
body.admin .data-table td .ui.mini.action.input > .button {
  margin: 0;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  border-radius: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.55);
}
body.admin .data-table td .ui.mini.action.input > .button:last-child {
  border-radius: 0 4px 4px 0;
}
body.admin .data-table td .ui.mini.action.input > .button .icon {
  margin: 0 !important;
}
body.admin .data-table td .ui.mini.action.input > .button.disabled {
  opacity: 0.45 !important;
}
body.admin .data-table td .ui.mini.action.input > .accept-button:not(.disabled) {
  border-color: #004980;
  background-color: #004980;
  color: #fff;
}

body.admin .comment-thread {
  max-width: 820px;
}
body.admin .comment-thread .thread-card {
  margin: 0 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
body.admin .comment-thread .thread-card-title {
  margin: 0;
  padding: 9px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgb(86.9019607843%, 91.1215686275%, 94.9176470588%);
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body.admin .comment-thread .thread-card-title .count {
  margin-left: 4px;
  padding: 1px 7px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.08);
  font-size: 11px;
}
body.admin .comment-thread .thread-message {
  display: flex;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
body.admin .comment-thread .thread-message:last-of-type {
  border-bottom: 0;
}
body.admin .comment-thread .thread-message .avatar-initials {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(33, 133, 208, 0.12);
  color: #004980;
  font-size: 13px;
  font-weight: 700;
}
body.admin .comment-thread .thread-message.reply .avatar-initials {
  background-color: #004980;
  color: #fff;
}
body.admin .comment-thread .thread-message-body {
  min-width: 0;
}
body.admin .comment-thread .thread-message-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 4px;
}
body.admin .comment-thread .thread-message-head .author {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
body.admin .comment-thread .thread-message-head .date {
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
}
body.admin .comment-thread .thread-message-text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.admin .comment-thread .thread-empty {
  margin: 0;
  padding: 14px;
  color: rgba(0, 0, 0, 0.55);
}
body.admin .comment-thread .thread-reply {
  margin: 0;
  padding: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #fafbfc;
}
body.admin .comment-thread .thread-reply .field {
  margin: 0;
}
body.admin .comment-thread .thread-reply label {
  display: block;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
body.admin .comment-thread .thread-reply textarea {
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
body.admin .comment-thread .thread-reply textarea:focus {
  border-color: #2185d0;
}

.ui.modal {
  overflow: hidden;
  border-radius: 10px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
}
.ui.modal > .close,
.ui.modal > .close.icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 10px !important;
  right: 10px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.55) !important;
  font-size: 15px !important;
  line-height: 1;
  opacity: 1 !important;
  text-shadow: none !important;
}
.ui.modal > .close:hover,
.ui.modal > .close.icon:hover {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.85) !important;
}
.ui.modal > .scrolling.content {
  max-height: calc(85vh - 120px) !important;
  overflow-y: auto !important;
}
.ui.modal > .header:not(.ui) {
  display: block;
  padding: 14px 20px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
.ui.modal > .ui.icon.header,
.ui.modal > .content > .ui.icon.header:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 20px 20px 4px;
  border: 0 !important;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  font-weight: 600;
  text-align: left;
}
.ui.modal > .ui.icon.header > .icon,
.ui.modal > .content > .ui.icon.header:first-child > .icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 !important;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(33, 133, 208, 0.1);
  color: #2185d0;
  font-size: 18px !important;
  line-height: 1;
}
.ui.modal > .ui.icon.header > .icon.trash,
.ui.modal > .ui.icon.header > .icon.remove,
.ui.modal > .ui.icon.header > .icon.close,
.ui.modal > .content > .ui.icon.header:first-child > .icon.trash,
.ui.modal > .content > .ui.icon.header:first-child > .icon.remove,
.ui.modal > .content > .ui.icon.header:first-child > .icon.close {
  background-color: rgba(219, 40, 40, 0.1);
  color: #db2828;
}
.ui.modal > .content > .ui.icon.header:first-child {
  padding: 0 0 8px;
}
.ui.modal > .content > .ui.icon.header:first-child ~ * {
  margin-left: 52px;
}
.ui.modal > .content {
  padding: 14px 20px 18px !important;
  color: rgba(0, 0, 0, 0.75);
  font-size: 14.5px;
  line-height: 1.5;
}
.ui.modal > .content > p:last-child {
  margin-bottom: 0;
}
.ui.modal > .ui.icon.header + .content {
  padding: 0 20px 18px 72px !important;
}
.ui.modal > .actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  background-color: #fafbfc !important;
}
.ui.modal > .actions > .button {
  order: 2;
  margin: 0 !important;
  font-size: 14px;
}
.ui.modal > .actions > .cancel.button,
.ui.modal > .actions > .deny.button,
.ui.modal > .actions > .negative.button:not(.approve) {
  order: 1;
  border: 0;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.75);
}
.ui.modal > .actions > .cancel.button:hover,
.ui.modal > .actions > .deny.button:hover,
.ui.modal > .actions > .negative.button:not(.approve):hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.ui.modal > .actions > .approve.button:not(.red):not(.negative),
.ui.modal > .actions > .primary.button,
.ui.modal > .actions > .positive.button {
  background-color: #004980;
  color: #fff;
}
.ui.modal > .actions > .approve.button:not(.red):not(.negative):hover,
.ui.modal > .actions > .primary.button:hover,
.ui.modal > .actions > .positive.button:hover {
  background-color: rgb(0%, 37.7524509804%, 66.1960784314%);
}
.ui.modal > .actions > .approve.button > .checkmark.icon,
.ui.modal > .actions > .cancel.button > .remove.icon {
  display: none;
}

@media (max-width: 767px) {
  .ui.modal > .actions > .button {
    flex: 1 1 auto;
  }
  .ui.modal > .ui.icon.header + .content {
    padding-left: 20px !important;
  }
}