/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(jcrop-loader.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
/* desert scheme ported from vim to google prettify */
pre.prettyprint { display: block; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}
:root,
[data-bs-theme="light"] {
  --bs-emphasis-color: #333333;
  --bs-border-color: #d7e1ea;
  --oc-border-focus: #72809d;
  --bs-backdrop-opacity: 0.2;
  --bs-success: var(--bs-green);
  --bs-info: var(--bs-blue);
  --bs-warning: var(--bs-yellow);
  --bs-danger: var(--bs-red);
  --oc-accent: #3498db;
  --oc-accent-text: #258cd1;
  --oc-selection: var(--bs-teal);
  --oc-selection-rgb: 107, 196, 141;
  --oc-selection-text: #39905a;
  --oc-primary-bg: white;
  --oc-primary-color: #5e6d8c;
  --oc-primary-border: #cfd7e1;
  --oc-primary-hover-bg: #8082f8;
  --oc-primary-active-bg: #8889f9;
  --bs-secondary: #72809d;
  --bs-secondary-color: #72809d;
  --oc-secondary-bg: #eeeff0;
  --oc-secondary-hover-bg: #e0e2e4;
  --oc-secondary-active-bg: #d3d6d8;
  --oc-form-control-bg: white;
  --oc-form-control-disabled-bg: #e9ecef;
  --oc-form-control-disabled-color: #899c9d;
  --oc-input-translatable-color: #75809b;
  --oc-input-translatable-bg: #ebf0fb;
  --oc-input-selection-color: #000;
  --oc-input-selection-bg: #b5d6fd;
  --oc-mainnav-color: white;
  --oc-mainnav-bg: #2D3134;
  --oc-mainnav-icon-color: white;
  --oc-sidebar-color: #536061;
  --oc-sidebar-bg: #e9edf3;
  --oc-sidebar-active-color: #333;
  --oc-sidebar-active-bg: white;
  --oc-sidebar-active-border: var(--bs-primary);
  --oc-sidebar-hover-bg: white;
  --oc-editor-bg: #f0f4f8;
  --oc-editor-section-color: #333;
  --oc-editor-section-bg: #d7e1eA;
  --oc-editor-tab-color: #5e6d8c;
  --oc-editor-tab-bg: #e9edf3;
  --oc-editor-tab-active-color: #2c3e4f;
  --oc-editor-tab-active-bg: var(--bs-body-bg);
  --oc-document-toolbar-bg: var(--bs-body-bg);
  --oc-document-tabs-bg: white;
  --oc-document-content-bg: white;
  --oc-document-ruler-bg: #d7e1ea;
  --oc-document-ruler-color: white;
  --oc-document-ruler-tick: #bdc3c7;
  --oc-settings-color: #536061;
  --oc-settings-bg: #f0f4f8;
  --oc-settings-item: white;
  --oc-settings-active-color: white;
  --oc-settings-active-bg: #6bc48d;
  --oc-settings-hover-bg: #dfe7ee;
  --oc-toolbar-color: #536061;
  --oc-toolbar-bg: white;
  --oc-toolbar-border: #ecf0f1;
  --oc-toolbar-hover-color: black;
  --oc-toolbar-hover-bg: rgba(215, 225, 234, 0.7);
  --oc-tab-color: #72809d;
  --oc-tab-bg: #ffffff;
  --oc-tab-active-color: #35425b;
  --oc-tab-border: #d7e1eA;
  --oc-tab-hover-bg: rgba(215, 225, 234, 0.7);
  --oc-dropdown-trigger-border: #bcc3c7;
  --oc-dropdown-trigger-color: #536061;
  --oc-dropdown-trigger-bg: white;
  --oc-dropdown-hover-bg: var(--bs-primary);
  --oc-dropdown-hover-color: white;
  --oc-dropdown-active-bg: rgba(var(--bs-primary-rgb), 0.95);
  --oc-dropdown-active-color: white;
}
:root,
[data-bs-theme="light"],
:root .table,
[data-bs-theme="light"] .table {
  --bs-table-color: #536061;
  --bs-table-bg: white;
  --bs-table-striped-bg: #F7F9FB;
  --bs-table-border-color: #ecf0f1;
  --bs-table-hover-bg: #fff5cb;
  --oc-table-active-bg: #fff0b1;
}
:root,
[data-bs-theme="light"],
:root .pagination,
[data-bs-theme="light"] .pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}
:root,
[data-bs-theme="light"],
:root .breadcrumb,
[data-bs-theme="light"] .breadcrumb {
  --bs-breadcrumb-divider: "›";
  --bs-breadcrumb-item-padding-x: 0.4rem;
}
:root,
[data-bs-theme="light"],
:root .modal,
[data-bs-theme="light"] .modal {
  --bs-modal-bg: white;
}
[data-bs-theme="dark"] {
  --bs-heading-color: #e0e0e0;
  --bs-emphasis-color: white;
  --bs-border-color: #383a3e;
  --bs-backdrop-opacity: 0.5;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #41b862;
  --bs-teal: #24b58a;
  --bs-cyan: #0dcaf0;
  --oc-primary-color: rgba(173, 181, 189, 0.85);
  --oc-primary-bg: #141515;
  --oc-primary-border: #494c50;
  --bs-secondary-color: rgba(173, 181, 189, 0.75);
  --oc-secondary-bg: #6f6f6f;
  --oc-secondary-hover-bg: #7b7b7b;
  --oc-secondary-active-bg: #888;
  --oc-form-control-bg: #1e2227;
  --oc-form-control-disabled-bg: #343a40;
  --oc-input-translatable-color: rgba(173, 181, 189, 0.85);
  --oc-input-translatable-bg: #272b2e;
  --oc-input-selection-color: #e0e0e0;
  --oc-input-selection-bg: #373f47;
  --oc-sidebar-color: #d7e1eA;
  --oc-sidebar-bg: #292a2d;
  --oc-sidebar-active-color: white;
  --oc-sidebar-active-bg: #424242;
  --oc-sidebar-hover-bg: #424242;
  --oc-editor-bg: #212529;
  --oc-editor-section-bg: #383a3e;
  --oc-editor-section-color: #e0e0e0;
  --oc-editor-tab-color: #adb5bd;
  --oc-editor-tab-bg: #181a1e;
  --oc-editor-tab-active-color: #e0e0e0;
  --oc-editor-tab-active-bg: #202124;
  --oc-document-toolbar-bg: #202124;
  --oc-document-tabs-bg: #24262a;
  --oc-document-content-bg: #181a1e;
  --oc-document-ruler-bg: #353b42;
  --oc-document-ruler-color: #1e2227;
  --oc-document-ruler-tick: #495057;
  --oc-settings-color: #adb5bd;
  --oc-settings-bg: #1b1f22;
  --oc-settings-item: #212529;
  --oc-settings-active-color: white;
  --oc-settings-active-bg: #2b3442;
  --oc-settings-hover-bg: #2b3442;
  --oc-toolbar-color: #adb5bd;
  --oc-toolbar-bg: #1e2227;
  --oc-toolbar-border: #242a30;
  --oc-toolbar-hover-color: white;
  --oc-toolbar-hover-bg: #43484e;
  --oc-tab-color: var(--bs-body-color);
  --oc-tab-bg: var(--bs-body-bg);
  --oc-tab-active-color: #e0e0e0;
  --oc-tab-border: #383a3e;
  --oc-tab-hover-bg: rgba(215, 225, 234, 0.2);
  --oc-dropdown-trigger-border: #495057;
  --oc-dropdown-trigger-color: #e0e0e0;
  --oc-dropdown-trigger-bg: #12262c;
}
[data-bs-theme="dark"],
[data-bs-theme="dark"] .table {
  --bs-table-color: #adb5bd;
  --bs-table-bg: #1e2227;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-border-color: #242a30;
  --bs-table-hover-bg: #35425b;
  --bs-table-hover-color: #e0e0e0;
  --oc-table-active-bg: #2c364b;
}
[data-bs-theme="dark"],
[data-bs-theme="dark"] .modal {
  --bs-modal-bg: #1a1d21;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.oc-hide {
  display: none !important;
}
.oc-show {
  display: block !important;
}
.oc-invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.t-ww {
  word-wrap: break-word;
  word-break: break-word;
}
.t-nw {
  white-space: nowrap;
}
.w-60 {
  width: 60px !important;
}
.w-120 {
  width: 120px !important;
}
.w-130 {
  width: 130px !important;
}
.w-140 {
  width: 140px !important;
}
.w-150 {
  width: 150px !important;
}
.w-200 {
  width: 200px !important;
}
.w-300 {
  width: 300px !important;
}
.w-350 {
  width: 350px !important;
}
.mw-400 {
  max-width: 400px !important;
}
.mw-500 {
  max-width: 500px !important;
}
.mw-600 {
  max-width: 600px !important;
}
.mw-750 {
  max-width: 750px !important;
}
.mw-950 {
  max-width: 950px !important;
}
.mw-1200 {
  max-width: 1200px !important;
}
.mw-auto {
  max-width: auto !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeCycle {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.fadeCycle {
  animation: fadeCycle 2s infinite;
}
.autocomplete.dropdown-menu {
  background: var(--bs-modal-bg);
}
.autocomplete.dropdown-menu li a {
  padding: 3px 12px;
}
body .control-balloon-selector ul {
  padding: 0;
  display: inline-block;
  font-size: 0;
}
body .control-balloon-selector ul li {
  list-style: none;
  line-height: 36px;
  display: inline-block;
  background-color: var(--oc-form-control-bg);
  color: var(--bs-body-color);
  font-size: 1rem;
  padding: 0 14px;
  border: 1px solid var(--bs-border-color);
}
body .control-balloon-selector ul li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .control-balloon-selector ul li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .control-balloon-selector ul li.active {
  background: var(--oc-selection) !important;
  color: white;
  border-color: var(--oc-selection);
  position: relative;
  z-index: 1;
}
body .control-balloon-selector ul li + li {
  margin-left: -1px;
}
body .control-balloon-selector.control-disabled ul li.active {
  background-color: #72809d !important;
  border-color: #72809d !important;
}
body .control-balloon-selector:not(.control-disabled) ul li:hover {
  background: var(--oc-toolbar-hover-bg);
  cursor: pointer;
}
.form-group .control-balloon-selector ul {
  margin-bottom: 0;
}
:root,
[data-bs-theme="light"] {
  --oc-callout-info-bg: #e6e7fc;
  --oc-callout-info-icon: #6a6cf7;
  --oc-callout-warning-bg: #faf6e2;
  --oc-callout-warning-icon: #e1b810;
  --oc-callout-danger-bg: #fadad7;
  --oc-callout-danger-content-bg: #fadad7;
  --oc-callout-danger-icon: #ff3e1d;
  --oc-callout-success-bg: #ecf7da;
  --oc-callout-success-icon: #86cb43;
}
[data-bs-theme="dark"] {
  --oc-callout-info-bg: #12262c;
  --oc-callout-warning-bg: #302310;
  --oc-callout-danger-bg: #330c06;
  --oc-callout-success-bg: #1b290d;
}
.callout {
  font-size: 14px;
  margin-bottom: 20px;
}
.callout.fade {
  opacity: 0;
  transition: all 0.5s, width 0s;
  transform: scale(0.9);
}
.callout.fade.show {
  opacity: 1;
  transform: scale(1);
}
.callout > .close {
  width: 22px;
  height: 22px;
  margin: 15px 15px 0;
  position: relative;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  opacity: 1;
}
.callout > .close:before {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93e";
  color: var(--bs-body-color);
  font-size: 16px;
  position: relative;
}
.callout > .close:hover:before {
  color: var(--bs-danger);
}
.callout > .action {
  float: right;
  padding: 10px;
}
.callout > .header + .content {
  border-top: none;
}
.callout > .header {
  padding: 15px 20px 5px;
  border-radius: 4px 4px 0 0;
  color: var(--bs-body-color);
  margin-bottom: -1px;
}
.callout > .header > .custom-icon {
  width: 27.5px;
  text-align: center;
  font-size: 22px;
  float: left;
  position: relative;
  top: -5px;
  left: -5px;
}
.callout > .header > i,
.callout > .header > .custom-icon {
  display: none;
}
.callout > .header:before {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  font-size: 22px;
  position: relative;
  left: -3px;
}
.callout > .header h3 {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
}
.callout > .header h3,
.callout > .header p,
.callout > .header ul,
.callout > .header ol {
  margin-left: 32px;
  margin-bottom: 7px;
}
.callout > .header ul,
.callout > .header ol {
  padding-left: 20px;
}
.callout > .header:last-child {
  border-radius: 4px;
  margin-bottom: 0;
}
.callout > .content {
  color: var(--bs-body-color);
  padding: 0 20px 15px 52px;
  border-radius: 0 0 4px 4px;
}
.callout > .content h1,
.callout > .content h2,
.callout > .content h3,
.callout > .content h4,
.callout > .content h5,
.callout > .content h6 {
  color: var(--bs-body-color);
  text-transform: none;
  margin: 20px 0 5px 0;
  line-height: 150%;
  font-weight: 500;
}
.callout > .content h1 {
  font-size: 30px;
}
.callout > .content h2 {
  font-size: 26px;
}
.callout > .content h3 {
  font-size: 24px;
}
.callout > .content h4 {
  font-size: 20px;
}
.callout > .content h5 {
  font-size: 18px;
}
.callout > .content h6 {
  font-size: 16px;
}
.callout > .content *:last-child {
  margin-bottom: 0;
}
.callout > .content ul,
.callout > .content ol {
  padding-left: 20px;
}
.callout > .content ul li,
.callout > .content ol li {
  margin-bottom: 5px;
}
.callout > .content .action-panel {
  padding: 10px 0 0 0;
}
.callout.has-custom-icon > .header > .custom-icon {
  display: block;
}
.callout.has-custom-icon > .header:before {
  display: none;
}
.callout.no-title > .content {
  padding-top: 15px;
  border-radius: 4px;
}
.callout.no-subheader > .header {
  padding-bottom: 10px;
}
.callout.no-subheader > .header + .content {
  margin-top: -5px;
}
.callout.no-icon > .header h3,
.callout.no-icon > .header p,
.callout.no-icon > .header ul,
.callout.no-icon > .header ol {
  margin-left: 0;
}
.callout.no-icon > .header:before {
  display: none;
}
.callout.no-icon > .content {
  padding-left: 20px;
}
.callout.callout-danger > .header {
  background: var(--oc-callout-danger-bg);
}
.callout.callout-danger > .header > .custom-icon {
  color: var(--oc-callout-danger-icon);
}
.callout.callout-danger > .header:before {
  content: "\e93d";
  color: var(--oc-callout-danger-icon);
}
.callout.callout-danger > .content {
  background: var(--oc-callout-danger-bg);
}
.callout.callout-info > .header {
  background: var(--oc-callout-info-bg);
}
.callout.callout-info > .header > .custom-icon {
  color: var(--oc-callout-info-icon);
}
.callout.callout-info > .header:before {
  content: "\e93f";
  color: var(--oc-callout-info-icon);
}
.callout.callout-info > .content {
  background: var(--oc-callout-info-bg);
}
.callout.callout-success > .header {
  background: var(--oc-callout-success-bg);
}
.callout.callout-success > .header > .custom-icon {
  color: var(--oc-callout-success-icon);
}
.callout.callout-success > .header:before {
  content: "\e93c";
  color: var(--oc-callout-success-icon);
}
.callout.callout-success > .content {
  background: var(--oc-callout-success-bg);
}
.callout.callout-warning > .header {
  background: var(--oc-callout-warning-bg);
}
.callout.callout-warning > .header > .custom-icon {
  color: var(--oc-callout-warning-icon);
}
.callout.callout-warning > .header:before {
  content: "\e93d";
  color: var(--oc-callout-warning-icon);
}
.callout.callout-warning > .content {
  background: var(--oc-callout-warning-bg);
}
.callout.is-flush {
  margin-bottom: 0;
}
.callout.is-flush > .content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-group > .callout {
  margin-bottom: 0;
}
.control-chart {
  text-align: left;
}
.control-chart div.canvas {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
.control-chart div.canvas span.center {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  margin-top: -21px;
  font-size: 30px;
  font-weight: 100;
  color: var(--bs-emphasis-color);
  z-index: 9;
}
.control-chart div.canvas svg {
  z-index: 10;
}
.control-chart.full-width div.canvas {
  margin-right: 0 !important;
}
.control-chart ul {
  display: inline-block;
  height: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  vertical-align: top;
}
.control-chart ul li {
  width: 120px;
  white-space: normal;
  display: block;
  text-transform: uppercase;
  color: var(--bs-emphasis-color);
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 10px;
}
.control-chart ul li span {
  float: right;
  font-weight: 600;
}
.control-chart ul li:last-child {
  margin-bottom: 0;
}
.control-chart div.chart-legend {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.control-chart div.chart-legend table {
  font-size: 12px;
  color: var(--bs-body-color);
}
.control-chart div.chart-legend table tr td {
  padding: 0 0 7px 0;
  vertical-align: top;
}
.control-chart div.chart-legend table tr td.value {
  padding-left: 10px;
  font-weight: 600;
  color: var(--bs-secondary-color);
}
.control-chart div.chart-legend table tr td i {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 4px;
  text-indent: -100000em;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.control-chart div.chart-legend table tr td.indicator {
  width: 20px;
}
.control-chart div.chart-legend table tr:last-child td {
  padding-bottom: 0;
}
.control-chart .canvas {
  margin-right: 20px;
  display: inline-block;
}
.control-chart.centered {
  text-align: center;
}
.control-chart.centered .canvas {
  margin-right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.control-chart.wrap-legend div.chart-legend table tr {
  display: inline-block;
  white-space: nowrap;
  margin-right: 20px;
}
.control-chart.wrap-legend div.chart-legend table tr:last-child td {
  padding-bottom: 7px;
}
.report-container .wrapped .control-chart {
  text-align: left;
}
.report-container .wrapped .control-chart .canvas {
  margin-right: 20px;
  display: inline-block;
}
.tickLabel,
.flot-tick-label {
  color: #545454;
}
[data-bs-theme="dark"] .tickLabel,
[data-bs-theme="dark"] .flot-tick-label {
  color: #e0e0e0;
}
#flotTip,
#chart-tooltip {
  white-space: nowrap;
  padding: 4px 8px 5px;
  background: #536061;
  position: absolute;
  z-index: 10700;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  opacity: 1;
}
.title-value h4 {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}
.title-value span.goal-meter-indicator {
  float: left;
  height: 24px;
  width: 10px;
  margin-right: 5px;
  position: relative;
  top: 9px;
  background: #cc3300;
}
.title-value span.goal-meter-indicator > span {
  text-indent: -10000em;
  display: block;
  position: absolute;
  width: 10px;
  left: 0;
  bottom: 0;
  background: #95b753;
  height: 0;
  transition: all 0.2s;
}
.title-value.goal-meter-inverse span.goal-meter-indicator {
  background: #95b753;
}
.title-value.goal-meter-inverse span.goal-meter-indicator > span {
  background: #cc3300;
}
.title-value p {
  color: var(--bs-body-color);
  margin: 0;
  font-size: 28px;
  line-height: 41px;
}
.title-value p:before {
  color: #e5a91a;
  font-size: 22px;
}
.title-value p.success {
  color: #95b753;
}
.title-value p.danger {
  color: #cc3300;
}
.title-value p.negative:after,
.title-value p.positive:after {
  font-size: 17px;
  vertical-align: top;
  position: relative;
  top: -3px;
  left: 5px;
}
.title-value p.negative {
  color: #cc3300;
}
.title-value p.negative:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f103";
}
.title-value p.positive {
  color: #95b753;
}
.title-value p.positive:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f102";
}
.title-value p.description {
  color: var(--bs-secondary-color);
  font-weight: 300;
  line-height: 100%;
  font-size: 13px;
}
.report-container .title-value {
  margin-top: -18px;
}
.report-container .title-value p {
  font-weight: 100;
  font-size: 40px;
}
.report-container .title-value p.description {
  font-size: 12px;
  margin-top: 9px;
}
.report-container .title-value p:before {
  font-size: 30px;
  margin-right: 10px;
}
.report-container .title-value p.negative:after,
.report-container .title-value p.positive:after {
  top: -8px;
}
.report-container .title-value span.goal-meter-indicator {
  height: 31px;
  top: 4px;
  width: 15px;
  margin-right: 10px;
}
.report-container .title-value span.goal-meter-indicator span {
  width: 15px;
}
.control-status-list > ul {
  margin-bottom: 0;
  padding: 0;
}
.control-status-list > ul li {
  margin: 0;
  padding: 7px 15px 6px;
  list-style: none;
  display: block;
  font-size: 13px;
  color: #7e8c8d;
  border-bottom: 1px solid var(--bs-border-color);
}
.control-status-list > ul li:last-child {
  border-bottom: none;
}
.control-status-list > ul li a:not(.btn) {
  color: #7e8c8d;
  text-decoration: none;
}
.control-status-list > ul li a:not(.btn):hover {
  color: var(--bs-link-color);
  text-decoration: none;
}
.control-status-list > ul li a.btn:hover {
  color: white;
}
.control-status-list > ul li .status-text {
  margin: 0 5px;
}
.control-status-list > ul li .status-text.muted {
  color: var(--bs-secondary-color);
}
.control-status-list > ul li .status-text.primary {
  color: var(--bs-primary);
}
.control-status-list > ul li .status-text.success {
  color: #3c763d;
}
.control-status-list > ul li .status-text.info {
  color: #31708f;
}
.control-status-list > ul li .status-text.warning {
  color: #8a6d3b;
}
.control-status-list > ul li .status-text.danger {
  color: #a94442;
}
.control-status-list > ul li .status-label {
  display: block;
  float: right;
  padding: 1px 10px;
}
.control-status-list > ul li .status-label.btn {
  border-radius: 20px;
}
.control-status-list > ul li .status-icon {
  display: inline-block;
  text-align: center;
  color: white;
  width: 22px;
  height: 22px;
  position: relative;
  top: -1px;
  border-radius: 100px;
}
.control-status-list > ul li .status-icon > i {
  font-size: 12px;
  line-height: 22px;
}
.control-status-list > ul li .status-icon {
  background: #999;
}
.control-status-list > ul li .status-icon.success {
  background: var(--bs-success);
}
.control-status-list > ul li .status-icon.primary {
  background: var(--bs-primary);
}
.control-status-list > ul li .status-icon.warning {
  background: var(--bs-warning);
}
.control-status-list > ul li .status-icon.danger {
  background: var(--bs-danger);
}
.control-status-list > ul li .status-icon.info {
  background: var(--bs-info);
}
.control-status-list > ul li .status-icon.link {
  background: transparent;
}
.report-container .control-status-list > ul {
  margin: -15px;
}
.control-contextmenu {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 200px;*/
  padding: 0;
  margin: 0;
  background: white;
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translate(0, 15px) scale(0.95);
  transition: opacity 0.1s ease-out;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  pointer-events: none;
  z-index: 5000;
}
.control-contextmenu .contextmenu-item {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.control-contextmenu .contextmenu-item .contextmenu-title,
.control-contextmenu .contextmenu-item .contextmenu-btn {
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
  width: 100%;
  color: #444;
  font-family: sans-serif;
  text-align: left;
  border: 1px solid transparent;
  white-space: nowrap;
}
.control-contextmenu .contextmenu-item .contextmenu-title .contextmenu-label,
.control-contextmenu .contextmenu-item .contextmenu-btn .contextmenu-label {
  background: #e0e0e0;
  border-radius: 20px;
  font-size: 12px;
  color: #333;
  padding: 2px 5px;
  margin-left: 15px;
}
.control-contextmenu .contextmenu-item .contextmenu-title {
  font-size: 14px;
  background: #eeeeee;
  padding: 12px 16px;
}
.control-contextmenu .contextmenu-item .contextmenu-btn {
  font-size: 13px;
  background: none;
  padding: 8px 16px;
  cursor: pointer;
}
.control-contextmenu .contextmenu-item .contextmenu-btn::-moz-focus-inner,
.control-contextmenu .contextmenu-item .contextmenu-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.control-contextmenu .contextmenu-item .contextmenu-icon {
  font-size: 16px;
  margin-right: 15px;
}
.control-contextmenu .contextmenu-item .contextmenu-text {
  font-size: 14px;
}
.control-contextmenu .contextmenu-item:hover > .contextmenu-btn {
  outline: none;
  background-color: #6A6CF7;
  color: #fff;
}
.control-contextmenu .contextmenu-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.control-contextmenu .contextmenu-item.disabled .contextmenu-btn {
  cursor: default;
}
.control-contextmenu .contextmenu-item .contextmenu-separator {
  display: block;
  margin: 7px 5px;
  height: 1px;
  border-bottom: 1px solid #fff;
  background-color: #aaa;
}
.control-contextmenu.is-visible {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}
.pika-single {
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-title,
.pika-footer {
  position: relative;
  text-align: center;
}
.pika-footer {
  margin: 5px auto 0;
}
.pika-label {
  display: inline-block;
  position: relative;
  z-index: 10100;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: var(--bs-modal-bg);
}
.pika-footer select,
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 10099;
  margin: 0;
  left: 0;
  top: 5px;
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  opacity: 0.5;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.28571429%;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.clockpicker-popover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  /*
    > .arrow,
    > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        // The following are set in WordPress (wp-admin/css/revisions.css) - reset them to initial values
        overflow:visible;
        margin:0;
        padding:0;
        z-index:auto;
        background-color:transparent;
        -webkit-box-shadow:none;
        box-shadow:none;
        bottom:auto;
        left:auto;
        right:auto;
        top:auto;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
    }
    > .arrow {
        border-width: 11px;
    }
    > .arrow:after {
        content: "";
        border-width: 10px;
    }
    &.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        border-bottom-width: 0;
    }
    &.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }
    &.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25);
        border-left-width: 0;
    }
    &.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }
    &.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25);
    }
    &.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }
    &.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, .25);
    }
    &.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }
    */
}
.clockpicker-popover.top {
  margin-top: -10px;
}
.clockpicker-popover.right {
  margin-left: 10px;
}
.clockpicker-popover.bottom {
  margin-top: 10px;
}
.clockpicker-popover.left {
  margin-left: -10px;
}
.clockpicker-popover .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.clockpicker-popover .popover-content {
  padding: 9px 14px;
}
.clockpicker .input-group-addon {
  cursor: pointer;
}
.clockpicker-moving {
  cursor: move;
}
.clockpicker-align-left.popover > .arrow {
  left: 25px;
}
.clockpicker-align-top.popover > .arrow {
  top: 17px;
}
.clockpicker-align-right.popover > .arrow {
  left: auto;
  right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
  top: auto;
  bottom: 6px;
}
.clockpicker-popover .popover-title {
  background-color: #fff;
  color: #999;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.clockpicker-popover .popover-title span {
  cursor: pointer;
}
.clockpicker-popover .popover-content {
  background-color: #f8f8f8;
  padding: 12px;
}
.clockpicker-popover .popover-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.clockpicker-plate {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: visible;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.clockpicker-canvas,
.clockpicker-dial {
  width: 200px;
  height: 200px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.clockpicker-minutes {
  visibility: hidden;
}
.clockpicker-tick {
  border-radius: 50%;
  color: #666;
  line-height: 26px;
  text-align: center;
  width: 26px;
  height: 26px;
  position: absolute;
  cursor: pointer;
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: rgba(0, 149, 221, 0.25);
}
.clockpicker-dial {
  transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
  opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
  transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
  transform: scale(0.8, 0.8);
}
.clockpicker-canvas {
  transition: opacity 175ms;
}
.clockpicker-canvas-out {
  opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
  stroke: none;
  fill: #0095dd;
}
.clockpicker-canvas-bg {
  stroke: none;
  fill: #c0e5f7;
}
.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25);
}
.clockpicker-canvas line {
  stroke: #0095dd;
  stroke-width: 1;
  stroke-linecap: round;
}
.clockpicker-button.am-button {
  margin: 1px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.clockpicker-button.pm-button {
  margin: 1px 1px 1px 136px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.pika-single {
  border: 1px solid rgba(149, 165, 166, 0.2) !important;
  background: var(--bs-modal-bg);
  color: var(--bs-body-color);
  border-radius: 8px;
  font-size: 12px;
  margin-top: 5px;
  z-index: 10100;
  font-family: sans-serif;
  width: 310px;
}
.pika-single.is-bound {
  box-shadow: 0 0 32px rgba(67, 86, 100, 0.2);
}
.pika-single abbr {
  border-bottom: none;
}
.pika-single .pika-button {
  border-radius: 999px !important;
  text-align: center;
  width: 29px;
  height: 29px;
  margin: 3px;
  background: transparent;
  color: var(--bs-body-color);
}
.pika-single .is-today .pika-button {
  background: var(--bs-secondary);
  color: #fff;
  font-weight: bold;
}
.pika-single .is-selected .pika-button {
  box-shadow: none;
  background: var(--oc-selection);
  color: #fff;
}
.pika-single .pika-button:hover {
  color: var(--bs-emphasis-color) !important;
  background: var(--bs-secondary-bg) !important;
}
.pika-single .pika-label {
  font-weight: normal;
}
.pika-single .pika-table th {
  text-transform: uppercase;
  font-weight: normal;
  line-height: 30px;
  font-size: 11px;
  color: var(--oc-primary-color);
}
.pika-single .pika-footer .pika-label {
  font-size: 11px;
}
.clockpicker-popover {
  z-index: 10100;
  box-shadow: 0 0 32px rgba(67, 86, 100, 0.2);
  border-radius: 8px;
  border: 1px solid rgba(149, 165, 166, 0.2) !important;
  background-color: var(--bs-modal-bg);
}
.clockpicker-popover .popover-title {
  background-color: var(--bs-modal-bg);
  font-size: 20px;
  font-weight: normal;
  border: none;
}
.clockpicker-popover .popover-content {
  background-color: var(--bs-tertiary-bg);
}
.clockpicker-popover.top {
  margin-top: -5px;
}
.clockpicker-popover.right {
  margin-left: 5px;
}
.clockpicker-popover.bottom {
  margin-top: 5px;
}
.clockpicker-popover.left {
  margin-left: -5px;
}
.clockpicker-popover > .arrow {
  display: none;
}
.clockpicker-plate {
  background-color: var(--bs-modal-bg);
  border: 1px solid rgba(149, 165, 166, 0.2);
}
.clockpicker-tick {
  color: var(--bs-body-color);
}
.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-emphasis-color);
}
.clockpicker-canvas-bg {
  fill: var(--bs-secondary-bg);
}
.clockpicker-canvas-bg-trans {
  fill: rgba(0, 149, 221, 0.25);
}
.clockpicker-hours .clockpicker-tick {
  font-size: 12px;
}
.clockpicker-hours .clockpicker-tick.tick-inner {
  font-size: 16px;
}
.clockpicker-minutes .clockpicker-tick {
  font-size: 16px;
}
[data-bs-theme="dark"] .pika-prev,
[data-bs-theme="dark"] .pika-next {
  filter: invert(100%);
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul,
.control-dropdown.dropdown-menu {
  padding: 0;
  list-style: none;
  background-color: var(--bs-modal-bg);
  position: relative;
  border: 1px solid rgba(149, 165, 166, 0.2);
  box-shadow: -2px 2px 5px rgba(67, 86, 100, 0.12);
  border-radius: 4px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul.is-fixed,
.control-dropdown.dropdown-menu.is-fixed {
  position: fixed !important;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul.offset-left,
.control-dropdown.dropdown-menu.offset-left {
  left: 10px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a,
.control-dropdown.dropdown-menu > li a,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button,
.control-dropdown.dropdown-menu > li button {
  outline: none;
  padding: 10px 15px;
  font-size: 14px;
  display: block;
  color: var(--bs-body-color);
  position: relative;
  text-decoration: none;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:hover,
.control-dropdown.dropdown-menu > li a:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:hover,
.control-dropdown.dropdown-menu > li button:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active,
.control-dropdown.dropdown-menu > li a:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active,
.control-dropdown.dropdown-menu > li button:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active,
.control-dropdown.dropdown-menu > li a:focus:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active,
.control-dropdown.dropdown-menu > li button:focus:active {
  color: var(--oc-dropdown-hover-color);
  background-color: var(--oc-dropdown-hover-bg) !important;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:hover i,
.control-dropdown.dropdown-menu > li a:hover i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:hover i,
.control-dropdown.dropdown-menu > li button:hover i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active i,
.control-dropdown.dropdown-menu > li a:active i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active i,
.control-dropdown.dropdown-menu > li button:active i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active i,
.control-dropdown.dropdown-menu > li a:focus:active i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active i,
.control-dropdown.dropdown-menu > li button:focus:active i {
  color: var(--oc-dropdown-hover-color);
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:hover[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:hover[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:hover[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:hover[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:active[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:active[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:focus:active[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:focus:active[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:hover[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:hover[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:hover[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:hover[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:active[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:active[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a:focus:active[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button:focus:active[class*=" oc-icon-"]:before {
  color: var(--oc-dropdown-hover-color);
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active,
.control-dropdown.dropdown-menu > li a:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active,
.control-dropdown.dropdown-menu > li button:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active,
.control-dropdown.dropdown-menu > li a:focus:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active,
.control-dropdown.dropdown-menu > li button:focus:active {
  background-color: var(--oc-dropdown-active-bg) !important;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[class^="oc-icon-"],
.control-dropdown.dropdown-menu > li a[class^="oc-icon-"],
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[class^="oc-icon-"],
.control-dropdown.dropdown-menu > li button[class^="oc-icon-"],
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[class*=" oc-icon-"],
.control-dropdown.dropdown-menu > li a[class*=" oc-icon-"],
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[class*=" oc-icon-"],
.control-dropdown.dropdown-menu > li button[class*=" oc-icon-"] {
  padding-left: 30px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button[class*=" oc-icon-"]:before {
  position: absolute;
  font-size: 14px;
  left: 9px;
  top: 8px;
  color: rgba(var(--bs-body-color-rgb), 0.6);
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a > i,
.control-dropdown.dropdown-menu > li a > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button > i,
.control-dropdown.dropdown-menu > li button > i {
  color: rgba(var(--bs-body-color-rgb), 0.6);
  font-size: 14px;
  margin-right: 4px;
  margin-left: -2px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) a:hover,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) button:hover,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) a:focus,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:focus,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) button:focus,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:focus,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) a:active,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.first-item:not(.disabled) button:active,
.control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:active {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) a:hover,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) button:hover,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) a:focus,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:focus,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) button:focus,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:focus,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) a:active,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.last-item:not(.disabled) button:active,
.control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:active {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.dropdown-title,
.control-dropdown.dropdown-menu > li.dropdown-title {
  display: none;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.dropdown-divider,
.control-dropdown.dropdown-menu > li.dropdown-divider {
  margin: 0;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.active > a,
.control-dropdown.dropdown-menu > li.active > a {
  font-weight: bold;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a,
.control-dropdown.dropdown-menu > li.disabled a,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button,
.control-dropdown.dropdown-menu > li.disabled button,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled],
.control-dropdown.dropdown-menu > li a[disabled],
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled],
.control-dropdown.dropdown-menu > li button[disabled],
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:hover,
.control-dropdown.dropdown-menu > li.disabled a:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:hover,
.control-dropdown.dropdown-menu > li.disabled button:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:hover,
.control-dropdown.dropdown-menu > li a[disabled]:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:hover,
.control-dropdown.dropdown-menu > li button[disabled]:hover,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:active,
.control-dropdown.dropdown-menu > li.disabled a:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:active,
.control-dropdown.dropdown-menu > li.disabled button:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:active,
.control-dropdown.dropdown-menu > li a[disabled]:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:active,
.control-dropdown.dropdown-menu > li button[disabled]:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:focus:active,
.control-dropdown.dropdown-menu > li.disabled a:focus:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:focus:active,
.control-dropdown.dropdown-menu > li.disabled button:focus:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:focus:active,
.control-dropdown.dropdown-menu > li a[disabled]:focus:active,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:focus:active,
.control-dropdown.dropdown-menu > li button[disabled]:focus:active {
  cursor: not-allowed;
  background-color: var(--bs-modal-bg) !important;
  color: #98A0A0;
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a > i,
.control-dropdown.dropdown-menu > li.disabled a > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button > i,
.control-dropdown.dropdown-menu > li.disabled button > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled] > i,
.control-dropdown.dropdown-menu > li a[disabled] > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled] > i,
.control-dropdown.dropdown-menu > li button[disabled] > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:hover > i,
.control-dropdown.dropdown-menu > li.disabled a:hover > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:hover > i,
.control-dropdown.dropdown-menu > li.disabled button:hover > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:hover > i,
.control-dropdown.dropdown-menu > li a[disabled]:hover > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:hover > i,
.control-dropdown.dropdown-menu > li button[disabled]:hover > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:active > i,
.control-dropdown.dropdown-menu > li.disabled a:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:active > i,
.control-dropdown.dropdown-menu > li.disabled button:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:active > i,
.control-dropdown.dropdown-menu > li a[disabled]:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:active > i,
.control-dropdown.dropdown-menu > li button[disabled]:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a:focus:active > i,
.control-dropdown.dropdown-menu > li.disabled a:focus:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button:focus:active > i,
.control-dropdown.dropdown-menu > li.disabled button:focus:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled]:focus:active > i,
.control-dropdown.dropdown-menu > li a[disabled]:focus:active > i,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled]:focus:active > i,
.control-dropdown.dropdown-menu > li button[disabled]:focus:active > i {
  color: rgba(var(--bs-body-color-rgb), 0.6);
}
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li.disabled a[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button[class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li.disabled button[class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled][class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a[disabled][class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled][class^="oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button[disabled][class^="oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled a[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li.disabled a[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li.disabled button[class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li.disabled button[class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a[disabled][class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li a[disabled][class*=" oc-icon-"]:before,
.dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button[disabled][class*=" oc-icon-"]:before,
.control-dropdown.dropdown-menu > li button[disabled][class*=" oc-icon-"]:before {
  color: rgba(var(--bs-body-color-rgb), 0.6);
}
.control-dropdown.dropdown-menu > li a > i[class^="octo-icon-"],
.control-dropdown.dropdown-menu > li button > i[class^="octo-icon-"] {
  font-size: 16px;
  position: relative;
  top: 2px;
  left: -2px;
}
html:not(.user-touch) .control-dropdown.dropdown-menu > li a:focus,
html:not(.user-touch) .control-dropdown.dropdown-menu > li button:focus {
  background: var(--oc-toolbar-hover-bg);
}
.touch .control-dropdown.dropdown-menu > li a:hover {
  color: var(--bs-body-color);
  background: white;
}
body.dropdown-open .dropdown-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 599;
}
@media (max-width: 768px) {
  body.dropdown-open {
    overflow: hidden;
  }
  body.dropdown-open .dropdown-overlay {
    background: rgba(0, 0, 0, 0.4);
  }
  body.dropdown-open .control-dropdown.dropdown-menu {
    overflow: auto;
    overflow-y: scroll;
    position: fixed !important;
    margin: 15px !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    z-index: 600;
    border-radius: 8px;
  }
  body.dropdown-open .control-dropdown.dropdown-menu > li a,
  body.dropdown-open .control-dropdown.dropdown-menu > li button {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:hover,
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:hover,
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:focus,
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:focus,
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) a:active,
  body.dropdown-open .control-dropdown.dropdown-menu > li.first-item:not(.disabled) button:active {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:hover,
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:hover,
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:focus,
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:focus,
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) a:active,
  body.dropdown-open .control-dropdown.dropdown-menu > li.last-item:not(.disabled) button:active {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.flash-message.static {
  color: #ffffff;
  font-size: 14px;
  padding: 10px 30px 10px 15px;
  word-wrap: break-word;
  text-align: left;
  border-radius: 4px;
}
.flash-message.static.success {
  background: var(--bs-success);
}
.flash-message.static.error {
  background: #cc3300;
}
.flash-message.static.warning {
  background: #f0ad4e;
}
.flash-message.static.info {
  background: #5fb6f5;
}
.flash-message.static button {
  float: none;
  position: absolute;
  right: 10px;
  top: 12px;
  color: white;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  opacity: 1;
  outline: none;
}
.flash-message.static button:before {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93e";
  color: white;
  font-size: 16px;
  position: relative;
}
.flash-message.static button:hover {
  opacity: 1;
}
.inspector-fields {
  min-width: 220px;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.inspector-fields td,
.inspector-fields th {
  padding: 5px 12px;
  font-size: 12px;
  border-bottom: 1px solid var(--oc-primary-border);
  text-align: left;
}
.inspector-fields th {
  color: var(--oc-primary-color);
  width: 45%;
}
.inspector-fields td {
  color: var(--bs-body-color);
  width: 55%;
}
.inspector-fields tr:last-child td,
.inspector-fields tr:last-child th {
  border-bottom: none;
}
.inspector-fields tr:last-child td,
.inspector-fields tr:last-child td input[type=text] {
  border-radius: 0 0 2px 0;
}
.inspector-fields tr.group {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.inspector-fields tr.group th {
  font-weight: 600;
  cursor: pointer;
}
.inspector-fields tr.invalid th {
  color: #c03f31 !important;
}
.inspector-fields tr.control-group {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.inspector-fields tr.control-group th,
.inspector-fields tr.control-group td {
  cursor: pointer;
}
.inspector-fields tr.collapsed {
  display: none;
}
.inspector-fields tr.expanded {
  display: table-row;
}
.inspector-fields.has-groups th {
  padding-left: 20px;
}
.inspector-fields.has-groups tr.grouped th {
  padding-left: 35px;
}
.inspector-fields:not(:hover) td {
  border-left-color: transparent;
}
.inspector-fields th {
  background: var(--oc-form-control-bg);
}
.inspector-fields td {
  font-weight: 400;
  border-left: 1px solid var(--oc-primary-border);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: var(--oc-form-control-bg);
  transition: border-left-color 0.35s;
}
.inspector-fields td.text input[type=text] {
  background: var(--oc-form-control-bg);
  color: var(--bs-body-color);
  text-overflow: ellipsis;
}
.inspector-fields td.text input[type=text]::-moz-placeholder {
  font-weight: normal!important;
  color: #b5babd;
}
.inspector-fields td.text input[type=text]::placeholder {
  font-weight: normal!important;
  color: #b5babd;
}
.inspector-fields td.text.active {
  background: var(--oc-form-control-bg);
}
.inspector-fields td.autocomplete {
  padding: 0;
  position: relative;
  overflow: visible;
}
.inspector-fields td.autocomplete .autocomplete-container input[type=text] {
  padding: 5px 12px;
}
.inspector-fields td.autocomplete .autocomplete-container ul.dropdown-menu {
  background: var(--bs-modal-bg);
  font-size: 12px;
  z-index: 10000;
}
.inspector-fields td.autocomplete .autocomplete-container ul.dropdown-menu li a {
  padding: 5px 12px;
  white-space: normal;
  word-wrap: break-word;
}
.inspector-fields td.autocomplete .autocomplete-container .loading-indicator span {
  margin-top: -12px;
  right: 10px;
  left: auto;
}
.inspector-fields td.trigger-cell {
  padding: 0!important;
}
.inspector-fields td.trigger-cell a.trigger {
  display: block;
  padding: 5px 12px 7px 12px;
  overflow: hidden;
  min-height: 29px;
  text-overflow: ellipsis;
  color: var(--oc-primary-color);
  text-decoration: none;
}
.inspector-fields td.trigger-cell a.trigger.cell-placeholder {
  color: #b5babd;
}
.inspector-fields td.trigger-cell a.trigger .loading-indicator {
  background-color: var(--oc-form-control-bg);
}
.inspector-fields td.trigger-cell a.trigger .loading-indicator span {
  margin-top: -12px;
  right: 10px;
  left: auto;
}
.inspector-fields td.dropdown {
  padding: 0!important;
}
.inspector-fields td select {
  width: 90%;
}
.inspector-fields td div.external-param-editor-container {
  position: relative;
  padding-right: 25px;
}
.inspector-fields td div.external-param-editor-container div.external-editor {
  bottom: 0;
  margin: -5px -12px;
  right: 30px;
  left: auto;
  top: 0;
  position: absolute;
  transition: left 0.2s;
  transform: translateZ(0);
  will-change: transform;
}
.inspector-fields td div.external-param-editor-container div.external-editor div.controls {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.inspector-fields td div.external-param-editor-container div.external-editor div.controls a {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  width: 30px;
  color: var(--oc-primary-color);
  outline: none;
}
.inspector-fields td div.external-param-editor-container div.external-editor div.controls a i {
  display: inline-block;
  position: relative;
  left: 7px;
  top: 5px;
  font-size: 1rem;
}
.inspector-fields td div.external-param-editor-container div.external-editor div.controls input {
  position: absolute;
  display: block;
  border: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding-left: 30px;
  padding-right: 12px;
  background: transparent;
  color: var(--bs-body-color);
}
.inspector-fields td div.external-param-editor-container.editor-visible div.external-editor div.controls input {
  background: var(--oc-form-control-bg);
}
.inspector-fields td.active div.external-param-editor-container div.external-editor div.controls input {
  background: var(--bs-secondary-bg);
}
.inspector-fields td.dropdown div.external-param-editor-container div.external-editor,
.inspector-fields td.trigger-cell div.external-param-editor-container div.external-editor {
  height: 100%;
  margin: 0;
  bottom: auto;
}
.inspector-fields th {
  font-weight: 500;
}
.inspector-fields th > div {
  position: relative;
}
.inspector-fields th > div > div {
  white-space: nowrap;
  padding-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.inspector-fields th > div > div span.info {
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 14px;
  width: 10px;
  height: 12px;
  line-height: 80%;
  color: #999;
}
.inspector-fields th > div > div span.info:before {
  margin-left: 3px;
}
.inspector-fields th > div > div span.info:hover {
  color: var(--bs-emphasis-color);
}
.inspector-fields th > div a.expandControl {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: -15px;
  top: 2px;
  text-indent: -100000em;
}
.inspector-fields th > div a.expandControl span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
}
.inspector-fields th > div a.expandControl span:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  position: absolute;
  left: 4px;
  top: -2px;
  width: 12px;
  height: 12px;
  font-size: 13px;
  color: var(--oc-primary-color);
  text-indent: 0;
}
.inspector-fields th > div a.expandControl.expanded span:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  left: 2px;
}
.inspector-fields input[type=text] {
  display: block;
  width: 100%;
  border: none;
  outline: none;
}
.inspector-fields div.form-check {
  position: relative;
  top: 1px;
  font-size: 1rem;
}
.inspector-fields .select2-container {
  width: 100% !important;
}
.inspector-fields .select2-container .select2-selection {
  height: 29px;
  line-height: 29px;
  padding: 0 3px 0 12px;
  border: none !important;
  font-size: 12px;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.inspector-fields .select2-container .select2-selection.select2-default {
  font-weight: normal !important;
}
.inspector-fields .select2-container .loading-indicator > span {
  top: 15px;
}
.inspector-fields .select2-container.select2-container--open {
  border-radius: 0 !important;
  border: none !important;
}
.inspector-fields .select2-container .select2-selection__rendered {
  padding: 0 22px 0 0;
  color: var(--bs-body-color);
}
.inspector-fields tr.changed td {
  font-weight: 600;
}
.inspector-fields tr.changed td input[type=text] {
  font-weight: 600;
}
.inspector-fields tr.changed td .select2-container .select2-selection {
  font-weight: 600;
}
div.control-popover.control-inspector > div {
  background: var(--oc-form-control-bg);
  border: none;
}
div.control-popover.control-inspector > div:before,
div.control-popover.control-inspector > div:after {
  display: none;
}
div.control-popover.control-inspector > div > form {
  padding: 5px 20px 10px;
}
div.control-popover.control-inspector .popover-head {
  padding-left: 20px;
  padding-right: 20px;
}
div.control-popover.control-inspector .inspector-fields th {
  padding-left: 0;
}
div.control-popover.hero > div {
  border-radius: 8px;
}
div.control-popover.hero .popover-head {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
div.control-popover.hero .popover-head h3 {
  font-weight: normal;
  font-size: 18px;
}
div.control-popover.hero .popover-head .btn-close {
  top: 16px;
  right: 17px;
}
div.control-popover.hero .inspector-fields th,
div.control-popover.hero .inspector-fields td {
  padding: 9px 12px;
  font-weight: 600!important;
  font-size: 13px;
}
div.control-popover.hero .inspector-fields th {
  padding-left: 0;
}
div.control-popover.hero .inspector-fields td {
  font-weight: 400!important;
}
div.control-popover.hero .inspector-fields div.custom-select.select2-container .select2-selection {
  height: 36px;
  line-height: 36px;
}
div.control-popover.inspector-temporary-placement {
  visibility: hidden;
  left: 0!important;
  top: 0!important;
}
.inspector-columns-editor {
  min-height: 400px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--oc-primary-border);
}
.inspector-columns-editor .items-column {
  width: 250px;
}
.inspector-columns-editor .inspector-wrapper {
  background: var(--oc-form-control-bg);
  border-left: 2px solid var(--oc-primary-border);
}
.inspector-columns-editor .toolbar {
  padding: 20px;
}
html.gecko.mac .scroll-wrapper.inspector-wrapper > div {
  margin-right: 17px;
}
.inspector-table-list {
  border-top: 1px solid var(--bs-border-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
div.inspector-dictionary-container {
  border: 1px solid var(--bs-border-color);
}
div.inspector-dictionary-container .values {
  height: 300px;
}
div.inspector-dictionary-container table.headers {
  width: 100%;
  border: none;
}
div.inspector-dictionary-container table.headers td {
  width: 50%;
  padding: 7px 5px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--oc-primary-color);
  background: var(--oc-primary-bg);
  border-bottom: 1px solid var(--bs-border-color);
}
div.inspector-dictionary-container table.headers td:first-child {
  border-right: 1px solid var(--bs-border-color);
}
div.inspector-dictionary-container table.inspector-dictionary-table {
  width: 100%;
  border: none;
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td {
  width: 50%;
  padding: 0!important;
  border-bottom: 1px solid var(--bs-border-color);
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td div {
  border: 1px solid transparent;
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td.active div {
  border-color: var(--oc-accent);
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td input {
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
  border: none;
  padding: 7px 5px;
  box-shadow: none;
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td input:focus {
  border: none;
  outline: none;
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr td:first-child {
  border-right: 1px solid var(--bs-border-color);
}
div.inspector-dictionary-container table.inspector-dictionary-table tbody tr:last-child td {
  border-bottom: none;
}
.inspector-header {
  background: var(--bs-modal-bg);
  padding: 14px 16px;
  position: relative;
  color: var(--oc-primary-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.inspector-header h3 {
  font-size: 15px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 15px;
  line-height: 130%;
}
.inspector-header p {
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 0 0;
}
.inspector-header p:empty {
  display: none;
}
.inspector-header span,
.inspector-header a {
  text-decoration: none;
  position: absolute;
  top: 12px;
  float: none;
  color: var(--bs-emphasis-color);
  cursor: pointer;
  line-height: 1;
  opacity: 0.4;
}
.inspector-header span:hover,
.inspector-header a:hover {
  opacity: 1;
  color: var(--bs-emphasis-color);
}
.inspector-header .detach {
  right: 26px;
  line-height: 22px;
}
.inspector-header .close {
  right: 11px;
  font-size: 21px;
}
.inspector-container:empty {
  display: none;
}
.inspector-container .control-scrollpad {
  position: absolute;
}
.inspector-field-comment:empty {
  display: none;
}
ul.autocomplete.dropdown-menu.inspector-autocomplete {
  background: var(--bs-modal-bg);
  font-size: 12px;
  z-index: 10000;
}
ul.autocomplete.dropdown-menu.inspector-autocomplete li a {
  padding: 5px 12px;
  white-space: normal;
  word-wrap: break-word;
}
.select2-dropdown.ocInspectorDropdown {
  font-size: 12px;
  border-radius: 0 !important;
  border: none !important;
}
.select2-dropdown.ocInspectorDropdown > .select2-results > .select2-results__options {
  font-size: 12px;
}
.select2-dropdown.ocInspectorDropdown > .select2-results > li > div {
  padding: 5px 12px 5px;
}
.select2-dropdown.ocInspectorDropdown > .select2-results li.select2-no-results {
  padding: 5px 12px 5px;
}
.select2-dropdown.ocInspectorDropdown > .select2-results li > i,
.select2-dropdown.ocInspectorDropdown > .select2-results li > img {
  margin-left: 6px;
}
.select2-dropdown.ocInspectorDropdown .select2-search {
  min-height: 26px;
  position: relative;
  border-bottom: 1px solid var(--bs-border-color);
}
.select2-dropdown.ocInspectorDropdown .select2-search:after {
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f002";
  right: 10px;
  top: 10px;
  color: #95a5a6;
}
.select2-dropdown.ocInspectorDropdown .select2-search input.select2-search__field {
  min-height: 26px;
  background: transparent !important;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 20px;
  border: none;
}
a.oc-loading:after,
button.oc-loading:after,
span.oc-loading:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4em;
  height: 1em;
  width: 1em;
  animation: spin 0.8s infinite linear;
  border: 0.2em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  opacity: 0.5;
}
.loading-indicator {
  padding: 20px 20px 20px 60px;
  color: #999999;
  font-size: 14px;
  font-weight: 500;
  background: var(--bs-body-bg);
  text-align: left;
  z-index: 10;
}
.loading-indicator > span {
  background-image: url('../foundation/images/loader-transparent.svg');
  background-size: 40px 40px;
  background-position: 50% 50%;
  animation: spin 1s linear infinite;
  background-repeat: no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  left: 0;
  display: block;
}
.loading-indicator.is-transparent {
  background-color: transparent;
}
.loading-indicator-container {
  position: relative;
  min-height: 40px;
}
.loading-indicator-container .loading-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
}
.loading-indicator-container .loading-indicator > div {
  position: absolute;
  top: 50%;
  margin-top: -0.65em;
}
.loading-indicator.is-opaque > span,
.loading-indicator-container.is-opaque .loading-indicator > span {
  background-image: url('../foundation/images/loader.svg');
}
[data-bs-theme="dark"] .loading-indicator.is-opaque > span,
[data-bs-theme="dark"] .loading-indicator-container.is-opaque .loading-indicator > span {
  background-image: url('../foundation/images/loader-dark.svg');
}
.loading-indicator-container.size-small {
  min-height: 20px;
}
.loading-indicator.size-small,
.loading-indicator-container.size-small .loading-indicator {
  padding: 16px 16px 16px 30px;
  font-size: 11px;
}
.loading-indicator.size-small > span,
.loading-indicator-container.size-small .loading-indicator > span {
  height: 20px;
  width: 20px;
  margin-top: -10px;
}
html.cssanimations .loading-indicator.size-small > span,
html.cssanimations .loading-indicator-container.size-small .loading-indicator > span {
  background-size: 20px 20px;
}
.loading-indicator.indicator-center,
.loading-indicator-container.indicator-center .loading-indicator {
  padding: 20px;
}
.loading-indicator.indicator-center > span,
.loading-indicator-container.indicator-center .loading-indicator > span {
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.loading-indicator.indicator-center > div,
.loading-indicator-container.indicator-center .loading-indicator > div {
  text-align: center;
  position: relative;
  margin-top: 30px;
}
.loading-indicator.indicator-inset,
.loading-indicator-container.indicator-inset .loading-indicator {
  padding-left: 80px;
}
.loading-indicator.indicator-inset > span,
.loading-indicator-container.indicator-inset .loading-indicator > span {
  left: 20px;
}
.loading-indicator-container.size-form-field,
.loading-indicator-container.size-input-text {
  min-height: 0;
}
.loading-indicator-container.size-form-field .loading-indicator,
.loading-indicator-container.size-input-text .loading-indicator {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.loading-indicator-container.size-form-field .loading-indicator > span,
.loading-indicator-container.size-input-text .loading-indicator > span {
  padding: 0;
  margin: 0;
  left: auto;
  right: 7px;
  top: 6px;
  width: 23px;
  height: 23px;
  background-size: 23px 23px;
}
.loading-indicator-container.size-form-field .loading-indicator > span {
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.bar-loading-indicator {
  transition: opacity 0.4s linear;
}
.bar-loading-indicator .progress-bar {
  animation: infinite-loader 90s ease-in forwards;
  transition-duration: 0s;
}
.bar-loading-indicator.bar-loaded {
  opacity: 0;
  transition-delay: 0.3s;
}
.bar-loading-indicator.bar-loaded .progress-bar {
  width: 100% !important;
  transition: width 0.3s linear;
  animation: none;
}
@keyframes infinite-loader {
  0% {
    width: 0%;
  }
  10% {
    width: 42%;
  }
  20% {
    width: 63%;
  }
  30% {
    width: 78.75%;
  }
  40% {
    width: 88.59375%;
  }
  50% {
    width: 94.13085938%;
  }
  60% {
    width: 97.07244873%;
  }
  70% {
    width: 98.58920574%;
  }
  80% {
    width: 99.35943391%;
  }
  90% {
    width: 99.7475567%;
  }
  100% {
    width: 99.94237615%;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes rspin {
  0% {
    transform: rotate(359deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
div.control-popover {
  position: absolute;
  background-clip: content-box;
  left: 0;
  top: 0;
  z-index: 600;
  visibility: hidden;
}
div.control-popover.fade,
div.control-popover.show {
  visibility: visible;
}
div.control-popover.fade > div {
  opacity: 0;
  transition: all 0.3s, width 0s;
  transform: scale(0.7);
}
div.control-popover.fade.show > div {
  opacity: 1;
  transform: scale(1);
}
div.control-popover > div {
  position: relative;
  background: var(--bs-modal-bg);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
}
div.control-popover > div:after,
div.control-popover > div:before {
  position: absolute;
}
div.control-popover > div:after {
  z-index: 601;
}
div.control-popover > div:before {
  z-index: 600;
}
div.control-popover.placement-bottom > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid var(--bs-modal-bg);
  left: 15px;
  top: -8px;
}
div.control-popover.placement-bottom > div:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-bottom: 9px solid rgba(0, 0, 0, 0.15);
  left: 14px;
  top: -9px;
}
div.control-popover.placement-bottom.placement-bottom-right > div:after {
  left: auto;
  right: 15px;
}
div.control-popover.placement-bottom.placement-bottom-right > div:before {
  left: auto;
  right: 14px;
}
div.control-popover.placement-top > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 8px solid var(--bs-modal-bg);
  border-bottom-width: 0;
  left: 15px;
  bottom: -8px;
}
div.control-popover.placement-top > div:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-top: 9px solid rgba(0, 0, 0, 0.15);
  border-bottom-width: 0;
  left: 14px;
  bottom: -9px;
}
div.control-popover.placement-left > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-left: 8px solid var(--bs-modal-bg);
  right: -8px;
  top: 7px;
}
div.control-popover.placement-left > div:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 8.5px solid transparent;
  border-bottom: 8.5px solid transparent;
  border-left: 9px solid rgba(0, 0, 0, 0.15);
  right: -9px;
  top: 6px;
}
div.control-popover.placement-right > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-right: 8px solid var(--bs-modal-bg);
  left: -8px;
  top: 7px;
}
div.control-popover.placement-right > div:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 8.5px solid transparent;
  border-bottom: 8.5px solid transparent;
  border-right: 9px solid rgba(0, 0, 0, 0.15);
  left: -9px;
  top: 6px;
}
div.control-popover div.popover-body {
  padding: 15px;
}
div.control-popover div.popover-body.form-container {
  padding-bottom: 0;
}
div.control-popover div.popover-footer {
  padding: 0 20px 20px 20px;
}
div.control-popover .popover-head {
  background: var(--bs-modal-bg);
  padding: 14px 16px;
  position: relative;
  color: var(--oc-primary-color);
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
div.control-popover .popover-head:before {
  z-index: 602;
  position: absolute;
}
div.control-popover .popover-head h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 15px;
  line-height: 130%;
}
div.control-popover .popover-head p {
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 0 0;
}
div.control-popover .popover-head p:empty {
  display: none;
}
div.control-popover .popover-head .btn-close,
div.control-popover .popover-head .close {
  float: none;
  position: absolute;
  right: 11px;
  top: 12px;
  color: var(--oc-primary-color);
  outline: none;
  opacity: 0.4;
}
div.control-popover .popover-head .btn-close:hover,
div.control-popover .popover-head .close:hover {
  opacity: 1;
}
div.control-popover .popover-head .inspector-move-to-container {
  opacity: 0.4;
  position: absolute;
  top: 14px;
  right: 26px;
  float: none;
  color: var(--bs-emphasis-color);
  cursor: pointer;
  text-decoration: none;
  line-height: 17px;
}
div.control-popover .popover-head .inspector-move-to-container:hover {
  opacity: 1;
  color: var(--bs-emphasis-color);
}
div.control-popover .popover-head .inspector-move-to-container:before {
  transform: rotate(270deg);
}
div.control-popover.placement-bottom .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid var(--bs-modal-bg);
  left: 15px;
  top: -8px;
}
div.control-popover.placement-left .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-left: 8px solid var(--bs-modal-bg);
  right: -8px;
  top: 7px;
}
div.control-popover.placement-right .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-right: 8px solid var(--bs-modal-bg);
  left: -8px;
  top: 7px;
}
div.control-popover.popover-danger > div {
  color: #fff;
  background-color: #ab2a1c;
}
div.control-popover.popover-danger > div .popover-head p,
div.control-popover.popover-danger > div .popover-head h3 {
  color: #fff;
}
div.control-popover.popover-danger > div .popover-head .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
div.control-popover.popover-danger.placement-top > div:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 8px solid #ab2a1c;
  border-bottom-width: 0;
}
div.control-popover.popover-danger.placement-bottom > div:after,
div.control-popover.popover-danger.placement-bottom .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid #ab2a1c;
}
div.control-popover.popover-danger.placement-left > div:after,
div.control-popover.popover-danger.placement-left .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-left: 8px solid #ab2a1c;
}
div.control-popover.popover-danger.placement-right > div:after,
div.control-popover.popover-danger.placement-right .popover-head:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-bottom: 7.5px solid transparent;
  border-right: 8px solid #ab2a1c;
}
div.control-popover.popover-danger .popover-head {
  color: #fff;
  background-color: #ab2a1c;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
div.control-popover.popover-danger .popover-head .close {
  color: #fff;
  text-shadow: none;
}
div.control-popover div.popover-fixed-height {
  height: 300px;
}
.popover-highlight {
  position: relative;
  z-index: 598 !important;
}
.popover-highlight:hover,
.popover-highlight:active,
.popover-highlight:focus {
  z-index: 598 !important;
}
div.popover-overlay-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 597;
  font-size: 14px;
}
div.popover-overlay-container > div.control-popover > div {
  border-radius: 4px;
}
div.popover-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, var(--bs-backdrop-opacity));
  z-index: 597;
  display: none;
}
div.popover-overlay.show {
  display: block;
}
@media (max-width: 768px) {
  body.popover-open {
    overflow: hidden;
  }
  body.popover-open .control-popover {
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    margin: 0;
    padding: 10px;
    width: 100% !important;
    z-index: 603;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  body.popover-open .control-popover > div {
    padding: 0;
  }
  body.popover-open .control-popover > div:before,
  body.popover-open .control-popover > div:after {
    display: none;
  }
  body.popover-open .control-popover div.popover-fixed-height {
    height: 100%;
    min-height: 100%;
  }
  body.popover-open .control-popover .popover-head:before {
    display: none;
  }
  div.popover-overlay {
    display: block;
  }
}
.modal {
  z-index: 600;
}
.modal-backdrop {
  z-index: 490;
  background-color: rgba(0, 0, 0, var(--bs-backdrop-opacity));
}
.modal-content {
  border: 1px solid rgba(149, 165, 166, 0.2);
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(67, 86, 100, 0.2);
  background: var(--bs-modal-bg);
}
.modal-content.popup-shaking {
  animation: popup-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.modal-content .modal-header {
  background: transparent;
  color: var(--bs-heading-color);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(149, 165, 166, 0.2);
}
.modal-content .modal-header h4 {
  font-weight: normal;
  font-size: 18px;
}
.modal-content .modal-header button.close {
  width: 19px;
  height: 19px;
  border-radius: 20px;
  position: relative;
  top: 5px;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 0;
  color: transparent;
}
.modal-content .modal-header button.close:after {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93e";
  color: #35425b;
  font-size: 16px;
  position: relative;
  top: -1px;
}
.modal-content .modal-header button.close:hover:after {
  color: var(--bs-danger);
}
.modal-content .modal-header button.close:focus {
  outline: none;
  background-color: var(--oc-toolbar-hover-bg);
}
.modal-content .modal-body {
  padding: 20px 20px 0 20px;
}
.modal-content .modal-body > p:last-child {
  margin-bottom: 20px;
}
.modal-content .modal-body.modal-no-header {
  padding-top: 20px;
}
.modal-content .modal-body.modal-no-footer {
  padding-bottom: 20px;
}
.modal-content .modal-footer {
  background: transparent;
  border: none;
  margin-top: 0;
  padding: 0 20px 20px 20px;
  justify-content: flex-start;
}
.modal-content .modal-footer > .pull-right {
  margin-left: auto;
}
.modal-content .modal-footer > *:first-child {
  margin-left: 0;
}
.modal-content .modal-footer > *:last-child {
  margin-right: 0;
}
.modal-content .modal-footer .btn-link {
  padding-left: 5px;
  padding-right: 5px;
}
.modal-dialog {
  max-width: 598px;
}
.modal-dialog.size-adaptive {
  max-width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}
.modal-dialog.adaptive-height {
  height: 100%;
  min-height: 600px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}
.modal-dialog.adaptive-height .modal-content {
  height: 100%;
}
@media (min-width: 768px) {
  .modal-dialog.size-tiny {
    max-width: 300px;
  }
  .modal-dialog.size-small {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .modal-dialog.size-large {
    max-width: 750px;
  }
  .modal-dialog.size-huge {
    max-width: 900px;
  }
  .modal-dialog.size-giant {
    max-width: 982px;
  }
}
@media (max-width: 768px) {
  .modal-dialog.size-adaptive {
    max-width: auto;
    padding: 5px 0;
    margin: 0;
  }
}
.control-popup.fade:not(.show) {
  pointer-events: none;
}
.control-popup.fade .modal-dialog {
  opacity: 0;
  transition: all 0.3s, width 0s;
  transform: scale(0.7);
}
.control-popup.fade.show .modal-dialog {
  opacity: 1;
  transform: scale(1);
}
.popup-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 490;
  background-color: rgba(0, 0, 0, var(--bs-backdrop-opacity));
  opacity: 1;
}
.popup-backdrop .popup-loading-indicator {
  background: var(--bs-modal-bg);
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -50px;
  transition: all 0.3s, width 0s;
  transform: scale(0.7);
  opacity: 0;
}
.popup-backdrop .popup-loading-indicator:after {
  content: ' ';
  display: block;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url('../foundation/images/loader-transparent.svg');
  animation: spin 1s linear infinite;
  width: 50px;
  height: 50px;
  margin: 25px 0 0 25px;
}
.popup-backdrop.loading .popup-loading-indicator {
  opacity: 1;
  transform: scale(1);
}
.mac body.modal-open {
  margin-right: 0;
}
@keyframes popup-shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container .loading-indicator {
  background: transparent;
}
.select2-container .loading-indicator > span {
  background-image: url('../foundation/images/loader-transparent.svg');
  left: auto;
  right: 10px;
  top: 19px;
  background-size: 17px 17px;
}
.select2-container.in-progress .select2-selection .select2-selection__arrow b {
  display: none !important;
}
.select2-container--default {
  display: block;
}
.select2-container--default button {
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 20px;
}
.select2-container--default .select2-selection {
  background-color: var(--oc-form-control-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  color: var(--bs-body-color);
  font-size: 1rem;
  box-shadow: none;
  outline: 0;
}
.select2-container--default .select2-search--dropdown {
  position: relative;
  padding: 7px 7px 0;
}
.select2-container--default .select2-search--dropdown:after {
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f002";
  right: 16px;
  top: 12px;
  color: #95a5a6;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: var(--oc-form-control-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  color: var(--bs-body-color);
  font-size: 1rem;
  box-shadow: none;
  padding-left: 6px;
}
.select2-container--default .select2-search__field {
  outline: 0;
}
.select2-container--default .select2-search__field::-moz-placeholder {
  color: #cccccc;
}
.select2-container--default .select2-search__field::placeholder {
  color: #cccccc;
}
.select2-container--default .select2-results__option {
  border-radius: 4px;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #98A0A0;
  cursor: not-allowed;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--oc-selection);
  color: #fff;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding: 8px 13px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -13px;
  padding-left: 26px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -26px;
  padding-left: 39px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -39px;
  padding-left: 52px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -52px;
  padding-left: 65px;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -65px;
  padding-left: 78px;
}
.select2-container--default .select2-results__group {
  color: #98A0A0;
  display: block;
  padding: 8px 6px;
  line-height: 1.42857143;
  white-space: nowrap;
  font-weight: 500;
}
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: var(--oc-border-focus);
}
.select2-container--default.select2-container--focus .select2-selection:focus-visible,
.select2-container--default.select2-container--open .select2-selection:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(53, 66, 91, 0.1);
}
.select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f106";
}
.select2-container--default .select2-selection__clear {
  color: var(--bs-secondary-color);
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--default .select2-selection__clear:hover {
  color: #333;
}
.select2-container--default.select2-container--disabled .select2-selection {
  border-color: var(--bs-border-color);
  box-shadow: none;
}
.select2-container--default.select2-container--disabled .select2-selection,
.select2-container--default.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}
.select2-container--default.select2-container--disabled .select2-selection {
  background-color: var(--oc-form-control-disabled-bg);
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background: #ccc;
}
.select2-container--default.select2-container--disabled .select2-selection__clear,
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.select2-container--default .select2-dropdown {
  overflow-x: hidden;
  margin-top: 5px;
  padding-top: 0;
  background-color: var(--oc-form-control-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  box-shadow: -2px 2px 5px rgba(67, 86, 100, 0.12);
}
.select2-container--default .select2-dropdown--above {
  margin-top: -5px;
  box-shadow: -2px 2px 5px rgba(67, 86, 100, 0.12);
}
.select2-container--default .select2-results > .select2-results__options {
  font-size: 1rem;
  max-height: 200px;
  overflow-y: auto;
  padding: 7px;
}
.select2-container--default .select2-dropdown.select-no-dropdown {
  display: none !important;
}
.select2-container--default .select2-dropdown.select-hide-selected .select2-results__option--selected {
  display: none !important;
}
.select2-container--default .select2-dropdown.select-dropdown-auto-width .select2-results__options {
  overflow-x: hidden;
}
.select2-container--default .select2-dropdown.select-dropdown-auto-width .select2-results__option {
  white-space: nowrap;
}
.select2-container--default .select2-selection--single {
  height: 37px;
  line-height: 1.6;
  padding: 8px 25px 8px 13px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 13px;
  top: 0;
  width: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  height: 9px;
  width: 8px;
  right: 3px;
  margin-top: -5px;
  line-height: 9px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  display: inline-block;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bs-body-color);
  padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #cccccc;
}
.select2-container--default .select2-selection--multiple {
  min-height: 38px;
  position: relative;
  cursor: text;
  padding-bottom: 5px;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #cccccc;
  float: left;
  margin-top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: white;
  background: #72809d;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-block;
  margin: 6px 0 0 6.5px;
  padding: 1px 6px 2px 6px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  color: var(--bs-body-color);
  padding: 0 13px;
  height: 28px;
  line-height: 2.3;
  margin-top: 0;
  margin-left: 0;
  min-width: 5em;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size: 13px;
  margin: 0 6px 0 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--bs-danger);
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 8px;
}
.taglist--preview {
  overflow: hidden;
  list-style-type: none;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 7px;
  margin: 0;
}
.taglist--preview .taglist__item {
  color: white;
  background: #72809d;
  border-radius: 6px;
  cursor: default;
  float: left;
  margin: 6px 0 0 6.5px;
  padding: 1px 9px 2px 9px;
}
.select2-container--default {
  /* 1 */
}
.select2-container--default.form-control-sm,
.select2-container--default.form-control-lg {
  border-radius: 0;
  font-size: 12px;
  height: auto;
  line-height: 1;
  padding: 0;
}
.select2-container--default.form-control-sm .select2-selection--single,
.input-group-sm .select2-container--default .select2-selection--single,
.form-group-sm .select2-container--default .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}
.select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow b,
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}
.select2-container--default.form-control-sm .select2-selection--multiple,
.input-group-sm .select2-container--default .select2-selection--multiple,
.form-group-sm .select2-container--default .select2-selection--multiple {
  min-height: 30px;
}
.select2-container--default.form-control-sm .select2-selection--multiple .select2-selection__choice,
.input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 3px 0 0 5px;
  padding: 0 3px;
}
.select2-container--default.form-control-sm .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 2.5;
}
.select2-container--default.form-control-sm .select2-selection--multiple .select2-selection__clear,
.input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}
.select2-container--default.input-lg .select2-selection--single,
.input-group-lg .select2-container--default .select2-selection--single,
.form-group-lg .select2-container--default .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}
.select2-container--default.input-lg .select2-selection--single .select2-selection__arrow,
.input-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 5px;
}
.select2-container--default.input-lg .select2-selection--single .select2-selection__arrow b,
.input-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}
.select2-container--default.input-lg .select2-selection--multiple,
.input-group-lg .select2-container--default .select2-selection--multiple,
.form-group-lg .select2-container--default .select2-selection--multiple {
  min-height: 46px;
}
.select2-container--default.input-lg .select2-selection--multiple .select2-selection__choice,
.input-group-lg .select2-container--default .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}
.select2-container--default.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 2.3333333;
}
.select2-container--default.input-lg .select2-selection--multiple .select2-selection__clear,
.input-group-lg .select2-container--default .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}
.select2-container--default.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--bs-secondary-color) transparent;
  border-width: 0 5px 5px 5px;
}
.input-group-lg .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--bs-secondary-color) transparent;
  border-width: 0 5px 5px 5px;
}
.select2-container--default[dir="rtl"] .select2-selection--single {
  padding-left: 25px;
  padding-right: 13px;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 13px;
  right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6.5px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  border-color: #66512c;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}
.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  border-color: #843534;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}
.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  border-color: #2b542c;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}
.input-group .select2-container--default {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 10;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group.select2-default-prepend .select2-container--default .select2-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group.select2-default-append .select2-container--default .select2-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.select2-default-append .select2-container--default,
.select2-default-prepend .select2-container--default,
.select2-default-append .input-group-btn,
.select2-default-prepend .input-group-btn,
.select2-default-append .input-group-btn .btn,
.select2-default-prepend .input-group-btn .btn {
  vertical-align: top;
}
/**
 * Temporary fix for https://github.com/select2/select2-default-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}
.form-inline .select2-container--default {
  display: inline-block;
}
.control-tabs.master-tabs > ul.nav-tabs > li a,
.control-tabs.master-tabs > div > ul.nav-tabs > li a,
.control-tabs.master-tabs > div > div > ul.nav-tabs > li a {
  font-size: 15px;
  border-bottom: transparent 4px solid;
  position: relative;
  z-index: 11;
  line-height: 100%;
}
.control-tabs.master-tabs > ul.nav-tabs > li.active a,
.control-tabs.master-tabs > div > ul.nav-tabs > li.active a,
.control-tabs.master-tabs > div > div > ul.nav-tabs > li.active a {
  border-bottom: var(--oc-tab-border) 4px solid;
}
.control-tabs.primary-tabs {
  margin-bottom: 5px;
}
.control-tabs.primary-tabs > ul.nav-tabs,
.control-tabs.primary-tabs > div > ul.nav-tabs,
.control-tabs.primary-tabs > div > div > ul.nav-tabs {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.control-tabs.primary-tabs > ul.nav-tabs:before,
.control-tabs.primary-tabs > div > ul.nav-tabs:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs:before {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  z-index: 9;
  content: ' ';
  background: transparent linear-gradient(90deg, var(--oc-tab-border) 90%, transparent 100%);
}
.control-tabs.primary-tabs > ul.nav-tabs > li,
.control-tabs.primary-tabs > div > ul.nav-tabs > li,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li {
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
  margin-right: -10px;
  background: transparent;
}
.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child {
  padding-left: 20px !important;
}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child {
  margin-right: 0;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 3px;
  margin: 0;
  position: relative;
  top: -1px;
  z-index: 11;
  background: transparent;
  overflow: visible;
  border-bottom: 1px solid transparent;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title {
  position: relative;
  display: inline-block;
  padding: 4px 25px 0px;
  box-sizing: border-box;
  z-index: 10;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title > span,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title > span,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title > span {
  border-top: 2px solid transparent;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after {
  content: '';
  display: none;
  border-top: 2px solid var(--oc-tab-border);
  position: absolute;
  background: transparent;
  top: 0;
  z-index: -1;
  width: 20px;
  bottom: -2px;
  transform-origin: bottom;
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before {
  left: 0;
  border-left: 2px solid var(--oc-tab-border);
  border-radius: 8px 0 0 0;
  transform: skewX(-10deg);
}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after {
  right: 0;
  border-right: 2px solid var(--oc-tab-border);
  border-radius: 0 8px 0 0;
  transform: skewX(10deg);
}
.control-tabs.primary-tabs > ul.nav-tabs > li:not(.active) a:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:not(.active) a:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:not(.active) a:before {
  content: '';
  left: 12px;
  right: 12px;
  top: 6px;
  bottom: 3px;
  border-radius: 4px;
  position: absolute;
  background: var(--oc-tab-hover-bg);
  opacity: 0;
  transition: none;
}
.control-tabs.primary-tabs > ul.nav-tabs > li:not(.active):hover a:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:not(.active):hover a:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:not(.active):hover a:before {
  transition: opacity 0.1s ease-out, color 0.1s ease-out;
  opacity: 1;
}
.control-tabs.primary-tabs > ul.nav-tabs > li:last-child,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:last-child,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:last-child {
  background-image: none;
  margin-right: 0;
  padding-right: 5px;
}
.control-tabs.primary-tabs > ul.nav-tabs > li:first-child,
.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li:first-child {
  padding-left: 0;
}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a {
  z-index: 13;
  top: 0;
}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title {
  z-index: 12;
  border-top-color: #d6d6d6;
}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:before,
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title:after,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title:after,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title:after {
  display: block;
  border-color: var(--oc-tab-border);
}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a > span.title span,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a > span.title span,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a > span.title span {
  border-top-color: var(--oc-tab-border);
}
.control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,
.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before {
  position: absolute;
  bottom: -1px;
  height: 2.4px;
  right: 2px;
  left: 2px;
  content: ' ';
  background-color: var(--bs-body-bg);
}
.control-tabs.primary-tabs > ul.nav-tabs,
.control-tabs.primary-tabs > div > ul.nav-tabs,
.control-tabs.primary-tabs > div > div > ul.nav-tabs {
  margin-left: -20px;
  margin-right: -20px;
}
.control-tabs.primary-tabs.tabs-no-inset > ul.nav-tabs,
.control-tabs.primary-tabs.tabs-no-inset > div > ul.nav-tabs,
.control-tabs.primary-tabs.tabs-no-inset > div > div > ul.nav-tabs {
  margin-left: 0;
  margin-right: 0;
}
.control-tabs.secondary-tabs > ul.nav-tabs > li,
.control-tabs.secondary-tabs > div > ul.nav-tabs > li,
.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid var(--oc-tab-border);
}
.control-tabs.secondary-tabs > ul.nav-tabs > li a,
.control-tabs.secondary-tabs > div > ul.nav-tabs > li a,
.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li a {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0;
}
.control-tabs.secondary-tabs > ul.nav-tabs > li:last-child,
.control-tabs.secondary-tabs > div > ul.nav-tabs > li:last-child,
.control-tabs.secondary-tabs > div > div > ul.nav-tabs > li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.control-tabs.secondary-tabs > div.tab-content > div.tab-pane {
  padding-top: 15px;
}
.control-tabs.pill-tabs {
  margin-bottom: 5px;
}
.control-tabs.pill-tabs > ul.nav-tabs,
.control-tabs.pill-tabs > div > ul.nav-tabs,
.control-tabs.pill-tabs > div > div > ul.nav-tabs {
  position: relative;
}
.control-tabs.pill-tabs > ul.nav-tabs > li,
.control-tabs.pill-tabs > div > ul.nav-tabs > li,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 1px solid #DCE1E7;
}
.control-tabs.pill-tabs > ul.nav-tabs > li + li,
.control-tabs.pill-tabs > div > ul.nav-tabs > li + li,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li + li {
  margin-left: -1px;
}
.control-tabs.pill-tabs > ul.nav-tabs > li a,
.control-tabs.pill-tabs > div > ul.nav-tabs > li a,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li a {
  position: relative;
  color: #72809d;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 0;
  margin: 0;
  z-index: 11;
  background: transparent;
  overflow: visible;
}
.control-tabs.pill-tabs > ul.nav-tabs > li a > span.title,
.control-tabs.pill-tabs > div > ul.nav-tabs > li a > span.title,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li a > span.title {
  position: relative;
  display: inline-block;
  padding: 9px 25px 4px 25px;
  box-sizing: border-box;
  z-index: 10;
}
.control-tabs.pill-tabs > ul.nav-tabs > li a > span.title > span,
.control-tabs.pill-tabs > div > ul.nav-tabs > li a > span.title > span,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li a > span.title > span {
  margin: 0;
  padding: 0;
  border: none;
}
.control-tabs.pill-tabs > ul.nav-tabs > li:last-child,
.control-tabs.pill-tabs > div > ul.nav-tabs > li:last-child,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li:last-child {
  background-image: none;
  margin-right: 0;
  padding-right: 5px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.control-tabs.pill-tabs > ul.nav-tabs > li:first-child,
.control-tabs.pill-tabs > div > ul.nav-tabs > li:first-child,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li:first-child {
  padding-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.control-tabs.pill-tabs > ul.nav-tabs > li.active,
.control-tabs.pill-tabs > div > ul.nav-tabs > li.active,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li.active {
  border: 1px solid var(--bs-primary);
}
.control-tabs.pill-tabs > ul.nav-tabs > li.active a,
.control-tabs.pill-tabs > div > ul.nav-tabs > li.active a,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li.active a {
  z-index: 13;
  color: #35425b;
}
.control-tabs.pill-tabs > ul.nav-tabs > li.active a > span.title,
.control-tabs.pill-tabs > div > ul.nav-tabs > li.active a > span.title,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li.active a > span.title {
  z-index: 12;
  border-top-color: #d6d6d6;
}
.control-tabs.pill-tabs > ul.nav-tabs > li.active a:before,
.control-tabs.pill-tabs > div > ul.nav-tabs > li.active a:before,
.control-tabs.pill-tabs > div > div > ul.nav-tabs > li.active a:before {
  display: none;
}
.control-tabs.pill-tabs.is-vertical > ul.nav-tabs,
.control-tabs.pill-tabs.is-vertical > div > ul.nav-tabs,
.control-tabs.pill-tabs.is-vertical > div > div > ul.nav-tabs {
  flex-direction: column;
}
.control-tabs.pill-tabs.is-vertical > ul.nav-tabs > li,
.control-tabs.pill-tabs.is-vertical > div > ul.nav-tabs > li,
.control-tabs.pill-tabs.is-vertical > div > div > ul.nav-tabs > li {
  margin-left: 0;
}
.control-tabs.pill-tabs.is-vertical > ul.nav-tabs > li + li:not(:last-child):not(.active),
.control-tabs.pill-tabs.is-vertical > div > ul.nav-tabs > li + li:not(:last-child):not(.active),
.control-tabs.pill-tabs.is-vertical > div > div > ul.nav-tabs > li + li:not(:last-child):not(.active) {
  border-bottom-color: transparent;
}
.control-tabs.pill-tabs.is-vertical > ul.nav-tabs > li:last-child,
.control-tabs.pill-tabs.is-vertical > div > ul.nav-tabs > li:last-child,
.control-tabs.pill-tabs.is-vertical > div > div > ul.nav-tabs > li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 0;
}
.control-tabs.pill-tabs.is-vertical > ul.nav-tabs > li:first-child,
.control-tabs.pill-tabs.is-vertical > div > ul.nav-tabs > li:first-child,
.control-tabs.pill-tabs.is-vertical > div > div > ul.nav-tabs > li:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
}
.control-tabs.auxiliary-tabs {
  background: white;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs {
  padding-left: 20px;
  padding-bottom: 2px;
  background: white;
  position: relative;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs:before,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #95a5a6;
  top: 0;
  left: 0;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li {
  margin-right: 2px;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li > a,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li > a {
  background: white;
  color: #bdc3c7;
  border-left: 1px solid #ecf0f1 !important;
  border-right: 1px solid #ecf0f1 !important;
  border-bottom: 1px solid #ecf0f1 !important;
  padding: 4px 10px;
  line-height: 100%;
  border-radius: 0 0 4px 4px;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li > a > span.title > span,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li > a > span.title > span {
  margin-bottom: 0;
  font-size: 13px;
  height: auto;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li.active,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li.active {
  top: 0;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li.active:before,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li.active:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: white;
  top: 0;
  left: 0;
  top: -1px;
}
.control-tabs.auxiliary-tabs > ul.nav-tabs > li.active a,
.control-tabs.auxiliary-tabs > div > ul.nav-tabs > li.active a {
  padding-top: 5px;
  border-left: 1px solid #95a5a6 !important;
  border-right: 1px solid #95a5a6 !important;
  border-bottom: 1px solid #95a5a6 !important;
  color: #95a5a6;
}
.control-tabs.auxiliary-tabs > div.tab-content > .tab-pane {
  background: white;
}
:root,
[data-bs-theme="light"] {
  --oc-content-tab-content-bg: #e9edf3;
}
[data-bs-theme="dark"] {
  --oc-content-tab-content-bg: #181a1e;
}
.control-tabs.content-tabs > ul.nav-tabs {
  position: relative;
  background: var(--oc-content-tab-content-bg);
}
.control-tabs.content-tabs > ul.nav-tabs:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--bs-border-color);
}
.control-tabs.content-tabs > ul.nav-tabs li {
  margin-right: 0;
  border-top: 1px solid var(--bs-border-color);
  border-right: 1px solid var(--bs-border-color);
}
.control-tabs.content-tabs > ul.nav-tabs li a {
  font-size: 12px;
  padding: 11px 20px;
  margin: 0;
  border: none;
  text-transform: uppercase;
  background: transparent;
  font-weight: 500;
}
.control-tabs.content-tabs > ul.nav-tabs li a span.title span {
  border-top: none;
}
.control-tabs.content-tabs > ul.nav-tabs li:first-child {
  border-left: 1px solid var(--bs-border-color);
}
.control-tabs.content-tabs > ul.nav-tabs li:last-child {
  border-right: 1px solid var(--bs-border-color);
}
.control-tabs.content-tabs > ul.nav-tabs li.active {
  background: var(--bs-body-bg);
}
.control-tabs.content-tabs > ul.nav-tabs li.active a {
  font-weight: 600;
}
.control-tabs.content-tabs.tabs-inset > ul.nav-tabs,
.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs,
.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs {
  margin-left: -20px;
  margin-right: -20px;
}
.control-tabs.content-tabs.tabs-inset > ul.nav-tabs li:first-child,
.control-tabs.content-tabs.tabs-inset > div > ul.nav-tabs li:first-child,
.control-tabs.content-tabs.tabs-inset > div > div > ul.nav-tabs li:first-child {
  margin-left: 20px;
}
.control-tabs.content-tabs.tabs-offset > ul.nav-tabs li:first-child {
  margin-left: 20px;
}
.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li {
  border-top: none;
}
.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li:last-child {
  border-right: 1px solid transparent;
}
.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li:first-child {
  border-left: 1px solid transparent;
}
.control-tabs.content-tabs.tabs-flush > ul.nav-tabs li.active:last-child {
  border-right: 1px solid var(--bs-border-color);
}
.control-tabs.content-tabs > .tab-content > .tab-pane {
  padding-top: 0;
}
.control-tabs.content-tabs > .tab-content > .tab-pane div.list-header,
.control-tabs.content-tabs > .tab-content > .tab-pane div.padded-container,
.control-tabs.content-tabs > .tab-content > .tab-pane div.toolbar-widget {
  background: var(--bs-body-bg);
  padding-top: 20px;
}
.control-tabs.content-tabs > .tab-content > .tab-pane.pane-inset {
  margin-left: -20px;
  margin-right: -20px;
}
.control-tabs {
  position: relative;
  margin-bottom: 20px;
}
.control-tabs:last-child {
  margin-bottom: 0;
}
.control-tabs:after,
.control-tabs:before {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  height: 9px;
  font-size: 10px;
  color: #bbbbbb;
}
.control-tabs:before {
  left: -6px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f104";
}
.control-tabs:after {
  right: -8px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
}
.control-tabs.scroll-before:before {
  display: block;
}
.control-tabs.scroll-after:after {
  display: block;
}
.control-tabs.scroll-active-before:before {
  color: var(--oc-tab-border);
}
.control-tabs.scroll-active-after:after {
  color: var(--oc-tab-border);
}
.control-tabs:before,
.control-tabs:after {
  top: 10px;
  margin-top: 0;
}
.control-tabs > ul.nav-tabs,
.control-tabs > div > ul.nav-tabs,
.control-tabs > div > div > ul.nav-tabs {
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: 0;
  overflow: hidden;
  border-bottom: none;
  vertical-align: bottom;
}
.control-tabs > ul.nav-tabs > li,
.control-tabs > div > ul.nav-tabs > li,
.control-tabs > div > div > ul.nav-tabs > li {
  font-size: 15px;
  margin-right: 20px;
  position: relative;
  z-index: 8;
}
.control-tabs > ul.nav-tabs > li:last-child,
.control-tabs > div > ul.nav-tabs > li:last-child,
.control-tabs > div > div > ul.nav-tabs > li:last-child {
  margin-right: 0;
}
.control-tabs > ul.nav-tabs > li a,
.control-tabs > div > ul.nav-tabs > li a,
.control-tabs > div > div > ul.nav-tabs > li a {
  display: block;
  border-left: none;
  border-top: none;
  border-right: none;
  padding: 0 0 10px 0;
  color: var(--oc-tab-color);
  font-weight: 400;
  overflow: hidden;
}
.control-tabs > ul.nav-tabs > li a:hover,
.control-tabs > div > ul.nav-tabs > li a:hover,
.control-tabs > div > div > ul.nav-tabs > li a:hover {
  background-color: transparent;
  border-bottom-color: transparent;
}
.control-tabs > ul.nav-tabs > li a:before,
.control-tabs > div > ul.nav-tabs > li a:before,
.control-tabs > div > div > ul.nav-tabs > li a:before {
  font-size: 14px;
}
.control-tabs > ul.nav-tabs > li a > span.title > span,
.control-tabs > div > ul.nav-tabs > li a > span.title > span,
.control-tabs > div > div > ul.nav-tabs > li a > span.title > span {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: -4px;
  padding-top: 7px;
}
.control-tabs > ul.nav-tabs > li a > span.title > span > span:not([class*="oc-icon"]),
.control-tabs > div > ul.nav-tabs > li a > span.title > span > span:not([class*="oc-icon"]),
.control-tabs > div > div > ul.nav-tabs > li a > span.title > span > span:not([class*="oc-icon"]) {
  margin-right: 8px;
}
.control-tabs > ul.nav-tabs > li span.tab-close,
.control-tabs > div > ul.nav-tabs > li span.tab-close,
.control-tabs > div > div > ul.nav-tabs > li span.tab-close {
  display: none;
}
.control-tabs > ul.nav-tabs > li.active,
.control-tabs > div > ul.nav-tabs > li.active,
.control-tabs > div > div > ul.nav-tabs > li.active {
  z-index: 10;
}
.control-tabs > ul.nav-tabs > li.active a,
.control-tabs > div > ul.nav-tabs > li.active a,
.control-tabs > div > div > ul.nav-tabs > li.active a {
  color: var(--oc-tab-active-color);
}
.control-tabs > ul.nav-tabs > li.active:after,
.control-tabs > div > ul.nav-tabs > li.active:after,
.control-tabs > div > div > ul.nav-tabs > li.active:after {
  width: 100%;
  height: 3px;
  bottom: 0;
  background: var(--oc-tab-border);
}
.control-tabs > div.tab-content > div.tab-pane {
  padding: 20px 0 0 0;
  display: none;
}
.control-tabs > div.tab-content > div.tab-pane:before,
.control-tabs > div.tab-content > div.tab-pane:after {
  content: " ";
  display: table;
}
.control-tabs > div.tab-content > div.tab-pane:after {
  clear: both;
}
.control-tabs > div.tab-content > div.tab-pane:before,
.control-tabs > div.tab-content > div.tab-pane:after {
  content: " ";
  display: table;
}
.control-tabs > div.tab-content > div.tab-pane:after {
  clear: both;
}
.control-tabs > div.tab-content > div.tab-pane.active {
  display: block;
}
.control-tabs > div.tab-content > div.tab-pane.active.layout-cell {
  display: table-cell;
}
.control-tabs > div.tab-content > div.tab-pane.pane-compact {
  padding: 0;
}
.control-tabs > div.tab-content > div.tab-pane.pane-padded {
  padding: 20px 20px 0 20px;
}
.control-tabs > div.tab-content > div.tab-pane.pane-bordered {
  border-left: 1px solid var(--oc-tab-border);
  border-right: 1px solid var(--oc-tab-border);
  border-bottom: 1px solid var(--oc-tab-border);
}
.control-tabs[data-closable] > ul.nav-tabs > li,
.control-tabs[data-closable] > div > ul.nav-tabs > li,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li {
  margin-right: 5px;
}
.control-tabs[data-closable] > ul.nav-tabs > li a,
.control-tabs[data-closable] > div > ul.nav-tabs > li a,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li a {
  padding-left: 20px !important;
  padding-right: 0 !important;
}
.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close,
.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: -5px;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
  color: var(--oc-tab-color);
}
.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close i,
.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close i,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close i {
  display: inline-block;
  z-index: 11;
  top: -7px;
  right: 5px;
  position: relative;
}
.control-tabs[data-closable] > ul.nav-tabs > li span.tab-close:hover,
.control-tabs[data-closable] > div > ul.nav-tabs > li span.tab-close:hover,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li span.tab-close:hover {
  color: var(--bs-danger);
}
.control-tabs[data-closable] > ul.nav-tabs > li.active span.close,
.control-tabs[data-closable] > div > ul.nav-tabs > li.active span.close,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li.active span.close {
  color: var(--oc-tab-color);
}
.control-tabs[data-closable] > ul.nav-tabs > li[data-modified] span.tab-close i,
.control-tabs[data-closable] > div > ul.nav-tabs > li[data-modified] span.tab-close i,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li[data-modified] span.tab-close i {
  top: -4px;
}
.control-tabs[data-closable] > ul.nav-tabs > li[data-modified] span.tab-close i:before,
.control-tabs[data-closable] > div > ul.nav-tabs > li[data-modified] span.tab-close i:before,
.control-tabs[data-closable] > div > div > ul.nav-tabs > li[data-modified] span.tab-close i:before {
  content: "\f111";
  font-size: 9px;
}
.hide-tabs .control-tabs ul.nav-tabs {
  display: none;
}
.hide-tabs .control-tabs > div.tab-content > div.tab-pane {
  padding-top: 0;
}
.form-sidebar .control-tabs.secondary > div > ul.nav-tabs > li a {
  background: transparent;
}
.modal-content .control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,
.modal-content .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
.modal-content .control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before {
  background: var(--bs-modal-bg);
}
.control-search.is-modal-search .form-control,
.control-search .form-control.recordfinder-search {
  background-position: right -81px !important;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
  padding-left: 22px;
}
.control-toolbar {
  font-size: 0;
  padding: 0 0 10px 0;
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.control-toolbar .toolbar-divider {
  margin-right: 1px;
  display: inline-block;
  height: 1em;
  padding: 10px 0;
  border-right: 1px solid var(--oc-toolbar-border);
  border-left: 1px solid var(--bs-border-color);
  width: 1px;
  vertical-align: middle;
  margin-right: 8px;
}
.control-toolbar .toolbar-item {
  position: relative;
  white-space: nowrap;
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.control-toolbar .toolbar-item:last-child,
.control-toolbar .toolbar-item.last {
  padding-right: 0;
}
.control-toolbar .toolbar-item.toolbar-primary {
  position: relative;
}
.control-toolbar .toolbar-item.toolbar-primary:after,
.control-toolbar .toolbar-item.toolbar-primary:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
.control-toolbar .toolbar-item.toolbar-primary:before {
  background: transparent linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  left: 10px;
}
.control-toolbar .toolbar-item.toolbar-primary:after {
  background: transparent linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  right: -10px;
}
.control-toolbar .toolbar-item.toolbar-primary.scroll-before:before {
  opacity: 0.15;
}
.control-toolbar .toolbar-item.toolbar-primary.scroll-after:after {
  opacity: 0.15;
}
.control-toolbar .toolbar-item.toolbar-primary:before {
  left: -3px;
}
.control-toolbar .toolbar-item.toolbar-primary:after {
  right: 13px;
}
.control-toolbar .toolbar-item .btn,
.control-toolbar .toolbar-item .btn-group,
.control-toolbar .toolbar-item .dropdown {
  white-space: nowrap;
  float: none;
  display: inline-block;
  margin-right: 10px;
}
.control-toolbar .toolbar-item .btn:last-child,
.control-toolbar .toolbar-item .btn-group:last-child,
.control-toolbar .toolbar-item .dropdown:last-child {
  margin-right: 0;
}
.control-toolbar .toolbar-item .btn.standalone,
.control-toolbar .toolbar-item .btn-group.standalone,
.control-toolbar .toolbar-item .dropdown.standalone {
  margin-right: 15px;
}
.control-toolbar .toolbar-item .btn.btn-secondary,
.control-toolbar .toolbar-item .btn.btn-link {
  line-height: inherit;
  display: inline-block;
  color: inherit;
  padding: 0 6px;
  min-width: 40px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  box-shadow: none;
  color: var(--oc-toolbar-color);
  font-size: 14px;
  margin-right: 8px;
  line-height: 30px;
}
.control-toolbar .toolbar-item .btn.btn-secondary.control-button,
.control-toolbar .toolbar-item .btn.btn-link.control-button {
  color: var(--oc-toolbar-color);
  font-size: 14px;
  margin-right: 8px;
  line-height: 30px;
}
.control-toolbar .toolbar-item .btn.btn-secondary.icon-only,
.control-toolbar .toolbar-item .btn.btn-link.icon-only {
  min-width: 30px;
}
.control-toolbar .toolbar-item .btn.btn-secondary[disabled],
.control-toolbar .toolbar-item .btn.btn-link[disabled] {
  cursor: default;
}
.control-toolbar .toolbar-item .btn.btn-secondary[disabled] > i,
.control-toolbar .toolbar-item .btn.btn-link[disabled] > i,
.control-toolbar .toolbar-item .btn.btn-secondary[disabled] > span,
.control-toolbar .toolbar-item .btn.btn-link[disabled] > span,
.control-toolbar .toolbar-item .btn.btn-secondary[disabled]:after,
.control-toolbar .toolbar-item .btn.btn-link[disabled]:after {
  opacity: 0.5;
}
.control-toolbar .toolbar-item .btn.btn-secondary i,
.control-toolbar .toolbar-item .btn.btn-link i {
  display: inline-block;
  position: relative;
  top: 2px;
  font-size: 16px;
}
.control-toolbar .toolbar-item .btn.btn-secondary i + span,
.control-toolbar .toolbar-item .btn.btn-link i + span {
  margin-left: 2px;
}
.control-toolbar .toolbar-item .btn.btn-secondary:not([disabled]):hover,
.control-toolbar .toolbar-item .btn.btn-link:not([disabled]):hover {
  background: var(--oc-toolbar-hover-bg);
}
.control-toolbar .toolbar-item .btn.btn-secondary.has-menu:after,
.control-toolbar .toolbar-item .btn.btn-link.has-menu:after {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 16px;
  vertical-align: middle;
  margin-left: 0;
  margin-right: -3px;
  position: relative;
  top: -1px;
}
.control-toolbar .toolbar-item .dropdown > .btn {
  margin-right: 0;
}
.control-toolbar .toolbar-item .btn-group > .btn,
.control-toolbar .toolbar-item .btn-group > .dropdown {
  margin-right: 0;
  display: inline-block;
  float: none;
}
.control-toolbar .toolbar-item .btn-group .dropdown > .btn {
  margin-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.control-toolbar .toolbar-item .btn-group .dropdown.last > .btn {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.control-toolbar input.form-control[type=text] {
  height: auto;
  padding: 7px 13px 6px;
}
.control-toolbar.toolbar-padded {
  padding: 20px;
}
.control-toolbar.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}
.control-toolbar.flex .toolbar-item {
  display: block;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.control-toolbar.flex .toolbar-item.fix-width {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
[data-control=toolbar] {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  padding: 0.3rem;
  margin: -0.3rem;
}
html.mobile [data-control=toolbar].is-native-drag {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.clear-input-text {
  padding: 0 5px;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: var(--bs-emphasis-color);
  text-shadow: 0 1px 0 var(--bs-body-bg);
  font-family: sans-serif;
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: var(--oc-form-control-bg);
  height: 28px;
  width: 26px;
  z-index: 2;
}
.clear-input-text > i {
  opacity: 1;
  width: 16px;
  height: 16px;
  background-position: -16px -38px;
  display: block;
}
.clear-input-text:hover,
.clear-input-text:focus {
  text-decoration: none;
  cursor: pointer;
}
.clear-input-text:focus {
  outline: none;
}
.control-toolbar.editor-toolbar {
  padding: 0;
  background: #ffffff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 1px solid var(--oc-toolbar-border);
}
.control-toolbar.editor-toolbar .toolbar-item .btn,
.control-toolbar.editor-toolbar .toolbar-item .btn-group,
.control-toolbar.editor-toolbar .toolbar-item .dropdown {
  margin: 0;
  padding: 0;
}
.control-toolbar.editor-toolbar .toolbar-item .btn {
  text-align: center;
  height: 38px;
  width: 38px;
  line-height: 38px;
  zoom: 1;
  color: #333;
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  font-size: 14px;
}
.control-toolbar.editor-toolbar .toolbar-item .btn > i {
  opacity: 1;
}
.control-toolbar.editor-toolbar .toolbar-item .btn:hover {
  outline: none;
  background-color: #ddd;
  color: #000;
}
.control-toolbar.editor-toolbar .toolbar-item .btn.active,
.control-toolbar.editor-toolbar .toolbar-item .btn:active {
  outline: none;
  background-color: #d6d6d6;
  color: #000;
}
.control-toolbar.editor-toolbar .toolbar-item .btn.disabled,
.control-toolbar.editor-toolbar .toolbar-item .btn[disabled] {
  opacity: 1;
  color: #bdbdbd;
  cursor: default;
  background: transparent;
}
.control-toolbar.editor-toolbar .toolbar-item .dropdown.open .btn {
  background-color: #d6d6d6;
  color: #000;
}
.control-toolbar.editor-toolbar .toolbar-item .btn[class^="oc-icon-"]:before,
.control-toolbar.editor-toolbar .toolbar-item .btn[class*=" oc-icon-"]:before {
  opacity: 1;
  margin: 0;
}
.control-toolbar.editor-toolbar .toolbar-item .btn.oc-autumn-button {
  color: #c03f31;
}
.control-toolbar.editor-toolbar .toolbar-item .btn.oc-autumn-button:hover {
  color: #000 !important;
}
/* Toolbar tweaks for the side panel */
#layout-side-panel div.control-toolbar,
.compact-toolbar div.control-toolbar,
#layout-side-panel div.control-toolbar.toolbar-padded,
.compact-toolbar div.control-toolbar.toolbar-padded {
  padding: 0;
}
#layout-side-panel div.control-toolbar.separator,
.compact-toolbar div.control-toolbar.separator {
  border-bottom: 1px solid var(--oc-toolbar-border);
}
#layout-side-panel div.control-toolbar .toolbar-item,
.compact-toolbar div.control-toolbar .toolbar-item {
  padding-right: 0;
}
#layout-side-panel div.control-toolbar .btn,
.compact-toolbar div.control-toolbar .btn {
  border-radius: 0 !important;
  padding-top: 12px;
  padding-bottom: 13px;
  margin-right: 0;
}
#layout-side-panel div.control-toolbar input.form-control,
.compact-toolbar div.control-toolbar input.form-control {
  border: none;
  padding: 11px 13px 12px;
  height: auto;
  border-radius: 0 !important;
}
#layout-side-panel div.control-toolbar input.form-control.icon.search,
.compact-toolbar div.control-toolbar input.form-control.icon.search {
  background-position: right -78px;
}
#layout-side-panel div.control-toolbar div.loading-indicator-container.size-input-text .loading-indicator,
.compact-toolbar div.control-toolbar div.loading-indicator-container.size-input-text .loading-indicator {
  top: 6px;
}
.tooltip {
  z-index: 10700;
  font-size: 13px;
}
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.backend-icon-background {
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .backend-icon-background {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
.backend-icon-background.entity-small {
  position: relative;
  width: 10px;
  height: 10px;
}
.backend-icon-background.entity-small.cms-page {
  background-position: -129px 0;
}
.backend-icon-background.entity-small.cms-partial {
  background-position: -180px -20px;
}
.backend-icon-background.entity-small.cms-content {
  background-position: -206px -20px;
}
.backend-icon-background.entity-small.cms-layout {
  background-position: -193px -20px;
}
.backend-icon-background.entity-small.cms-asset {
  background-position: -219px -20px;
}
.backend-icon-background.entity-small.tailor-blueprint {
  background-position: -180px -60px;
}
.backend-icon-background.entity-small.text {
  background-position: -142px 0;
}
.backend-icon-background.monaco-document {
  position: relative;
  width: 16px;
  height: 16px;
}
.backend-icon-background.monaco-document.php {
  background-position: -181px -38px;
}
.backend-icon-background.monaco-document.html {
  background-position: -203px -38px;
}
.backend-icon-background-pseudo:before {
  content: '';
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .backend-icon-background-pseudo:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
[data-bs-theme="dark"] .backend-icon-background-pseudo:before {
  background-image: url('../foundation/elements/backendicons/backend-icons-dark.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  [data-bs-theme="dark"] .backend-icon-background-pseudo:before {
    background-image: url('../foundation/elements/backendicons/backend-icons-dark@2x.png');
  }
}
body.breadcrumb-flush .control-breadcrumb,
.control-breadcrumb.breadcrumb-flush {
  margin-bottom: 0;
}
.control-breadcrumb > ol > li > a {
  text-decoration: underline;
}
body.compact-container .control-breadcrumb {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
body.compact-container .control-breadcrumb > ol {
  margin-bottom: 0;
}
body.slim-container .layout .layout-container .control-breadcrumb {
  margin-left: 20px;
  margin-right: 20px;
}
.btn-default,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  border: none;
}
.btn-primary {
  --bs-btn-font-weight: 500;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-hover-bg: var(--oc-primary-hover-bg);
  --bs-btn-active-bg: var(--oc-primary-active-bg);
}
.btn-secondary {
  --bs-btn-color: var(--bs-emphasis-color);
  --bs-btn-bg: var(--oc-secondary-bg);
  --bs-btn-hover-color: var(--bs-emphasis-color);
  --bs-btn-hover-bg: var(--oc-secondary-hover-bg);
  --bs-btn-active-color: var(--bs-emphasis-color);
  --bs-btn-active-bg: var(--oc-secondary-active-bg);
  --bs-btn-disabled-bg: var(--oc-secondary-bg);
  --bs-btn-disabled-color: var(--bs-body-color);
  box-shadow: inset 0 -2px 0 rgba(var(--bs-body-color-rgb), 0.1);
}
.btn-secondary.active,
.btn-secondary:active {
  box-shadow: inset 0 1px 0 rgba(var(--bs-body-color-rgb), 0.2);
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: rgba(255, 255, 255, 0.6);
}
.btn-success,
.btn-info,
.btn-warning {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-disabled-bg: var(--bs-secondary);
}
.btn-success {
  --bs-btn-hover-bg: var(--bs-success);
}
.btn-info {
  --bs-btn-hover-bg: var(--bs-info);
}
.btn-warning {
  --bs-btn-hover-bg: var(--bs-warning);
}
.btn-default {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--oc-primary-hover-bg);
  --bs-btn-hover-border-color: var(--oc-primary-hover-bg);
  --bs-btn-focus-shadow-rgb: 90, 92, 210;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--oc-primary-active-bg);
  --bs-btn-active-border-color: var(--oc-primary-active-bg);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-link.text-muted {
  text-decoration: underline;
}
.btn-link.text-muted:hover,
.btn-link.text-muted:focus-visible {
  color: #124364 !important;
}
.button-separator {
  color: var(--bs-secondary-color);
  margin: 0 10px;
  font-size: 14px;
  padding-bottom: 2px;
}
.button-separator + .btn-link {
  margin-left: -5px;
}
.btn[class^="oc-icon-"]:before,
.btn[class*=" oc-icon-"]:before {
  font-size: 14px;
  line-height: 14px;
  position: relative;
}
.btn-group .btn {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  margin-left: 0 !important;
}
.btn-group .btn:last-child,
.btn-group .btn.last {
  border-right: none;
}
.btn-group .btn.last {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.btn-group > .dropdown {
  float: left;
}
.btn-group > .dropdown:not(:last-child, .last) > .btn {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.btn-group > .dropdown:not(:first-child) > .btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.btn-group > .dropdown.last .btn {
  border-right: none;
}
.btn.offset-right,
.btn-group.offset-right {
  margin-right: 10px;
}
.btn-icon {
  display: inline-block;
  height: 36px;
  font-size: 21px;
  background: transparent;
  border: none;
  outline: none;
  border-radius: 0.3rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.btn-icon:before {
  display: block;
  color: #bcc3c7;
}
.btn-icon:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(53, 66, 91, 0.1);
}
.btn-icon:hover:before {
  color: var(--bs-link-color);
}
.btn-icon.danger:hover:before {
  color: #c63e26;
}
.btn-icon.pull-right:before {
  margin-right: 0;
}
.btn-icon.margin-left {
  margin-left: 5px;
}
.btn-icon.small {
  font-size: 17px;
  height: 17px;
  line-height: 15px;
}
.btn-icon.larger {
  font-size: 21px;
  height: 21px;
  line-height: 17px;
}
.btn-text {
  font-size: 14px;
  padding: 8px 0;
  vertical-align: middle;
  display: inline-block;
  color: var(--bs-secondary-color);
}
.btn-text a {
  color: var(--bs-secondary-color);
  text-decoration: underline;
}
.btn-text a:hover {
  color: var(--bs-link-color);
}
[class^="flag-"],
[class*=" flag-"] {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
[class^="flag-"]:before,
[class*=" flag-"]:before {
  content: "\00a0";
}
[class^="flag-"].oc-flag-squared,
[class*=" flag-"].oc-flag-squared {
  width: 1em;
}
.flag-ad {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ad.svg);
}
.flag-ad.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ad.svg);
}
.flag-ae {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ae.svg);
}
.flag-ae.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ae.svg);
}
.flag-af {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/af.svg);
}
.flag-af.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/af.svg);
}
.flag-ag {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ag.svg);
}
.flag-ag.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ag.svg);
}
.flag-ai {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ai.svg);
}
.flag-ai.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ai.svg);
}
.flag-al {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/al.svg);
}
.flag-al.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/al.svg);
}
.flag-am {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/am.svg);
}
.flag-am.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/am.svg);
}
.flag-ao {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ao.svg);
}
.flag-ao.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ao.svg);
}
.flag-aq {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/aq.svg);
}
.flag-aq.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/aq.svg);
}
.flag-ar {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ar.svg);
}
.flag-ar.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ar.svg);
}
.flag-as {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/as.svg);
}
.flag-as.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/as.svg);
}
.flag-at {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/at.svg);
}
.flag-at.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/at.svg);
}
.flag-au {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/au.svg);
}
.flag-au.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/au.svg);
}
.flag-aw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/aw.svg);
}
.flag-aw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/aw.svg);
}
.flag-ax {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ax.svg);
}
.flag-ax.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ax.svg);
}
.flag-az {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/az.svg);
}
.flag-az.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/az.svg);
}
.flag-ba {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ba.svg);
}
.flag-ba.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ba.svg);
}
.flag-bb {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bb.svg);
}
.flag-bb.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bb.svg);
}
.flag-bd {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bd.svg);
}
.flag-bd.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bd.svg);
}
.flag-be {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/be.svg);
}
.flag-be.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/be.svg);
}
.flag-bf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bf.svg);
}
.flag-bf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bf.svg);
}
.flag-bg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bg.svg);
}
.flag-bg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bg.svg);
}
.flag-bh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bh.svg);
}
.flag-bh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bh.svg);
}
.flag-bi {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bi.svg);
}
.flag-bi.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bi.svg);
}
.flag-bj {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bj.svg);
}
.flag-bj.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bj.svg);
}
.flag-bl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bl.svg);
}
.flag-bl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bl.svg);
}
.flag-bm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bm.svg);
}
.flag-bm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bm.svg);
}
.flag-bn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bn.svg);
}
.flag-bn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bn.svg);
}
.flag-bo {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bo.svg);
}
.flag-bo.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bo.svg);
}
.flag-bq {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bq.svg);
}
.flag-bq.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bq.svg);
}
.flag-br {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/br.svg);
}
.flag-br.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/br.svg);
}
.flag-bs {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bs.svg);
}
.flag-bs.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bs.svg);
}
.flag-bt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bt.svg);
}
.flag-bt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bt.svg);
}
.flag-bv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bv.svg);
}
.flag-bv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bv.svg);
}
.flag-bw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bw.svg);
}
.flag-bw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bw.svg);
}
.flag-by {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/by.svg);
}
.flag-by.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/by.svg);
}
.flag-bz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/bz.svg);
}
.flag-bz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/bz.svg);
}
.flag-ca {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ca.svg);
}
.flag-ca.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ca.svg);
}
.flag-cc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cc.svg);
}
.flag-cc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cc.svg);
}
.flag-cd {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cd.svg);
}
.flag-cd.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cd.svg);
}
.flag-cf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cf.svg);
}
.flag-cf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cf.svg);
}
.flag-cg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cg.svg);
}
.flag-cg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cg.svg);
}
.flag-ch {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ch.svg);
}
.flag-ch.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ch.svg);
}
.flag-ci {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ci.svg);
}
.flag-ci.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ci.svg);
}
.flag-ck {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ck.svg);
}
.flag-ck.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ck.svg);
}
.flag-cl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cl.svg);
}
.flag-cl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cl.svg);
}
.flag-cm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cm.svg);
}
.flag-cm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cm.svg);
}
.flag-cn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cn.svg);
}
.flag-cn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cn.svg);
}
.flag-co {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/co.svg);
}
.flag-co.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/co.svg);
}
.flag-cr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cr.svg);
}
.flag-cr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cr.svg);
}
.flag-cu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cu.svg);
}
.flag-cu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cu.svg);
}
.flag-cv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cv.svg);
}
.flag-cv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cv.svg);
}
.flag-cw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cw.svg);
}
.flag-cw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cw.svg);
}
.flag-cx {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cx.svg);
}
.flag-cx.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cx.svg);
}
.flag-cy {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cy.svg);
}
.flag-cy.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cy.svg);
}
.flag-cz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/cz.svg);
}
.flag-cz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/cz.svg);
}
.flag-de {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/de.svg);
}
.flag-de.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/de.svg);
}
.flag-dj {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/dj.svg);
}
.flag-dj.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/dj.svg);
}
.flag-dk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/dk.svg);
}
.flag-dk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/dk.svg);
}
.flag-dm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/dm.svg);
}
.flag-dm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/dm.svg);
}
.flag-do {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/do.svg);
}
.flag-do.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/do.svg);
}
.flag-dz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/dz.svg);
}
.flag-dz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/dz.svg);
}
.flag-ec {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ec.svg);
}
.flag-ec.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ec.svg);
}
.flag-ee {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ee.svg);
}
.flag-ee.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ee.svg);
}
.flag-eg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/eg.svg);
}
.flag-eg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/eg.svg);
}
.flag-eh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/eh.svg);
}
.flag-eh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/eh.svg);
}
.flag-er {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/er.svg);
}
.flag-er.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/er.svg);
}
.flag-es {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/es.svg);
}
.flag-es.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/es.svg);
}
.flag-et {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/et.svg);
}
.flag-et.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/et.svg);
}
.flag-fi {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fi.svg);
}
.flag-fi.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fi.svg);
}
.flag-fj {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fj.svg);
}
.flag-fj.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fj.svg);
}
.flag-fk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fk.svg);
}
.flag-fk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fk.svg);
}
.flag-fm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fm.svg);
}
.flag-fm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fm.svg);
}
.flag-fo {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fo.svg);
}
.flag-fo.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fo.svg);
}
.flag-fr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/fr.svg);
}
.flag-fr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/fr.svg);
}
.flag-ga {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ga.svg);
}
.flag-ga.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ga.svg);
}
.flag-gb {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gb.svg);
}
.flag-gb.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gb.svg);
}
.flag-gd {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gd.svg);
}
.flag-gd.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gd.svg);
}
.flag-ge {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ge.svg);
}
.flag-ge.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ge.svg);
}
.flag-gf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gf.svg);
}
.flag-gf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gf.svg);
}
.flag-gg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gg.svg);
}
.flag-gg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gg.svg);
}
.flag-gh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gh.svg);
}
.flag-gh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gh.svg);
}
.flag-gi {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gi.svg);
}
.flag-gi.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gi.svg);
}
.flag-gl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gl.svg);
}
.flag-gl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gl.svg);
}
.flag-gm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gm.svg);
}
.flag-gm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gm.svg);
}
.flag-gn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gn.svg);
}
.flag-gn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gn.svg);
}
.flag-gp {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gp.svg);
}
.flag-gp.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gp.svg);
}
.flag-gq {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gq.svg);
}
.flag-gq.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gq.svg);
}
.flag-gr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gr.svg);
}
.flag-gr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gr.svg);
}
.flag-gs {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gs.svg);
}
.flag-gs.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gs.svg);
}
.flag-gt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gt.svg);
}
.flag-gt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gt.svg);
}
.flag-gu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gu.svg);
}
.flag-gu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gu.svg);
}
.flag-gw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gw.svg);
}
.flag-gw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gw.svg);
}
.flag-gy {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gy.svg);
}
.flag-gy.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gy.svg);
}
.flag-hk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/hk.svg);
}
.flag-hk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/hk.svg);
}
.flag-hm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/hm.svg);
}
.flag-hm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/hm.svg);
}
.flag-hn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/hn.svg);
}
.flag-hn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/hn.svg);
}
.flag-hr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/hr.svg);
}
.flag-hr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/hr.svg);
}
.flag-ht {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ht.svg);
}
.flag-ht.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ht.svg);
}
.flag-hu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/hu.svg);
}
.flag-hu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/hu.svg);
}
.flag-id {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/id.svg);
}
.flag-id.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/id.svg);
}
.flag-ie {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ie.svg);
}
.flag-ie.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ie.svg);
}
.flag-il {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/il.svg);
}
.flag-il.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/il.svg);
}
.flag-im {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/im.svg);
}
.flag-im.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/im.svg);
}
.flag-in {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/in.svg);
}
.flag-in.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/in.svg);
}
.flag-io {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/io.svg);
}
.flag-io.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/io.svg);
}
.flag-iq {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/iq.svg);
}
.flag-iq.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/iq.svg);
}
.flag-ir {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ir.svg);
}
.flag-ir.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ir.svg);
}
.flag-is {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/is.svg);
}
.flag-is.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/is.svg);
}
.flag-it {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/it.svg);
}
.flag-it.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/it.svg);
}
.flag-je {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/je.svg);
}
.flag-je.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/je.svg);
}
.flag-jm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/jm.svg);
}
.flag-jm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/jm.svg);
}
.flag-jo {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/jo.svg);
}
.flag-jo.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/jo.svg);
}
.flag-jp {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/jp.svg);
}
.flag-jp.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/jp.svg);
}
.flag-ke {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ke.svg);
}
.flag-ke.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ke.svg);
}
.flag-kg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kg.svg);
}
.flag-kg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kg.svg);
}
.flag-kh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kh.svg);
}
.flag-kh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kh.svg);
}
.flag-ki {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ki.svg);
}
.flag-ki.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ki.svg);
}
.flag-km {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/km.svg);
}
.flag-km.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/km.svg);
}
.flag-kn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kn.svg);
}
.flag-kn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kn.svg);
}
.flag-kp {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kp.svg);
}
.flag-kp.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kp.svg);
}
.flag-kr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kr.svg);
}
.flag-kr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kr.svg);
}
.flag-kw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kw.svg);
}
.flag-kw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kw.svg);
}
.flag-ky {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ky.svg);
}
.flag-ky.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ky.svg);
}
.flag-kz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/kz.svg);
}
.flag-kz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/kz.svg);
}
.flag-la {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/la.svg);
}
.flag-la.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/la.svg);
}
.flag-lb {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lb.svg);
}
.flag-lb.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lb.svg);
}
.flag-lc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lc.svg);
}
.flag-lc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lc.svg);
}
.flag-li {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/li.svg);
}
.flag-li.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/li.svg);
}
.flag-lk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lk.svg);
}
.flag-lk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lk.svg);
}
.flag-lr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lr.svg);
}
.flag-lr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lr.svg);
}
.flag-ls {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ls.svg);
}
.flag-ls.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ls.svg);
}
.flag-lt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lt.svg);
}
.flag-lt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lt.svg);
}
.flag-lu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lu.svg);
}
.flag-lu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lu.svg);
}
.flag-lv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/lv.svg);
}
.flag-lv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/lv.svg);
}
.flag-ly {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ly.svg);
}
.flag-ly.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ly.svg);
}
.flag-ma {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ma.svg);
}
.flag-ma.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ma.svg);
}
.flag-mc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mc.svg);
}
.flag-mc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mc.svg);
}
.flag-md {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/md.svg);
}
.flag-md.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/md.svg);
}
.flag-me {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/me.svg);
}
.flag-me.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/me.svg);
}
.flag-mf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mf.svg);
}
.flag-mf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mf.svg);
}
.flag-mg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mg.svg);
}
.flag-mg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mg.svg);
}
.flag-mh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mh.svg);
}
.flag-mh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mh.svg);
}
.flag-mk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mk.svg);
}
.flag-mk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mk.svg);
}
.flag-ml {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ml.svg);
}
.flag-ml.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ml.svg);
}
.flag-mm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mm.svg);
}
.flag-mm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mm.svg);
}
.flag-mn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mn.svg);
}
.flag-mn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mn.svg);
}
.flag-mo {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mo.svg);
}
.flag-mo.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mo.svg);
}
.flag-mp {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mp.svg);
}
.flag-mp.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mp.svg);
}
.flag-mq {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mq.svg);
}
.flag-mq.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mq.svg);
}
.flag-mr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mr.svg);
}
.flag-mr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mr.svg);
}
.flag-ms {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ms.svg);
}
.flag-ms.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ms.svg);
}
.flag-mt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mt.svg);
}
.flag-mt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mt.svg);
}
.flag-mu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mu.svg);
}
.flag-mu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mu.svg);
}
.flag-mv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mv.svg);
}
.flag-mv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mv.svg);
}
.flag-mw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mw.svg);
}
.flag-mw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mw.svg);
}
.flag-mx {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mx.svg);
}
.flag-mx.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mx.svg);
}
.flag-my {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/my.svg);
}
.flag-my.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/my.svg);
}
.flag-mz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/mz.svg);
}
.flag-mz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/mz.svg);
}
.flag-na {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/na.svg);
}
.flag-na.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/na.svg);
}
.flag-nc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nc.svg);
}
.flag-nc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nc.svg);
}
.flag-ne {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ne.svg);
}
.flag-ne.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ne.svg);
}
.flag-nf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nf.svg);
}
.flag-nf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nf.svg);
}
.flag-ng {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ng.svg);
}
.flag-ng.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ng.svg);
}
.flag-ni {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ni.svg);
}
.flag-ni.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ni.svg);
}
.flag-nl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nl.svg);
}
.flag-nl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nl.svg);
}
.flag-no {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/no.svg);
}
.flag-no.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/no.svg);
}
.flag-np {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/np.svg);
}
.flag-np.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/np.svg);
}
.flag-nr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nr.svg);
}
.flag-nr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nr.svg);
}
.flag-nu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nu.svg);
}
.flag-nu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nu.svg);
}
.flag-nz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/nz.svg);
}
.flag-nz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/nz.svg);
}
.flag-om {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/om.svg);
}
.flag-om.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/om.svg);
}
.flag-pa {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pa.svg);
}
.flag-pa.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pa.svg);
}
.flag-pe {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pe.svg);
}
.flag-pe.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pe.svg);
}
.flag-pf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pf.svg);
}
.flag-pf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pf.svg);
}
.flag-pg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pg.svg);
}
.flag-pg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pg.svg);
}
.flag-ph {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ph.svg);
}
.flag-ph.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ph.svg);
}
.flag-pk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pk.svg);
}
.flag-pk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pk.svg);
}
.flag-pl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pl.svg);
}
.flag-pl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pl.svg);
}
.flag-pm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pm.svg);
}
.flag-pm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pm.svg);
}
.flag-pn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pn.svg);
}
.flag-pn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pn.svg);
}
.flag-pr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pr.svg);
}
.flag-pr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pr.svg);
}
.flag-ps {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ps.svg);
}
.flag-ps.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ps.svg);
}
.flag-pt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pt.svg);
}
.flag-pt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pt.svg);
}
.flag-pw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/pw.svg);
}
.flag-pw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/pw.svg);
}
.flag-py {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/py.svg);
}
.flag-py.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/py.svg);
}
.flag-qa {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/qa.svg);
}
.flag-qa.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/qa.svg);
}
.flag-re {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/re.svg);
}
.flag-re.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/re.svg);
}
.flag-ro {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ro.svg);
}
.flag-ro.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ro.svg);
}
.flag-rs {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/rs.svg);
}
.flag-rs.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/rs.svg);
}
.flag-ru {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ru.svg);
}
.flag-ru.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ru.svg);
}
.flag-rw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/rw.svg);
}
.flag-rw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/rw.svg);
}
.flag-sa {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sa.svg);
}
.flag-sa.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sa.svg);
}
.flag-sb {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sb.svg);
}
.flag-sb.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sb.svg);
}
.flag-sc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sc.svg);
}
.flag-sc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sc.svg);
}
.flag-sd {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sd.svg);
}
.flag-sd.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sd.svg);
}
.flag-se {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/se.svg);
}
.flag-se.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/se.svg);
}
.flag-sg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sg.svg);
}
.flag-sg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sg.svg);
}
.flag-sh {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sh.svg);
}
.flag-sh.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sh.svg);
}
.flag-si {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/si.svg);
}
.flag-si.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/si.svg);
}
.flag-sj {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sj.svg);
}
.flag-sj.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sj.svg);
}
.flag-sk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sk.svg);
}
.flag-sk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sk.svg);
}
.flag-sl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sl.svg);
}
.flag-sl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sl.svg);
}
.flag-sm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sm.svg);
}
.flag-sm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sm.svg);
}
.flag-sn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sn.svg);
}
.flag-sn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sn.svg);
}
.flag-so {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/so.svg);
}
.flag-so.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/so.svg);
}
.flag-sr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sr.svg);
}
.flag-sr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sr.svg);
}
.flag-ss {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ss.svg);
}
.flag-ss.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ss.svg);
}
.flag-st {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/st.svg);
}
.flag-st.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/st.svg);
}
.flag-sv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sv.svg);
}
.flag-sv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sv.svg);
}
.flag-sx {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sx.svg);
}
.flag-sx.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sx.svg);
}
.flag-sy {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sy.svg);
}
.flag-sy.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sy.svg);
}
.flag-sz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/sz.svg);
}
.flag-sz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/sz.svg);
}
.flag-tc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tc.svg);
}
.flag-tc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tc.svg);
}
.flag-td {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/td.svg);
}
.flag-td.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/td.svg);
}
.flag-tf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tf.svg);
}
.flag-tf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tf.svg);
}
.flag-tg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tg.svg);
}
.flag-tg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tg.svg);
}
.flag-th {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/th.svg);
}
.flag-th.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/th.svg);
}
.flag-tj {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tj.svg);
}
.flag-tj.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tj.svg);
}
.flag-tk {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tk.svg);
}
.flag-tk.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tk.svg);
}
.flag-tl {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tl.svg);
}
.flag-tl.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tl.svg);
}
.flag-tm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tm.svg);
}
.flag-tm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tm.svg);
}
.flag-tn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tn.svg);
}
.flag-tn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tn.svg);
}
.flag-to {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/to.svg);
}
.flag-to.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/to.svg);
}
.flag-tr {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tr.svg);
}
.flag-tr.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tr.svg);
}
.flag-tt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tt.svg);
}
.flag-tt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tt.svg);
}
.flag-tv {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tv.svg);
}
.flag-tv.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tv.svg);
}
.flag-tw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tw.svg);
}
.flag-tw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tw.svg);
}
.flag-tz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/tz.svg);
}
.flag-tz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/tz.svg);
}
.flag-ua {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ua.svg);
}
.flag-ua.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ua.svg);
}
.flag-ug {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ug.svg);
}
.flag-ug.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ug.svg);
}
.flag-um {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/um.svg);
}
.flag-um.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/um.svg);
}
.flag-us {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/us.svg);
}
.flag-us.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/us.svg);
}
.flag-uy {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/uy.svg);
}
.flag-uy.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/uy.svg);
}
.flag-uz {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/uz.svg);
}
.flag-uz.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/uz.svg);
}
.flag-va {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/va.svg);
}
.flag-va.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/va.svg);
}
.flag-vc {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/vc.svg);
}
.flag-vc.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/vc.svg);
}
.flag-ve {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ve.svg);
}
.flag-ve.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ve.svg);
}
.flag-vg {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/vg.svg);
}
.flag-vg.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/vg.svg);
}
.flag-vi {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/vi.svg);
}
.flag-vi.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/vi.svg);
}
.flag-vn {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/vn.svg);
}
.flag-vn.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/vn.svg);
}
.flag-vu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/vu.svg);
}
.flag-vu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/vu.svg);
}
.flag-wf {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/wf.svg);
}
.flag-wf.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/wf.svg);
}
.flag-ws {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ws.svg);
}
.flag-ws.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ws.svg);
}
.flag-ye {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/ye.svg);
}
.flag-ye.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/ye.svg);
}
.flag-yt {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/yt.svg);
}
.flag-yt.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/yt.svg);
}
.flag-za {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/za.svg);
}
.flag-za.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/za.svg);
}
.flag-zm {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/zm.svg);
}
.flag-zm.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/zm.svg);
}
.flag-zw {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/zw.svg);
}
.flag-zw.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/zw.svg);
}
.flag-es-ct {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/es-ct.svg);
}
.flag-es-ct.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/es-ct.svg);
}
.flag-eu {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/eu.svg);
}
.flag-eu.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/eu.svg);
}
.flag-gb-eng {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gb-eng.svg);
}
.flag-gb-eng.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gb-eng.svg);
}
.flag-gb-nir {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gb-nir.svg);
}
.flag-gb-nir.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gb-nir.svg);
}
.flag-gb-sct {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gb-sct.svg);
}
.flag-gb-sct.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gb-sct.svg);
}
.flag-gb-wls {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/gb-wls.svg);
}
.flag-gb-wls.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/gb-wls.svg);
}
.flag-un {
  background-image: url(../foundation/elements/flag/flag-icon/flags/4x3/un.svg);
}
.flag-un.oc-flag-squared {
  background-image: url(../foundation/elements/flag/flag-icon/flags/1x1/un.svg);
}
.oc-icon-glass:before,
.icon-glass:before {
  content: "\f000";
}
.oc-icon-music:before,
.icon-music:before {
  content: "\f001";
}
.oc-icon-search:before,
.icon-search:before {
  content: "\f002";
}
.oc-icon-envelope-o:before,
.icon-envelope-o:before {
  content: "\f003";
}
.oc-icon-heart:before,
.icon-heart:before {
  content: "\f004";
}
.oc-icon-star:before,
.icon-star:before {
  content: "\f005";
}
.oc-icon-star-o:before,
.icon-star-o:before {
  content: "\f006";
}
.oc-icon-user:before,
.icon-user:before {
  content: "\f007";
}
.oc-icon-film:before,
.icon-film:before {
  content: "\f008";
}
.oc-icon-th-large:before,
.icon-th-large:before {
  content: "\f009";
}
.oc-icon-th:before,
.icon-th:before {
  content: "\f00a";
}
.oc-icon-th-list:before,
.icon-th-list:before {
  content: "\f00b";
}
.oc-icon-check:before,
.icon-check:before {
  content: "\f00c";
}
.oc-icon-remove:before,
.icon-remove:before,
.oc-icon-close:before,
.icon-close:before,
.oc-icon-times:before,
.icon-times:before {
  content: "\f00d";
}
.oc-icon-search-plus:before,
.icon-search-plus:before {
  content: "\f00e";
}
.oc-icon-search-minus:before,
.icon-search-minus:before {
  content: "\f010";
}
.oc-icon-power-off:before,
.icon-power-off:before {
  content: "\f011";
}
.oc-icon-signal:before,
.icon-signal:before {
  content: "\f012";
}
.oc-icon-gear:before,
.icon-gear:before,
.oc-icon-cog:before,
.icon-cog:before {
  content: "\f013";
}
.oc-icon-trash-o:before,
.icon-trash-o:before {
  content: "\f014";
}
.oc-icon-home:before,
.icon-home:before {
  content: "\f015";
}
.oc-icon-file-o:before,
.icon-file-o:before {
  content: "\f016";
}
.oc-icon-clock-o:before,
.icon-clock-o:before {
  content: "\f017";
}
.oc-icon-road:before,
.icon-road:before {
  content: "\f018";
}
.oc-icon-download:before,
.icon-download:before {
  content: "\f019";
}
.oc-icon-arrow-circle-o-down:before,
.icon-arrow-circle-o-down:before {
  content: "\f01a";
}
.oc-icon-arrow-circle-o-up:before,
.icon-arrow-circle-o-up:before {
  content: "\f01b";
}
.oc-icon-inbox:before,
.icon-inbox:before {
  content: "\f01c";
}
.oc-icon-play-circle-o:before,
.icon-play-circle-o:before {
  content: "\f01d";
}
.oc-icon-rotate-right:before,
.icon-rotate-right:before,
.oc-icon-repeat:before,
.icon-repeat:before {
  content: "\f01e";
}
.oc-icon-refresh:before,
.icon-refresh:before {
  content: "\f021";
}
.oc-icon-list-alt:before,
.icon-list-alt:before {
  content: "\f022";
}
.oc-icon-lock:before,
.icon-lock:before {
  content: "\f023";
}
.oc-icon-flag:before,
.icon-flag:before {
  content: "\f024";
}
.oc-icon-headphones:before,
.icon-headphones:before {
  content: "\f025";
}
.oc-icon-volume-off:before,
.icon-volume-off:before {
  content: "\f026";
}
.oc-icon-volume-down:before,
.icon-volume-down:before {
  content: "\f027";
}
.oc-icon-volume-up:before,
.icon-volume-up:before {
  content: "\f028";
}
.oc-icon-qrcode:before,
.icon-qrcode:before {
  content: "\f029";
}
.oc-icon-barcode:before,
.icon-barcode:before {
  content: "\f02a";
}
.oc-icon-tag:before,
.icon-tag:before {
  content: "\f02b";
}
.oc-icon-tags:before,
.icon-tags:before {
  content: "\f02c";
}
.oc-icon-book:before,
.icon-book:before {
  content: "\f02d";
}
.oc-icon-bookmark:before,
.icon-bookmark:before {
  content: "\f02e";
}
.oc-icon-print:before,
.icon-print:before {
  content: "\f02f";
}
.oc-icon-camera:before,
.icon-camera:before {
  content: "\f030";
}
.oc-icon-font:before,
.icon-font:before {
  content: "\f031";
}
.oc-icon-bold:before,
.icon-bold:before {
  content: "\f032";
}
.oc-icon-italic:before,
.icon-italic:before {
  content: "\f033";
}
.oc-icon-text-height:before,
.icon-text-height:before {
  content: "\f034";
}
.oc-icon-text-width:before,
.icon-text-width:before {
  content: "\f035";
}
.oc-icon-align-left:before,
.icon-align-left:before {
  content: "\f036";
}
.oc-icon-align-center:before,
.icon-align-center:before {
  content: "\f037";
}
.oc-icon-align-right:before,
.icon-align-right:before {
  content: "\f038";
}
.oc-icon-align-justify:before,
.icon-align-justify:before {
  content: "\f039";
}
.oc-icon-list:before,
.icon-list:before {
  content: "\f03a";
}
.oc-icon-dedent:before,
.icon-dedent:before,
.oc-icon-outdent:before,
.icon-outdent:before {
  content: "\f03b";
}
.oc-icon-indent:before,
.icon-indent:before {
  content: "\f03c";
}
.oc-icon-video-camera:before,
.icon-video-camera:before {
  content: "\f03d";
}
.oc-icon-photo:before,
.icon-photo:before,
.oc-icon-image:before,
.icon-image:before,
.oc-icon-picture-o:before,
.icon-picture-o:before {
  content: "\f03e";
}
.oc-icon-pencil:before,
.icon-pencil:before {
  content: "\f040";
}
.oc-icon-map-marker:before,
.icon-map-marker:before {
  content: "\f041";
}
.oc-icon-adjust:before,
.icon-adjust:before {
  content: "\f042";
}
.oc-icon-tint:before,
.icon-tint:before {
  content: "\f043";
}
.oc-icon-edit:before,
.icon-edit:before,
.oc-icon-pencil-square-o:before,
.icon-pencil-square-o:before {
  content: "\f044";
}
.oc-icon-share-square-o:before,
.icon-share-square-o:before {
  content: "\f045";
}
.oc-icon-check-square-o:before,
.icon-check-square-o:before {
  content: "\f046";
}
.oc-icon-arrows:before,
.icon-arrows:before {
  content: "\f047";
}
.oc-icon-step-backward:before,
.icon-step-backward:before {
  content: "\f048";
}
.oc-icon-fast-backward:before,
.icon-fast-backward:before {
  content: "\f049";
}
.oc-icon-backward:before,
.icon-backward:before {
  content: "\f04a";
}
.oc-icon-play:before,
.icon-play:before {
  content: "\f04b";
}
.oc-icon-pause:before,
.icon-pause:before {
  content: "\f04c";
}
.oc-icon-stop:before,
.icon-stop:before {
  content: "\f04d";
}
.oc-icon-forward:before,
.icon-forward:before {
  content: "\f04e";
}
.oc-icon-fast-forward:before,
.icon-fast-forward:before {
  content: "\f050";
}
.oc-icon-step-forward:before,
.icon-step-forward:before {
  content: "\f051";
}
.oc-icon-eject:before,
.icon-eject:before {
  content: "\f052";
}
.oc-icon-chevron-left:before,
.icon-chevron-left:before {
  content: "\f053";
}
.oc-icon-chevron-right:before,
.icon-chevron-right:before {
  content: "\f054";
}
.oc-icon-plus-circle:before,
.icon-plus-circle:before {
  content: "\f055";
}
.oc-icon-minus-circle:before,
.icon-minus-circle:before {
  content: "\f056";
}
.oc-icon-times-circle:before,
.icon-times-circle:before {
  content: "\f057";
}
.oc-icon-check-circle:before,
.icon-check-circle:before {
  content: "\f058";
}
.oc-icon-question-circle:before,
.icon-question-circle:before {
  content: "\f059";
}
.oc-icon-info-circle:before,
.icon-info-circle:before {
  content: "\f05a";
}
.oc-icon-crosshairs:before,
.icon-crosshairs:before {
  content: "\f05b";
}
.oc-icon-times-circle-o:before,
.icon-times-circle-o:before {
  content: "\f05c";
}
.oc-icon-check-circle-o:before,
.icon-check-circle-o:before {
  content: "\f05d";
}
.oc-icon-ban:before,
.icon-ban:before {
  content: "\f05e";
}
.oc-icon-arrow-left:before,
.icon-arrow-left:before {
  content: "\f060";
}
.oc-icon-arrow-right:before,
.icon-arrow-right:before {
  content: "\f061";
}
.oc-icon-arrow-up:before,
.icon-arrow-up:before {
  content: "\f062";
}
.oc-icon-arrow-down:before,
.icon-arrow-down:before {
  content: "\f063";
}
.oc-icon-mail-forward:before,
.icon-mail-forward:before,
.oc-icon-share:before,
.icon-share:before {
  content: "\f064";
}
.oc-icon-expand:before,
.icon-expand:before {
  content: "\f065";
}
.oc-icon-compress:before,
.icon-compress:before {
  content: "\f066";
}
.oc-icon-plus:before,
.icon-plus:before {
  content: "\f067";
}
.oc-icon-minus:before,
.icon-minus:before {
  content: "\f068";
}
.oc-icon-asterisk:before,
.icon-asterisk:before {
  content: "\f069";
}
.oc-icon-exclamation-circle:before,
.icon-exclamation-circle:before {
  content: "\f06a";
}
.oc-icon-gift:before,
.icon-gift:before {
  content: "\f06b";
}
.oc-icon-leaf:before,
.icon-leaf:before {
  content: "\f06c";
}
.oc-icon-fire:before,
.icon-fire:before {
  content: "\f06d";
}
.oc-icon-eye:before,
.icon-eye:before {
  content: "\f06e";
}
.oc-icon-eye-slash:before,
.icon-eye-slash:before {
  content: "\f070";
}
.oc-icon-warning:before,
.icon-warning:before,
.oc-icon-exclamation-triangle:before,
.icon-exclamation-triangle:before {
  content: "\f071";
}
.oc-icon-plane:before,
.icon-plane:before {
  content: "\f072";
}
.oc-icon-calendar:before,
.icon-calendar:before {
  content: "\f073";
}
.oc-icon-random:before,
.icon-random:before {
  content: "\f074";
}
.oc-icon-comment:before,
.icon-comment:before {
  content: "\f075";
}
.oc-icon-magnet:before,
.icon-magnet:before {
  content: "\f076";
}
.oc-icon-chevron-up:before,
.icon-chevron-up:before {
  content: "\f077";
}
.oc-icon-chevron-down:before,
.icon-chevron-down:before {
  content: "\f078";
}
.oc-icon-retweet:before,
.icon-retweet:before {
  content: "\f079";
}
.oc-icon-shopping-cart:before,
.icon-shopping-cart:before {
  content: "\f07a";
}
.oc-icon-folder:before,
.icon-folder:before {
  content: "\f07b";
}
.oc-icon-folder-open:before,
.icon-folder-open:before {
  content: "\f07c";
}
.oc-icon-arrows-v:before,
.icon-arrows-v:before {
  content: "\f07d";
}
.oc-icon-arrows-h:before,
.icon-arrows-h:before {
  content: "\f07e";
}
.oc-icon-bar-chart-o:before,
.icon-bar-chart-o:before,
.oc-icon-bar-chart:before,
.icon-bar-chart:before {
  content: "\f080";
}
.oc-icon-twitter-square:before,
.icon-twitter-square:before {
  content: "\f081";
}
.oc-icon-facebook-square:before,
.icon-facebook-square:before {
  content: "\f082";
}
.oc-icon-camera-retro:before,
.icon-camera-retro:before {
  content: "\f083";
}
.oc-icon-key:before,
.icon-key:before {
  content: "\f084";
}
.oc-icon-gears:before,
.icon-gears:before,
.oc-icon-cogs:before,
.icon-cogs:before {
  content: "\f085";
}
.oc-icon-comments:before,
.icon-comments:before {
  content: "\f086";
}
.oc-icon-thumbs-o-up:before,
.icon-thumbs-o-up:before {
  content: "\f087";
}
.oc-icon-thumbs-o-down:before,
.icon-thumbs-o-down:before {
  content: "\f088";
}
.oc-icon-star-half:before,
.icon-star-half:before {
  content: "\f089";
}
.oc-icon-heart-o:before,
.icon-heart-o:before {
  content: "\f08a";
}
.oc-icon-sign-out:before,
.icon-sign-out:before {
  content: "\f08b";
}
.oc-icon-linkedin-square:before,
.icon-linkedin-square:before {
  content: "\f08c";
}
.oc-icon-thumb-tack:before,
.icon-thumb-tack:before {
  content: "\f08d";
}
.oc-icon-external-link:before,
.icon-external-link:before {
  content: "\f08e";
}
.oc-icon-sign-in:before,
.icon-sign-in:before {
  content: "\f090";
}
.oc-icon-trophy:before,
.icon-trophy:before {
  content: "\f091";
}
.oc-icon-github-square:before,
.icon-github-square:before {
  content: "\f092";
}
.oc-icon-upload:before,
.icon-upload:before {
  content: "\f093";
}
.oc-icon-lemon-o:before,
.icon-lemon-o:before {
  content: "\f094";
}
.oc-icon-phone:before,
.icon-phone:before {
  content: "\f095";
}
.oc-icon-square-o:before,
.icon-square-o:before {
  content: "\f096";
}
.oc-icon-bookmark-o:before,
.icon-bookmark-o:before {
  content: "\f097";
}
.oc-icon-phone-square:before,
.icon-phone-square:before {
  content: "\f098";
}
.oc-icon-twitter:before,
.icon-twitter:before {
  content: "\f099";
}
.oc-icon-facebook-f:before,
.icon-facebook-f:before,
.oc-icon-facebook:before,
.icon-facebook:before {
  content: "\f09a";
}
.oc-icon-github:before,
.icon-github:before {
  content: "\f09b";
}
.oc-icon-unlock:before,
.icon-unlock:before {
  content: "\f09c";
}
.oc-icon-credit-card:before,
.icon-credit-card:before {
  content: "\f09d";
}
.oc-icon-feed:before,
.icon-feed:before,
.oc-icon-rss:before,
.icon-rss:before {
  content: "\f09e";
}
.oc-icon-hdd-o:before,
.icon-hdd-o:before {
  content: "\f0a0";
}
.oc-icon-bullhorn:before,
.icon-bullhorn:before {
  content: "\f0a1";
}
.oc-icon-bell:before,
.icon-bell:before {
  content: "\f0f3";
}
.oc-icon-certificate:before,
.icon-certificate:before {
  content: "\f0a3";
}
.oc-icon-hand-o-right:before,
.icon-hand-o-right:before {
  content: "\f0a4";
}
.oc-icon-hand-o-left:before,
.icon-hand-o-left:before {
  content: "\f0a5";
}
.oc-icon-hand-o-up:before,
.icon-hand-o-up:before {
  content: "\f0a6";
}
.oc-icon-hand-o-down:before,
.icon-hand-o-down:before {
  content: "\f0a7";
}
.oc-icon-arrow-circle-left:before,
.icon-arrow-circle-left:before {
  content: "\f0a8";
}
.oc-icon-arrow-circle-right:before,
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.oc-icon-arrow-circle-up:before,
.icon-arrow-circle-up:before {
  content: "\f0aa";
}
.oc-icon-arrow-circle-down:before,
.icon-arrow-circle-down:before {
  content: "\f0ab";
}
.oc-icon-globe:before,
.icon-globe:before {
  content: "\f0ac";
}
.oc-icon-wrench:before,
.icon-wrench:before {
  content: "\f0ad";
}
.oc-icon-tasks:before,
.icon-tasks:before {
  content: "\f0ae";
}
.oc-icon-filter:before,
.icon-filter:before {
  content: "\f0b0";
}
.oc-icon-briefcase:before,
.icon-briefcase:before {
  content: "\f0b1";
}
.oc-icon-arrows-alt:before,
.icon-arrows-alt:before {
  content: "\f0b2";
}
.oc-icon-group:before,
.icon-group:before,
.oc-icon-users:before,
.icon-users:before {
  content: "\f0c0";
}
.oc-icon-chain:before,
.icon-chain:before,
.oc-icon-link:before,
.icon-link:before {
  content: "\f0c1";
}
.oc-icon-cloud:before,
.icon-cloud:before {
  content: "\f0c2";
}
.oc-icon-flask:before,
.icon-flask:before {
  content: "\f0c3";
}
.oc-icon-cut:before,
.icon-cut:before,
.oc-icon-scissors:before,
.icon-scissors:before {
  content: "\f0c4";
}
.oc-icon-copy:before,
.icon-copy:before,
.oc-icon-files-o:before,
.icon-files-o:before {
  content: "\f0c5";
}
.oc-icon-paperclip:before,
.icon-paperclip:before {
  content: "\f0c6";
}
.oc-icon-save:before,
.icon-save:before,
.oc-icon-floppy-o:before,
.icon-floppy-o:before {
  content: "\f0c7";
}
.oc-icon-square:before,
.icon-square:before {
  content: "\f0c8";
}
.oc-icon-navicon:before,
.icon-navicon:before,
.oc-icon-reorder:before,
.icon-reorder:before,
.oc-icon-bars:before,
.icon-bars:before {
  content: "\f0c9";
}
.oc-icon-list-ul:before,
.icon-list-ul:before {
  content: "\f0ca";
}
.oc-icon-list-ol:before,
.icon-list-ol:before {
  content: "\f0cb";
}
.oc-icon-strikethrough:before,
.icon-strikethrough:before {
  content: "\f0cc";
}
.oc-icon-underline:before,
.icon-underline:before {
  content: "\f0cd";
}
.oc-icon-table:before,
.icon-table:before {
  content: "\f0ce";
}
.oc-icon-magic:before,
.icon-magic:before {
  content: "\f0d0";
}
.oc-icon-truck:before,
.icon-truck:before {
  content: "\f0d1";
}
.oc-icon-pinterest:before,
.icon-pinterest:before {
  content: "\f0d2";
}
.oc-icon-pinterest-square:before,
.icon-pinterest-square:before {
  content: "\f0d3";
}
.oc-icon-google-plus-square:before,
.icon-google-plus-square:before {
  content: "\f0d4";
}
.oc-icon-google-plus:before,
.icon-google-plus:before {
  content: "\f0d5";
}
.oc-icon-money:before,
.icon-money:before {
  content: "\f0d6";
}
.oc-icon-caret-down:before,
.icon-caret-down:before {
  content: "\f0d7";
}
.oc-icon-caret-up:before,
.icon-caret-up:before {
  content: "\f0d8";
}
.oc-icon-caret-left:before,
.icon-caret-left:before {
  content: "\f0d9";
}
.oc-icon-caret-right:before,
.icon-caret-right:before {
  content: "\f0da";
}
.oc-icon-columns:before,
.icon-columns:before {
  content: "\f0db";
}
.oc-icon-unsorted:before,
.icon-unsorted:before,
.oc-icon-sort:before,
.icon-sort:before {
  content: "\f0dc";
}
.oc-icon-sort-down:before,
.icon-sort-down:before,
.oc-icon-sort-desc:before,
.icon-sort-desc:before {
  content: "\f0dd";
}
.oc-icon-sort-up:before,
.icon-sort-up:before,
.oc-icon-sort-asc:before,
.icon-sort-asc:before {
  content: "\f0de";
}
.oc-icon-envelope:before,
.icon-envelope:before {
  content: "\f0e0";
}
.oc-icon-linkedin:before,
.icon-linkedin:before {
  content: "\f0e1";
}
.oc-icon-rotate-left:before,
.icon-rotate-left:before,
.oc-icon-undo:before,
.icon-undo:before {
  content: "\f0e2";
}
.oc-icon-legal:before,
.icon-legal:before,
.oc-icon-gavel:before,
.icon-gavel:before {
  content: "\f0e3";
}
.oc-icon-dashboard:before,
.icon-dashboard:before,
.oc-icon-tachometer:before,
.icon-tachometer:before {
  content: "\f0e4";
}
.oc-icon-comment-o:before,
.icon-comment-o:before {
  content: "\f0e5";
}
.oc-icon-comments-o:before,
.icon-comments-o:before {
  content: "\f0e6";
}
.oc-icon-flash:before,
.icon-flash:before,
.oc-icon-bolt:before,
.icon-bolt:before {
  content: "\f0e7";
}
.oc-icon-sitemap:before,
.icon-sitemap:before {
  content: "\f0e8";
}
.oc-icon-umbrella:before,
.icon-umbrella:before {
  content: "\f0e9";
}
.oc-icon-paste:before,
.icon-paste:before,
.oc-icon-clipboard:before,
.icon-clipboard:before {
  content: "\f0ea";
}
.oc-icon-lightbulb-o:before,
.icon-lightbulb-o:before {
  content: "\f0eb";
}
.oc-icon-exchange:before,
.icon-exchange:before {
  content: "\f0ec";
}
.oc-icon-cloud-download:before,
.icon-cloud-download:before {
  content: "\f0ed";
}
.oc-icon-cloud-upload:before,
.icon-cloud-upload:before {
  content: "\f0ee";
}
.oc-icon-user-md:before,
.icon-user-md:before {
  content: "\f0f0";
}
.oc-icon-stethoscope:before,
.icon-stethoscope:before {
  content: "\f0f1";
}
.oc-icon-suitcase:before,
.icon-suitcase:before {
  content: "\f0f2";
}
.oc-icon-bell-o:before,
.icon-bell-o:before {
  content: "\f0a2";
}
.oc-icon-coffee:before,
.icon-coffee:before {
  content: "\f0f4";
}
.oc-icon-cutlery:before,
.icon-cutlery:before {
  content: "\f0f5";
}
.oc-icon-file-text-o:before,
.icon-file-text-o:before {
  content: "\f0f6";
}
.oc-icon-building-o:before,
.icon-building-o:before {
  content: "\f0f7";
}
.oc-icon-hospital-o:before,
.icon-hospital-o:before {
  content: "\f0f8";
}
.oc-icon-ambulance:before,
.icon-ambulance:before {
  content: "\f0f9";
}
.oc-icon-medkit:before,
.icon-medkit:before {
  content: "\f0fa";
}
.oc-icon-fighter-jet:before,
.icon-fighter-jet:before {
  content: "\f0fb";
}
.oc-icon-beer:before,
.icon-beer:before {
  content: "\f0fc";
}
.oc-icon-h-square:before,
.icon-h-square:before {
  content: "\f0fd";
}
.oc-icon-plus-square:before,
.icon-plus-square:before {
  content: "\f0fe";
}
.oc-icon-angle-double-left:before,
.icon-angle-double-left:before {
  content: "\f100";
}
.oc-icon-angle-double-right:before,
.icon-angle-double-right:before {
  content: "\f101";
}
.oc-icon-angle-double-up:before,
.icon-angle-double-up:before {
  content: "\f102";
}
.oc-icon-angle-double-down:before,
.icon-angle-double-down:before {
  content: "\f103";
}
.oc-icon-angle-left:before,
.icon-angle-left:before {
  content: "\f104";
}
.oc-icon-angle-right:before,
.icon-angle-right:before {
  content: "\f105";
}
.oc-icon-angle-up:before,
.icon-angle-up:before {
  content: "\f106";
}
.oc-icon-angle-down:before,
.icon-angle-down:before {
  content: "\f107";
}
.oc-icon-desktop:before,
.icon-desktop:before {
  content: "\f108";
}
.oc-icon-laptop:before,
.icon-laptop:before {
  content: "\f109";
}
.oc-icon-tablet:before,
.icon-tablet:before {
  content: "\f10a";
}
.oc-icon-mobile-phone:before,
.icon-mobile-phone:before,
.oc-icon-mobile:before,
.icon-mobile:before {
  content: "\f10b";
}
.oc-icon-circle-o:before,
.icon-circle-o:before {
  content: "\f10c";
}
.oc-icon-quote-left:before,
.icon-quote-left:before {
  content: "\f10d";
}
.oc-icon-quote-right:before,
.icon-quote-right:before {
  content: "\f10e";
}
.oc-icon-spinner:before,
.icon-spinner:before {
  content: "\f110";
}
.oc-icon-circle:before,
.icon-circle:before {
  content: "\f111";
}
.oc-icon-mail-reply:before,
.icon-mail-reply:before,
.oc-icon-reply:before,
.icon-reply:before {
  content: "\f112";
}
.oc-icon-github-alt:before,
.icon-github-alt:before {
  content: "\f113";
}
.oc-icon-folder-o:before,
.icon-folder-o:before {
  content: "\f114";
}
.oc-icon-folder-open-o:before,
.icon-folder-open-o:before {
  content: "\f115";
}
.oc-icon-smile-o:before,
.icon-smile-o:before {
  content: "\f118";
}
.oc-icon-frown-o:before,
.icon-frown-o:before {
  content: "\f119";
}
.oc-icon-meh-o:before,
.icon-meh-o:before {
  content: "\f11a";
}
.oc-icon-gamepad:before,
.icon-gamepad:before {
  content: "\f11b";
}
.oc-icon-keyboard-o:before,
.icon-keyboard-o:before {
  content: "\f11c";
}
.oc-icon-flag-o:before,
.icon-flag-o:before {
  content: "\f11d";
}
.oc-icon-flag-checkered:before,
.icon-flag-checkered:before {
  content: "\f11e";
}
.oc-icon-terminal:before,
.icon-terminal:before {
  content: "\f120";
}
.oc-icon-code:before,
.icon-code:before {
  content: "\f121";
}
.oc-icon-mail-reply-all:before,
.icon-mail-reply-all:before,
.oc-icon-reply-all:before,
.icon-reply-all:before {
  content: "\f122";
}
.oc-icon-star-half-empty:before,
.icon-star-half-empty:before,
.oc-icon-star-half-full:before,
.icon-star-half-full:before,
.oc-icon-star-half-o:before,
.icon-star-half-o:before {
  content: "\f123";
}
.oc-icon-location-arrow:before,
.icon-location-arrow:before {
  content: "\f124";
}
.oc-icon-crop:before,
.icon-crop:before {
  content: "\f125";
}
.oc-icon-code-fork:before,
.icon-code-fork:before {
  content: "\f126";
}
.oc-icon-unlink:before,
.icon-unlink:before,
.oc-icon-chain-broken:before,
.icon-chain-broken:before {
  content: "\f127";
}
.oc-icon-question:before,
.icon-question:before {
  content: "\f128";
}
.oc-icon-info:before,
.icon-info:before {
  content: "\f129";
}
.oc-icon-exclamation:before,
.icon-exclamation:before {
  content: "\f12a";
}
.oc-icon-superscript:before,
.icon-superscript:before {
  content: "\f12b";
}
.oc-icon-subscript:before,
.icon-subscript:before {
  content: "\f12c";
}
.oc-icon-eraser:before,
.icon-eraser:before {
  content: "\f12d";
}
.oc-icon-puzzle-piece:before,
.icon-puzzle-piece:before {
  content: "\f12e";
}
.oc-icon-microphone:before,
.icon-microphone:before {
  content: "\f130";
}
.oc-icon-microphone-slash:before,
.icon-microphone-slash:before {
  content: "\f131";
}
.oc-icon-shield:before,
.icon-shield:before {
  content: "\f132";
}
.oc-icon-calendar-o:before,
.icon-calendar-o:before {
  content: "\f133";
}
.oc-icon-fire-extinguisher:before,
.icon-fire-extinguisher:before {
  content: "\f134";
}
.oc-icon-rocket:before,
.icon-rocket:before {
  content: "\f135";
}
.oc-icon-maxcdn:before,
.icon-maxcdn:before {
  content: "\f136";
}
.oc-icon-chevron-circle-left:before,
.icon-chevron-circle-left:before {
  content: "\f137";
}
.oc-icon-chevron-circle-right:before,
.icon-chevron-circle-right:before {
  content: "\f138";
}
.oc-icon-chevron-circle-up:before,
.icon-chevron-circle-up:before {
  content: "\f139";
}
.oc-icon-chevron-circle-down:before,
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.oc-icon-html5:before,
.icon-html5:before {
  content: "\f13b";
}
.oc-icon-css3:before,
.icon-css3:before {
  content: "\f13c";
}
.oc-icon-anchor:before,
.icon-anchor:before {
  content: "\f13d";
}
.oc-icon-unlock-alt:before,
.icon-unlock-alt:before {
  content: "\f13e";
}
.oc-icon-bullseye:before,
.icon-bullseye:before {
  content: "\f140";
}
.oc-icon-ellipsis-h:before,
.icon-ellipsis-h:before {
  content: "\f141";
}
.oc-icon-ellipsis-v:before,
.icon-ellipsis-v:before {
  content: "\f142";
}
.oc-icon-rss-square:before,
.icon-rss-square:before {
  content: "\f143";
}
.oc-icon-play-circle:before,
.icon-play-circle:before {
  content: "\f144";
}
.oc-icon-ticket:before,
.icon-ticket:before {
  content: "\f145";
}
.oc-icon-minus-square:before,
.icon-minus-square:before {
  content: "\f146";
}
.oc-icon-minus-square-o:before,
.icon-minus-square-o:before {
  content: "\f147";
}
.oc-icon-level-up:before,
.icon-level-up:before {
  content: "\f148";
}
.oc-icon-level-down:before,
.icon-level-down:before {
  content: "\f149";
}
.oc-icon-check-square:before,
.icon-check-square:before {
  content: "\f14a";
}
.oc-icon-pencil-square:before,
.icon-pencil-square:before {
  content: "\f14b";
}
.oc-icon-external-link-square:before,
.icon-external-link-square:before {
  content: "\f14c";
}
.oc-icon-share-square:before,
.icon-share-square:before {
  content: "\f14d";
}
.oc-icon-compass:before,
.icon-compass:before {
  content: "\f14e";
}
.oc-icon-toggle-down:before,
.icon-toggle-down:before,
.oc-icon-caret-square-o-down:before,
.icon-caret-square-o-down:before {
  content: "\f150";
}
.oc-icon-toggle-up:before,
.icon-toggle-up:before,
.oc-icon-caret-square-o-up:before,
.icon-caret-square-o-up:before {
  content: "\f151";
}
.oc-icon-toggle-right:before,
.icon-toggle-right:before,
.oc-icon-caret-square-o-right:before,
.icon-caret-square-o-right:before {
  content: "\f152";
}
.oc-icon-euro:before,
.icon-euro:before,
.oc-icon-eur:before,
.icon-eur:before {
  content: "\f153";
}
.oc-icon-gbp:before,
.icon-gbp:before {
  content: "\f154";
}
.oc-icon-dollar:before,
.icon-dollar:before,
.oc-icon-usd:before,
.icon-usd:before {
  content: "\f155";
}
.oc-icon-rupee:before,
.icon-rupee:before,
.oc-icon-inr:before,
.icon-inr:before {
  content: "\f156";
}
.oc-icon-cny:before,
.icon-cny:before,
.oc-icon-rmb:before,
.icon-rmb:before,
.oc-icon-yen:before,
.icon-yen:before,
.oc-icon-jpy:before,
.icon-jpy:before {
  content: "\f157";
}
.oc-icon-ruble:before,
.icon-ruble:before,
.oc-icon-rouble:before,
.icon-rouble:before,
.oc-icon-rub:before,
.icon-rub:before {
  content: "\f158";
}
.oc-icon-won:before,
.icon-won:before,
.oc-icon-krw:before,
.icon-krw:before {
  content: "\f159";
}
.oc-icon-bitcoin:before,
.icon-bitcoin:before,
.oc-icon-btc:before,
.icon-btc:before {
  content: "\f15a";
}
.oc-icon-file:before,
.icon-file:before {
  content: "\f15b";
}
.oc-icon-file-text:before,
.icon-file-text:before {
  content: "\f15c";
}
.oc-icon-sort-alpha-asc:before,
.icon-sort-alpha-asc:before {
  content: "\f15d";
}
.oc-icon-sort-alpha-desc:before,
.icon-sort-alpha-desc:before {
  content: "\f15e";
}
.oc-icon-sort-amount-asc:before,
.icon-sort-amount-asc:before {
  content: "\f160";
}
.oc-icon-sort-amount-desc:before,
.icon-sort-amount-desc:before {
  content: "\f161";
}
.oc-icon-sort-numeric-asc:before,
.icon-sort-numeric-asc:before {
  content: "\f162";
}
.oc-icon-sort-numeric-desc:before,
.icon-sort-numeric-desc:before {
  content: "\f163";
}
.oc-icon-thumbs-up:before,
.icon-thumbs-up:before {
  content: "\f164";
}
.oc-icon-thumbs-down:before,
.icon-thumbs-down:before {
  content: "\f165";
}
.oc-icon-youtube-square:before,
.icon-youtube-square:before {
  content: "\f166";
}
.oc-icon-youtube:before,
.icon-youtube:before {
  content: "\f167";
}
.oc-icon-xing:before,
.icon-xing:before {
  content: "\f168";
}
.oc-icon-xing-square:before,
.icon-xing-square:before {
  content: "\f169";
}
.oc-icon-youtube-play:before,
.icon-youtube-play:before {
  content: "\f16a";
}
.oc-icon-dropbox:before,
.icon-dropbox:before {
  content: "\f16b";
}
.oc-icon-stack-overflow:before,
.icon-stack-overflow:before {
  content: "\f16c";
}
.oc-icon-instagram:before,
.icon-instagram:before {
  content: "\f16d";
}
.oc-icon-flickr:before,
.icon-flickr:before {
  content: "\f16e";
}
.oc-icon-adn:before,
.icon-adn:before {
  content: "\f170";
}
.oc-icon-bitbucket:before,
.icon-bitbucket:before {
  content: "\f171";
}
.oc-icon-bitbucket-square:before,
.icon-bitbucket-square:before {
  content: "\f172";
}
.oc-icon-tumblr:before,
.icon-tumblr:before {
  content: "\f173";
}
.oc-icon-tumblr-square:before,
.icon-tumblr-square:before {
  content: "\f174";
}
.oc-icon-long-arrow-down:before,
.icon-long-arrow-down:before {
  content: "\f175";
}
.oc-icon-long-arrow-up:before,
.icon-long-arrow-up:before {
  content: "\f176";
}
.oc-icon-long-arrow-left:before,
.icon-long-arrow-left:before {
  content: "\f177";
}
.oc-icon-long-arrow-right:before,
.icon-long-arrow-right:before {
  content: "\f178";
}
.oc-icon-apple:before,
.icon-apple:before {
  content: "\f179";
}
.oc-icon-windows:before,
.icon-windows:before {
  content: "\f17a";
}
.oc-icon-android:before,
.icon-android:before {
  content: "\f17b";
}
.oc-icon-linux:before,
.icon-linux:before {
  content: "\f17c";
}
.oc-icon-dribbble:before,
.icon-dribbble:before {
  content: "\f17d";
}
.oc-icon-skype:before,
.icon-skype:before {
  content: "\f17e";
}
.oc-icon-foursquare:before,
.icon-foursquare:before {
  content: "\f180";
}
.oc-icon-trello:before,
.icon-trello:before {
  content: "\f181";
}
.oc-icon-female:before,
.icon-female:before {
  content: "\f182";
}
.oc-icon-male:before,
.icon-male:before {
  content: "\f183";
}
.oc-icon-gittip:before,
.icon-gittip:before,
.oc-icon-gratipay:before,
.icon-gratipay:before {
  content: "\f184";
}
.oc-icon-sun-o:before,
.icon-sun-o:before {
  content: "\f185";
}
.oc-icon-moon-o:before,
.icon-moon-o:before {
  content: "\f186";
}
.oc-icon-archive:before,
.icon-archive:before {
  content: "\f187";
}
.oc-icon-bug:before,
.icon-bug:before {
  content: "\f188";
}
.oc-icon-vk:before,
.icon-vk:before {
  content: "\f189";
}
.oc-icon-weibo:before,
.icon-weibo:before {
  content: "\f18a";
}
.oc-icon-renren:before,
.icon-renren:before {
  content: "\f18b";
}
.oc-icon-pagelines:before,
.icon-pagelines:before {
  content: "\f18c";
}
.oc-icon-stack-exchange:before,
.icon-stack-exchange:before {
  content: "\f18d";
}
.oc-icon-arrow-circle-o-right:before,
.icon-arrow-circle-o-right:before {
  content: "\f18e";
}
.oc-icon-arrow-circle-o-left:before,
.icon-arrow-circle-o-left:before {
  content: "\f190";
}
.oc-icon-toggle-left:before,
.icon-toggle-left:before,
.oc-icon-caret-square-o-left:before,
.icon-caret-square-o-left:before {
  content: "\f191";
}
.oc-icon-dot-circle-o:before,
.icon-dot-circle-o:before {
  content: "\f192";
}
.oc-icon-wheelchair:before,
.icon-wheelchair:before {
  content: "\f193";
}
.oc-icon-vimeo-square:before,
.icon-vimeo-square:before {
  content: "\f194";
}
.oc-icon-turkish-lira:before,
.icon-turkish-lira:before,
.oc-icon-try:before,
.icon-try:before {
  content: "\f195";
}
.oc-icon-plus-square-o:before,
.icon-plus-square-o:before {
  content: "\f196";
}
.oc-icon-space-shuttle:before,
.icon-space-shuttle:before {
  content: "\f197";
}
.oc-icon-slack:before,
.icon-slack:before {
  content: "\f198";
}
.oc-icon-envelope-square:before,
.icon-envelope-square:before {
  content: "\f199";
}
.oc-icon-wordpress:before,
.icon-wordpress:before {
  content: "\f19a";
}
.oc-icon-openid:before,
.icon-openid:before {
  content: "\f19b";
}
.oc-icon-institution:before,
.icon-institution:before,
.oc-icon-bank:before,
.icon-bank:before,
.oc-icon-university:before,
.icon-university:before {
  content: "\f19c";
}
.oc-icon-mortar-board:before,
.icon-mortar-board:before,
.oc-icon-graduation-cap:before,
.icon-graduation-cap:before {
  content: "\f19d";
}
.oc-icon-yahoo:before,
.icon-yahoo:before {
  content: "\f19e";
}
.oc-icon-google:before,
.icon-google:before {
  content: "\f1a0";
}
.oc-icon-reddit:before,
.icon-reddit:before {
  content: "\f1a1";
}
.oc-icon-reddit-square:before,
.icon-reddit-square:before {
  content: "\f1a2";
}
.oc-icon-stumbleupon-circle:before,
.icon-stumbleupon-circle:before {
  content: "\f1a3";
}
.oc-icon-stumbleupon:before,
.icon-stumbleupon:before {
  content: "\f1a4";
}
.oc-icon-delicious:before,
.icon-delicious:before {
  content: "\f1a5";
}
.oc-icon-digg:before,
.icon-digg:before {
  content: "\f1a6";
}
.oc-icon-pied-piper-pp:before,
.icon-pied-piper-pp:before {
  content: "\f1a7";
}
.oc-icon-pied-piper-alt:before,
.icon-pied-piper-alt:before {
  content: "\f1a8";
}
.oc-icon-drupal:before,
.icon-drupal:before {
  content: "\f1a9";
}
.oc-icon-joomla:before,
.icon-joomla:before {
  content: "\f1aa";
}
.oc-icon-language:before,
.icon-language:before {
  content: "\f1ab";
}
.oc-icon-fax:before,
.icon-fax:before {
  content: "\f1ac";
}
.oc-icon-building:before,
.icon-building:before {
  content: "\f1ad";
}
.oc-icon-child:before,
.icon-child:before {
  content: "\f1ae";
}
.oc-icon-paw:before,
.icon-paw:before {
  content: "\f1b0";
}
.oc-icon-spoon:before,
.icon-spoon:before {
  content: "\f1b1";
}
.oc-icon-cube:before,
.icon-cube:before {
  content: "\f1b2";
}
.oc-icon-cubes:before,
.icon-cubes:before {
  content: "\f1b3";
}
.oc-icon-behance:before,
.icon-behance:before {
  content: "\f1b4";
}
.oc-icon-behance-square:before,
.icon-behance-square:before {
  content: "\f1b5";
}
.oc-icon-steam:before,
.icon-steam:before {
  content: "\f1b6";
}
.oc-icon-steam-square:before,
.icon-steam-square:before {
  content: "\f1b7";
}
.oc-icon-recycle:before,
.icon-recycle:before {
  content: "\f1b8";
}
.oc-icon-automobile:before,
.icon-automobile:before,
.oc-icon-car:before,
.icon-car:before {
  content: "\f1b9";
}
.oc-icon-cab:before,
.icon-cab:before,
.oc-icon-taxi:before,
.icon-taxi:before {
  content: "\f1ba";
}
.oc-icon-tree:before,
.icon-tree:before {
  content: "\f1bb";
}
.oc-icon-spotify:before,
.icon-spotify:before {
  content: "\f1bc";
}
.oc-icon-deviantart:before,
.icon-deviantart:before {
  content: "\f1bd";
}
.oc-icon-soundcloud:before,
.icon-soundcloud:before {
  content: "\f1be";
}
.oc-icon-database:before,
.icon-database:before {
  content: "\f1c0";
}
.oc-icon-file-pdf-o:before,
.icon-file-pdf-o:before {
  content: "\f1c1";
}
.oc-icon-file-word-o:before,
.icon-file-word-o:before {
  content: "\f1c2";
}
.oc-icon-file-excel-o:before,
.icon-file-excel-o:before {
  content: "\f1c3";
}
.oc-icon-file-powerpoint-o:before,
.icon-file-powerpoint-o:before {
  content: "\f1c4";
}
.oc-icon-file-photo-o:before,
.icon-file-photo-o:before,
.oc-icon-file-picture-o:before,
.icon-file-picture-o:before,
.oc-icon-file-image-o:before,
.icon-file-image-o:before {
  content: "\f1c5";
}
.oc-icon-file-zip-o:before,
.icon-file-zip-o:before,
.oc-icon-file-archive-o:before,
.icon-file-archive-o:before {
  content: "\f1c6";
}
.oc-icon-file-sound-o:before,
.icon-file-sound-o:before,
.oc-icon-file-audio-o:before,
.icon-file-audio-o:before {
  content: "\f1c7";
}
.oc-icon-file-movie-o:before,
.icon-file-movie-o:before,
.oc-icon-file-video-o:before,
.icon-file-video-o:before {
  content: "\f1c8";
}
.oc-icon-file-code-o:before,
.icon-file-code-o:before {
  content: "\f1c9";
}
.oc-icon-vine:before,
.icon-vine:before {
  content: "\f1ca";
}
.oc-icon-codepen:before,
.icon-codepen:before {
  content: "\f1cb";
}
.oc-icon-jsfiddle:before,
.icon-jsfiddle:before {
  content: "\f1cc";
}
.oc-icon-life-bouy:before,
.icon-life-bouy:before,
.oc-icon-life-buoy:before,
.icon-life-buoy:before,
.oc-icon-life-saver:before,
.icon-life-saver:before,
.oc-icon-support:before,
.icon-support:before,
.oc-icon-life-ring:before,
.icon-life-ring:before {
  content: "\f1cd";
}
.oc-icon-circle-o-notch:before,
.icon-circle-o-notch:before {
  content: "\f1ce";
}
.oc-icon-ra:before,
.icon-ra:before,
.oc-icon-resistance:before,
.icon-resistance:before,
.oc-icon-rebel:before,
.icon-rebel:before {
  content: "\f1d0";
}
.oc-icon-ge:before,
.icon-ge:before,
.oc-icon-empire:before,
.icon-empire:before {
  content: "\f1d1";
}
.oc-icon-git-square:before,
.icon-git-square:before {
  content: "\f1d2";
}
.oc-icon-git:before,
.icon-git:before {
  content: "\f1d3";
}
.oc-icon-y-combinator-square:before,
.icon-y-combinator-square:before,
.oc-icon-yc-square:before,
.icon-yc-square:before,
.oc-icon-hacker-news:before,
.icon-hacker-news:before {
  content: "\f1d4";
}
.oc-icon-tencent-weibo:before,
.icon-tencent-weibo:before {
  content: "\f1d5";
}
.oc-icon-qq:before,
.icon-qq:before {
  content: "\f1d6";
}
.oc-icon-wechat:before,
.icon-wechat:before,
.oc-icon-weixin:before,
.icon-weixin:before {
  content: "\f1d7";
}
.oc-icon-send:before,
.icon-send:before,
.oc-icon-paper-plane:before,
.icon-paper-plane:before {
  content: "\f1d8";
}
.oc-icon-send-o:before,
.icon-send-o:before,
.oc-icon-paper-plane-o:before,
.icon-paper-plane-o:before {
  content: "\f1d9";
}
.oc-icon-history:before,
.icon-history:before {
  content: "\f1da";
}
.oc-icon-circle-thin:before,
.icon-circle-thin:before {
  content: "\f1db";
}
.oc-icon-header:before,
.icon-header:before {
  content: "\f1dc";
}
.oc-icon-paragraph:before,
.icon-paragraph:before {
  content: "\f1dd";
}
.oc-icon-sliders:before,
.icon-sliders:before {
  content: "\f1de";
}
.oc-icon-share-alt:before,
.icon-share-alt:before {
  content: "\f1e0";
}
.oc-icon-share-alt-square:before,
.icon-share-alt-square:before {
  content: "\f1e1";
}
.oc-icon-bomb:before,
.icon-bomb:before {
  content: "\f1e2";
}
.oc-icon-soccer-ball-o:before,
.icon-soccer-ball-o:before,
.oc-icon-futbol-o:before,
.icon-futbol-o:before {
  content: "\f1e3";
}
.oc-icon-tty:before,
.icon-tty:before {
  content: "\f1e4";
}
.oc-icon-binoculars:before,
.icon-binoculars:before {
  content: "\f1e5";
}
.oc-icon-plug:before,
.icon-plug:before {
  content: "\f1e6";
}
.oc-icon-slideshare:before,
.icon-slideshare:before {
  content: "\f1e7";
}
.oc-icon-twitch:before,
.icon-twitch:before {
  content: "\f1e8";
}
.oc-icon-yelp:before,
.icon-yelp:before {
  content: "\f1e9";
}
.oc-icon-newspaper-o:before,
.icon-newspaper-o:before {
  content: "\f1ea";
}
.oc-icon-wifi:before,
.icon-wifi:before {
  content: "\f1eb";
}
.oc-icon-calculator:before,
.icon-calculator:before {
  content: "\f1ec";
}
.oc-icon-paypal:before,
.icon-paypal:before {
  content: "\f1ed";
}
.oc-icon-google-wallet:before,
.icon-google-wallet:before {
  content: "\f1ee";
}
.oc-icon-cc-visa:before,
.icon-cc-visa:before {
  content: "\f1f0";
}
.oc-icon-cc-mastercard:before,
.icon-cc-mastercard:before {
  content: "\f1f1";
}
.oc-icon-cc-discover:before,
.icon-cc-discover:before {
  content: "\f1f2";
}
.oc-icon-cc-amex:before,
.icon-cc-amex:before {
  content: "\f1f3";
}
.oc-icon-cc-paypal:before,
.icon-cc-paypal:before {
  content: "\f1f4";
}
.oc-icon-cc-stripe:before,
.icon-cc-stripe:before {
  content: "\f1f5";
}
.oc-icon-bell-slash:before,
.icon-bell-slash:before {
  content: "\f1f6";
}
.oc-icon-bell-slash-o:before,
.icon-bell-slash-o:before {
  content: "\f1f7";
}
.oc-icon-trash:before,
.icon-trash:before {
  content: "\f1f8";
}
.oc-icon-copyright:before,
.icon-copyright:before {
  content: "\f1f9";
}
.oc-icon-at:before,
.icon-at:before {
  content: "\f1fa";
}
.oc-icon-eyedropper:before,
.icon-eyedropper:before {
  content: "\f1fb";
}
.oc-icon-paint-brush:before,
.icon-paint-brush:before {
  content: "\f1fc";
}
.oc-icon-birthday-cake:before,
.icon-birthday-cake:before {
  content: "\f1fd";
}
.oc-icon-area-chart:before,
.icon-area-chart:before {
  content: "\f1fe";
}
.oc-icon-pie-chart:before,
.icon-pie-chart:before {
  content: "\f200";
}
.oc-icon-line-chart:before,
.icon-line-chart:before {
  content: "\f201";
}
.oc-icon-lastfm:before,
.icon-lastfm:before {
  content: "\f202";
}
.oc-icon-lastfm-square:before,
.icon-lastfm-square:before {
  content: "\f203";
}
.oc-icon-toggle-off:before,
.icon-toggle-off:before {
  content: "\f204";
}
.oc-icon-toggle-on:before,
.icon-toggle-on:before {
  content: "\f205";
}
.oc-icon-bicycle:before,
.icon-bicycle:before {
  content: "\f206";
}
.oc-icon-bus:before,
.icon-bus:before {
  content: "\f207";
}
.oc-icon-ioxhost:before,
.icon-ioxhost:before {
  content: "\f208";
}
.oc-icon-angellist:before,
.icon-angellist:before {
  content: "\f209";
}
.oc-icon-cc:before,
.icon-cc:before {
  content: "\f20a";
}
.oc-icon-shekel:before,
.icon-shekel:before,
.oc-icon-sheqel:before,
.icon-sheqel:before,
.oc-icon-ils:before,
.icon-ils:before {
  content: "\f20b";
}
.oc-icon-meanpath:before,
.icon-meanpath:before {
  content: "\f20c";
}
.oc-icon-buysellads:before,
.icon-buysellads:before {
  content: "\f20d";
}
.oc-icon-connectdevelop:before,
.icon-connectdevelop:before {
  content: "\f20e";
}
.oc-icon-dashcube:before,
.icon-dashcube:before {
  content: "\f210";
}
.oc-icon-forumbee:before,
.icon-forumbee:before {
  content: "\f211";
}
.oc-icon-leanpub:before,
.icon-leanpub:before {
  content: "\f212";
}
.oc-icon-sellsy:before,
.icon-sellsy:before {
  content: "\f213";
}
.oc-icon-shirtsinbulk:before,
.icon-shirtsinbulk:before {
  content: "\f214";
}
.oc-icon-simplybuilt:before,
.icon-simplybuilt:before {
  content: "\f215";
}
.oc-icon-skyatlas:before,
.icon-skyatlas:before {
  content: "\f216";
}
.oc-icon-cart-plus:before,
.icon-cart-plus:before {
  content: "\f217";
}
.oc-icon-cart-arrow-down:before,
.icon-cart-arrow-down:before {
  content: "\f218";
}
.oc-icon-diamond:before,
.icon-diamond:before {
  content: "\f219";
}
.oc-icon-ship:before,
.icon-ship:before {
  content: "\f21a";
}
.oc-icon-user-secret:before,
.icon-user-secret:before {
  content: "\f21b";
}
.oc-icon-motorcycle:before,
.icon-motorcycle:before {
  content: "\f21c";
}
.oc-icon-street-view:before,
.icon-street-view:before {
  content: "\f21d";
}
.oc-icon-heartbeat:before,
.icon-heartbeat:before {
  content: "\f21e";
}
.oc-icon-venus:before,
.icon-venus:before {
  content: "\f221";
}
.oc-icon-mars:before,
.icon-mars:before {
  content: "\f222";
}
.oc-icon-mercury:before,
.icon-mercury:before {
  content: "\f223";
}
.oc-icon-intersex:before,
.icon-intersex:before,
.oc-icon-transgender:before,
.icon-transgender:before {
  content: "\f224";
}
.oc-icon-transgender-alt:before,
.icon-transgender-alt:before {
  content: "\f225";
}
.oc-icon-venus-double:before,
.icon-venus-double:before {
  content: "\f226";
}
.oc-icon-mars-double:before,
.icon-mars-double:before {
  content: "\f227";
}
.oc-icon-venus-mars:before,
.icon-venus-mars:before {
  content: "\f228";
}
.oc-icon-mars-stroke:before,
.icon-mars-stroke:before {
  content: "\f229";
}
.oc-icon-mars-stroke-v:before,
.icon-mars-stroke-v:before {
  content: "\f22a";
}
.oc-icon-mars-stroke-h:before,
.icon-mars-stroke-h:before {
  content: "\f22b";
}
.oc-icon-neuter:before,
.icon-neuter:before {
  content: "\f22c";
}
.oc-icon-genderless:before,
.icon-genderless:before {
  content: "\f22d";
}
.oc-icon-facebook-official:before,
.icon-facebook-official:before {
  content: "\f230";
}
.oc-icon-pinterest-p:before,
.icon-pinterest-p:before {
  content: "\f231";
}
.oc-icon-whatsapp:before,
.icon-whatsapp:before {
  content: "\f232";
}
.oc-icon-server:before,
.icon-server:before {
  content: "\f233";
}
.oc-icon-user-plus:before,
.icon-user-plus:before {
  content: "\f234";
}
.oc-icon-user-times:before,
.icon-user-times:before {
  content: "\f235";
}
.oc-icon-hotel:before,
.icon-hotel:before,
.oc-icon-bed:before,
.icon-bed:before {
  content: "\f236";
}
.oc-icon-viacoin:before,
.icon-viacoin:before {
  content: "\f237";
}
.oc-icon-train:before,
.icon-train:before {
  content: "\f238";
}
.oc-icon-subway:before,
.icon-subway:before {
  content: "\f239";
}
.oc-icon-medium:before,
.icon-medium:before {
  content: "\f23a";
}
.oc-icon-yc:before,
.icon-yc:before,
.oc-icon-y-combinator:before,
.icon-y-combinator:before {
  content: "\f23b";
}
.oc-icon-optin-monster:before,
.icon-optin-monster:before {
  content: "\f23c";
}
.oc-icon-opencart:before,
.icon-opencart:before {
  content: "\f23d";
}
.oc-icon-expeditedssl:before,
.icon-expeditedssl:before {
  content: "\f23e";
}
.oc-icon-battery-4:before,
.icon-battery-4:before,
.oc-icon-battery:before,
.icon-battery:before,
.oc-icon-battery-full:before,
.icon-battery-full:before {
  content: "\f240";
}
.oc-icon-battery-3:before,
.icon-battery-3:before,
.oc-icon-battery-three-quarters:before,
.icon-battery-three-quarters:before {
  content: "\f241";
}
.oc-icon-battery-2:before,
.icon-battery-2:before,
.oc-icon-battery-half:before,
.icon-battery-half:before {
  content: "\f242";
}
.oc-icon-battery-1:before,
.icon-battery-1:before,
.oc-icon-battery-quarter:before,
.icon-battery-quarter:before {
  content: "\f243";
}
.oc-icon-battery-0:before,
.icon-battery-0:before,
.oc-icon-battery-empty:before,
.icon-battery-empty:before {
  content: "\f244";
}
.oc-icon-mouse-pointer:before,
.icon-mouse-pointer:before {
  content: "\f245";
}
.oc-icon-i-cursor:before,
.icon-i-cursor:before {
  content: "\f246";
}
.oc-icon-object-group:before,
.icon-object-group:before {
  content: "\f247";
}
.oc-icon-object-ungroup:before,
.icon-object-ungroup:before {
  content: "\f248";
}
.oc-icon-sticky-note:before,
.icon-sticky-note:before {
  content: "\f249";
}
.oc-icon-sticky-note-o:before,
.icon-sticky-note-o:before {
  content: "\f24a";
}
.oc-icon-cc-jcb:before,
.icon-cc-jcb:before {
  content: "\f24b";
}
.oc-icon-cc-diners-club:before,
.icon-cc-diners-club:before {
  content: "\f24c";
}
.oc-icon-clone:before,
.icon-clone:before {
  content: "\f24d";
}
.oc-icon-balance-scale:before,
.icon-balance-scale:before {
  content: "\f24e";
}
.oc-icon-hourglass-o:before,
.icon-hourglass-o:before {
  content: "\f250";
}
.oc-icon-hourglass-1:before,
.icon-hourglass-1:before,
.oc-icon-hourglass-start:before,
.icon-hourglass-start:before {
  content: "\f251";
}
.oc-icon-hourglass-2:before,
.icon-hourglass-2:before,
.oc-icon-hourglass-half:before,
.icon-hourglass-half:before {
  content: "\f252";
}
.oc-icon-hourglass-3:before,
.icon-hourglass-3:before,
.oc-icon-hourglass-end:before,
.icon-hourglass-end:before {
  content: "\f253";
}
.oc-icon-hourglass:before,
.icon-hourglass:before {
  content: "\f254";
}
.oc-icon-hand-grab-o:before,
.icon-hand-grab-o:before,
.oc-icon-hand-rock-o:before,
.icon-hand-rock-o:before {
  content: "\f255";
}
.oc-icon-hand-stop-o:before,
.icon-hand-stop-o:before,
.oc-icon-hand-paper-o:before,
.icon-hand-paper-o:before {
  content: "\f256";
}
.oc-icon-hand-scissors-o:before,
.icon-hand-scissors-o:before {
  content: "\f257";
}
.oc-icon-hand-lizard-o:before,
.icon-hand-lizard-o:before {
  content: "\f258";
}
.oc-icon-hand-spock-o:before,
.icon-hand-spock-o:before {
  content: "\f259";
}
.oc-icon-hand-pointer-o:before,
.icon-hand-pointer-o:before {
  content: "\f25a";
}
.oc-icon-hand-peace-o:before,
.icon-hand-peace-o:before {
  content: "\f25b";
}
.oc-icon-trademark:before,
.icon-trademark:before {
  content: "\f25c";
}
.oc-icon-registered:before,
.icon-registered:before {
  content: "\f25d";
}
.oc-icon-creative-commons:before,
.icon-creative-commons:before {
  content: "\f25e";
}
.oc-icon-gg:before,
.icon-gg:before {
  content: "\f260";
}
.oc-icon-gg-circle:before,
.icon-gg-circle:before {
  content: "\f261";
}
.oc-icon-tripadvisor:before,
.icon-tripadvisor:before {
  content: "\f262";
}
.oc-icon-odnoklassniki:before,
.icon-odnoklassniki:before {
  content: "\f263";
}
.oc-icon-odnoklassniki-square:before,
.icon-odnoklassniki-square:before {
  content: "\f264";
}
.oc-icon-get-pocket:before,
.icon-get-pocket:before {
  content: "\f265";
}
.oc-icon-wikipedia-w:before,
.icon-wikipedia-w:before {
  content: "\f266";
}
.oc-icon-safari:before,
.icon-safari:before {
  content: "\f267";
}
.oc-icon-chrome:before,
.icon-chrome:before {
  content: "\f268";
}
.oc-icon-firefox:before,
.icon-firefox:before {
  content: "\f269";
}
.oc-icon-opera:before,
.icon-opera:before {
  content: "\f26a";
}
.oc-icon-internet-explorer:before,
.icon-internet-explorer:before {
  content: "\f26b";
}
.oc-icon-tv:before,
.icon-tv:before,
.oc-icon-television:before,
.icon-television:before {
  content: "\f26c";
}
.oc-icon-contao:before,
.icon-contao:before {
  content: "\f26d";
}
.oc-icon-500px:before,
.icon-500px:before {
  content: "\f26e";
}
.oc-icon-amazon:before,
.icon-amazon:before {
  content: "\f270";
}
.oc-icon-calendar-plus-o:before,
.icon-calendar-plus-o:before {
  content: "\f271";
}
.oc-icon-calendar-minus-o:before,
.icon-calendar-minus-o:before {
  content: "\f272";
}
.oc-icon-calendar-times-o:before,
.icon-calendar-times-o:before {
  content: "\f273";
}
.oc-icon-calendar-check-o:before,
.icon-calendar-check-o:before {
  content: "\f274";
}
.oc-icon-industry:before,
.icon-industry:before {
  content: "\f275";
}
.oc-icon-map-pin:before,
.icon-map-pin:before {
  content: "\f276";
}
.oc-icon-map-signs:before,
.icon-map-signs:before {
  content: "\f277";
}
.oc-icon-map-o:before,
.icon-map-o:before {
  content: "\f278";
}
.oc-icon-map:before,
.icon-map:before {
  content: "\f279";
}
.oc-icon-commenting:before,
.icon-commenting:before {
  content: "\f27a";
}
.oc-icon-commenting-o:before,
.icon-commenting-o:before {
  content: "\f27b";
}
.oc-icon-houzz:before,
.icon-houzz:before {
  content: "\f27c";
}
.oc-icon-vimeo:before,
.icon-vimeo:before {
  content: "\f27d";
}
.oc-icon-black-tie:before,
.icon-black-tie:before {
  content: "\f27e";
}
.oc-icon-fonticons:before,
.icon-fonticons:before {
  content: "\f280";
}
.oc-icon-reddit-alien:before,
.icon-reddit-alien:before {
  content: "\f281";
}
.oc-icon-edge:before,
.icon-edge:before {
  content: "\f282";
}
.oc-icon-credit-card-alt:before,
.icon-credit-card-alt:before {
  content: "\f283";
}
.oc-icon-codiepie:before,
.icon-codiepie:before {
  content: "\f284";
}
.oc-icon-modx:before,
.icon-modx:before {
  content: "\f285";
}
.oc-icon-fort-awesome:before,
.icon-fort-awesome:before {
  content: "\f286";
}
.oc-icon-usb:before,
.icon-usb:before {
  content: "\f287";
}
.oc-icon-product-hunt:before,
.icon-product-hunt:before {
  content: "\f288";
}
.oc-icon-mixcloud:before,
.icon-mixcloud:before {
  content: "\f289";
}
.oc-icon-scribd:before,
.icon-scribd:before {
  content: "\f28a";
}
.oc-icon-pause-circle:before,
.icon-pause-circle:before {
  content: "\f28b";
}
.oc-icon-pause-circle-o:before,
.icon-pause-circle-o:before {
  content: "\f28c";
}
.oc-icon-stop-circle:before,
.icon-stop-circle:before {
  content: "\f28d";
}
.oc-icon-stop-circle-o:before,
.icon-stop-circle-o:before {
  content: "\f28e";
}
.oc-icon-shopping-bag:before,
.icon-shopping-bag:before {
  content: "\f290";
}
.oc-icon-shopping-basket:before,
.icon-shopping-basket:before {
  content: "\f291";
}
.oc-icon-hashtag:before,
.icon-hashtag:before {
  content: "\f292";
}
.oc-icon-bluetooth:before,
.icon-bluetooth:before {
  content: "\f293";
}
.oc-icon-bluetooth-b:before,
.icon-bluetooth-b:before {
  content: "\f294";
}
.oc-icon-percent:before,
.icon-percent:before {
  content: "\f295";
}
.oc-icon-gitlab:before,
.icon-gitlab:before {
  content: "\f296";
}
.oc-icon-wpbeginner:before,
.icon-wpbeginner:before {
  content: "\f297";
}
.oc-icon-wpforms:before,
.icon-wpforms:before {
  content: "\f298";
}
.oc-icon-envira:before,
.icon-envira:before {
  content: "\f299";
}
.oc-icon-universal-access:before,
.icon-universal-access:before {
  content: "\f29a";
}
.oc-icon-wheelchair-alt:before,
.icon-wheelchair-alt:before {
  content: "\f29b";
}
.oc-icon-question-circle-o:before,
.icon-question-circle-o:before {
  content: "\f29c";
}
.oc-icon-blind:before,
.icon-blind:before {
  content: "\f29d";
}
.oc-icon-audio-description:before,
.icon-audio-description:before {
  content: "\f29e";
}
.oc-icon-volume-control-phone:before,
.icon-volume-control-phone:before {
  content: "\f2a0";
}
.oc-icon-braille:before,
.icon-braille:before {
  content: "\f2a1";
}
.oc-icon-assistive-listening-systems:before,
.icon-assistive-listening-systems:before {
  content: "\f2a2";
}
.oc-icon-asl-interpreting:before,
.icon-asl-interpreting:before,
.oc-icon-american-sign-language-interpreting:before,
.icon-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.oc-icon-deafness:before,
.icon-deafness:before,
.oc-icon-hard-of-hearing:before,
.icon-hard-of-hearing:before,
.oc-icon-deaf:before,
.icon-deaf:before {
  content: "\f2a4";
}
.oc-icon-glide:before,
.icon-glide:before {
  content: "\f2a5";
}
.oc-icon-glide-g:before,
.icon-glide-g:before {
  content: "\f2a6";
}
.oc-icon-signing:before,
.icon-signing:before,
.oc-icon-sign-language:before,
.icon-sign-language:before {
  content: "\f2a7";
}
.oc-icon-low-vision:before,
.icon-low-vision:before {
  content: "\f2a8";
}
.oc-icon-viadeo:before,
.icon-viadeo:before {
  content: "\f2a9";
}
.oc-icon-viadeo-square:before,
.icon-viadeo-square:before {
  content: "\f2aa";
}
.oc-icon-snapchat:before,
.icon-snapchat:before {
  content: "\f2ab";
}
.oc-icon-snapchat-ghost:before,
.icon-snapchat-ghost:before {
  content: "\f2ac";
}
.oc-icon-snapchat-square:before,
.icon-snapchat-square:before {
  content: "\f2ad";
}
.oc-icon-pied-piper:before,
.icon-pied-piper:before {
  content: "\f2ae";
}
.oc-icon-first-order:before,
.icon-first-order:before {
  content: "\f2b0";
}
.oc-icon-yoast:before,
.icon-yoast:before {
  content: "\f2b1";
}
.oc-icon-themeisle:before,
.icon-themeisle:before {
  content: "\f2b2";
}
.oc-icon-google-plus-circle:before,
.icon-google-plus-circle:before,
.oc-icon-google-plus-official:before,
.icon-google-plus-official:before {
  content: "\f2b3";
}
.oc-icon-fa:before,
.icon-fa:before,
.oc-icon-font-awesome:before,
.icon-font-awesome:before {
  content: "\f2b4";
}
.oc-icon-handshake-o:before,
.icon-handshake-o:before {
  content: "\f2b5";
}
.oc-icon-envelope-open:before,
.icon-envelope-open:before {
  content: "\f2b6";
}
.oc-icon-envelope-open-o:before,
.icon-envelope-open-o:before {
  content: "\f2b7";
}
.oc-icon-linode:before,
.icon-linode:before {
  content: "\f2b8";
}
.oc-icon-address-book:before,
.icon-address-book:before {
  content: "\f2b9";
}
.oc-icon-address-book-o:before,
.icon-address-book-o:before {
  content: "\f2ba";
}
.oc-icon-vcard:before,
.icon-vcard:before,
.oc-icon-address-card:before,
.icon-address-card:before {
  content: "\f2bb";
}
.oc-icon-vcard-o:before,
.icon-vcard-o:before,
.oc-icon-address-card-o:before,
.icon-address-card-o:before {
  content: "\f2bc";
}
.oc-icon-user-circle:before,
.icon-user-circle:before {
  content: "\f2bd";
}
.oc-icon-user-circle-o:before,
.icon-user-circle-o:before {
  content: "\f2be";
}
.oc-icon-user-o:before,
.icon-user-o:before {
  content: "\f2c0";
}
.oc-icon-id-badge:before,
.icon-id-badge:before {
  content: "\f2c1";
}
.oc-icon-drivers-license:before,
.icon-drivers-license:before,
.oc-icon-id-card:before,
.icon-id-card:before {
  content: "\f2c2";
}
.oc-icon-drivers-license-o:before,
.icon-drivers-license-o:before,
.oc-icon-id-card-o:before,
.icon-id-card-o:before {
  content: "\f2c3";
}
.oc-icon-quora:before,
.icon-quora:before {
  content: "\f2c4";
}
.oc-icon-free-code-camp:before,
.icon-free-code-camp:before {
  content: "\f2c5";
}
.oc-icon-telegram:before,
.icon-telegram:before {
  content: "\f2c6";
}
.oc-icon-thermometer-4:before,
.icon-thermometer-4:before,
.oc-icon-thermometer:before,
.icon-thermometer:before,
.oc-icon-thermometer-full:before,
.icon-thermometer-full:before {
  content: "\f2c7";
}
.oc-icon-thermometer-3:before,
.icon-thermometer-3:before,
.oc-icon-thermometer-three-quarters:before,
.icon-thermometer-three-quarters:before {
  content: "\f2c8";
}
.oc-icon-thermometer-2:before,
.icon-thermometer-2:before,
.oc-icon-thermometer-half:before,
.icon-thermometer-half:before {
  content: "\f2c9";
}
.oc-icon-thermometer-1:before,
.icon-thermometer-1:before,
.oc-icon-thermometer-quarter:before,
.icon-thermometer-quarter:before {
  content: "\f2ca";
}
.oc-icon-thermometer-0:before,
.icon-thermometer-0:before,
.oc-icon-thermometer-empty:before,
.icon-thermometer-empty:before {
  content: "\f2cb";
}
.oc-icon-shower:before,
.icon-shower:before {
  content: "\f2cc";
}
.oc-icon-bathtub:before,
.icon-bathtub:before,
.oc-icon-s15:before,
.icon-s15:before,
.oc-icon-bath:before,
.icon-bath:before {
  content: "\f2cd";
}
.oc-icon-podcast:before,
.icon-podcast:before {
  content: "\f2ce";
}
.oc-icon-window-maximize:before,
.icon-window-maximize:before {
  content: "\f2d0";
}
.oc-icon-window-minimize:before,
.icon-window-minimize:before {
  content: "\f2d1";
}
.oc-icon-window-restore:before,
.icon-window-restore:before {
  content: "\f2d2";
}
.oc-icon-times-rectangle:before,
.icon-times-rectangle:before,
.oc-icon-window-close:before,
.icon-window-close:before {
  content: "\f2d3";
}
.oc-icon-times-rectangle-o:before,
.icon-times-rectangle-o:before,
.oc-icon-window-close-o:before,
.icon-window-close-o:before {
  content: "\f2d4";
}
.oc-icon-bandcamp:before,
.icon-bandcamp:before {
  content: "\f2d5";
}
.oc-icon-october:before,
.icon-october:before {
  content: "\f2d6";
}
.oc-icon-etsy:before,
.icon-etsy:before {
  content: "\f2d7";
}
.oc-icon-imdb:before,
.icon-imdb:before {
  content: "\f2d8";
}
.oc-icon-ravelry:before,
.icon-ravelry:before {
  content: "\f2d9";
}
.oc-icon-eercast:before,
.icon-eercast:before {
  content: "\f2da";
}
.oc-icon-microchip:before,
.icon-microchip:before {
  content: "\f2db";
}
.oc-icon-snowflake-o:before,
.icon-snowflake-o:before {
  content: "\f2dc";
}
.oc-icon-superpowers:before,
.icon-superpowers:before {
  content: "\f2dd";
}
.oc-icon-wpexplorer:before,
.icon-wpexplorer:before {
  content: "\f2de";
}
.oc-icon-meetup:before,
.icon-meetup:before {
  content: "\f2e0";
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../foundation/elements/icons/font-icon.eot?v=1.0.1');
  src: url('../foundation/elements/icons/font-icon.eot?#iefix&v=1.0.1') format('embedded-opentype'), url('../foundation/elements/icons/font-icon.ttf?v=1.0.1') format('truetype'), url('../foundation/elements/icons/font-icon.woff?v=1.0.1') format('woff'), url('../foundation/elements/icons/font-icon.svg#fontregular?v=1.0.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}
[class^="oc-icon-"]:before,
[class*=" oc-icon-"]:before {
  display: inline-block;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: baseline;
}
[class^="oc-icon-"].empty:before,
[class*=" oc-icon-"].empty:before {
  margin-right: 0;
}
.icon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
@font-face {
  font-family: 'octo-icon';
  src: url('../foundation/elements/octoicons/octo-icon.eot?symvb&v=1.0.1');
  src: url('../foundation/elements/octoicons/octo-icon.eot?symvb#iefix&v=1.0.1') format('embedded-opentype'), url('../foundation/elements/octoicons/octo-icon.ttf?symvb&v=1.0.1') format('truetype'), url('../foundation/elements/octoicons/octo-icon.woff?symvb&v=1.0.1') format('woff'), url('../foundation/elements/octoicons/octo-icon.svg?symvb#octo-icon&v=1.0.1') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="octo-icon-"],
[class*=" octo-icon-"] {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.octo-icon-size-20 {
  font-size: 20px;
}
.octo-icon-earth:before {
  content: "\eb55";
}
.octo-icon-language-letters:before {
  content: "\eb56";
}
.octo-icon-database-flash:before {
  content: "\eb54";
}
.octo-icon-collapse:before {
  content: "\eb26";
}
.octo-icon-music:before {
  content: "\e964";
}
.octo-icon-envelope:before {
  content: "\e965";
}
.octo-icon-heart:before {
  content: "\e966";
}
.octo-icon-star:before {
  content: "\e967";
}
.octo-icon-user:before {
  content: "\e968";
}
.octo-icon-film:before {
  content: "\e969";
}
.octo-icon-check:before {
  content: "\e96a";
}
.octo-icon-remove:before {
  content: "\e96b";
}
.octo-icon-close:before {
  content: "\e96c";
}
.octo-icon-search-minus:before {
  content: "\e96d";
}
.octo-icon-search-plus:before {
  content: "\e96e";
}
.octo-icon-power-off:before {
  content: "\e96f";
}
.octo-icon-signal:before {
  content: "\e970";
}
.octo-icon-gear:before {
  content: "\e971";
}
.octo-icon-cog:before {
  content: "\e972";
}
.octo-icon-home:before {
  content: "\e973";
}
.octo-icon-file:before {
  content: "\e974";
}
.octo-icon-clock:before {
  content: "\e975";
}
.octo-icon-road:before {
  content: "\e976";
}
.octo-icon-arrow-circle-o-down:before {
  content: "\e977";
}
.octo-icon-arrow-circle-o-up:before {
  content: "\e978";
}
.octo-icon-inbox:before {
  content: "\e979";
}
.octo-icon-play-circle:before {
  content: "\e97a";
}
.octo-icon-rotate-right:before {
  content: "\e97b";
}
.octo-icon-repeat:before {
  content: "\e97c";
}
.octo-icon-refresh:before {
  content: "\e97d";
}
.octo-icon-list-alt:before {
  content: "\e97e";
}
.octo-icon-headphones:before {
  content: "\e97f";
}
.octo-icon-volume-off:before {
  content: "\e980";
}
.octo-icon-volume-down:before {
  content: "\e981";
}
.octo-icon-volume-up:before {
  content: "\e982";
}
.octo-icon-qrcode:before {
  content: "\e983";
}
.octo-icon-barcode:before {
  content: "\e984";
}
.octo-icon-tags:before {
  content: "\e985";
}
.octo-icon-book:before {
  content: "\e986";
}
.octo-icon-bookmark:before {
  content: "\e987";
}
.octo-icon-print:before {
  content: "\e988";
}
.octo-icon-camera:before {
  content: "\e989";
}
.octo-icon-font:before {
  content: "\e98a";
}
.octo-icon-text-height:before {
  content: "\e98b";
}
.octo-icon-text-width:before {
  content: "\e98c";
}
.octo-icon-video-camera:before {
  content: "\e98d";
}
.octo-icon-photo:before {
  content: "\e98e";
}
.octo-icon-image:before {
  content: "\e98f";
}
.octo-icon-picture:before {
  content: "\e990";
}
.octo-icon-pencil:before {
  content: "\e991";
}
.octo-icon-map-marker:before {
  content: "\e992";
}
.octo-icon-adjust:before {
  content: "\e993";
}
.octo-icon-edit:before {
  content: "\e994";
}
.octo-icon-pencil-square:before {
  content: "\e995";
}
.octo-icon-share-square:before {
  content: "\e996";
}
.octo-icon-check-square:before {
  content: "\e997";
}
.octo-icon-arrows:before {
  content: "\e998";
}
.octo-icon-pause:before {
  content: "\e999";
}
.octo-icon-stop:before {
  content: "\e99a";
}
.octo-icon-eject:before {
  content: "\e99b";
}
.octo-icon-chevron-right:before {
  content: "\e99c";
}
.octo-icon-plus-circle:before {
  content: "\e99d";
}
.octo-icon-minus-circle:before {
  content: "\e99e";
}
.octo-icon-times-circle:before {
  content: "\e99f";
}
.octo-icon-check-circle:before {
  content: "\e9a0";
}
.octo-icon-question-circle:before {
  content: "\e9a1";
}
.octo-icon-info-circle:before {
  content: "\e9a2";
}
.octo-icon-crosshairs:before {
  content: "\e9a3";
}
.octo-icon-times-circle-o:before {
  content: "\e9a4";
}
.octo-icon-check-circle-o:before {
  content: "\e9a5";
}
.octo-icon-ban:before {
  content: "\e9a6";
}
.octo-icon-arrow-left:before {
  content: "\e9a7";
}
.octo-icon-arrow-right:before {
  content: "\e9a8";
}
.octo-icon-arrow-up:before {
  content: "\e9a9";
}
.octo-icon-arrow-down:before {
  content: "\e9aa";
}
.octo-icon-mail-forward:before {
  content: "\e9ab";
}
.octo-icon-share:before {
  content: "\e9ac";
}
.octo-icon-expand:before {
  content: "\e9ad";
}
.octo-icon-compress:before {
  content: "\e9ae";
}
.octo-icon-minus:before {
  content: "\e9af";
}
.octo-icon-asterisk:before {
  content: "\e9b0";
}
.octo-icon-exclamation-circle:before {
  content: "\e9b1";
}
.octo-icon-gift:before {
  content: "\e9b2";
}
.octo-icon-leaf:before {
  content: "\e9b3";
}
.octo-icon-fire:before {
  content: "\e9b4";
}
.octo-icon-eye:before {
  content: "\e9b5";
}
.octo-icon-eye-slash:before {
  content: "\e9b6";
}
.octo-icon-calendar:before {
  content: "\e9b7";
}
.octo-icon-comment:before {
  content: "\e9b8";
}
.octo-icon-chevron-down:before {
  content: "\e9b9";
}
.octo-icon-retweet:before {
  content: "\e9ba";
}
.octo-icon-shopping-cart:before {
  content: "\e9bb";
}
.octo-icon-folder:before {
  content: "\e9bc";
}
.octo-icon-folder-open:before {
  content: "\e9bd";
}
.octo-icon-arrows-v:before {
  content: "\e9be";
}
.octo-icon-arrows-h:before {
  content: "\e9bf";
}
.octo-icon-bar-chart-o:before {
  content: "\e9c0";
}
.octo-icon-bar-chart:before {
  content: "\e9c1";
}
.octo-icon-twitter-square:before {
  content: "\e9c2";
}
.octo-icon-facebook-square:before {
  content: "\e9c3";
}
.octo-icon-camera-retro:before {
  content: "\e9c4";
}
.octo-icon-key:before {
  content: "\e9c5";
}
.octo-icon-cogs:before {
  content: "\e9c6";
}
.octo-icon-comments:before {
  content: "\e9c7";
}
.octo-icon-thumbs-o-down:before {
  content: "\e9c8";
}
.octo-icon-heart-o:before {
  content: "\e9c9";
}
.octo-icon-sign-out:before {
  content: "\e9ca";
}
.octo-icon-linkedin-square:before {
  content: "\e9cb";
}
.octo-icon-thumb-tack:before {
  content: "\e9cc";
}
.octo-icon-external-link:before {
  content: "\e9cd";
}
.octo-icon-sign-in:before {
  content: "\e9ce";
}
.octo-icon-trophy:before {
  content: "\e9cf";
}
.octo-icon-upload:before {
  content: "\e9d0";
}
.octo-icon-lemon-o:before {
  content: "\e9d1";
}
.octo-icon-phone:before {
  content: "\e9d2";
}
.octo-icon-square-o:before {
  content: "\e9d3";
}
.octo-icon-bookmark-o:before {
  content: "\e9d4";
}
.octo-icon-phone-square:before {
  content: "\e9d5";
}
.octo-icon-twitter:before {
  content: "\e9d6";
}
.octo-icon-facebook-f:before {
  content: "\e9d7";
}
.octo-icon-facebook:before {
  content: "\e9d8";
}
.octo-icon-unlock:before {
  content: "\e9d9";
}
.octo-icon-credit-card:before {
  content: "\e9da";
}
.octo-icon-feed:before {
  content: "\e9db";
}
.octo-icon-rss:before {
  content: "\e9dc";
}
.octo-icon-hdd-o:before {
  content: "\e9dd";
}
.octo-icon-certificate:before {
  content: "\e9de";
}
.octo-icon-arrow-circle-left:before {
  content: "\e9df";
}
.octo-icon-arrow-circle-down:before {
  content: "\e9e0";
}
.octo-icon-wrench:before {
  content: "\e9e1";
}
.octo-icon-tasks:before {
  content: "\e9e2";
}
.octo-icon-filter:before {
  content: "\e9e3";
}
.octo-icon-briefcase:before {
  content: "\e9e4";
}
.octo-icon-arrows-alt:before {
  content: "\e9e5";
}
.octo-icon-group:before {
  content: "\e9e6";
}
.octo-icon-chain:before {
  content: "\e9e7";
}
.octo-icon-flask:before {
  content: "\e9e8";
}
.octo-icon-cut:before {
  content: "\e9e9";
}
.octo-icon-scissors:before {
  content: "\e9ea";
}
.octo-icon-copy:before {
  content: "\e9eb";
}
.octo-icon-files-o:before {
  content: "\e9ec";
}
.octo-icon-square:before {
  content: "\e9ed";
}
.octo-icon-navicon:before {
  content: "\e9ee";
}
.octo-icon-reorder:before {
  content: "\e9ef";
}
.octo-icon-bars:before {
  content: "\e9f0";
}
.octo-icon-list-ul:before {
  content: "\e9f1";
}
.octo-icon-list-ol:before {
  content: "\e9f2";
}
.octo-icon-strikethrough:before {
  content: "\e9f3";
}
.octo-icon-magic:before {
  content: "\e9f4";
}
.octo-icon-truck:before {
  content: "\e9f5";
}
.octo-icon-pinterest:before {
  content: "\e9f6";
}
.octo-icon-pinterest-square:before {
  content: "\e9f7";
}
.octo-icon-google-plus-square:before {
  content: "\e9f8";
}
.octo-icon-google-plus:before {
  content: "\e9f9";
}
.octo-icon-caret-down:before {
  content: "\e9fa";
}
.octo-icon-caret-up:before {
  content: "\e9fb";
}
.octo-icon-caret-left:before {
  content: "\e9fc";
}
.octo-icon-caret-right:before {
  content: "\e9fd";
}
.octo-icon-columns:before {
  content: "\e9fe";
}
.octo-icon-sort:before {
  content: "\e9ff";
}
.octo-icon-sort-down:before {
  content: "\ea00";
}
.octo-icon-sort-desc:before {
  content: "\ea01";
}
.octo-icon-sort-up:before {
  content: "\ea02";
}
.octo-icon-sort-asc:before {
  content: "\ea03";
}
.octo-icon-linkedin:before {
  content: "\ea04";
}
.octo-icon-rotate-left:before {
  content: "\ea05";
}
.octo-icon-legal:before {
  content: "\ea06";
}
.octo-icon-gavel:before {
  content: "\ea07";
}
.octo-icon-dashboard:before {
  content: "\ea08";
}
.octo-icon-tachometer:before {
  content: "\ea09";
}
.octo-icon-comment-o:before {
  content: "\ea0a";
}
.octo-icon-comments-o:before {
  content: "\ea0b";
}
.octo-icon-sitemap:before {
  content: "\ea0c";
}
.octo-icon-umbrella:before {
  content: "\ea0d";
}
.octo-icon-clipboard:before {
  content: "\ea0e";
}
.octo-icon-lightbulb-o:before {
  content: "\ea0f";
}
.octo-icon-exchange:before {
  content: "\ea10";
}
.octo-icon-user-md:before {
  content: "\ea11";
}
.octo-icon-stethoscope:before {
  content: "\ea12";
}
.octo-icon-suitcase:before {
  content: "\ea13";
}
.octo-icon-bell-o:before {
  content: "\ea14";
}
.octo-icon-coffee:before {
  content: "\ea15";
}
.octo-icon-file-text-o:before {
  content: "\ea16";
}
.octo-icon-building-o:before {
  content: "\ea17";
}
.octo-icon-hospital-o:before {
  content: "\ea18";
}
.octo-icon-ambulance:before {
  content: "\ea19";
}
.octo-icon-medkit:before {
  content: "\ea1a";
}
.octo-icon-fighter-jet:before {
  content: "\ea1b";
}
.octo-icon-beer:before {
  content: "\ea1c";
}
.octo-icon-h-square:before {
  content: "\ea1d";
}
.octo-icon-plus-square:before {
  content: "\ea1e";
}
.octo-icon-angle-double-left:before {
  content: "\ea1f";
}
.octo-icon-angle-double-right:before {
  content: "\ea20";
}
.octo-icon-angle-double-up:before {
  content: "\ea21";
}
.octo-icon-angle-double-down:before {
  content: "\ea22";
}
.octo-icon-angle-left:before {
  content: "\ea23";
}
.octo-icon-angle-right:before {
  content: "\ea24";
}
.octo-icon-desktop:before {
  content: "\ea25";
}
.octo-icon-laptop:before {
  content: "\ea26";
}
.octo-icon-tablet:before {
  content: "\ea27";
}
.octo-icon-mobile-phone:before {
  content: "\ea28";
}
.octo-icon-mobile:before {
  content: "\ea29";
}
.octo-icon-circle-o:before {
  content: "\ea2a";
}
.octo-icon-quote-left:before {
  content: "\ea2b";
}
.octo-icon-quote-right:before {
  content: "\ea2c";
}
.octo-icon-spinner:before {
  content: "\ea2d";
}
.octo-icon-circle:before {
  content: "\ea2e";
}
.octo-icon-mail-reply:before {
  content: "\ea2f";
}
.octo-icon-reply:before {
  content: "\ea30";
}
.octo-icon-folder-o:before {
  content: "\ea31";
}
.octo-icon-folder-open-o:before {
  content: "\ea32";
}
.octo-icon-smile-o:before {
  content: "\ea33";
}
.octo-icon-frown-o:before {
  content: "\ea34";
}
.octo-icon-meh-o:before {
  content: "\ea35";
}
.octo-icon-keyboard-o:before {
  content: "\ea36";
}
.octo-icon-flag-checkered:before {
  content: "\ea37";
}
.octo-icon-terminal:before {
  content: "\ea38";
}
.octo-icon-code:before {
  content: "\ea39";
}
.octo-icon-mail-reply-all:before {
  content: "\ea3a";
}
.octo-icon-reply-all:before {
  content: "\ea3b";
}
.octo-icon-location-arrow:before {
  content: "\ea3c";
}
.octo-icon-crop:before {
  content: "\ea3d";
}
.octo-icon-chain-broken:before {
  content: "\ea3e";
}
.octo-icon-question:before {
  content: "\ea3f";
}
.octo-icon-exclamation:before {
  content: "\ea40";
}
.octo-icon-superscript:before {
  content: "\ea41";
}
.octo-icon-subscript:before {
  content: "\ea42";
}
.octo-icon-puzzle-piece:before {
  content: "\ea43";
}
.octo-icon-microphone:before {
  content: "\ea44";
}
.octo-icon-microphone-slash:before {
  content: "\ea45";
}
.octo-icon-shield:before {
  content: "\ea46";
}
.octo-icon-calendar-o:before {
  content: "\ea47";
}
.octo-icon-fire-extinguisher:before {
  content: "\ea48";
}
.octo-icon-rocket:before {
  content: "\ea49";
}
.octo-icon-chevron-circle-left:before {
  content: "\ea4a";
}
.octo-icon-chevron-circle-right:before {
  content: "\ea4b";
}
.octo-icon-chevron-circle-up:before {
  content: "\ea4c";
}
.octo-icon-chevron-circle-down:before {
  content: "\ea4d";
}
.octo-icon-html5:before {
  content: "\ea4e";
}
.octo-icon-css3:before {
  content: "\ea4f";
}
.octo-icon-anchor:before {
  content: "\ea50";
}
.octo-icon-unlock-alt:before {
  content: "\ea51";
}
.octo-icon-bullseye:before {
  content: "\ea52";
}
.octo-icon-rss-square:before {
  content: "\ea53";
}
.octo-icon-minus-square:before {
  content: "\ea54";
}
.octo-icon-minus-square-o:before {
  content: "\ea55";
}
.octo-icon-level-down:before {
  content: "\ea56";
}
.octo-icon-toggle-down:before {
  content: "\ea57";
}
.octo-icon-caret-square-o-down:before {
  content: "\ea58";
}
.octo-icon-toggle-up:before {
  content: "\ea59";
}
.octo-icon-caret-square-o-up:before {
  content: "\ea5a";
}
.octo-icon-caret-square-o-right:before {
  content: "\ea5b";
}
.octo-icon-euro:before {
  content: "\ea5c";
}
.octo-icon-sort-numeric-asc:before {
  content: "\ea5d";
}
.octo-icon-sort-numeric-desc:before {
  content: "\ea5e";
}
.octo-icon-eur:before {
  content: "\ea5f";
}
.octo-icon-gbp:before {
  content: "\ea60";
}
.octo-icon-dollar:before {
  content: "\ea61";
}
.octo-icon-usd:before {
  content: "\ea62";
}
.octo-icon-bitcoin:before {
  content: "\ea63";
}
.octo-icon-btc:before {
  content: "\ea64";
}
.octo-icon-file-text:before {
  content: "\ea65";
}
.octo-icon-thumbs-up:before {
  content: "\ea66";
}
.octo-icon-thumbs-down:before {
  content: "\ea67";
}
.octo-icon-youtube-square:before {
  content: "\ea68";
}
.octo-icon-youtube:before {
  content: "\ea69";
}
.octo-icon-xing:before {
  content: "\ea6a";
}
.octo-icon-xing-square:before {
  content: "\ea6b";
}
.octo-icon-youtube-play:before {
  content: "\ea6c";
}
.octo-icon-dropbox:before {
  content: "\ea6d";
}
.octo-icon-stack-overflow:before {
  content: "\ea6e";
}
.octo-icon-instagram:before {
  content: "\ea6f";
}
.octo-icon-flickr:before {
  content: "\ea70";
}
.octo-icon-tumblr:before {
  content: "\ea71";
}
.octo-icon-tumblr-square:before {
  content: "\ea72";
}
.octo-icon-long-arrow-down:before {
  content: "\ea73";
}
.octo-icon-long-arrow-up:before {
  content: "\ea74";
}
.octo-icon-long-arrow-left:before {
  content: "\ea75";
}
.octo-icon-long-arrow-right:before {
  content: "\ea76";
}
.octo-icon-apple:before {
  content: "\ea77";
}
.octo-icon-windows:before {
  content: "\ea78";
}
.octo-icon-android:before {
  content: "\ea79";
}
.octo-icon-dribbble:before {
  content: "\ea7a";
}
.octo-icon-foursquare:before {
  content: "\ea7b";
}
.octo-icon-female:before {
  content: "\ea7c";
}
.octo-icon-male:before {
  content: "\ea7d";
}
.octo-icon-sun-o:before {
  content: "\ea7e";
}
.octo-icon-moon-o:before {
  content: "\ea7f";
}
.octo-icon-archive:before {
  content: "\ea80";
}
.octo-icon-bug:before {
  content: "\ea81";
}
.octo-icon-vk:before {
  content: "\ea82";
}
.octo-icon-weibo:before {
  content: "\ea83";
}
.octo-icon-renren:before {
  content: "\ea84";
}
.octo-icon-arrow-circle-o-right:before {
  content: "\ea85";
}
.octo-icon-arrow-circle-o-left:before {
  content: "\ea86";
}
.octo-icon-caret-square-o-left:before {
  content: "\ea87";
}
.octo-icon-dot-circle-o:before {
  content: "\ea88";
}
.octo-icon-wheelchair:before {
  content: "\ea89";
}
.octo-icon-plus-square-o:before {
  content: "\ea8a";
}
.octo-icon-space-shuttle:before {
  content: "\ea8b";
}
.octo-icon-envelope-square:before {
  content: "\ea8c";
}
.octo-icon-institution:before {
  content: "\ea8d";
}
.octo-icon-bank:before {
  content: "\ea8e";
}
.octo-icon-university:before {
  content: "\ea8f";
}
.octo-icon-mortar-board:before {
  content: "\ea90";
}
.octo-icon-yahoo:before {
  content: "\ea91";
}
.octo-icon-reddit:before {
  content: "\ea92";
}
.octo-icon-reddit-square:before {
  content: "\ea93";
}
.octo-icon-delicious:before {
  content: "\ea94";
}
.octo-icon-digg:before {
  content: "\ea95";
}
.octo-icon-drupal:before {
  content: "\ea96";
}
.octo-icon-language:before {
  content: "\ea97";
}
.octo-icon-building:before {
  content: "\ea98";
}
.octo-icon-paw:before {
  content: "\ea99";
}
.octo-icon-spoon:before {
  content: "\ea9a";
}
.octo-icon-steam:before {
  content: "\ea9b";
}
.octo-icon-steam-square:before {
  content: "\ea9c";
}
.octo-icon-automobile:before {
  content: "\ea9d";
}
.octo-icon-car:before {
  content: "\ea9e";
}
.octo-icon-cab:before {
  content: "\ea9f";
}
.octo-icon-taxi:before {
  content: "\eaa0";
}
.octo-icon-tree:before {
  content: "\eaa1";
}
.octo-icon-database:before {
  content: "\eaa2";
}
.octo-icon-file-pdf-o:before {
  content: "\eaa3";
}
.octo-icon-file-word-o:before {
  content: "\eaa4";
}
.octo-icon-file-excel-o:before {
  content: "\eaa5";
}
.octo-icon-file-powerpoint-o:before {
  content: "\eaa6";
}
.octo-icon-file-photo-o:before {
  content: "\eaa7";
}
.octo-icon-file-picture-o:before {
  content: "\eaa8";
}
.octo-icon-file-image-o:before {
  content: "\eaa9";
}
.octo-icon-file-zip-o:before {
  content: "\eaaa";
}
.octo-icon-file-archive-o:before {
  content: "\eaab";
}
.octo-icon-file-sound-o:before {
  content: "\eaac";
}
.octo-icon-file-audio-o:before {
  content: "\eaad";
}
.octo-icon-file-video-o:before {
  content: "\eaae";
}
.octo-icon-file-code-o:before {
  content: "\eaaf";
}
.octo-icon-vine:before {
  content: "\eab0";
}
.octo-icon-life-bouy:before {
  content: "\eab1";
}
.octo-icon-life-buoy:before {
  content: "\eab2";
}
.octo-icon-life-saver:before {
  content: "\eab3";
}
.octo-icon-support:before {
  content: "\eab4";
}
.octo-icon-life-ring:before {
  content: "\eab5";
}
.octo-icon-ra:before {
  content: "\eab6";
}
.octo-icon-empire:before {
  content: "\eab7";
}
.octo-icon-tencent-weibo:before {
  content: "\eab8";
}
.octo-icon-send:before {
  content: "\eab9";
}
.octo-icon-paper-plane:before {
  content: "\eaba";
}
.octo-icon-send-o:before {
  content: "\eabb";
}
.octo-icon-paper-plane-o:before {
  content: "\eabc";
}
.octo-icon-history:before {
  content: "\eabd";
}
.octo-icon-circle-thin:before {
  content: "\eabe";
}
.octo-icon-paragraph:before {
  content: "\eabf";
}
.octo-icon-sliders:before {
  content: "\eac0";
}
.octo-icon-share-alt:before {
  content: "\eac1";
}
.octo-icon-share-alt-square:before {
  content: "\eac2";
}
.octo-icon-bomb:before {
  content: "\eac3";
}
.octo-icon-soccer-ball-o:before {
  content: "\eac4";
}
.octo-icon-futbol-o:before {
  content: "\eac5";
}
.octo-icon-tty:before {
  content: "\eac6";
}
.octo-icon-binoculars:before {
  content: "\eac7";
}
.octo-icon-twitch:before {
  content: "\eac8";
}
.octo-icon-yelp:before {
  content: "\eac9";
}
.octo-icon-newspaper-o:before {
  content: "\eaca";
}
.octo-icon-wifi:before {
  content: "\eacb";
}
.octo-icon-calculator:before {
  content: "\eacc";
}
.octo-icon-paypal:before {
  content: "\eacd";
}
.octo-icon-cc-visa:before {
  content: "\eace";
}
.octo-icon-cc-mastercard:before {
  content: "\eacf";
}
.octo-icon-cc-discover:before {
  content: "\ead0";
}
.octo-icon-cc-amex:before {
  content: "\ead1";
}
.octo-icon-cc-paypal:before {
  content: "\ead2";
}
.octo-icon-cc-stripe:before {
  content: "\ead3";
}
.octo-icon-bell-slash:before {
  content: "\ead4";
}
.octo-icon-bell-slash-o:before {
  content: "\ead5";
}
.octo-icon-at:before {
  content: "\ead6";
}
.octo-icon-paint-brush:before {
  content: "\ead7";
}
.octo-icon-birthday-cake:before {
  content: "\ead8";
}
.octo-icon-area-chart:before {
  content: "\ead9";
}
.octo-icon-pie-chart:before {
  content: "\eada";
}
.octo-icon-line-chart:before {
  content: "\eadb";
}
.octo-icon-lastfm:before {
  content: "\eadc";
}
.octo-icon-lastfm-square:before {
  content: "\eadd";
}
.octo-icon-toggle-off:before {
  content: "\eade";
}
.octo-icon-toggle-on:before {
  content: "\eadf";
}
.octo-icon-bicycle:before {
  content: "\eae0";
}
.octo-icon-bus:before {
  content: "\eae1";
}
.octo-icon-cc:before {
  content: "\eae2";
}
.octo-icon-cart-plus:before {
  content: "\eae3";
}
.octo-icon-cart-arrow-down:before {
  content: "\eae4";
}
.octo-icon-diamond:before {
  content: "\eae5";
}
.octo-icon-ship:before {
  content: "\eae6";
}
.octo-icon-street-view:before {
  content: "\eae7";
}
.octo-icon-heartbeat:before {
  content: "\eae8";
}
.octo-icon-venus:before {
  content: "\eae9";
}
.octo-icon-mars:before {
  content: "\eaea";
}
.octo-icon-transgender:before {
  content: "\eaeb";
}
.octo-icon-transgender-alt:before {
  content: "\eaec";
}
.octo-icon-facebook-official:before {
  content: "\eaed";
}
.octo-icon-pinterest-p:before {
  content: "\eaee";
}
.octo-icon-whatsapp:before {
  content: "\eaef";
}
.octo-icon-server:before {
  content: "\eaf0";
}
.octo-icon-user-plus:before {
  content: "\eaf1";
}
.octo-icon-hotel:before {
  content: "\eaf2";
}
.octo-icon-bed:before {
  content: "\eaf3";
}
.octo-icon-train:before {
  content: "\eaf4";
}
.octo-icon-subway:before {
  content: "\eaf5";
}
.octo-icon-battery-4:before {
  content: "\eaf6";
}
.octo-icon-battery:before {
  content: "\eaf7";
}
.octo-icon-battery-full:before {
  content: "\eaf8";
}
.octo-icon-battery-3:before {
  content: "\eaf9";
}
.octo-icon-battery-three-quarters:before {
  content: "\eafa";
}
.octo-icon-battery-2:before {
  content: "\eafb";
}
.octo-icon-battery-half:before {
  content: "\eafc";
}
.octo-icon-battery-1:before {
  content: "\eafd";
}
.octo-icon-battery-quarter:before {
  content: "\eafe";
}
.octo-icon-battery-0:before {
  content: "\eaff";
}
.octo-icon-battery-empty:before {
  content: "\eb00";
}
.octo-icon-mouse-pointer:before {
  content: "\eb01";
}
.octo-icon-i-cursor:before {
  content: "\eb02";
}
.octo-icon-clone:before {
  content: "\eb03";
}
.octo-icon-balance-scale:before {
  content: "\eb04";
}
.octo-icon-hourglass-1:before {
  content: "\eb05";
}
.octo-icon-hourglass-start:before {
  content: "\eb06";
}
.octo-icon-hourglass-half:before {
  content: "\eb07";
}
.octo-icon-odnoklassniki:before {
  content: "\eb08";
}
.octo-icon-odnoklassniki-square:before {
  content: "\eb09";
}
.octo-icon-wikipedia-w:before {
  content: "\eb0a";
}
.octo-icon-tv:before {
  content: "\eb0b";
}
.octo-icon-television:before {
  content: "\eb0c";
}
.octo-icon-px:before {
  content: "\eb0d";
}
.octo-icon-amazon:before {
  content: "\eb0e";
}
.octo-icon-calendar-plus-o:before {
  content: "\eb0f";
}
.octo-icon-calendar-minus-o:before {
  content: "\eb10";
}
.octo-icon-calendar-times-o:before {
  content: "\eb11";
}
.octo-icon-calendar-check-o:before {
  content: "\eb12";
}
.octo-icon-industry:before {
  content: "\eb13";
}
.octo-icon-map-signs:before {
  content: "\eb14";
}
.octo-icon-commenting:before {
  content: "\eb15";
}
.octo-icon-black-tie:before {
  content: "\eb16";
}
.octo-icon-reddit-alien:before {
  content: "\eb17";
}
.octo-icon-credit-card-alt:before {
  content: "\eb18";
}
.octo-icon-scribd:before {
  content: "\eb19";
}
.octo-icon-usb:before {
  content: "\eb1a";
}
.octo-icon-pause-circle:before {
  content: "\eb1b";
}
.octo-icon-pause-circle-o:before {
  content: "\eb1c";
}
.octo-icon-stop-circle:before {
  content: "\eb1d";
}
.octo-icon-stop-circle-o:before {
  content: "\eb1e";
}
.octo-icon-shopping-bag:before {
  content: "\eb1f";
}
.octo-icon-shopping-basket:before {
  content: "\eb20";
}
.octo-icon-hashtag:before {
  content: "\eb21";
}
.octo-icon-bluetooth-b:before {
  content: "\eb22";
}
.octo-icon-wheelchair-alt:before {
  content: "\eb23";
}
.octo-icon-question-circle-o:before {
  content: "\eb24";
}
.octo-icon-blind:before {
  content: "\eb25";
}
.octo-icon-volume-control-phone:before {
  content: "\eb26";
}
.octo-icon-braille:before {
  content: "\eb27";
}
.octo-icon-snapchat:before {
  content: "\eb28";
}
.octo-icon-snapchat-ghost:before {
  content: "\eb29";
}
.octo-icon-snapchat-square:before {
  content: "\eb2a";
}
.octo-icon-google-plus-circle:before {
  content: "\eb2b";
}
.octo-icon-google-plus-official:before {
  content: "\eb2c";
}
.octo-icon-handshake-o:before {
  content: "\eb2d";
}
.octo-icon-envelope-open:before {
  content: "\eb2e";
}
.octo-icon-envelope-open-o:before {
  content: "\eb2f";
}
.octo-icon-address-book:before {
  content: "\eb30";
}
.octo-icon-address-book-o:before {
  content: "\eb31";
}
.octo-icon-vcard:before {
  content: "\eb32";
}
.octo-icon-address-card:before {
  content: "\eb33";
}
.octo-icon-vcard-o:before {
  content: "\eb34";
}
.octo-icon-address-card-o:before {
  content: "\eb35";
}
.octo-icon-user-circle:before {
  content: "\eb36";
}
.octo-icon-user-circle-o:before {
  content: "\eb37";
}
.octo-icon-user-o:before {
  content: "\eb38";
}
.octo-icon-id-badge:before {
  content: "\eb39";
}
.octo-icon-drivers-license:before {
  content: "\eb3a";
}
.octo-icon-id-card:before {
  content: "\eb3b";
}
.octo-icon-drivers-license-o:before {
  content: "\eb3c";
}
.octo-icon-id-card-o:before {
  content: "\eb3d";
}
.octo-icon-quora:before {
  content: "\eb3e";
}
.octo-icon-thermometer-4:before {
  content: "\eb3f";
}
.octo-icon-thermometer:before {
  content: "\eb40";
}
.octo-icon-thermometer-3:before {
  content: "\eb41";
}
.octo-icon-thermometer-full:before {
  content: "\eb42";
}
.octo-icon-thermometer-three-quarters:before {
  content: "\eb43";
}
.octo-icon-thermometer-half:before {
  content: "\eb44";
}
.octo-icon-thermometer-2:before {
  content: "\eb45";
}
.octo-icon-thermometer-1:before {
  content: "\eb46";
}
.octo-icon-thermometer-quarter:before {
  content: "\eb47";
}
.octo-icon-thermometer-0:before {
  content: "\eb48";
}
.octo-icon-thermometer-empty:before {
  content: "\eb49";
}
.octo-icon-shower:before {
  content: "\eb4a";
}
.octo-icon-window-maximize:before {
  content: "\eb4b";
}
.octo-icon-window-minimize:before {
  content: "\eb4c";
}
.octo-icon-window-restore:before {
  content: "\eb4d";
}
.octo-icon-window-close:before {
  content: "\eb4e";
}
.octo-icon-etsy:before {
  content: "\eb4f";
}
.octo-icon-imdb:before {
  content: "\eb50";
}
.octo-icon-microchip:before {
  content: "\eb51";
}
.octo-icon-snowflake-o:before {
  content: "\eb52";
}
.octo-icon-meetup:before {
  content: "\eb53";
}
.octo-icon-add-bold:before {
  content: "\e962";
}
.octo-icon-layers-grid-add:before {
  content: "\e963";
}
.octo-icon-common-file-star:before {
  content: "\e961";
}
.octo-icon-set-parent:before {
  content: "\e960";
}
.octo-icon-common-file-remove:before {
  content: "\e95c";
}
.octo-icon-common-file-sync:before {
  content: "\e95d";
}
.octo-icon-harddrive-upload:before {
  content: "\e95e";
}
.octo-icon-common-file-upload:before {
  content: "\e95f";
}
.octo-icon-list-reorder:before {
  content: "\e95b";
}
.octo-icon-keyboard-return:before {
  content: "\e95a";
}
.octo-icon-calendar-add:before {
  content: "\e951";
}
.octo-icon-calendar-3:before {
  content: "\e952";
}
.octo-icon-calendar-disable:before {
  content: "\e953";
}
.octo-icon-calendar-check:before {
  content: "\e954";
}
.octo-icon-calendar-clock:before {
  content: "\e955";
}
.octo-icon-notes-edit-active .path1:before {
  content: "\e956";
  color: #ff9c09;
}
.octo-icon-notes-edit-active .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: #536061;
}
.octo-icon-notes-edit:before {
  content: "\e958";
}
.octo-icon-calendar-check-1:before {
  content: "\e959";
}
.octo-icon-user-actions-key:before {
  content: "\e950";
}
.octo-icon-id-card-1:before {
  content: "\e94e";
}
.octo-icon-user-group:before {
  content: "\e94f";
}
.octo-icon-translate:before {
  content: "\e94c";
}
.octo-icon-globe:before {
  content: "\e94d";
}
.octo-icon-code-snippet:before {
  content: "\e94b";
}
.octo-icon-log-settings:before {
  content: "\e941";
}
.octo-icon-lock:before {
  content: "\e949";
}
.octo-icon-users:before {
  content: "\e94a";
}
.octo-icon-power:before {
  content: "\e942";
}
.octo-icon-paint-brush-1:before {
  content: "\e943";
}
.octo-icon-mail-templates:before {
  content: "\e947";
}
.octo-icon-mail-messages:before {
  content: "\e945";
}
.octo-icon-mail-settings:before {
  content: "\e946";
}
.octo-icon-mail-branding:before {
  content: "\e944";
}
.octo-icon-download:before {
  content: "\e948";
}
.octo-icon-plus:before {
  content: "\e940";
}
.octo-icon-cross:before {
  content: "\e93e";
}
.octo-icon-callout-danger:before {
  content: "\e93d";
}
.octo-icon-callout-success:before {
  content: "\e93c";
}
.octo-icon-callout-info:before {
  content: "\e93f";
}
.octo-icon-add-above:before {
  content: "\e93a";
}
.octo-icon-add-below:before {
  content: "\e93b";
}
.octo-icon-check-multi:before {
  content: "\e939";
}
.octo-icon-unlink:before {
  content: "\e938";
}
.octo-icon-list-add:before {
  content: "\e935";
}
.octo-icon-list-remove:before {
  content: "\e936";
}
.octo-icon-create:before {
  content: "\e937";
}
.octo-icon-preview:before {
  content: "\e933";
}
.octo-icon-window-split:before {
  content: "\e934";
}
.octo-icon-eraser:before {
  content: "\e92e";
}
.octo-icon-text-code-block:before {
  content: "\e932";
}
.octo-icon-text-h1:before {
  content: "\e92f";
}
.octo-icon-text-h3:before {
  content: "\e930";
}
.octo-icon-text-h2:before {
  content: "\e931";
}
.octo-icon-text-insert-table:before {
  content: "\e915";
}
.octo-icon-text-colors:before {
  content: "\e91e";
}
.octo-icon-text-emoticons:before {
  content: "\e91f";
}
.octo-icon-text-inline-style:before {
  content: "\e924";
}
.octo-icon-volume:before {
  content: "\e925";
}
.octo-icon-text-video:before {
  content: "\e926";
}
.octo-icon-edit-code:before {
  content: "\e92b";
}
.octo-icon-text-subscript:before {
  content: "\e920";
}
.octo-icon-text-superscript:before {
  content: "\e921";
}
.octo-icon-link:before {
  content: "\e91b";
}
.octo-icon-text-strikethrough:before {
  content: "\e91d";
}
.octo-icon-text-increase-indent:before {
  content: "\e922";
}
.octo-icon-text-decrease-indent:before {
  content: "\e923";
}
.octo-icon-text-image:before {
  content: "\e927";
}
.octo-icon-redo:before {
  content: "\e928";
}
.octo-icon-undo:before {
  content: "\e929";
}
.octo-icon-attachment:before {
  content: "\e92a";
}
.octo-icon-cursor-arrow:before {
  content: "\e92c";
}
.octo-icon-text-clear-formatting:before {
  content: "\e92d";
}
.octo-icon-quote:before {
  content: "\e919";
}
.octo-icon-text-format-ul:before {
  content: "\e90c";
}
.octo-icon-text-format-ol:before {
  content: "\e90d";
}
.octo-icon-text-justify:before {
  content: "\e916";
}
.octo-icon-magic-wand:before {
  content: "\e918";
}
.octo-icon-horizontal-line:before {
  content: "\e91a";
}
.octo-icon-bold:before {
  content: "\e90f";
}
.octo-icon-text-left:before {
  content: "\e910";
}
.octo-icon-text-right:before {
  content: "\e911";
}
.octo-icon-text-center:before {
  content: "\e912";
}
.octo-icon-italic:before {
  content: "\e913";
}
.octo-icon-underline:before {
  content: "\e914";
}
.octo-icon-info:before {
  content: "\e917";
}
.octo-icon-components:before {
  content: "\e91c";
}
.octo-icon-fullscreen-collapse:before {
  content: "\e90e";
}
.octo-icon-angle-down:before {
  content: "\e90a";
}
.octo-icon-angle-up:before {
  content: "\e90b";
}
.octo-icon-search:before {
  content: "\e909";
}
.octo-icon-settings:before {
  content: "\e904";
}
.octo-icon-delete:before {
  content: "\e905";
}
.octo-icon-fullscreen:before {
  content: "\e906";
}
.octo-icon-save:before {
  content: "\e907";
}
.octo-icon-search-code:before {
  content: "\e908";
}
.octo-icon-exit:before {
  content: "\e901";
}
.octo-icon-app-window:before {
  content: "\e902";
}
.octo-icon-user-account:before {
  content: "\e903";
}
.octo-icon-triangle-down:before {
  content: "\e900";
}
.octo-icon-location-target:before {
  content: "\1f32b";
}
div.scoreboard {
  position: relative;
  padding: 0;
}
div.scoreboard:after,
div.scoreboard:before {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  height: 9px;
  font-size: 10px;
  color: #bbbbbb;
}
div.scoreboard:before {
  left: -6px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f104";
}
div.scoreboard:after {
  right: -8px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
}
div.scoreboard.scroll-before:before {
  display: block;
}
div.scoreboard.scroll-after:after {
  display: block;
}
div.scoreboard:before,
div.scoreboard:after {
  margin-top: -10px;
}
div.scoreboard:before {
  left: 7px;
}
div.scoreboard:after {
  right: 10px;
}
div.scoreboard div.scoreboard-item {
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 20px;
  vertical-align: top;
}
div.scoreboard div.scoreboard-item:last-child {
  margin-right: 0;
}
div.scoreboard .control-chart {
  height: 67px;
}
div.scoreboard .control-chart ul {
  margin-left: 77px;
  top: -2px;
}
div.scoreboard .control-chart ul li {
  padding-left: 18px;
}
div.scoreboard .control-chart ul li > i {
  margin-left: -18px;
}
div.scoreboard .control-chart .canvas + ul {
  margin-left: 0;
}
div.scoreboard .scoreboard-offset {
  padding-left: 20px;
}
body.slim-container div.scoreboard {
  padding: 0 20px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: var(--bs-emphasis-color);
  text-shadow: 0 1px 0 var(--bs-body-bg);
  font-family: sans-serif;
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: var(--bs-emphasis-color);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.custom-checkbox.nolabel label,
.custom-radio.nolabel label {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.custom-checkbox,
.custom-radio {
  padding-left: 23px;
  margin-top: 0;
}
.custom-checkbox input[type=radio],
.custom-radio input[type=radio],
.custom-checkbox input[type=checkbox],
.custom-radio input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
}
.custom-checkbox label,
.custom-radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  margin-left: -20px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-checkbox label:before,
.custom-radio label:before {
  content: "";
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  position: absolute;
  left: -3px;
  top: 1px;
  background-color: transparent;
  box-shadow: none;
}
.custom-checkbox label:hover:before,
.custom-radio label:hover:before {
  border-color: var(--oc-border-focus);
}
.custom-checkbox label:active:before,
.custom-radio label:active:before {
  border-color: #b0bdcd;
  border-width: 2px;
}
.custom-checkbox input[type=radio] + label:before,
.custom-radio input[type=radio] + label:before {
  background-position: -19px -19px;
}
.custom-checkbox input[type=radio]:checked + label:before,
.custom-radio input[type=radio]:checked + label:before {
  background-position: 0 -19px;
}
.custom-checkbox input[type=radio][data-radio-color=green]:checked + label:before,
.custom-radio input[type=radio][data-radio-color=green]:checked + label:before {
  background-position: -59px -19px;
}
.custom-checkbox input[type=radio][data-radio-color=red]:checked + label:before,
.custom-radio input[type=radio][data-radio-color=red]:checked + label:before {
  background-position: -79px -19px;
}
.custom-checkbox input[type=checkbox] + label:before,
.custom-radio input[type=checkbox] + label:before {
  background-position: -19px 0;
}
.custom-checkbox input[type=checkbox]:checked + label:before,
.custom-radio input[type=checkbox]:checked + label:before {
  background-position: 0 0;
}
.custom-checkbox input[type=checkbox]:indeterminate + label:before,
.custom-radio input[type=checkbox]:indeterminate + label:before {
  background-position: -79px 0;
}
.custom-checkbox input:disabled + label,
.custom-radio input:disabled + label {
  cursor: not-allowed;
}
.custom-checkbox input[type=checkbox]:disabled:checked + label:before,
.custom-radio input[type=checkbox]:disabled:checked + label:before {
  background-position: -39px 0;
}
.custom-checkbox input[type=radio]:disabled:checked + label:before,
.custom-radio input[type=radio]:disabled:checked + label:before {
  background-position: -39px -19px;
}
.custom-checkbox:focus,
.custom-radio:focus {
  outline: none;
}
.custom-checkbox:focus label:before,
.custom-radio:focus label:before {
  box-shadow: 0 0 0px 2px rgba(0,0,0,0.15);
}
.custom-checkbox p.form-text,
.custom-radio p.form-text {
  margin-bottom: 17px;
}
.custom-radio label:before {
  border-radius: 16px;
}
.custom-checkbox label:before {
  border-radius: 4px;
}
.inline-options .field-checkboxlist:not(.is-scrollable) .field-checkboxlist-inner {
  padding: 10px 15px 15px 15px;
}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox {
  display: inline-block;
  margin: 0;
}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label {
  margin-bottom: 0 !important;
  padding-top: 10px;
}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label:before {
  top: 10px;
}
.inline-options.radio-field > label {
  display: block;
}
.inline-options.radio-field .custom-radio {
  display: inline-block;
  margin-bottom: 0;
}
.switch-field .field-switch {
  padding-left: 75px;
  float: left;
}
.switch-field .field-switch > label {
  margin-top: 3px;
}
.custom-switch {
  display: block;
  width: 65px;
  height: 26px;
  position: relative;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}
.custom-switch * {
  box-sizing: border-box;
}
.custom-switch.disabled {
  opacity: 0.5;
}
.custom-switch .slide-button {
  z-index: 9;
  display: block;
  position: absolute;
  right: 42px;
  top: 3px;
  width: 20px;
  height: 20px;
  background-color: #f6f6f6;
  border-radius: 20px;
  transition: all 0.1s;
}
.custom-switch label,
.custom-switch > span {
  line-height: 23px;
  vertical-align: middle;
}
.custom-switch label {
  z-index: 8;
  width: 100%;
  display: block;
  position: relative;
}
.custom-switch input {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.custom-switch input:checked ~ .slide-button {
  right: 4px;
}
.custom-switch input:checked ~ span {
  background-color: var(--bs-success);
}
.custom-switch input:checked ~ span span:first-of-type {
  color: #FFFFFF;
  display: block;
}
.custom-switch input:checked ~ span span:last-of-type {
  color: #666666;
  display: none;
}
.custom-switch input[disabled] ~ span {
  background-color: #bdc3c7 !important;
}
.custom-switch input[disabled] ~ span,
.custom-switch input[disabled] ~ span + a {
  cursor: default;
}
.custom-switch > span {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #72809d;
  font-size: 12px;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 20px;
}
.custom-switch > span span {
  z-index: 10;
  display: block;
  position: absolute;
  top: 1px;
  left: -1px;
  box-sizing: border-box;
}
.custom-switch > span span:last-child {
  left: 28px;
  color: #FFFFFF;
  display: block;
}
.custom-switch > span span:first-of-type {
  padding-left: 13px;
  display: none;
  color: #666666;
}
.storm-icon {
  background-size: 300px 63px;
  background-image: url('../foundation/migrate/images/storm-icons.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .storm-icon {
    background-image: url('../foundation/migrate/images/storm-icons@2x.png');
  }
}
.storm-icon-pseudo:before {
  content: '';
  background-size: 300px 63px;
  background-image: url('../foundation/migrate/images/storm-icons.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .storm-icon-pseudo:before {
    background-image: url('../foundation/migrate/images/storm-icons@2x.png');
  }
}
.control-breadcrumb ul {
  padding: 0 0 20px 0;
  margin: 0;
  font-size: 0;
}
.control-breadcrumb ul li {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  color: var(--bs-link-color);
}
.control-breadcrumb ul li a {
  display: inline-block;
  color: var(--bs-link-color);
  text-decoration: underline;
}
.control-breadcrumb ul li a:hover {
  color: var(--bs-link-color);
}
.control-breadcrumb ul li:after {
  content: var(--bs-breadcrumb-divider, "/");
  position: relative;
  display: inline-block;
  margin: 0 5px;
  color: var(--bs-secondary-color);
}
.control-breadcrumb ul li:last-child {
  background-color: transparent;
  color: var(--bs-secondary-color);
}
.control-breadcrumb ul li:last-child:after {
  display: none;
}
body.breadcrumb-flush .control-breadcrumb,
.control-breadcrumb.breadcrumb-flush {
  margin-bottom: 0;
}
body.compact-container .control-breadcrumb {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
body.compact-container .control-breadcrumb > ul {
  padding-bottom: 0;
}
body.slim-container .layout .layout-container .control-breadcrumb {
  margin-left: 20px;
  margin-right: 20px;
}
.list-hidden-drag-ghost {
  opacity: 0 !important;
}
table.table.data tr:hover .list-reorder span.list-reorder-handle {
  display: block;
}
table.table.data tbody.tree-drag-mode,
table.table.data tbody.tree-drag-mode * {
  cursor: move!important;
}
table.table.data tbody.tree-drag-mode td.list-reorder span.list-reorder-handle {
  display: none;
}
table.table.data tbody.tree-drag-mode tr.sortable-chosen td.list-reorder span.list-reorder-handle {
  display: block;
}
table.table.data tbody.tree-drag-updated td.list-reorder span.list-reorder-handle {
  display: none !important;
}
table.table.data th.list-reorder,
table.table.data td.list-reorder {
  width: 24px;
  min-width: 24px;
  padding-left: 0;
  padding-right: 0;
}
table.table.data td.list-reorder {
  vertical-align: middle;
  position: relative;
}
table.table.data td.list-reorder span.list-reorder-handle {
  display: none;
  background: var(--oc-toolbar-bg);
  text-align: center;
  cursor: move;
  left: -6px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  border-radius: 3px;
  text-decoration: none;
}
table.table.data td.list-reorder span.list-reorder-handle i {
  font-size: 24px;
  top: 2px;
}
table.table.data td.list-reorder span.list-reorder-handle:active {
  background: var(--oc-toolbar-hover-bg);
}
table.table.data td.list-cell-tree {
  vertical-align: middle;
  position: relative;
  transition: padding 0.3s ease;
}
table.table.data td.list-cell-tree a.tree-expand-collapse {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  border-radius: 3px;
  text-decoration: none;
}
table.table.data td.list-cell-tree a.tree-expand-collapse {
  margin-left: -25px;
}
table.table.data td.list-cell-tree a.tree-expand-collapse > span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
table.table.data td.list-cell-tree a.tree-expand-collapse > span:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  position: absolute;
  left: calc(100% - 15px);
  top: 2px;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: var(--bs-body-color);
  text-indent: 0;
}
table.table.data td.list-cell-tree a.tree-expand-collapse.is-expanded span:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  left: calc(100% - 17px);
}
.control-list.list-checkboxes table.table.data th.list-reorder,
.control-list.list-checkboxes table.table.data td.list-reorder {
  width: 18px;
}
.control-list.list-checkboxes table.table.data td.list-reorder span.list-reorder-handle {
  left: -13px;
}
tr.rowlink:not(.nolink) td {
  cursor: pointer;
}
tr.rowlink:not(.nolink) td.nolink {
  cursor: auto;
}
a.rowlink {
  color: inherit;
  font: inherit;
  text-decoration: inherit;
}
.control-list table.table.data thead td,
.control-list table.table.data thead th {
  border: none;
}
.control-list .table > :not(:first-child) {
  border-top: none;
}
.control-list .table > :not(caption) > * > * {
  border-bottom-width: 0;
}
.control-list-page-chooser input[type=number] {
  -moz-appearance: textfield;
}
.control-list-page-chooser input[type="number"]::-webkit-inner-spin-button,
.control-list-page-chooser input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
table.table.data {
  font-size: 14px;
  border-bottom: 1px solid var(--bs-border-color);
}
table.table.data.no-offset-bottom {
  margin-bottom: 0 !important;
}
table.table.data thead {
  background: var(--bs-tertiary-bg);
}
table.table.data thead td,
table.table.data thead th {
  border-width: 1px;
  border-top: 1px solid var(--bs-border-color) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
  border-color: var(--bs-border-color);
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  background-color: inherit;
}
table.table.data thead td > a,
table.table.data thead th > a,
table.table.data thead td > span,
table.table.data thead th > span {
  display: block;
  padding: 10px 15px;
  color: var(--bs-body-color);
  text-decoration: none;
}
table.table.data thead td > a:hover,
table.table.data thead th > a:hover,
table.table.data thead td > span:hover,
table.table.data thead th > span:hover {
  color: var(--bs-emphasis-color);
}
table.table.data thead td.explicit-left-padding > a,
table.table.data thead th.explicit-left-padding > a,
table.table.data thead td.explicit-left-padding > span,
table.table.data thead th.explicit-left-padding > span {
  padding-left: 0;
}
table.table.data thead td.sort-desc > span:after,
table.table.data thead th.sort-desc > span:after,
table.table.data thead td.sort-desc > a:after,
table.table.data thead th.sort-desc > a:after {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  margin-left: 6px;
  vertical-align: baseline;
  opacity: 0.4;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
}
table.table.data thead td.sort-desc > span:hover:after,
table.table.data thead th.sort-desc > span:hover:after,
table.table.data thead td.sort-desc > a:hover:after,
table.table.data thead th.sort-desc > a:hover:after {
  opacity: 0.8;
}
table.table.data thead td.sort-asc > span:after,
table.table.data thead th.sort-asc > span:after,
table.table.data thead td.sort-asc > a:after,
table.table.data thead th.sort-asc > a:after {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  margin-left: 6px;
  vertical-align: baseline;
  opacity: 0.4;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f106";
}
table.table.data thead td.sort-asc > span:hover:after,
table.table.data thead th.sort-asc > span:hover:after,
table.table.data thead td.sort-asc > a:hover:after,
table.table.data thead th.sort-asc > a:hover:after {
  opacity: 0.8;
}
table.table.data thead td.active,
table.table.data thead th.active {
  text-decoration: underline;
  color: var(--bs-emphasis-color);
}
table.table.data thead td.active:hover,
table.table.data thead th.active:hover {
  text-decoration: none;
}
table.table.data thead td.active > span:after,
table.table.data thead th.active > span:after,
table.table.data thead td.active > a:after,
table.table.data thead th.active > a:after {
  text-decoration: none;
  color: #c63e26;
  opacity: 1 !important;
}
table.table.data thead tr th:last-child a {
  padding-right: 25px;
}
table.table.data thead .list-checkbox .custom-checkbox {
  top: -22px;
}
table.table.data tbody tr:nth-child(even) td,
table.table.data tbody tr:nth-child(even) th {
  background-color: var(--bs-table-striped-bg);
}
table.table.data tbody td,
table.table.data tbody th {
  padding: 10px 15px;
  color: var(--bs-table-color);
  border-top: 1px solid var(--bs-table-border-color);
}
table.table.data tbody td div.progress,
table.table.data tbody th div.progress {
  position: relative;
  overflow: visible;
  height: auto;
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
table.table.data tbody td div.progress div.bar,
table.table.data tbody th div.progress div.bar {
  position: absolute;
  left: -15px;
  top: -11px;
  bottom: -11px;
  background: #0181b9;
  opacity: 0.3;
}
table.table.data tbody td div.progress a,
table.table.data tbody th div.progress a {
  position: relative;
}
table.table.data tbody tr:first-child th,
table.table.data tbody tr:first-child td {
  border-top: none;
}
table.table.data tbody tr:last-child th,
table.table.data tbody tr:last-child td {
  border-bottom-width: 0;
}
table.table.data tbody tr.active:not(.no-data) td,
table.table.data tbody tr.selected:not(.no-data) td {
  color: var(--bs-table-hover-color);
  background-color: var(--bs-table-hover-bg);
}
table.table.data tbody:not(.tree-drag-mode) tr.rowlink:not(.nolink):not(.active):hover td,
table.table.data tbody:not(.tree-drag-mode) tr:not(.no-data):not(.active).selected td {
  color: var(--bs-table-hover-color);
  background-color: var(--bs-table-hover-bg);
}
table.table.data tbody:not(.tree-drag-mode) tr.rowlink:not(.nolink).active:hover td,
table.table.data tbody:not(.tree-drag-mode) tr:not(.no-data).active.selected td {
  background: var(--oc-table-active-bg);
}
table.table.data tbody tr.sortable-chosen {
  position: relative;
  z-index: 1;
}
table.table.data tbody tr.sortable-chosen td {
  color: var(--bs-table-hover-color);
  background-color: var(--bs-table-hover-bg);
}
table.table.data tbody tr:focus {
  outline: none;
}
table.table.data tbody tr.hidden td,
table.table.data tbody tr.hidden th,
table.table.data tbody tr.hidden td a,
table.table.data tbody tr.hidden th a {
  display: none;
}
table.table.data tbody tr.strike td,
table.table.data tbody tr.strike th,
table.table.data tbody tr.strike td a,
table.table.data tbody tr.strike th a {
  text-decoration: line-through;
}
table.table.data tbody tr.frozen td,
table.table.data tbody tr.frozen th,
table.table.data tbody tr.frozen td a,
table.table.data tbody tr.frozen th a {
  color: #337ab7;
}
table.table.data tbody tr.processing td,
table.table.data tbody tr.processing th,
table.table.data tbody tr.processing td a,
table.table.data tbody tr.processing th a {
  color: #666666;
}
table.table.data tbody tr.negative td,
table.table.data tbody tr.negative th,
table.table.data tbody tr.negative td a,
table.table.data tbody tr.negative th a {
  color: #b2341c;
}
table.table.data tbody tr.positive td,
table.table.data tbody tr.positive th,
table.table.data tbody tr.positive td a,
table.table.data tbody tr.positive th a {
  color: #278731;
}
table.table.data tbody tr.disabled td,
table.table.data tbody tr.deleted td,
table.table.data tbody tr.disabled th,
table.table.data tbody tr.deleted th,
table.table.data tbody tr.disabled td a,
table.table.data tbody tr.deleted td a,
table.table.data tbody tr.disabled th a,
table.table.data tbody tr.deleted th a {
  color: #888888;
}
table.table.data tbody tr.new td,
table.table.data tbody tr.important td,
table.table.data tbody tr.new th,
table.table.data tbody tr.important th,
table.table.data tbody tr.new td a,
table.table.data tbody tr.important td a,
table.table.data tbody tr.new th a,
table.table.data tbody tr.important th a {
  font-weight: 600;
}
table.table.data tbody tr.safe td,
table.table.data tbody tr.special td,
table.table.data tbody tr.safe th,
table.table.data tbody tr.special th,
table.table.data tbody tr.safe td a,
table.table.data tbody tr.special td a,
table.table.data tbody tr.safe th a,
table.table.data tbody tr.special th a {
  color: #98a7a8;
}
table.table.data tbody td.column-break-word {
  word-wrap: break-word;
  word-break: break-all;
}
table.table.data tbody td.column-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.table.data tbody td.column-slim {
  padding-left: 0;
  padding-right: 0;
}
table.table.data tbody td.column-compact {
  padding: 0;
}
table.table.data tbody td.column-button {
  padding: 5px;
}
table.table.data tbody.icons td i[class^="icon-"] {
  display: inline-block;
  margin-right: 7px;
  font-size: 15px;
  color: #95a5a6;
  position: relative;
  top: 1px;
}
table.table.data tbody.clickable {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
table.table.data.no-active-indicator tbody tr td:first-child {
  border-left: none;
}
table.table.data tfoot a {
  color: var(--bs-table-color);
  text-decoration: none;
}
table.table.data tfoot td,
table.table.data tfoot th {
  border-color: var(--bs-border-color);
  padding: 10px 15px;
}
table.table.data th.list-cell-type-switch,
table.table.data td.list-cell-type-switch {
  text-align: center;
}
table.table.data th.list-cell-type-number,
table.table.data td.list-cell-type-number {
  text-align: right;
}
table.table.data th.list-cell-align-left,
table.table.data td.list-cell-align-left {
  text-align: left;
}
table.table.data th.list-cell-align-right,
table.table.data td.list-cell-align-right {
  text-align: right;
}
table.table.data th.list-cell-align-center,
table.table.data td.list-cell-align-center {
  text-align: center;
}
table.table.data th.list-cell-type-selectable,
table.table.data td.list-cell-type-selectable {
  white-space: nowrap;
}
table.table.data .list-badge {
  display: inline-block;
  position: relative;
  top: 0;
  margin: 0 5px 0 0;
  padding: 1px 0 0 0;
  font-size: 10px;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
}
table.table.data .list-badge > i {
  position: relative;
  top: -1px;
}
table.table.data .list-badge.badge-default {
  background: #98A0A0;
}
table.table.data .list-badge.badge-primary {
  background: var(--bs-primary);
}
table.table.data .list-badge.badge-success {
  background: var(--bs-success);
}
table.table.data .list-badge.badge-info {
  background: var(--bs-info);
}
table.table.data .list-badge.badge-warning {
  background: var(--bs-warning);
}
table.table.data .list-badge.badge-danger {
  background: var(--bs-danger);
}
table.table.data .list-switch {
  border-radius: 100px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
}
table.table.data .list-switch.is-true {
  background-color: var(--bs-success);
  color: #fff;
}
table.table.data .list-switch.is-false {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}
table.table.data ul.list-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
table.table.data ul.list-link-list > li {
  display: inline-block;
}
table.table.data ul.list-link-list > li:after {
  content: ', ';
}
table.table.data ul.list-link-list > li:last-child {
  padding-right: 0;
}
table.table.data ul.list-link-list > li:last-child:after {
  content: '';
}
table.table.data ul.list-link-list > li a {
  text-decoration: underline;
}
table.table.data .list-image-thumbs {
  margin-top: -7px;
  margin-bottom: -7px;
}
table.table.data .list-image-thumb {
  display: inline-block;
  position: relative;
  margin-top: 1px;
  margin-bottom: 1px;
}
table.table.data .list-image-thumb:after {
  content: '';
  display: block;
  position: absolute;
  box-shadow: inset 0px 0px 0px 1px rgba(127, 140, 141, 0.25);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  border-radius: 4px;
}
table.table.data .list-image-thumb > img {
  border-radius: 4px;
}
table.table.data .list-image-thumb.is-default-size {
  width: 34px;
  height: 34px;
}
table.table.data .list-image-thumb.is-default-size > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
table.table.data .list-selectable {
  background: var(--oc-toolbar-bg);
  border: 1px solid var(--oc-toolbar-border);
  border-radius: 6px;
  display: inline-block;
  padding: 0 8px;
  height: 28px;
  line-height: 26px;
  margin-top: -10px;
  margin-bottom: -10px;
  white-space: nowrap;
}
table.table.data .list-selectable i {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
  text-align: center;
}
table.table.data .list-colorpicker {
  width: 0;
  height: 0;
  background-color: transparent;
  border-right-color: var(--background-color);
  border-top-color: var(--background-color);
  border-bottom-color: var(--background-color);
  border-left-color: var(--background-color);
  border-width: 10px;
  border-style: solid;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  margin-top: -5px;
  margin-bottom: -5px;
}
table.table.data .list-colorpicker:after {
  content: "";
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-shadow: inset 0 0 0 1px rgba(53, 66, 91, 0.15);
  border-radius: 20px;
}
table.table.data .list-colorpicker.is-twotone {
  border-top-color: var(--foreground-color);
  border-left-color: var(--foreground-color);
}
table.table.data .list-checkbox {
  width: 42px;
  vertical-align: top;
  border-right: 1px solid var(--bs-table-border-color);
}
table.table.data tbody tr td.list-checkbox {
  padding-left: 15px;
}
table.table.data thead tr th.list-checkbox {
  padding: 10.5px 0 0 15px;
}
.list-preview {
  padding: 0;
  margin-bottom: 20px;
  background: white;
  border: 1px solid var(--bs-border-color);
}
.list-preview .list-header:first-child {
  padding-top: 20px;
}
.list-preview .control-list:last-child {
  margin-bottom: 0;
}
.list-preview .control-list:last-child > table {
  border-bottom: none;
}
.list-flush table.table.data thead tr th {
  border-top: none !important;
}
.list-with-sidebar table.table.data {
  border-left: 1px solid var(--bs-border-color);
}
.control-list {
  margin-bottom: 20px;
}
.control-list p.no-data {
  padding: 18px 20px;
  margin: 0 20px;
  color: var(--bs-secondary-color);
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
}
.control-list table.table.data {
  margin-bottom: 0;
}
.control-list table.table.data .list-setup {
  width: 48px;
  vertical-align: middle;
}
.control-list table.table.data .list-setup a {
  padding: 8px 15px;
}
.control-list table.table.data .list-setup a > span {
  display: block;
  color: var(--oc-toolbar-color);
  background: var(--oc-toolbar-bg);
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 3px;
}
.control-list table.table.data .list-setup a > span:before {
  font-size: 14px;
  line-height: 14px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f0ca";
  display: inline-block;
  vertical-align: middle;
}
.control-list table.table.data .list-setup a:hover > span {
  color: var(--oc-toolbar-hover-color);
  background: var(--oc-toolbar-hover-bg);
}
.control-list.list-rowlink tbody td a:not(.btn,.dropdown-item),
.control-list.list-rowlink tbody th a:not(.btn,.dropdown-item) {
  color: var(--bs-table-color);
}
.control-list.list-rowlink tbody td a:not(.btn,.dropdown-item):hover,
.control-list.list-rowlink tbody th a:not(.btn,.dropdown-item):hover {
  text-decoration: none;
}
.list-widget-container {
  border-radius: 6px;
  background-color: var(--bs-table-bg);
  border: 1px solid var(--bs-border-color);
  overflow: hidden;
}
.list-widget-container > .control-filter {
  background-color: var(--oc-form-control-bg);
  border-top: none;
}
.list-widget-container > .control-filter > .filter-group > .filter-scope {
  padding: 10px;
}
.list-widget-container > .list-widget table.table.data thead th {
  border-top: none !important;
}
.list-widget-container > .list-widget .control-list.no-pagination table.table.data {
  border-bottom: none;
}
.layout-row > .list-widget-container,
.tab-pane > .list-widget-container {
  margin: 0 20px 20px;
}
.layout-row > .list-widget-container > .list-widget > .control-list,
.tab-pane > .list-widget-container > .list-widget > .control-list {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .layout-row > .list-widget-container {
    margin: 0 0 20px;
    border-radius: 0;
    border: none;
  }
}
.list-header {
  background-color: transparent;
  padding: 0 20px 1px 20px;
}
.list-header h3 {
  font-size: 14px;
  color: #7e8c8d;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 15px;
}
.list-footer {
  padding: 5px 10px;
}
.list-footer a {
  color: var(--bs-table-color);
  text-decoration: none;
}
.list-footer .list-pagination {
  display: flex;
}
.list-footer .list-pagination .list-pagination-summary {
  padding: 0.475rem 5px;
  font-size: 0.9rem;
}
.list-footer .list-pagination .list-pagination-links ul.pagination {
  margin-bottom: 0;
}
.list-footer .list-pagination .list-pagination-links ul.pagination .page-link {
  border-radius: 4px;
  border-color: transparent;
  box-shadow: none;
}
.list-footer .list-pagination .list-pagination-links ul.pagination li.disabled .page-link {
  color: #98a7a8;
  background-color: transparent;
}
@media (max-width: 992px) {
  .list-footer .list-pagination {
    flex-direction: column-reverse;
  }
  .list-footer .list-pagination .list-pagination-links {
    margin-bottom: 0.5rem;
  }
}
.report-widget .table-container {
  margin: -15px;
}
.report-widget .table-container table.table.data {
  margin-bottom: 0;
}
.report-widget .table-container table.table.data thead tr th {
  border-top: none !important;
}
.report-widget .table-container table.table.data tbody tr:nth-child(even) td,
.report-widget .table-container table.table.data tbody tr:nth-child(even) th {
  background-color: transparent;
}
.list-scrollable-container {
  touch-action: auto;
  position: relative;
}
.list-scrollable-container > .list-scrollable {
  position: relative;
}
.list-scrollable-container > .list-scrollable:after,
.list-scrollable-container > .list-scrollable:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
.list-scrollable-container > .list-scrollable:before {
  background: transparent linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  left: 10px;
}
.list-scrollable-container > .list-scrollable:after {
  background: transparent linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  right: -10px;
}
.list-scrollable-container > .list-scrollable.scroll-before:before {
  opacity: 0.15;
}
.list-scrollable-container > .list-scrollable.scroll-after:after {
  opacity: 0.15;
}
.list-scrollable-container > .list-scrollable:after,
.list-scrollable-container > .list-scrollable:before {
  bottom: auto;
  height: 40.5px;
}
.list-scrollable-container > .list-scrollable:before {
  left: 0;
}
.list-scrollable-container > .list-scrollable:after {
  right: 0;
}
.list-scrollable-container > .list-scrollable.scroll-after th,
.list-scrollable-container > .list-scrollable.scroll-before th {
  cursor: move;
}
.list-scrollable-container > .list-scrollable.scroll-after th a,
.list-scrollable-container > .list-scrollable.scroll-before th a {
  cursor: pointer;
}
.list-scrollable-container > .list-scrollable > .list-content {
  overflow-x: auto;
}
.control-filter .form-check .form-check-input {
  position: relative;
  top: 1px;
}
.control-filter .form-check label {
  font-size: 14px;
  color: var(--bs-secondary-color);
}
.control-filter > .filter-group > .filter-scope.scope-checkbox.form-check,
.control-filter > .filter-group > .filter-scope.form-check {
  padding-left: 29px;
}
.control-filter > .filter-group > .filter-scope.scope-checkbox.form-check,
.control-filter > .filter-group > .filter-scope.form-check,
.control-filter > .filter-group > .filter-scope.scope-checkbox.form-check label,
.control-filter > .filter-group > .filter-scope.form-check label {
  margin-bottom: 0;
}
.control-filter > .filter-group > .filter-scope.scope-checkbox.form-check:after,
.control-filter > .filter-group > .filter-scope.form-check:after {
  content: '';
}
.control-filter > .filter-group > .filter-scope.scope-checkbox:hover.form-check label,
.control-filter > .filter-group > .filter-scope:hover.form-check label,
.control-filter > .filter-group > .filter-scope.scope-checkbox.active.form-check label,
.control-filter > .filter-group > .filter-scope.active.form-check label {
  color: var(--bs-emphasis-color);
}
.control-filter > .filter-group > .filter-scope.scope-dropdown,
.control-filter > .filter-group > .filter-scope.dropdown {
  padding: 8px 0 4px;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown:after,
.control-filter > .filter-group > .filter-scope.dropdown:after {
  content: '';
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container {
  width: 100%;
  display: inline-block;
  position: relative;
  top: -2px;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container .select2-selection {
  height: 29px;
  line-height: 29px;
  padding: 0 3px 0 12px;
  border: none;
  font-size: 12px;
  border-radius: 0;
  box-shadow: none;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection.select2-default,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container .select2-selection.select2-default {
  font-weight: normal;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .loading-indicator > span,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container .loading-indicator > span {
  top: 15px;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container.select2-container--open,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container.select2-container--open {
  border-radius: 0;
  border: none;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection__arrow,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container .select2-selection__arrow {
  font-size: 14px;
  top: 1px;
  right: 10px;
}
.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection__rendered,
.control-filter > .filter-group > .filter-scope.dropdown .select2-container .select2-selection__rendered {
  padding: 0 28px 0 0;
  font-size: 14px;
  color: var(--bs-secondary-color);
}
.control-filter > .filter-group > .filter-scope.scope-dropdown:hover .select2-selection__arrow,
.control-filter > .filter-group > .filter-scope.dropdown:hover .select2-selection__arrow,
.control-filter > .filter-group > .filter-scope.scope-dropdown.active .select2-selection__arrow,
.control-filter > .filter-group > .filter-scope.dropdown.active .select2-selection__arrow,
.control-filter > .filter-group > .filter-scope.scope-dropdown:hover .select2-selection__rendered,
.control-filter > .filter-group > .filter-scope.dropdown:hover .select2-selection__rendered,
.control-filter > .filter-group > .filter-scope.scope-dropdown.active .select2-selection__rendered,
.control-filter > .filter-group > .filter-scope.dropdown.active .select2-selection__rendered {
  color: var(--bs-emphasis-color);
}
.control-filter > .filter-group > .filter-scope.scope-inline {
  padding: 0;
  display: flex;
  align-items: center;
}
.control-filter > .filter-group > .filter-scope.scope-inline:after {
  content: '';
}
.control-filter-popover .filter-search {
  min-height: 36px;
  position: relative;
}
.control-filter-popover .filter-search input {
  height: auto;
  border: none;
  border-bottom: 1px solid var(--bs-border-color);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
  background: transparent !important;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 35px;
}
.control-filter-popover .filter-search .close {
  display: none;
}
.control-filter-popover .filter-search .filter-items,
.control-filter-popover .filter-search .filter-active-items {
  color: var(--bs-secondary-color);
  font-size: 13px;
}
.control-filter-popover .filter-search .filter-items ul,
.control-filter-popover .filter-search .filter-active-items ul,
.control-filter-popover .filter-search .filter-items li,
.control-filter-popover .filter-search .filter-active-items li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.control-filter-popover .filter-search .filter-items li,
.control-filter-popover .filter-search .filter-active-items li {
  transition: color 0.6s, background-color 0.3s;
}
.control-filter-popover .filter-search .filter-items a,
.control-filter-popover .filter-search .filter-active-items a {
  text-decoration: none;
  color: var(--bs-secondary-color);
  display: block;
  padding: 7px 9px;
}
.control-filter-popover .filter-search .filter-items a:before,
.control-filter-popover .filter-search .filter-active-items a:before {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  border-radius: 100px;
}
.control-filter-popover .filter-search .filter-items a:hover,
.control-filter-popover .filter-search .filter-active-items a:hover {
  background-color: var(--oc-selection);
  color: white;
}
.control-filter-popover .filter-search .filter-items {
  max-height: 200px;
  overflow: auto;
}
.control-filter-popover .filter-search .filter-items a:before {
  content: "\e940";
}
.control-filter-popover .filter-search .filter-items li.loading {
  padding: 7px;
}
.control-filter-popover .filter-search .filter-items li.loading > span {
  display: block;
  height: 20px;
  width: 20px;
  background-image: url('../../assets/images/loader-transparent.svg');
  background-size: 20px 20px;
  background-position: 50% 50%;
  animation: spin 1s linear infinite;
}
.control-filter-popover .filter-search .filter-items li.animate-enter {
  animation: fadeInUp 0.3s;
}
.control-filter-popover .filter-search .filter-buttons {
  border-top: none;
}
.control-filter-popover .filter-search .filter-active-items {
  font-weight: 600;
  border-top: 1px solid var(--bs-border-color);
}
.control-filter-popover .filter-search .filter-active-items a:before {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  content: "\e93e";
  left: -1px;
}
.control-filter-popover .filter-search .filter-active-items a:hover:before {
  color: #c63e26;
  background-color: white;
}
.control-filter-popover .filter-search .filter-active-items li.animate-enter {
  animation: fadeInDown 0.3s;
}
.control-filter-popover .filter-search .filter-active-items li:last-child {
  border-bottom: 1px solid var(--bs-border-color);
}
.control-filter-popover .filter-box .filter-facet {
  padding: 10px 5px;
  display: flex;
}
.control-filter-popover .filter-box .filter-facet .facet-item {
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.8;
}
.control-filter-popover .filter-box .filter-facet .facet-item > span {
  font-size: 12px;
  color: var(--bs-secondary-color);
}
.control-filter-popover .filter-box .filter-facet .facet-item.is-grow {
  flex-grow: 1;
}
.control-filter-popover .filter-box .filter-facet + .filter-facet {
  padding-top: 0;
}
.control-filter {
  padding: 0 10px;
  color: var(--bs-secondary-color);
  background-color: var(--bs-body-bg);
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  font-size: 14px;
}
.control-filter a {
  text-decoration: none;
  color: var(--bs-secondary-color);
}
.control-filter > .filter-setup {
  vertical-align: middle;
  padding: 6px 0;
}
.control-filter > .filter-setup > a > span {
  position: relative;
  top: -2px;
  margin-left: -2px;
  margin-right: -2px;
  display: block;
  color: var(--oc-toolbar-color);
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 3px;
}
.control-filter > .filter-setup > a > span > i {
  position: relative;
  top: 3px;
}
.control-filter > .filter-setup > a:hover > span {
  color: var(--oc-toolbar-hover-color);
  background: var(--oc-toolbar-hover-bg);
}
.control-filter > .filter-group {
  display: inline-block;
}
.control-filter > .filter-group > .filter-scope {
  padding: 8px;
  display: block;
}
.control-filter > .filter-group > .filter-scope .filter-label {
  margin-right: 5px;
}
.control-filter > .filter-group > .filter-scope .filter-setting {
  display: inline-block;
  margin-right: 5px;
  transition: color 0.6s;
}
.control-filter > .filter-group > .filter-scope.loading-indicator-container.in-progress {
  pointer-events: none;
  cursor: default;
}
.control-filter > .filter-group > .filter-scope.loading-indicator-container.in-progress .loading-indicator {
  background: transparent;
}
.control-filter > .filter-group > .filter-scope.loading-indicator-container.in-progress .loading-indicator > span {
  left: unset;
  right: 0;
  top: 10px;
  background-color: var(--bs-body-bg);
  border-radius: 50%;
  margin-top: 0;
  width: 20px;
  height: 20px;
  background-size: 15px 15px;
}
.control-filter > .filter-group > .filter-scope:after {
  font-size: 14px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
}
.control-filter > .filter-group > .filter-scope.active .filter-setting {
  padding-left: 5px;
  padding-right: 5px;
  color: #FFF;
  background-color: var(--bs-success);
  border-radius: 4px;
  transition: color 1s, background-color 1s;
}
.control-filter > .filter-group > .filter-scope:hover,
.control-filter > .filter-group > .filter-scope.active {
  color: var(--bs-emphasis-color);
}
.control-filter > .filter-group > .filter-scope:hover .filter-label,
.control-filter > .filter-group > .filter-scope.active .filter-label {
  color: var(--bs-emphasis-color);
}
.control-filter > .filter-group > .filter-scope:hover.active .filter-setting,
.control-filter > .filter-group > .filter-scope.active.active .filter-setting {
  background-color: var(--bs-success);
}
.control-filter > .filter-group > .filter-has-popover {
  display: inline-block;
  padding: 10px;
}
.control-filter > .filter-group > .filter-has-popover .filter-setting {
  display: inline-block;
  transition: color 0.6s;
}
.control-filter > .filter-group > .filter-has-popover:after {
  font-size: 14px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
}
.control-filter > .filter-group > .filter-has-popover.active .filter-setting {
  padding-left: 5px;
  padding-right: 5px;
  color: #FFF;
  background-color: var(--bs-success);
  border-radius: 4px;
  transition: color 1s, background-color 1s;
}
.control-filter > .filter-group > .filter-has-popover:hover {
  color: #000;
}
.control-filter > .filter-group > .filter-has-popover:hover .filter-label {
  color: var(--bs-secondary-color);
}
.control-filter > .filter-group > .filter-has-popover:hover.active .filter-setting {
  background-color: #79c035;
}
.control-filter.is-loading {
  cursor: wait;
}
.control-filter.is-loading > .filter-group {
  pointer-events: none;
  opacity: 0.7;
}
.control-filter.is-loading > .filter-setup > a {
  opacity: 0;
}
.control-filter.is-loading > .filter-setup:after {
  background-image: url('../../../backend/assets/images/loader-transparent.svg');
  position: absolute;
  content: ' ';
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  background-size: 20px 20px;
  background-position: 50% 50%;
  animation: spin 1s linear infinite;
}
.layout-row > .control-filter {
  margin: 0 20px;
  background-color: transparent;
  border-top: none;
}
@media (max-width: 767px) {
  .layout-row > .control-filter {
    margin: 0;
  }
}
.control-filter-popover {
  min-width: 275px;
}
.control-filter-popover > .loading-indicator-container > .loading-indicator {
  border-radius: 4px;
}
.control-filter-popover > .loading-indicator-container > .loading-indicator > span {
  left: 10px;
}
.control-filter-popover input[type="number"] {
  -moz-appearance: textfield;
}
.control-filter-popover input[type="number"]::-webkit-inner-spin-button,
.control-filter-popover input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.control-filter-popover .filter-buttons {
  border-top: 1px solid var(--bs-border-color);
  padding: 10px;
  display: flex;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.control-filter-popover .filter-buttons > div {
  flex-grow: 1;
}
.control-filter-popover .filter-buttons > .btn {
  text-align: center;
}
.form-preview {
  padding: 20px;
  margin-bottom: 20px;
  background: var(--oc-primary-bg);
  border: 1px solid var(--oc-primary-border);
}
.form-preview > .form-group:last-child {
  padding-bottom: 0;
}
.form-preview > .form-group:last-child .form-check {
  margin-bottom: 0;
}
.form-preview.form-flush {
  border-top: none;
}
.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before,
.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before,
.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after,
.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after {
  background: var(--oc-primary-bg);
}
.form-preview .control-tabs.primary-tabs > ul.nav-tabs > li.active a:before,
.form-preview .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
.form-preview .control-tabs.primary-tabs > div > div > ul.nav-tabs > li.active a:before {
  background-color: var(--oc-primary-bg);
}
.form-elements:before,
.form-tabless-fields:before,
.form-elements:after,
.form-tabless-fields:after {
  content: " ";
  display: table;
}
.form-elements:after,
.form-tabless-fields:after {
  clear: both;
}
.form-elements:before,
.form-tabless-fields:before,
.form-elements:after,
.form-tabless-fields:after {
  content: " ";
  display: table;
}
.form-elements:after,
.form-tabless-fields:after {
  clear: both;
}
.form-control {
  position: relative;
  -webkit-appearance: none;
}
.form-control:focus {
  border: 1px solid var(--oc-border-focus);
  box-shadow: none;
}
.form-control.growable {
  width: 110px;
}
.form-control.growable:focus,
.form-control.growable:active {
  width: 200px !important;
}
@media (max-width: 576px) {
  .form-control.growable {
    width: 40px;
    text-indent: -999px;
  }
  .form-control.growable:focus,
  .form-control.growable:active {
    text-indent: 0;
    width: 100px !important;
  }
  .form-control.growable.icon {
    padding-right: 0 !important;
  }
}
.search-input-container {
  position: relative;
}
.search-input-container:before {
  position: absolute;
  width: 16px;
  height: 16px;
  background-position: 0 -38px;
  z-index: 1;
  right: 8px;
  top: 11px;
}
.form-group {
  position: relative;
  box-sizing: border-box;
}
.form-group:empty {
  display: none;
}
.form-group,
.form-group.layout-item {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.form-group.is-required > label:after {
  background-color: var(--bs-danger);
  width: 5px;
  height: 5px;
  margin-left: 3px;
  vertical-align: super;
  font-size: 60%;
  content: "";
  display: inline-block;
  border-radius: 8px;
}
.form-group .form-translatable {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 25px;
  border-radius: 5px;
  background-color: var(--oc-input-translatable-bg);
  color: var(--oc-input-translatable-color);
  margin-bottom: -5px;
  margin-left: 2px;
}
.form-group .form-translatable i {
  font-size: 17px;
  position: absolute;
  top: 2px;
  left: 3px;
}
.form-group .form-translatable.no-label {
  position: absolute;
  top: 1px;
  right: 0;
  left: auto;
  z-index: 2;
}
.form-group.span-full {
  width: 100%;
  float: left;
}
.form-group.span-left {
  float: left;
  width: 48.5%;
  clear: left;
}
.form-group.span-right {
  float: right;
  width: 48.5%;
  clear: right;
}
.form-group.clear-full {
  clear: both;
}
.form-group.clear-left {
  clear: left;
}
.form-group.clear-right {
  clear: right;
}
.form-group.layout-relative {
  padding-bottom: 0;
}
.form-group.checkbox-field {
  padding-bottom: 5px;
}
.form-group.checkbox-field > .form-check {
  margin-bottom: 10px;
}
.form-group.radio-field > .form-check {
  margin-bottom: 10px;
}
.form-group.number-field > .form-control {
  text-align: right;
}
.form-group.radio-align {
  padding-left: 23px;
  margin-top: -20px;
}
.form-group.checkbox-align {
  padding-left: 23px;
  margin-top: -5px;
}
.form-group.field-align-above {
  margin-top: -5px;
}
.form-group.field-slim.span-left,
.form-group.field-slim.span-right {
  width: 50%;
}
.form-group.field-indent {
  padding-left: 23px;
}
.form-group.input-sidebar-control {
  padding-right: 35px;
}
.form-group.input-sidebar-control .sidebar-control {
  position: absolute;
  right: 8px;
  top: 34px;
  font-size: 16px;
  color: #C4C4C4;
}
.form-group.input-sidebar-control .sidebar-control:hover,
.form-group.input-sidebar-control .sidebar-control:focus {
  text-decoration: none;
  color: var(--bs-link-color);
  outline: none;
}
.form-group-preview .form-control {
  background-color: var(--oc-form-control-disabled-bg);
  height: auto;
  min-height: 38px;
  word-break: break-word;
  box-shadow: none;
}
.form-group-preview .custom-checkbox label,
.form-group-preview .custom-radio label {
  cursor: default;
}
.form-text {
  margin-bottom: 0;
}
.form-text.before-field {
  margin-top: 0;
  margin-bottom: 10px;
}
.control-disabled .form-text {
  opacity: 0.5;
}
.input-with-icon {
  position: relative;
}
.input-with-icon > .icon {
  position: absolute;
  z-index: 10;
  padding: 10px;
  pointer-events: none;
  color: #bdbdbd;
  font-size: 15px;
  margin-top: 1px;
}
.input-with-icon.right-align > .icon {
  right: 0;
}
.input-with-icon.right-align input {
  padding-right: 32px !important;
}
.input-with-icon.left-align > .icon {
  left: 0;
}
.input-with-icon.left-align input {
  padding-left: 32px !important;
}
.input-with-icon.size-sm > .icon {
  margin-top: 0;
  padding: 5px 8px;
}
.field-section {
  border-bottom: 1px solid var(--bs-border-color);
  padding-top: 3px;
  padding-bottom: 7px;
}
.field-section > h4 {
  font-weight: 400;
  font-size: 1.3rem;
}
.field-section > p:first-child,
.field-section > h4:first-child {
  margin: 0;
}
.field-section.is-collapsible {
  cursor: pointer;
}
.field-section.is-collapsible > h4:before {
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  vertical-align: baseline;
  content: "\f077";
  font-size: 12px;
  margin: 2px 8px 0;
  float: right;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
  transform: scale(1, 1);
}
.field-section.is-collapsible:hover {
  border-bottom: 1px solid #b0bdcd;
}
.field-section.is-collapsible:hover > h4:before {
  color: inherit;
}
.field-action {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 10px 0 5px;
  margin-top: -20px;
}
.field-action h5 {
  margin-bottom: 0.35rem;
  margin-top: 0.75rem;
  font-weight: 400;
  font-size: 1rem;
}
.field-action p {
  color: var(--bs-secondary-color);
  margin-bottom: 0;
  font-size: 0.9rem;
}
.field-action .field-action-button {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .field-action .field-action-button {
    text-align: right;
  }
}
.form-group.section-field.collapsed .field-section.is-collapsible > h4:before {
  transform: scale(1, -1);
}
.field-horizontalrule hr {
  height: 1px;
  background: #000;
  margin: 0;
  opacity: 0.1;
}
.field-textarea {
  resize: vertical;
}
.field-textarea.size-tiny {
  min-height: 50px;
}
.field-textarea.size-small {
  min-height: 100px;
}
.field-textarea.size-large {
  min-height: 200px;
}
.field-textarea.size-huge {
  min-height: 250px;
}
.field-textarea.size-giant {
  min-height: 350px;
}
.field-checkboxlist .field-checkboxlist-inner {
  border-radius: 4px;
  background: var(--oc-form-control-bg);
  border: 1px solid var(--bs-border-color);
}
.field-checkboxlist:not(.is-scrollable) .field-checkboxlist-inner {
  padding: 15px 15px 2px 15px;
}
.field-checkboxlist .checkboxlist-controls {
  padding: 3px;
  font-size: 0;
  white-space: nowrap;
  background: var(--oc-form-control-bg);
  border-top: 1px solid var(--bs-border-color);
  border-left: 1px solid var(--bs-border-color);
  border-right: 1px solid var(--bs-border-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.field-checkboxlist .checkboxlist-controls + .field-checkboxlist-inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-color: var(--oc-toolbar-border);
}
.field-checkboxlist .form-check {
  margin-bottom: 10px;
}
.field-checkboxlist-scrollable {
  height: 300px;
}
.field-checkboxlist-scrollable .form-check {
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.field-checkboxlist-scrollable .form-check ~ .form-check {
  margin-top: 0;
}
.form-group.inline-options .field-checkboxlist:not(.is-scrollable) .field-checkboxlist-inner {
  padding: 15px 15px 5px 15px;
}
.form-group.inline-options .form-check {
  display: inline-block;
  margin-right: 15px;
}
.form-buttons {
  padding-bottom: 20px;
  font-size: 0;
}
.form-buttons:before,
.form-buttons:after {
  content: " ";
  display: table;
}
.form-buttons:after {
  clear: both;
}
.form-buttons:before,
.form-buttons:after {
  content: " ";
  display: table;
}
.form-buttons:after {
  clear: both;
}
.form-buttons .btn {
  margin-right: 15px;
}
.form-buttons .btn.no-margin-right {
  margin-right: 0;
}
.form-buttons .btn-group {
  margin-right: 10px;
}
.form-buttons .btn-group .btn {
  margin-right: 0;
}
.form-buttons .pull-right {
  margin-right: 0;
  margin-left: 10px;
}
.form-buttons.buttons-offset {
  padding-left: 20px;
}
body.slim-container .form-buttons {
  padding: 0 20px 20px;
}
@media (max-width: 769px) {
  .form-group.span-left,
  .form-group.span-right {
    width: 100%;
    clear: none;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
}
.select2-dropdown {
  z-index: 10400;
}
[data-control=toolbar] .form-control {
  display: inline-block;
  margin-right: 15px;
}
[data-control=toolbar] input[type=text].form-control,
[data-control=toolbar] label {
  position: relative;
  top: 5px;
}
[data-control=toolbar] label {
  margin-right: 7px;
}
[data-control=toolbar] label.standalone {
  margin-right: 15px;
}
[data-control=toolbar] .select2-container {
  display: inline-block;
  width: auto;
  height: 36px;
  margin-right: 15px;
}
[data-control=toolbar] .select2-container .select2-selection__rendered {
  line-height: 17px;
}
[data-control=toolbar] .select2-container .select2-selection--single {
  height: 36px;
}
[data-control=toolbar] select.form-control.custom-select {
  display: none;
}
.control-simplelist {
  padding: 20px 20px 2px 20px;
  margin-bottom: 20px;
  border: 1px solid var(--bs-border-color);
  background: var(--oc-form-control-bg);
  border-radius: 4px;
}
.control-simplelist ul {
  padding-left: 15px;
}
.control-simplelist.form-control ul {
  margin-bottom: 0;
}
.control-simplelist.form-control li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.control-simplelist.with-icons ul,
.control-simplelist.with-checkboxes ul,
.control-simplelist.is-divided ul,
.control-simplelist.is-selectable ul {
  list-style-type: none;
  padding-left: 0;
}
.control-simplelist.with-icons li > i {
  margin-right: 5px;
}
.control-simplelist.with-checkboxes li div.custom-checkbox,
.control-simplelist.with-checkboxes li div.form-check {
  display: inline-block;
}
.control-simplelist.with-checkboxes li:first-child {
  margin-top: 0;
}
.control-simplelist.with-checkboxes li:last-child div.custom-checkbox,
.control-simplelist.with-checkboxes li:last-child div.form-check {
  margin-bottom: 0;
}
.control-simplelist.with-checkboxes li:last-child div.custom-checkbox label,
.control-simplelist.with-checkboxes li:last-child div.form-check label {
  margin-bottom: 5px;
}
.control-simplelist.is-sortable li {
  position: relative;
  padding: 2px 0 2px 24px;
}
.control-simplelist.is-sortable li .drag-handle {
  width: 24px;
  height: 24px;
  cursor: move;
  text-align: center;
  color: var(--oc-toolbar-color);
  background: var(--oc-toolbar-bg);
  border-radius: 3px;
  text-decoration: none;
  position: absolute;
  top: 1px;
  left: -6px;
}
.control-simplelist.is-sortable li .drag-handle > i {
  font-size: 24px;
}
.control-simplelist.is-sortable li.sortable-chosen.sortable-ghost {
  position: relative;
}
.control-simplelist.is-sortable li.sortable-chosen.sortable-ghost .drag-handle {
  background: var(--oc-toolbar-hover-bg);
}
.control-simplelist.is-scrollable {
  height: 200px;
}
.control-simplelist.is-scrollable.size-tiny {
  min-height: 250px;
}
.control-simplelist.is-scrollable.size-small {
  min-height: 300px;
}
.control-simplelist.is-scrollable.size-large {
  min-height: 400px;
}
.control-simplelist.is-scrollable.size-huge {
  min-height: 450px;
}
.control-simplelist.is-scrollable.size-giant {
  min-height: 550px;
}
.control-simplelist.is-divided,
.control-simplelist.is-selectable,
.control-simplelist.is-selectable-box {
  padding: 0;
}
.control-simplelist.is-divided li .heading,
.control-simplelist.is-selectable li .heading,
.control-simplelist.is-selectable-box li .heading {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
.control-simplelist.is-divided li,
.control-simplelist.is-selectable li {
  padding: 5px 10px;
  border-bottom: 1px solid var(--bs-border-color);
}
.control-simplelist.is-divided li:last-child,
.control-simplelist.is-selectable li:last-child {
  border-bottom: none;
}
.control-simplelist.is-selectable li a {
  padding: 5px 10px;
  margin: -5px -10px;
  display: block;
  color: var(--bs-body-color);
}
.control-simplelist.is-selectable li:hover {
  background: var(--oc-selection);
  cursor: pointer;
}
.control-simplelist.is-selectable li:hover,
.control-simplelist.is-selectable li:hover a {
  color: white;
}
.control-simplelist.is-selectable li:hover a {
  text-decoration: none;
}
.control-simplelist.is-selectable li.active a {
  background: #f0f0f0;
}
.control-simplelist.is-selectable li.active a:hover {
  background: var(--oc-selection);
}
.control-simplelist.is-selectable-box {
  padding-top: 15px;
  margin-bottom: 0;
  background: transparent;
}
.control-simplelist.is-selectable-box.is-flush {
  padding: 0;
  margin-left: -8px;
}
.control-simplelist.is-selectable-box.is-flush ul {
  padding-left: 0;
}
.control-simplelist.is-selectable-box li {
  width: 155px;
  margin: 8px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.control-simplelist.is-selectable-box li a {
  text-decoration: none;
  display: block;
  color: var(--bs-body-color);
}
.control-simplelist.is-selectable-box li a .box {
  display: block;
  width: 155px;
  height: 155px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  position: relative;
  background: var(--oc-form-control-bg);
  transition: border 0.3s ease;
}
.control-simplelist.is-selectable-box li a .image {
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
}
.control-simplelist.is-selectable-box li a .image > i {
  font-size: 56px;
  color: rgba(0, 0, 0, 0.25);
}
.control-simplelist.is-selectable-box li a .heading {
  margin: 7px 0;
  padding: 0;
}
.control-simplelist.is-selectable-box li a .description {
  font-size: 12px;
}
.control-simplelist.is-selectable-box li a:hover .box {
  border-color: rgba(0, 0, 0, 0.2);
}
.control-simplelist.is-selectable-box li a:hover .image > i {
  color: rgba(0, 0, 0, 0.45);
}
.control-simplelist.is-selectable-box li.active a .box {
  border-color: var(--oc-selection);
}
.control-simplelist.is-selectable-box li.active a .image > i {
  color: rgba(0, 0, 0, 0.45);
}
.list-preview .control-simplelist.is-selectable ul {
  margin-bottom: 0;
}
.drag-noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.control-scrollbar {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.control-scrollbar > .scrollbar-scrollbar {
  position: absolute;
  z-index: 100;
}
.control-scrollbar > .scrollbar-scrollbar .scrollbar-track {
  background-color: transparent;
  position: relative;
  border-radius: 5px;
}
.control-scrollbar > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
}
.control-scrollbar > .scrollbar-scrollbar.disabled {
  display: none !important;
}
.control-scrollbar.vertical > .scrollbar-scrollbar {
  right: 0;
  margin-right: 5px;
  width: 6px;
}
.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track {
  height: 100%;
  width: 6px;
}
.control-scrollbar.vertical > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
  height: 20px;
  width: 6px;
  top: 0;
  left: 0;
}
.control-scrollbar.vertical > .scrollbar-scrollbar:active,
.control-scrollbar.vertical > .scrollbar-scrollbar:hover {
  width: 8px;
  transition: width 0.3s;
}
.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-track,
.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-track,
.control-scrollbar.vertical > .scrollbar-scrollbar:active .scrollbar-thumb,
.control-scrollbar.vertical > .scrollbar-scrollbar:hover .scrollbar-thumb {
  width: 8px;
  transition: width 0.3s;
}
.control-scrollbar.horizontal > .scrollbar-scrollbar {
  margin: 0 0 5px;
  clear: both;
  height: 6px;
}
.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track {
  width: 100%;
  height: 6px;
}
.control-scrollbar.horizontal > .scrollbar-scrollbar .scrollbar-track .scrollbar-thumb {
  height: 6px;
  margin: 2px 0;
  left: 0;
  top: 0;
}
.control-scrollbar.horizontal > .scrollbar-scrollbar:active,
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover {
  height: 8px;
  transition: height 0.3s;
}
.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-track,
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-track,
.control-scrollbar.horizontal > .scrollbar-scrollbar:active .scrollbar-thumb,
.control-scrollbar.horizontal > .scrollbar-scrollbar:hover .scrollbar-thumb {
  height: 8px;
  transition: height 0.3s;
}
html.mobile .control-scrollbar {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.no-touch .control-scrollbar > .scrollbar-scrollbar {
  opacity: 0;
  transition: opacity 0.3s;
}
.no-touch .control-scrollbar:active > .scrollbar-scrollbar,
.no-touch .control-scrollbar:hover > .scrollbar-scrollbar {
  opacity: 1;
}
@media (max-width: 768px) {
  .responsive-sidebar > .layout-cell:last-child .control-scrollbar {
    overflow: visible;
    height: auto;
  }
  .responsive-sidebar > .layout-cell:last-child .control-scrollbar .scrollbar-scrollbar {
    display: none!important;
  }
}
.scrollable-panel-container {
  position: relative;
}
.scrollable-panel-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: transparent url(../images/scrollable-panel-shadow.png) repeat-x left top;
  transition: height 0.1s, width 0.1s;
}
.scrollable-panel-container.scrolled:before {
  height: 9px;
}
.scrollable-panel-container.horizontal:before {
  top: 0;
  width: 0;
  height: 100%;
}
.scrollable-panel-container.horizontal.scrolled:before:before {
  width: 9px;
  background: transparent url(../images/scrollable-panel-shadow-horizontal.png) repeat-x left top;
}
.scrollable-panel-container .scrollable {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.control-filelist p.no-data {
  padding: 22px 0;
  margin: 0;
  color: #666666;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  border-radius: 4px;
}
.control-filelist ul {
  padding: 0;
  margin: 0;
}
.control-filelist ul li {
  font-weight: normal;
  line-height: 150%;
  position: relative;
  list-style: none;
}
.control-filelist ul li a:hover {
  background: var(--oc-toolbar-hover-bg);
}
.control-filelist ul li.active > a {
  background: var(--oc-selection);
  position: relative;
}
.control-filelist ul li.active > a span.title,
.control-filelist ul li.active > a span.description {
  color: #ffffff;
}
.control-filelist ul li a {
  display: block;
  padding: 10px 45px 10px 20px;
  outline: none;
}
.control-filelist ul li a:hover,
.control-filelist ul li a:focus,
.control-filelist ul li a:active {
  text-decoration: none;
}
.control-filelist ul li a span {
  display: block;
}
.control-filelist ul li a span.title {
  font-weight: normal;
  color: var(--oc-toolbar-color);
  font-size: 14px;
}
.control-filelist ul li a span.description {
  color: var(--oc-primary-color);
  font-size: 12px;
  white-space: nowrap;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.control-filelist ul li a span.description strong {
  color: var(--oc-toolbar-color);
  font-weight: normal;
}
.control-filelist ul li.group > h4,
.control-filelist ul li.group > div.group > h4 {
  font-weight: normal;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.control-filelist ul li.group > h4 a,
.control-filelist ul li.group > div.group > h4 a {
  padding: 10px 20px 10px 53px;
  color: var(--oc-toolbar-color);
  position: relative;
  outline: none;
}
.control-filelist ul li.group > h4 a:hover,
.control-filelist ul li.group > div.group > h4 a:hover {
  background: transparent;
}
.control-filelist ul li.group > h4 a:before,
.control-filelist ul li.group > div.group > h4 a:before,
.control-filelist ul li.group > h4 a:after,
.control-filelist ul li.group > div.group > h4 a:after {
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 1px;
}
.control-filelist ul li.group > h4 a:after,
.control-filelist ul li.group > div.group > h4 a:after {
  left: 33px;
  top: 9px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f07b";
  color: #a1aab1;
  font-size: 16px;
}
.control-filelist ul li.group > h4 a:before,
.control-filelist ul li.group > div.group > h4 a:before {
  left: 20px;
  top: 9px;
  color: #cfcfcf;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f0da";
  transform: rotate(90deg) translate(5px, 0);
  transition: all 0.1s ease;
}
.control-filelist ul li.group > ul > li > a {
  padding-left: 52px;
}
.control-filelist ul li.group > ul > li.group {
  padding-left: 20px;
}
.control-filelist ul li.group > ul > li.group > ul > li > a {
  padding-left: 324px;
  margin-left: -270px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 297px;
  margin-left: -243px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 270px;
  margin-left: -216px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 243px;
  margin-left: -189px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 216px;
  margin-left: -162px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 189px;
  margin-left: -135px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 162px;
  margin-left: -108px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 135px;
  margin-left: -81px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 108px;
  margin-left: -54px;
}
.control-filelist ul li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li.group > ul > li > a {
  padding-left: 81px;
  margin-left: -27px;
}
.control-filelist ul li.group[data-status=collapsed] > h4 a:before,
.control-filelist ul li.group[data-status=collapsed] > div.group > h4 a:before {
  transform: rotate(0deg) translate(3px, 0);
}
.control-filelist ul li.group[data-status=collapsed] > ul,
.control-filelist ul li.group[data-status=collapsed] > div.subitems {
  display: none;
}
.control-filelist ul li > div.controls {
  position: absolute;
  right: 19px;
  top: 6px;
}
.control-filelist ul li > div.controls .dropdown {
  width: 14px;
  height: 21px;
}
.control-filelist ul li > div.controls .dropdown.open a.control {
  display: block!important;
}
.control-filelist ul li > div.controls .dropdown.open a.control:before {
  visibility: visible;
  display: block;
}
.control-filelist ul li > div.controls a.control {
  color: var(--oc-toolbar-color);
  font-size: 14px;
  visibility: hidden;
  overflow: hidden;
  width: 14px;
  height: 21px;
  display: none;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  opacity: 0.5;
}
.control-filelist ul li > div.controls a.control:before {
  visibility: visible;
  display: block;
  margin-right: 0;
}
.control-filelist ul li > div.controls a.control:hover {
  opacity: 1;
}
.control-filelist ul li:hover > div.controls,
.control-filelist ul li:hover > a.control {
  display: block!important;
}
.control-filelist ul li:hover > div.controls > a.control,
.control-filelist ul li:hover > a.control > a.control {
  display: block!important;
}
.control-filelist ul li .checkbox {
  position: absolute;
  top: -5px;
  right: 0;
}
.control-filelist ul li .checkbox label {
  margin-right: 0;
}
.control-filelist ul li .checkbox label:before {
  border-color: #cccccc;
}
.control-filelist.single-line ul li a span.title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.control-filelist.filelist-hero ul li {
  background: var(--oc-primary-bg);
  border-bottom: none;
}
.control-filelist.filelist-hero ul li > a {
  padding: 11px 45px 10px 50px;
  font-size: 13px;
  border-bottom: 1px solid var(--oc-toolbar-border);
}
.control-filelist.filelist-hero ul li > a span.title {
  font-size: 14px;
  font-weight: normal;
  color: var(--oc-primary-color);
}
.control-filelist.filelist-hero ul li > a span.description {
  font-size: 13px;
}
.control-filelist.filelist-hero ul li > a .list-icon {
  position: absolute;
  left: 14px;
  top: 9px;
  font-size: 22px;
  color: #b7c0c2;
}
.control-filelist.filelist-hero ul li > a:hover {
  background: var(--oc-dropdown-hover-bg);
  border-bottom: 1px solid var(--oc-dropdown-hover-bg) !important;
}
.control-filelist.filelist-hero ul li > a:hover span.title,
.control-filelist.filelist-hero ul li > a:hover span.description {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li > a:hover .list-icon {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li > a:active {
  background: var(--oc-dropdown-active-bg);
  border-bottom: 1px solid var(--oc-dropdown-active-bg) !important;
}
.control-filelist.filelist-hero ul li > a:active span.title,
.control-filelist.filelist-hero ul li > a:active span.description {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li > a:active .list-icon {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li .checkbox {
  top: -4px;
  right: 0;
}
.control-filelist.filelist-hero ul li.no-description .list-icon {
  top: 10px;
}
.control-filelist.filelist-hero ul li.active > a {
  border-bottom: 1px solid var(--oc-selection);
}
.control-filelist.filelist-hero ul li.active > a:after {
  display: none;
}
.control-filelist.filelist-hero ul li.active > a > span.borders:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  display: block;
  left: 0;
  background-color: var(--oc-selection);
}
.control-filelist.filelist-hero ul li.active > a > span.borders:before {
  top: -1px;
}
.control-filelist.filelist-hero ul li.active > a:hover > span.borders:before {
  background-color: var(--oc-dropdown-hover-bg);
}
.control-filelist.filelist-hero ul li.active > a:active > span.borders:before {
  background-color: var(--oc-dropdown-active-bg);
}
.control-filelist.filelist-hero ul li.active > a span.title,
.control-filelist.filelist-hero ul li.active > a span.description {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li.active > a .list-icon {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero ul li > h4 {
  padding-top: 7px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--oc-toolbar-border);
}
.control-filelist.filelist-hero ul li > div.controls {
  display: none;
  position: absolute;
  right: 16px;
  top: 15px;
}
.control-filelist.filelist-hero ul li > div.controls > a.control {
  width: 16px;
  height: 23px;
  background: transparent;
  overflow: hidden;
  display: inline-block;
  color: var(--oc-dropdown-hover-color) !important;
  padding: 0;
}
.control-filelist.filelist-hero ul li > div.controls > a.control:before {
  font-size: 17px;
}
.control-filelist.filelist-hero ul li:hover > div.controls {
  display: block;
}
.control-filelist.filelist-hero ul li.separator {
  position: relative;
  border-bottom: 1px solid var(--bs-border-color);
  padding: 12px 15px 13px 15px;
}
.control-filelist.filelist-hero ul li.separator:before {
  z-index: 31;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
  border-top: 11px solid var(--oc-primary-bg);
  border-bottom-width: 0;
  position: absolute;
  left: 13px;
  bottom: -8px;
}
.control-filelist.filelist-hero ul li.separator:after {
  z-index: 30;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-top: 9px solid var(--bs-border-color);
  border-bottom-width: 0;
  position: absolute;
  left: 14px;
  bottom: -9px;
}
.control-filelist.filelist-hero ul li.separator h5 {
  color: var(--bs-heading-color);
  font-size: 14px;
  margin: 0;
  font-weight: normal;
  padding: 0;
}
.control-filelist.filelist-hero ul > li.group > ul > li > a {
  padding-left: 66px;
}
.control-filelist.filelist-hero.single-level ul li:hover {
  background: var(--oc-dropdown-hover-bg);
}
.control-filelist.filelist-hero.single-level ul li:hover > a {
  background: var(--oc-dropdown-hover-bg);
  border-bottom: 1px solid var(--oc-dropdown-hover-bg) !important;
}
.control-filelist.filelist-hero.single-level ul li:hover > a span.title,
.control-filelist.filelist-hero.single-level ul li:hover > a span.description {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero.single-level ul li:hover > a .list-icon {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero.single-level ul li:active {
  background: var(--oc-dropdown-active-bg);
}
.control-filelist.filelist-hero.single-level ul li:active > a {
  background: var(--oc-dropdown-active-bg);
  border-bottom: 1px solid var(--oc-dropdown-active-bg) !important;
}
.control-filelist.filelist-hero.single-level ul li:active > a span.title,
.control-filelist.filelist-hero.single-level ul li:active > a span.description {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.filelist-hero.single-level ul li:active > a .list-icon {
  color: var(--oc-dropdown-hover-color) !important;
}
.control-filelist.snippet-list li > a {
  position: relative;
  color: var(--oc-toolbar-color);
}
.control-filelist.snippet-list li > a:before {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e94b";
  font-size: 19.5px;
  position: absolute;
  width: 17px;
  height: 19px;
  left: 18px;
  top: 12px;
}
.control-filelist.snippet-list li > a:hover:before {
  color: var(--oc-dropdown-hover-color);
}
.control-filelist.snippet-list li.group ul li > a:before {
  left: 34px;
}
.oc-progress-bar {
  background-color: var(--oc-accent, #0076ff);
}
.control-scrollpanel {
  position: relative;
  background: var(--bs-tertiary-bg);
}
.control-scrollpanel .control-scrollbar.vertical > .scrollbar-scrollbar {
  right: 0;
}
.tooltip .tooltip-inner {
  text-align: left;
  padding: 5px 8px;
}
.tooltip.show {
  opacity: 1;
}
.status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  display: inline-block;
  margin-right: 3px;
  border: 1px solid rgba(var(--bs-body-bg-rgb), 0.9);
}
.oc-logo-white {
  background-image: url(../images/october-logo-white.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.oc-logo,
.october-cms-logo-grey {
  background-image: url(../images/october-logo.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.layout.control-tabs.oc-logo-transparent:not(.has-tabs),
.flex-layout-column.oc-logo-transparent:not(.has-tabs),
.layout-cell.oc-logo-transparent {
  background-size: auto 38px;
  background-repeat: no-repeat;
  background-image: url(../images/october-logo.svg);
  background-position: 50% 50%;
  position: relative;
}
.report-widget {
  padding: 15px;
  background: var(--bs-modal-bg);
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: 0 0 2px rgba(var(--bs-body-color-rgb), 0.1);
  font-size: 14px;
}
.report-widget h3 {
  font-size: 14px;
  color: #7e8c8d;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
}
.report-widget .height-100 {
  height: 100px;
}
.report-widget .height-200 {
  height: 200px;
}
.report-widget .height-300 {
  height: 300px;
}
.report-widget .height-400 {
  height: 400px;
}
.report-widget .height-500 {
  height: 500px;
}
.report-widget p.report-description {
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 12px;
  line-height: 190%;
  color: #7e8c8d;
}
.report-widget a:not(.btn) {
  color: #7e8c8d;
  text-decoration: none;
}
.report-widget a:not(.btn):hover {
  color: var(--bs-link-color);
  text-decoration: none;
}
.report-widget p.flash-message.static {
  margin-bottom: 0;
}
.report-widget .icon-circle.success {
  color: var(--bs-success);
}
.report-widget .icon-circle.primary {
  color: var(--bs-primary);
}
.report-widget .icon-circle.warning {
  color: var(--bs-warning);
}
.report-widget .icon-circle.danger {
  color: var(--bs-danger);
}
.report-widget .icon-circle.info {
  color: var(--bs-info);
}
.control-treelist ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.control-treelist ol ol {
  margin: 0;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #dbdee0;
}
.control-treelist > ol > li > div.record:before {
  display: none;
}
.control-treelist li {
  margin: 0;
  padding: 0;
}
.control-treelist li > div.record {
  margin: 0;
  font-size: 14px;
  margin-bottom: 5px;
  position: relative;
  display: block;
}
.control-treelist li > div.record:before {
  color: #bdc3c7;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f111";
  font-size: 6px;
  position: absolute;
  left: -18px;
  top: 11px;
}
.control-treelist li > div.record > a.move {
  display: inline-block;
  padding: 7px 0 7px 10px;
  text-decoration: none;
  color: #bdc3c7;
}
.control-treelist li > div.record > a.move:hover {
  color: rgba(215, 225, 234, 0.7);
}
.control-treelist li > div.record > a.move:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f0c9";
}
.control-treelist li > div.record > span {
  color: var(--bs-table-color);
  display: inline-block;
  padding: 7px 15px 7px 5px;
}
.control-treelist li.dragged {
  position: absolute;
  z-index: 2000;
  width: auto !important;
  height: auto !important;
}
.control-treelist li.dragged > div.record {
  opacity: 0.5;
  background: rgba(215, 225, 234, 0.7) !important;
}
.control-treelist li.dragged > div.record > a.move:before,
.control-treelist li.dragged > div.record > span {
  color: white;
}
.control-treelist li.dragged > div.record:before {
  display: none;
}
.control-treelist li.placeholder {
  display: inline-block;
  position: relative;
  background: rgba(215, 225, 234, 0.7) !important;
  height: 25px;
  margin-bottom: 5px;
}
.control-treelist li.placeholder:before {
  display: block;
  position: absolute;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f053";
  color: #d35714;
  left: -10px;
  top: 8px;
  z-index: 2000;
}
html .sidenav-tree {
  background: var(--oc-settings-bg);
}
.sidenav-tree {
  width: 300px;
  border-right: 1px solid var(--oc-primary-border);
}
.sidenav-tree .settings-search-toolbar-item {
  display: block;
  background: var(--oc-form-control-bg);
  position: relative;
}
.sidenav-tree .settings-search-toolbar-item:before {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-position: -238px 0;
  top: 13px;
  right: 15px;
  font-size: 0;
}
.sidenav-tree .settings-search-toolbar-item input.form-control {
  border: none;
  outline: none;
  padding: 1px 35px 1px 10px;
  border-bottom: 1px solid var(--oc-primary-border);
  height: 40px;
  background: transparent;
  border-radius: 0;
}
.sidenav-tree .settings-search-toolbar-item input.form-control.search {
  background-position: right -78px;
}
.sidenav-tree ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidenav-tree div.scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2) !important;
}
.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group h3:before {
  transform: rotate(0deg) translate(2px, -2px);
}
.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group:before,
.sidenav-tree ul.top-level > li[data-status=collapsed] > div.group:after {
  display: none;
}
.sidenav-tree ul.top-level > li[data-status=collapsed] ul {
  display: none;
}
.sidenav-tree ul.top-level > li > div.group {
  position: relative;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sidenav-tree ul.top-level > li > div.group h3 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 15px 7px 25px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.sidenav-tree ul.top-level > li > div.group h3:before {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 10px;
  top: 10px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  transform: rotate(90deg) translate(5px, -3px);
  transition: all 0.1s ease;
  font-size: 16px;
}
.sidenav-tree ul.top-level > li > ul li {
  padding: 5px;
}
.sidenav-tree ul.top-level > li > ul li a {
  display: block;
  position: relative;
  padding: 10px 5px 15px 44px;
  text-decoration: none !important;
  border-radius: 4px;
}
.sidenav-tree ul.top-level > li > ul li a i {
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 22px;
}
.sidenav-tree ul.top-level > li > ul li a span {
  display: block;
  line-height: 150%;
}
.sidenav-tree ul.top-level > li > ul li a span.header {
  margin-bottom: 3px;
}
.sidenav-tree ul.top-level > li > ul li a span.description {
  font-size: 0.875em;
}
.sidenav-tree ul.top-level > li > ul li a:hover,
.sidenav-tree ul.top-level > li > ul li.active a {
  opacity: 1;
  text-decoration: none;
}
.system-home-link {
  display: block;
  padding: 13px 15px;
  background: var(--bs-secondary);
  color: white;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}
.system-home-link i {
  display: inline-block;
  margin-right: 10px;
}
.system-home-link i:before {
  content: '';
  width: 24px;
  height: 11px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -52px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .system-home-link i:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
.system-home-link:hover {
  color: white;
  text-decoration: none;
}
.system-home-link.back-link-other {
  display: none;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .system-home-link.back-link-other {
    display: block;
  }
}
.layout > .layout-cell.layout-container .system-home-link.back-link-other {
  margin: -20px -20px 20px -20px;
}
body.slim-container .layout > .layout-cell.layout-container .system-home-link.back-link-other {
  margin: -20px 0 20px 0;
}
body.compact-container .layout > .layout-cell.layout-container .system-home-link.back-link-other {
  margin: 0;
}
@media (max-width: 768px) {
  .sidenav-tree {
    border-right: none;
    width: 100%;
    height: auto !important;
    display: block !important;
  }
  .sidenav-tree > .layout {
    display: none;
  }
  body.has-sidenav-tree #layout-body {
    display: block !important;
  }
}
body.sidenav-tree-expanded #layout-body {
  display: none !important;
}
body.sidenav-tree-expanded .sidenav-tree {
  display: table-cell;
  margin: 0 auto;
  border-right: none;
  border-left: none;
  width: auto;
  padding-top: 30px;
  padding-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
body.sidenav-tree-expanded .sidenav-tree .scrollbar-scrollbar {
  display: none !important;
}
body.sidenav-tree-expanded .sidenav-tree .system-home-link {
  display: none !important;
}
body.sidenav-tree-expanded .sidenav-tree .layout-absolute {
  position: relative !important;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > div.group {
  margin-top: 10px;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > div.group h3 {
  background: transparent;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul > li {
  display: inline-block;
  padding: 10px;
  width: 350px;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul > li a {
  background: var(--oc-settings-item);
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 54px;
  min-height: 100px;
  height: 100%;
  overflow: hidden;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul > li a i {
  top: 12px;
  font-size: 28px;
}
body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul > li a:hover {
  background: var(--oc-settings-hover-bg);
}
body.sidenav-tree-expanded .settings-search-toolbar-item {
  margin: 0px 10px 10px 10px;
  border-radius: 20px !important;
}
body.sidenav-tree-expanded .settings-search-toolbar-item input.form-control {
  border: 1px solid var(--bs-border-color);
  border-radius: 20px !important;
  padding-left: 15px;
  line-height: 40px;
  height: 40px;
}
body.sidenav-tree-expanded .settings-search-toolbar-item input.form-control:focus {
  border-color: var(--oc-border-focus);
}
.sidenav-tree ul.top-level > li > div.group h3 {
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > div.group h3:before {
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > ul li a {
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > ul li a span.header {
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > ul li a span.description {
  color: var(--oc-settings-color);
  opacity: 0.7;
}
.sidenav-tree ul.top-level > li > ul li a:hover {
  background: var(--oc-settings-hover-bg);
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > ul li a:hover span.header {
  color: var(--oc-settings-color);
}
.sidenav-tree ul.top-level > li > ul li a:hover span.description {
  color: var(--oc-settings-color);
  opacity: 1;
}
.sidenav-tree ul.top-level > li > ul li.active a {
  color: var(--oc-settings-active-color);
  background: var(--oc-settings-active-bg);
}
.sidenav-tree ul.top-level > li > ul li.active a span.header {
  color: var(--oc-settings-active-color);
}
.sidenav-tree ul.top-level > li > ul li.active a span.description {
  color: var(--oc-settings-active-color);
  opacity: 1;
}
@media (max-width: 768px) {
  .sidenav-tree-expanded .sidenav-tree > .layout {
    display: table !important;
  }
  .sidenav-tree-expanded #layout-body {
    display: none;
  }
}
@media (max-width: 767px) {
  body.sidenav-tree-expanded .sidenav-tree {
    width: 100%;
  }
  body.sidenav-tree-expanded .sidenav-tree ul.top-level > li > ul > li {
    width: 100%;
  }
}
body:not(.sidenav-tree-expanded) .sidenav-tree .is-inactive-group {
  display: none;
}
body:not(.sidenav-tree-expanded) .sidenav-tree.is-searching .is-inactive-group {
  display: block;
}
html[data-turbo-preview] body.sidenav-tree-expanded .settings-search-toolbar-item input.form-control {
  box-shadow: none;
  border: 1px solid #d7e1eA;
}
div.panel {
  padding: 20px;
  /*
     * Panel sections
     */
}
div.panel.no-padding {
  padding: 0;
}
div.panel.no-padding-bottom {
  padding-bottom: 0;
}
div.panel.padding-top {
  padding-top: 20px;
}
div.panel.padding-less {
  padding: 15px;
}
div.panel.transparent {
  background: transparent;
}
div.panel.border-left {
  border-left: 1px solid var(--oc-primary-border);
}
div.panel.border-right {
  border-right: 1px solid var(--oc-primary-border);
}
div.panel.border-bottom {
  border-bottom: 1px solid var(--oc-primary-border);
}
div.panel.border-top {
  border-top: 1px solid var(--oc-primary-border);
}
div.panel h3.section,
div.panel > label {
  text-transform: uppercase;
  color: var(--oc-primary-color);
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 15px 0;
}
div.panel > label {
  margin-bottom: 5px;
}
.nav.selector-group {
  font-size: 13px;
  letter-spacing: 0.01em;
  margin-bottom: 20px;
}
.nav.selector-group li {
  padding: 0 3px;
  margin: 0;
}
.nav.selector-group li a {
  padding: 7px 20px 7px 23px;
  color: var(--oc-toolbar-color);
  border-radius: 4px;
}
.nav.selector-group li a:hover {
  background-color: var(--oc-toolbar-hover-bg);
}
.nav.selector-group li.active a {
  background: var(--oc-selection);
  padding-left: 20px;
  color: white;
}
.nav.selector-group li i[class^="icon-"] {
  font-size: 17px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
div.panel .nav.selector-group {
  margin: 0 -20px 20px -20px;
}
ul.tree-path {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
ul.tree-path li {
  display: inline-block;
  margin-right: 1px;
  font-size: 13px;
}
ul.tree-path li:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f105";
  display: inline-block;
  font-size: 13px;
  margin-left: 5px;
  position: relative;
  top: 1px;
  color: #95a5a6;
}
ul.tree-path li:last-child a {
  cursor: default;
}
ul.tree-path li:last-child:after {
  display: none;
}
ul.tree-path li.go-up {
  font-size: 12px;
  margin-right: 7px;
}
ul.tree-path li.go-up a {
  color: #95a5a6;
}
ul.tree-path li.go-up a:hover {
  color: var(--bs-link-color);
}
ul.tree-path li.go-up:after {
  display: none;
}
ul.tree-path li.root a {
  font-weight: 600;
  color: var(--oc-primary-color);
}
ul.tree-path li a {
  color: #95a5a6;
}
ul.tree-path li a:hover {
  text-decoration: none;
}
table.name-value-list {
  border-collapse: collapse;
  font-size: 13px;
}
table.name-value-list th,
table.name-value-list td {
  padding: 4px 0 4px 0;
  vertical-align: top;
}
table.name-value-list tr:first-child th,
table.name-value-list tr:first-child td {
  padding-top: 0;
}
table.name-value-list th {
  font-weight: 600;
  color: var(--oc-primary-color);
  padding-right: 15px;
  text-transform: uppercase;
}
table.name-value-list td {
  color: var(--bs-body-color);
  word-wrap: break-word;
}
.scrollpad-scrollbar-size-tester {
  width: 50px;
  height: 50px;
  overflow-y: scroll;
  position: absolute;
  top: -200px;
  left: -200px;
}
.scrollpad-scrollbar-size-tester div {
  height: 100px;
}
.scrollpad-scrollbar-size-tester::-webkit-scrollbar {
  width: 0;
  height: 0;
}
div.control-scrollpad {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.control-scrollpad > div {
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
}
div.control-scrollpad > div::-webkit-scrollbar {
  width: 0;
  height: 0;
}
div.control-scrollpad[data-direction=horizontal] > div {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}
div.control-scrollpad[data-direction=horizontal] > div::-webkit-scrollbar {
  width: auto;
  height: 0;
}
div.control-scrollpad > .scrollpad-scrollbar {
  z-index: 199;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 11px;
  background-color: transparent;
  opacity: 0;
  overflow: hidden;
  border-radius: 5px;
  transition: opacity 0.3s;
}
div.control-scrollpad > .scrollpad-scrollbar .drag-handle {
  position: absolute;
  right: 2px;
  min-height: 10px;
  width: 7px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 5px;
}
div.control-scrollpad > .scrollpad-scrollbar:hover {
  opacity: 0.7;
  transition: opacity 0 linear;
}
div.control-scrollpad > .scrollpad-scrollbar[data-visible] {
  opacity: 0.7;
}
div.control-scrollpad > .scrollpad-scrollbar[data-hidden] {
  display: none;
}
div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar {
  top: auto;
  left: 0;
  width: auto;
  height: 11px;
}
div.control-scrollpad[data-direction=horizontal] > .scrollpad-scrollbar .drag-handle {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
.svg-icon-container img.svg-icon {
  display: inline-block;
}
.svg-icon-container.svg-active-effects img.svg-icon {
  filter: grayscale(100%);
}
.svg-icon-container.svg-active-effects.active img.svg-icon {
  filter: none;
}
body:not(.drag) .svg-icon-container.svg-active-effects:hover img.svg-icon {
  filter: none;
}
/*

Set variables (sepia offset -30deg)
--oc-mainnav-hue: unit(hue(@brand-mainnav-bg)-30, deg);
--oc-mainnav-saturation: 300%;

Use filter
filter: sepia(100%) hue-rotate(var(--oc-mainnav-hue)) saturate(var(--oc-mainnav-saturation));

Base variables (grayscale)
--oc-mainnav-hue: -30deg; // sepia offset: unit(hue(#000)-30, deg)
--oc-mainnav-saturation: 0%;

*/
.october-snackbar {
  padding: 14px 40px 0 16px;
  background: #323232;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  margin-right: 16px;
  position: fixed;
  z-index: 10600;
  left: 16px;
  bottom: 16px;
  color: white;
  opacity: 0;
}
.october-snackbar.enter {
  transition: opacity 0.2s;
}
.october-snackbar.show-snackbar {
  opacity: 1;
}
.october-snackbar .snackbar-label {
  float: left;
  margin-right: 16px;
  margin-bottom: 14px;
}
.october-snackbar button {
  outline: none;
  -webkit-appearance: none;
  background: transparent;
  border-radius: 3px;
  border: none;
  color: #FFD422;
  font-weight: 500;
}
.october-snackbar button:focus {
  background: rgba(215, 225, 234, 0.2);
}
.october-snackbar .snackbar-dismiss {
  font-size: 0;
  color: transparent;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 14px;
}
.october-snackbar .snackbar-dismiss:before {
  content: '';
  width: 7px;
  height: 7px;
  left: 7px;
  top: 8px;
  display: block;
  position: absolute;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -156px -10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .october-snackbar .snackbar-dismiss:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
.october-snackbar .snackbar-action {
  float: left;
  margin: 0 0 14px -8px;
  padding: 1px 8px;
  text-transform: uppercase;
}
.october-tooltip {
  display: inline-block;
  padding: 4px 8px 5px;
  position: absolute;
  border-radius: 4px;
  max-width: 200px;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
  transform: scale(1);
  opacity: 1;
  color: #fff;
  background: #536061;
  font-size: 13px;
  line-height: 140%;
  z-index: 10700;
}
.october-tooltip .tooltip-hotkey {
  display: inline-block;
  margin-left: 5px;
  letter-spacing: 1px;
}
.october-tooltip .tooltip-hotkey:empty {
  display: none;
}
.october-tooltip .tooltip-hotkey i {
  font-style: normal;
  margin-left: 5px;
  padding: 0 2px;
  display: inline-block;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.11);
  color: rgba(255, 255, 255, 0.6);
}
.october-tooltip .tooltip-hotkey i:last-child {
  margin-right: -3px;
}
.october-tooltip.tooltip-hidden {
  display: none;
}
.october-tooltip.tooltip-invisible {
  opacity: 0;
  transform: scale(0.95);
}
.backend-toolbar-button .badge {
  display: block;
  z-index: 9;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  right: -3px;
  border-radius: 50%;
  background-color: #dd1100;
  padding: 0;
}
button.backend-toolbar-button,
a.backend-toolbar-button {
  line-height: inherit;
  display: inline-block;
  color: inherit;
  padding: 0 6px;
  min-width: 40px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
}
button.backend-toolbar-button.control-button,
a.backend-toolbar-button.control-button {
  color: var(--oc-toolbar-color);
  font-size: 14px;
  margin-right: 8px;
  line-height: 30px;
}
button.backend-toolbar-button.icon-only,
a.backend-toolbar-button.icon-only {
  min-width: 30px;
}
button.backend-toolbar-button[disabled],
a.backend-toolbar-button[disabled] {
  cursor: default;
}
button.backend-toolbar-button[disabled] > i,
a.backend-toolbar-button[disabled] > i,
button.backend-toolbar-button[disabled] > span,
a.backend-toolbar-button[disabled] > span,
button.backend-toolbar-button[disabled]:after,
a.backend-toolbar-button[disabled]:after {
  opacity: 0.5;
}
button.backend-toolbar-button i,
a.backend-toolbar-button i {
  display: inline-block;
  position: relative;
  top: 2px;
  font-size: 16px;
}
button.backend-toolbar-button i + span,
a.backend-toolbar-button i + span {
  margin-left: 2px;
}
button.backend-toolbar-button:not([disabled]):hover,
a.backend-toolbar-button:not([disabled]):hover {
  background: var(--oc-toolbar-hover-bg);
}
button.backend-toolbar-button.has-menu:after,
a.backend-toolbar-button.has-menu:after {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 16px;
  vertical-align: middle;
  margin-left: 0;
  margin-right: -3px;
  position: relative;
  top: -1px;
}
html:not(.user-touch) button.backend-toolbar-button:focus:not([disabled]),
html:not(.user-touch) a.backend-toolbar-button:focus:not([disabled]) {
  background: var(--oc-toolbar-hover-bg);
}
div.control-simplelist.is-selectable-box.menu-mode-selector {
  margin-left: 0;
  margin-top: 10px;
  border: none;
}
div.control-simplelist.is-selectable-box.menu-mode-selector li {
  margin: 0 16px 16px 0;
  width: 175px;
}
div.control-simplelist.is-selectable-box.menu-mode-selector li.active .menu-mode-box {
  border-color: var(--oc-accent);
}
div.control-simplelist.is-selectable-box.menu-mode-selector li .heading {
  margin: 0;
  text-align: left;
  padding: 18px 17px;
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box {
  display: block;
  border: 2px solid var(--bs-border-color);
  background: var(--oc-form-control-bg);
  border-radius: 10px;
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box .mode-image {
  display: block;
  height: 42px;
  border-bottom: 1px solid var(--bs-border-color);
  position: relative;
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box .mode-image:before {
  position: absolute;
  left: 17px;
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-inline .mode-image:before {
  content: '';
  width: 131px;
  height: 10px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 -100px;
  top: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-inline .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-text .mode-image:before {
  content: '';
  width: 137px;
  height: 6px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 -120px;
  top: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-text .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-tiles .mode-image:before {
  content: '';
  width: 126px;
  height: 20px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 -139px;
  top: 10px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-tiles .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-icons .mode-image:before {
  content: '';
  width: 79px;
  height: 10px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -61px -169px;
  top: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-icons .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-collapsed .mode-image:before {
  content: '';
  width: 35px;
  height: 10px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 -170px;
  top: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-collapsed .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-collapsed .mode-image:after {
  position: absolute;
  right: 17px;
  top: 13px;
  content: '';
  width: 10px;
  height: 16px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -44px -167px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-collapsed .mode-image:after {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-left {
  height: 98px;
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-left .mode-image {
  width: 42px;
  height: 93px;
  float: left;
  border-bottom: none;
  border-right: 1px solid var(--bs-border-color);
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-left .mode-image:before {
  top: 17px;
  content: '';
  width: 10px;
  height: 56px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -148px -100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-left .mode-image:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
div.control-simplelist.is-selectable-box.menu-mode-selector .menu-mode-box.menu-mode-box-left .heading {
  margin-left: 42px;
  text-align: left;
  padding: 18px 17px;
}
div.control-simplelist.is-selectable-box.color-mode-selector {
  margin-left: 0;
  margin-top: 10px;
  border: none;
  margin-bottom: -16px;
}
div.control-simplelist.is-selectable-box.color-mode-selector ul {
  margin-bottom: 0;
}
div.control-simplelist.is-selectable-box.color-mode-selector li {
  margin: 0 16px 16px 0;
  width: 230px;
}
div.control-simplelist.is-selectable-box.color-mode-selector li.active .color-mode-box {
  border-color: var(--oc-accent);
}
div.control-simplelist.is-selectable-box.color-mode-selector li .heading {
  margin: 0;
  text-align: left;
  padding: 18px 17px;
}
div.control-simplelist.is-selectable-box.color-mode-selector .color-mode-box {
  display: block;
  border: 2px solid var(--bs-border-color);
  background: var(--oc-form-control-bg);
  border-radius: 10px;
}
html:not(.mobile) body.drag * {
  cursor: grab !important;
  cursor: -moz-grab !important;
}
body.dragging,
body.dragging * {
  cursor: move !important;
}
body.loading,
body.loading * {
  cursor: wait !important;
}
body.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default !important;
}
html,
body {
  height: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  /* The html and body elements cannot have any padding or margin. */
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#layout-canvas {
  min-height: 100%;
  height: 100%;
}
.layout {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.layout > .layout-row {
  display: table-row;
  vertical-align: top;
  height: 100%;
}
.layout > .layout-row > .layout-cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.layout > .layout-row > .layout-cell.layout-container,
.layout > .layout-row > .layout-cell .layout-container,
.layout > .layout-row > .layout-cell.padded-container,
.layout > .layout-row > .layout-cell .padded-container {
  padding: 20px 20px 0 20px;
}
.layout > .layout-row > .layout-cell.layout-container .container-flush,
.layout > .layout-row > .layout-cell .layout-container .container-flush,
.layout > .layout-row > .layout-cell.padded-container .container-flush,
.layout > .layout-row > .layout-cell .padded-container .container-flush {
  padding-top: 0;
}
.layout > .layout-row > .layout-cell.layout-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell .layout-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell.padded-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell .padded-container .compensate-container-padding-h {
  margin-left: -20px;
  margin-right: -20px;
}
.layout > .layout-row > .layout-cell .layout-relative {
  position: relative;
  height: 100%;
}
.layout > .layout-row > .layout-cell .layout-absolute {
  position: absolute;
  height: 100%;
  width: 100%;
}
.layout > .layout-row > .layout-cell.min-size {
  width: 0;
}
.layout > .layout-row > .layout-cell.min-height {
  height: 0;
}
.layout > .layout-row > .layout-cell.center {
  text-align: center;
}
.layout > .layout-row > .layout-cell.middle {
  vertical-align: middle;
}
.layout > .layout-row > .layout-cell.layout-container,
.layout > .layout-row > .layout-cell .layout-container,
.layout > .layout-row > .layout-cell.padded-container,
.layout > .layout-row > .layout-cell .padded-container {
  padding: 20px 20px 0 20px;
}
.layout > .layout-row > .layout-cell.layout-container .container-flush,
.layout > .layout-row > .layout-cell .layout-container .container-flush,
.layout > .layout-row > .layout-cell.padded-container .container-flush,
.layout > .layout-row > .layout-cell .padded-container .container-flush {
  padding-top: 0;
}
.layout > .layout-row > .layout-cell.layout-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell .layout-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell.padded-container .compensate-container-padding-h,
.layout > .layout-row > .layout-cell .padded-container .compensate-container-padding-h {
  margin-left: -20px;
  margin-right: -20px;
}
.layout > .layout-row > .layout-cell .layout-relative {
  position: relative;
  height: 100%;
}
.layout > .layout-row > .layout-cell .layout-absolute {
  position: absolute;
  height: 100%;
  width: 100%;
}
.layout > .layout-row > .layout-cell.min-size {
  width: 0;
}
.layout > .layout-row > .layout-cell.min-height {
  height: 0;
}
.layout > .layout-row > .layout-cell.center {
  text-align: center;
}
.layout > .layout-row > .layout-cell.middle {
  vertical-align: middle;
}
.layout > .layout-row.min-size {
  height: 0.1px;
}
.layout > .layout-cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.layout > .layout-cell.layout-container,
.layout > .layout-cell .layout-container,
.layout > .layout-cell.padded-container,
.layout > .layout-cell .padded-container {
  padding: 20px 20px 0 20px;
}
.layout > .layout-cell.layout-container .container-flush,
.layout > .layout-cell .layout-container .container-flush,
.layout > .layout-cell.padded-container .container-flush,
.layout > .layout-cell .padded-container .container-flush {
  padding-top: 0;
}
.layout > .layout-cell.layout-container .compensate-container-padding-h,
.layout > .layout-cell .layout-container .compensate-container-padding-h,
.layout > .layout-cell.padded-container .compensate-container-padding-h,
.layout > .layout-cell .padded-container .compensate-container-padding-h {
  margin-left: -20px;
  margin-right: -20px;
}
.layout > .layout-cell .layout-relative {
  position: relative;
  height: 100%;
}
.layout > .layout-cell .layout-absolute {
  position: absolute;
  height: 100%;
  width: 100%;
}
.layout > .layout-cell.min-size {
  width: 0;
}
.layout > .layout-cell.min-height {
  height: 0;
}
.layout > .layout-cell.center {
  text-align: center;
}
.layout > .layout-cell.middle {
  vertical-align: middle;
}
.whiteboard {
  background: white;
}
[data-bs-theme="dark"] .whiteboard {
  background: #181a1e;
}
.layout-fill-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
[data-calculate-width] > form,
[data-calculate-width] > div {
  display: inline-block;
}
body.compact-container .layout.layout-container,
body.compact-container .layout .layout-container {
  padding: 0 !important;
}
body.slim-container .layout.layout-container,
body.slim-container .layout .layout-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .layout .hide-on-small {
    display: none;
  }
  .layout.responsive-sidebar > .layout-cell:first-child {
    display: table-footer-group;
    height: auto;
  }
  .layout.responsive-sidebar > .layout-cell:first-child .control-breadcrumb {
    display: none;
  }
  .layout.responsive-sidebar > .layout-cell:last-child {
    display: table-header-group;
    width: auto;
    height: auto;
  }
  .layout.responsive-sidebar > .layout-cell:last-child .layout-absolute {
    position: static;
  }
}
.flex-layout-column {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.flex-layout-column.absolute {
  position: absolute !important;
}
.flex-layout-column.fill-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.flex-layout-row {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}
.flex-layout-column.justify-center,
.flex-layout-row.justify-center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.flex-layout-column.align-center,
.flex-layout-row.align-center {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -webkit-box-align: center;
  -ms-align-content: center;
  align-content: center;
}
.flex-layout-column.full-height,
.flex-layout-row.full-height {
  min-height: 100%;
}
.flex-layout-column.full-width,
.flex-layout-row.full-width {
  width: 100%;
}
.flex-layout-column.full-height-strict,
.flex-layout-row.full-height-strict {
  height: 100%;
}
.flex-layout-item {
  margin: 0;
}
.flex-layout-item.fix {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-layout-item.stretch {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-layout-item.stretch-constrain {
  -moz-flex: 1;
  flex: 1;
}
.flex-layout-item.center {
  -ms-align-self: center;
  align-self: center;
}
.flex-layout-item.relative {
  position: relative;
}
.flex-layout-item.layout-container {
  max-width: none;
}
ul.mainmenu-items {
  padding: 0;
  margin: 0;
  font-size: 0;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
ul.mainmenu-items > li.mainmenu-item {
  display: block;
}
.mainmenu-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mainmenu-item > a,
.mainmenu-item > .mainmenu-item-container {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  text-decoration: none!important;
  outline: none;
  color: var(--oc-mainnav-color);
}
.mainmenu-item > a:after,
.mainmenu-item > .mainmenu-item-container:after {
  opacity: 0.5;
}
.mainmenu-item .nav-label {
  opacity: 0.5;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mainmenu-item .nav-icon {
  opacity: 0.5;
  position: absolute;
  top: 0;
  display: inline-block;
  height: 100%;
  color: var(--oc-mainnav-icon-color);
}
.mainmenu-item .nav-icon .svg-icon {
  /* Fix for SVG icons not rendering on initial page load until repaint (hover, move, etc) */
  backface-visibility: hidden;
  position: relative;
}
.mainmenu-item .nav-icon i {
  vertical-align: middle;
  display: block;
  height: 100%;
}
.mainmenu-item .nav-icon i:before {
  position: relative;
}
.mainmenu-item span.counter {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  top: 1px;
  padding: 2px 2px;
  background-color: #ff3e1d;
  color: #ffffff;
  font-size: 14px;
  line-height: 100%;
  opacity: 1;
  border-radius: 4px;
  transform: scale(1);
  transition: transform 0.3s;
  margin-left: 6px;
}
.mainmenu-item span.counter.empty {
  transform: scale(0);
  opacity: 0;
  padding: 0;
  margin-left: 0!important;
}
.mainmenu-item.has-subitems > a:after,
.mainmenu-item.has-subitems > .mainmenu-item-container:after {
  display: inline-block;
}
.mainmenu-item.has-subitems span.counter {
  right: 17px;
}
.mainmenu-item.mainmenu-account .nav-icon {
  opacity: 1;
  width: 42px;
}
.mainmenu-item.active .nav-label,
.mainmenu-item.active-dropdown .nav-label,
.mainmenu-item.active .nav-icon,
.mainmenu-item.active-dropdown .nav-icon,
.mainmenu-item.active > a:after,
.mainmenu-item.active-dropdown > a:after {
  opacity: 1;
}
.mainmenu-item.has-solidicon .nav-icon {
  opacity: 1;
}
body:not(.drag) .mainmenu-item:hover .nav-label,
body:not(.drag) .mainmenu-item:hover .nav-icon,
body:not(.drag) .mainmenu-item:hover > a:after {
  opacity: 1;
}
body:not(.drag) ul.mainmenu-items.hover-effects li > a:hover {
  background: var(--bs-primary);
  color: white;
}
html.mobile .mainmenu-item .nav-label {
  font-size: 16px;
}
.layout-mainmenu .navbar {
  padding: 0 20px 0 0;
  height: 70px;
  background-color: var(--oc-mainnav-bg);
}
.layout-mainmenu .navbar [data-control="toolbar"] {
  position: absolute;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] {
  margin-left: 20px;
  margin-top: 7px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item {
  display: inline-block;
  margin-right: 15px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item:last-child {
  margin-right: 0;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a {
  height: 50px;
  padding: 15px 10px 0 38px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems .nav-label {
  padding-right: 17px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems > a:after {
  font-family: 'octo-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  position: absolute;
  right: 6px;
  top: 19.4px;
  font-size: 19.5px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-label {
  font-size: 16px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon {
  line-height: 52px;
  left: 0;
  width: 30px;
  text-align: center;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon .svg-icon {
  height: 30px;
  width: 30px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon i {
  line-height: inherit;
  font-size: 30px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon .nav-colorpicker {
  width: 0;
  height: 0;
  background-color: transparent;
  border-right-color: var(--background-color);
  border-bottom-color: var(--background-color);
  border-top-color: var(--foreground-color);
  border-left-color: var(--foreground-color);
  border-width: 10px;
  border-style: solid;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  top: 10px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon .nav-colorpicker:after {
  content: "";
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  position: absolute;
  box-shadow: inset 0 0 0 1px rgba(var(--bs-body-bg-rgb), 0.2);
  border-radius: 20px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-preview > a {
  padding-left: 34px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-preview:not(.has-nolabel) > a {
  padding-right: 15px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-preview:not(.has-nolabel) > a:after {
  right: 11px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-taskbar > a {
  padding-right: 0;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras {
  margin-left: 10px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-taskbar,
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview {
  margin-right: 0;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-taskbar .nav-icon,
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview .nav-icon {
  left: 0;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-taskbar .nav-icon i,
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview .nav-icon i {
  font-size: 20px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-taskbar .nav-icon i:before,
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview .nav-icon i:before {
  top: 1px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-account {
  margin-right: 0;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-account > a {
  padding: 0;
  margin-top: 2px;
  width: 42px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-account > a:after {
  display: none;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-account .nav-icon {
  left: 0;
  width: auto;
  position: static;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle {
  display: none;
}
@media (min-width: 768px) {
  .layout-mainmenu .navbar.navbar-mode-icons ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems > a:after,
  .layout-mainmenu .navbar.navbar-mode-icons ul.mainmenu-items[data-main-menu] .nav-label {
    display: none;
  }
  .layout-mainmenu .navbar.navbar-mode-icons ul.mainmenu-items[data-main-menu] .nav-icon {
    text-align: center;
  }
  .layout-mainmenu .navbar.navbar-mode-tile {
    height: 78px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] {
    margin-top: 0;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item {
    text-align: center;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a {
    padding: 11px 15px 10px;
    height: auto;
    display: block;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-label {
    display: block;
    overflow: hidden;
    max-width: 150px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems .nav-label {
    padding-right: 17px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems a:after {
    margin: 0;
    top: auto;
    right: 11px;
    bottom: 8.9px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon {
    display: block;
    height: 30px;
    width: auto;
    position: static;
    line-height: 1;
    margin-bottom: 4px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon .svg-icon,
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon i {
    display: inline-block;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon i:before {
    margin-right: 0;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon .nav-colorpicker {
    top: 7px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item span.counter {
    margin: 0;
    position: absolute;
    top: 8px;
    left: 50%;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account > a {
    padding: 12px 0 0 0;
    margin-top: 1px;
    width: auto;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account .nav-icon {
    height: auto;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account div.mainmenu-account-avatar {
    width: 52px;
    height: 52px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account div.mainmenu-account-avatar img {
    width: 50px;
    height: 50px;
  }
  .layout-mainmenu .navbar.navbar-mode-tile ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-preview.has-nolabel > a {
    width: auto;
    margin-top: 14px;
  }
  .layout-mainmenu .navbar.navbar-mode-text ul.mainmenu-items.mainmenu-general > li.mainmenu-item > a {
    padding: 15px 10px 0 10px;
  }
  .layout-mainmenu .navbar.navbar-mode-text ul.mainmenu-items.mainmenu-general > li.mainmenu-item .nav-icon {
    display: none;
  }
}
@media (max-width: 767px) {
  #layout-mainmenu .navbar ul.mainmenu-items.mainmenu-general > li.mainmenu-item:not(.active) {
    display: none;
  }
  #layout-mainmenu .navbar ul.mainmenu-items.mainmenu-general > li.mainmenu-item > a {
    cursor: default;
    pointer-events: none;
  }
  #layout-mainmenu .navbar ul.mainmenu-items.mainmenu-general > li.mainmenu-item span.counter,
  #layout-mainmenu .navbar ul.mainmenu-items.mainmenu-general > li.mainmenu-item.has-subitems > a:after {
    display: none;
  }
  #layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle {
    display: inline-block;
    margin-right: -10px;
  }
  #layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    width: 50px;
    position: relative;
    opacity: 0.7;
  }
  #layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:before {
    content: '';
    width: 20px;
    height: 18px;
    display: inline-block;
    background-image: url('../foundation/elements/backendicons/backend-icons.png');
    background-size: 300px 300px;
    background-position: 0 0;
    position: absolute;
    top: 19px;
    left: 18px;
  }
  #layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:hover {
    opacity: 1;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) {
  #layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items.mainmenu-general > li.mainmenu-item:not(.active) {
  display: none;
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items.mainmenu-general > li.mainmenu-item > a {
  cursor: default;
  pointer-events: none;
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items.mainmenu-general > li.mainmenu-item span.counter,
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items.mainmenu-general > li.mainmenu-item.has-subitems > a:after {
  display: none;
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle {
  display: inline-block;
  margin-right: -10px;
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 50px;
  position: relative;
  opacity: 0.7;
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:before {
  content: '';
  width: 20px;
  height: 18px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: 0 0;
  position: absolute;
  top: 19px;
  left: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:before {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
#layout-mainmenu .navbar.navbar-mode-collapse ul.mainmenu-items[data-main-menu].mainmenu-extras li.mainmenu-toggle > a:hover {
  opacity: 1;
}
body.main-menu-left #layout-mainmenu .main-menu-container {
  display: none;
}
div.mainmenu-account-avatar {
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid rgba(236, 240, 241, 0.1);
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
}
div.mainmenu-account-avatar img {
  width: 42px;
  height: 42px;
  display: block;
}
.mainmenu-account.active-dropdown div.mainmenu-account-avatar {
  box-shadow: 0 0 4px 0 var(--bs-link-color);
}
.layout-mainmenu .control-toolbar .toolbar-item.toolbar-primary:before {
  left: 0;
}
.layout-mainmenu .control-toolbar .toolbar-item.toolbar-primary:after {
  right: 0;
}
.left-side-menu-container {
  display: none!important;
  width: 63px;
}
.left-side-menu-container .layout-mainmenu {
  position: fixed;
  height: 100%;
  width: 63px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar {
  position: absolute;
  padding-right: 0;
  width: 100%;
  height: 100%;
  -moz-flex-direction: column;
  flex-direction: column;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar {
  padding-bottom: 0;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar [data-control=toolbar] {
  width: auto;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item {
  padding-right: 0;
  padding-bottom: 20px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item:last-child {
  padding-bottom: 0;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item:before {
  display: none;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 9px;
  top: auto;
  display: block!important;
  background: transparent url(../images/scrollable-panel-shadow.png) repeat-x left top;
  transition: opacity 0.1s;
  opacity: 0;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item.scroll-after:after {
  opacity: 1;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar .toolbar-item.fix-width:after {
  display: none !important;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar.control-toolbar [data-control="toolbar"] {
  height: 100%;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] {
  margin-left: 10px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-general {
  margin-left: 15px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a {
  padding-left: 0;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a:after {
  top: 27px;
  right: 15px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a .nav-label {
  padding-left: 13px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a .nav-icon {
  left: 5px;
  position: static;
  width: 40px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a .nav-icon i {
  position: relative;
  top: -15px;
  width: 40px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-preview > a .nav-icon .nav-colorpicker {
  top: 5px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item {
  display: block;
  margin-right: 0;
  margin-bottom: 15px;
  text-align: center;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-toggle {
  display: none;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account .nav-label {
  position: relative;
  top: 5px;
  padding-left: 11px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account > a:after {
  top: 17px;
  right: 15px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account .nav-label,
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.mainmenu-account > a:after {
  display: none;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-icon i {
  display: inline-block;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-label {
  padding-left: 10px;
  text-align: left;
  display: none;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a {
  padding-right: 15px;
  width: 100%;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a > span.counter {
  left: -20px;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a:after {
  top: 18.4px;
  display: none;
}
.left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item.has-subitems > a:after {
  transform: rotate(-90deg);
}
.left-side-menu-container.width-check .layout-mainmenu .main-menu-container .navbar.control-toolbar div[data-control="toolbar"] {
  width: auto !important;
}
.left-side-menu-container.width-check .layout-mainmenu .main-menu-container .navbar.control-toolbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-label,
.left-side-menu-container.width-check .layout-mainmenu .main-menu-container .navbar.control-toolbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a:after {
  visibility: hidden;
  display: block;
}
body.reveal-left-side-menu .left-side-menu-container .layout-mainmenu {
  z-index: 599;
  box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);
}
body.reveal-left-side-menu .left-side-menu-container .layout-mainmenu .main-menu-container .navbar [data-control="toolbar"] {
  width: 100%;
}
body.reveal-left-side-menu .left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item .nav-label {
  display: block;
}
body.reveal-left-side-menu .left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item a:after {
  display: block;
}
body.reveal-left-side-menu .left-side-menu-container .layout-mainmenu .main-menu-container .navbar ul.mainmenu-items[data-main-menu] > li.mainmenu-item > a > span.counter {
  left: -10px;
}
body.left-menu-submenu-displayed {
  overflow: hidden;
}
body.left-menu-submenu-displayed ul.mainmenu-items.mainmenu-submenu-dropdown {
  box-shadow: 10px 0 15px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  margin-top: 10px;
}
body.left-menu-submenu-displayed ul.mainmenu-items.mainmenu-submenu-dropdown li:last-child {
  margin-bottom: 6px;
}
body.left-menu-submenu-displayed ul.mainmenu-items.mainmenu-submenu-dropdown li:first-child {
  margin-top: 6px;
}
body.main-menu-left .left-side-menu-container {
  display: table-cell !important;
}
div.mainmenu-leftmenu-overlay {
  z-index: 598 !important;
}
ul.mainmenu-items.mainmenu-submenu-dropdown {
  display: none;
  position: absolute;
  background: var(--oc-mainnav-bg);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  z-index: 601;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0;
  margin: 0;
}
ul.mainmenu-items.mainmenu-submenu-dropdown.show {
  display: block;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item a {
  padding: 7px 17px 7px 47px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-label,
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-icon {
  opacity: 1;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-icon {
  left: 17px;
  width: 20px;
  line-height: 34px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-icon .svg-icon {
  width: 20px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-icon i {
  font-size: 20px;
  line-height: inherit;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item span.counter {
  font-size: 12px;
  padding: 2px 3px;
  margin: 2px 0 0 10px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item:last-child {
  margin-bottom: 6px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.divider {
  height: 1px;
  margin: 5px 0;
  background: rgba(255, 255, 255, 0.1);
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.section-title {
  color: white;
  padding: 7px 17px;
  white-space: nowrap;
  font-weight: 500;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.section-title .nav-label {
  margin-right: 0;
  display: block;
  overflow: hidden;
  max-width: 250px;
  vertical-align: middle;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.has-bullet.is-selected a:before {
  content: "";
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 21px;
  height: 8px;
  width: 8px;
  margin-top: -4px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.has-flag .nav-label {
  padding-right: 25px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.has-flag .nav-icon.nav-icon-flag {
  top: 2px;
  left: auto;
  right: 17px;
}
ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item.has-flag .nav-icon.nav-icon-flag i {
  opacity: 1;
  font-size: 14px;
  display: inline-block;
  height: 14px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(var(--bs-body-bg-rgb), 0.2);
}
div.mainmenu-submenu-overlay,
div.mainmenu-leftmenu-overlay {
  position: fixed;
  z-index: 600;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.01);
  opacity: 0.01;
}
div.mainmenu-submenu-overlay.show {
  display: block;
}
html.mobile ul.mainmenu-items.mainmenu-submenu-dropdown > li.mainmenu-item .nav-icon {
  line-height: 38px;
}
html[data-turbo-preview] ul.mainmenu-items.mainmenu-submenu-dropdown,
html[data-turbo-preview] div.mainmenu-submenu-overlay {
  display: none !important;
}
#layout-mainmenu-responsive-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  max-width: 100%;
  height: 100%;
  z-index: 601;
  overflow: hidden;
  transition: width 0.25s ease-in-out;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane {
  z-index: 602;
  background-color: var(--oc-mainnav-bg);
  transition: margin 0.25s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.mainmenu-pane {
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2);
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header {
  padding: 25px;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container {
  padding-left: 50px;
  white-space: nowrap;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .nav-icon {
  left: 0;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .company-name,
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .user-name {
  text-overflow: ellipsis;
  overflow: hidden;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .company-name {
  font-size: 16px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .user-name {
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item .mainmenu-item-container .user-name:hover {
  color: var(--oc-mainnav-color);
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a {
  cursor: default;
  pointer-events: none;
  padding: 7px 10px 7px 43px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a .nav-icon {
  line-height: 34px;
  left: 0;
  width: 30px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a .nav-icon .svg-icon {
  height: 30px;
  width: 30px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a .nav-icon i {
  line-height: inherit;
  font-size: 30px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a .counter {
  display: none;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item > a .nav-label {
  display: block;
  overflow: hidden;
  width: 100%;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .mainmenu-item.has-subitems .mainmenu-item-container:after {
  bottom: 4px;
  cursor: pointer;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header.has-back-link .mainmenu-item {
  margin-left: 36px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header.has-back-link .go-back-link {
  display: block;
  width: 24px;
  height: 34px;
  position: absolute;
  left: 25px;
  top: 24px;
  z-index: 603;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header.has-back-link .go-back-link:after {
  content: '';
  width: 24px;
  height: 11px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -52px 0;
  position: absolute;
  left: 0;
  top: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header.has-back-link .go-back-link:after {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .close-link {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 19px;
  top: 33px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 603;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .close-link:after {
  content: '';
  width: 11px;
  height: 11px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -96px 0;
  position: absolute;
  left: 6px;
  top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #layout-mainmenu-responsive-container nav.responsive-menu-pane .menu-header .close-link:after {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .scrollable-panel-container {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > a,
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > .mainmenu-item-container {
  padding-right: 30px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > a:after,
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > .mainmenu-item-container:after {
  content: '';
  width: 24px;
  height: 11px;
  display: inline-block;
  background-image: url('../foundation/elements/backendicons/backend-icons.png');
  background-size: 300px 300px;
  background-position: -22px 0;
  position: absolute;
  right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > a:after,
  #layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-item.has-subitems > .mainmenu-item-container:after {
    background-image: url('../foundation/elements/backendicons/backend-icons@2x.png');
  }
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items.scrollable {
  overflow: hidden;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item {
  margin-bottom: 6px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item > a {
  padding: 7px 25px 7px 60px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item.has-subitems > a {
  padding-right: 55px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item.has-subitems > a:after {
  right: 25px;
  top: 11px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .nav-label {
  display: block;
  overflow: hidden;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .nav-icon {
  left: 25px;
  width: 20px;
  line-height: 34px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .nav-icon .svg-icon {
  width: 24px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .nav-icon i {
  font-size: 24px;
  line-height: inherit;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .counter {
  top: 0;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane {
  z-index: 603;
  margin-right: -100%;
  box-shadow: none;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .menu-header[data-submenu-index=account] .go-back-link {
  top: 30px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .menu-header[data-submenu-index=account] .mainmenu-item {
  height: 42px;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .menu-header .mainmenu-item .mainmenu-item-container .company-name {
  display: none;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .menu-header .mainmenu-item .mainmenu-item-container .user-name {
  color: var(--oc-mainnav-color);
  position: relative;
  top: 11px;
  cursor: default;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .mainmenu-item.section-user-title {
  display: none;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .mainmenu-item.divider {
  height: 1px;
  margin: 5px 0;
  background: rgba(255, 255, 255, 0.1);
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .mainmenu-item.section-title {
  color: white;
  padding: 7px 17px;
  white-space: nowrap;
  font-weight: 500;
}
#layout-mainmenu-responsive-container nav.responsive-menu-pane.submenu-pane .mainmenu-item.section-title .nav-label {
  opacity: 0.5;
  margin-right: 0;
  display: block;
  overflow: hidden;
  max-width: 250px;
  vertical-align: middle;
}
body.responsive-submenu-displayed #layout-mainmenu-responsive-container .responsive-menu-pane.mainmenu-pane {
  margin-right: 100%;
}
body.responsive-submenu-displayed #layout-mainmenu-responsive-container .responsive-menu-pane.submenu-pane {
  margin-right: 0;
}
body.responsive-menu-displayed {
  overflow: hidden;
  position: fixed;
}
body.responsive-menu-displayed #layout-mainmenu-responsive-container {
  width: 300px;
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2);
}
html.mobile #layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item {
  margin-bottom: 12px;
}
html.mobile #layout-mainmenu-responsive-container nav.responsive-menu-pane .mainmenu-items > .mainmenu-item .nav-icon {
  line-height: 38px;
}
html.mobile #layout-mainmenu-responsive-container nav.responsive-menu-pane.mainmenu-pane .menu-header {
  padding-left: 60px;
}
html.mobile #layout-mainmenu-responsive-container nav.responsive-menu-pane.mainmenu-pane .menu-header .close-link {
  display: block;
}
@media (max-width: 414px) {
  body.responsive-menu-displayed #layout-mainmenu-responsive-container {
    width: 414px;
  }
}
:root {
  --oc-nav-logo-offset-top: -2px;
  --oc-nav-logo-offset-start: 0;
  --oc-nav-logo-opacity: 0.5;
}
.layout-mainmenu .navbar.has-logo .toolbar-logo {
  position: relative;
}
.layout-mainmenu .navbar.has-logo ul.mainmenu-items[data-main-menu] {
  margin-left: 10px;
}
.layout-mainmenu .navbar.has-logo ul.mainmenu-items[data-main-menu] li.is-dashboard {
  display: none;
}
.layout-mainmenu .navbar.has-logo .toolbar-item.toolbar-primary:before {
  left: -5px;
}
.layout-mainmenu .navbar.has-logo.navbar-mode-tile .mainmenu-logo {
  padding-top: 20px;
}
.mainmenu-logo {
  display: block;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px;
}
.mainmenu-logo .nav-logo {
  height: 40px;
  position: relative;
  top: var(--oc-nav-logo-offset-top);
  left: var(--oc-nav-logo-offset-start);
  opacity: var(--oc-nav-logo-opacity);
}
.mainmenu-logo.active .nav-logo,
.mainmenu-logo.active-dropdown .nav-logo,
.mainmenu-logo:hover .nav-logo {
  opacity: 1;
}
@media (max-width: 768px) {
  .mainmenu-logo {
    display: none;
  }
}
.layout-sidenav-container {
  width: 240px;
}
nav.layout-sidenav {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  background: var(--oc-sidebar-bg);
}
nav.layout-sidenav ul {
  position: relative;
  margin: 0;
  padding: 25px 25px 25px 0;
  height: 100%;
  overflow: hidden;
}
nav.layout-sidenav ul > li.mainmenu-item {
  margin: 0 0 10px 0;
}
nav.layout-sidenav ul > li.mainmenu-item > a {
  padding: 7px 10px 7px 58px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin: 0;
  transition: padding 0.1s;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}
nav.layout-sidenav ul > li.mainmenu-item > a:hover {
  background: transparent;
}
nav.layout-sidenav ul > li.mainmenu-item > a .nav-icon {
  left: 25px;
  width: 20px;
  line-height: 34px;
  opacity: 1;
  text-align: center;
}
nav.layout-sidenav ul > li.mainmenu-item > a .nav-icon .svg-icon {
  width: 20px;
  filter: grayscale(100%) invert(100%);
}
nav.layout-sidenav ul > li.mainmenu-item > a .nav-icon i {
  font-size: 20px;
  line-height: inherit;
  color: var(--oc-sidebar-color);
}
nav.layout-sidenav ul > li.mainmenu-item > a .nav-label {
  color: var(--oc-sidebar-color);
  font-size: 14px;
  opacity: 1;
  overflow: hidden;
}
nav.layout-sidenav ul > li.mainmenu-item > a span.counter {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  transition: all 0.1s;
}
nav.layout-sidenav ul > li.mainmenu-item.has-counter > a {
  padding-right: 25px;
}
nav.layout-sidenav ul > li.mainmenu-item:last-child {
  margin-bottom: 0;
}
nav.layout-sidenav ul > li.mainmenu-item.divider {
  height: 1px;
  margin: 5px 0 10px;
  background: var(--oc-primary-border);
  margin-right: -25px;
}
nav.layout-sidenav ul > li.mainmenu-item.section-title {
  color: var(--oc-sidebar-color);
  padding: 7px 0 7px 17px;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 0;
  transition: margin 0.1s ease-in-out;
  transition-delay: 0.25s;
}
nav.layout-sidenav ul > li.mainmenu-item.section-title .nav-label {
  opacity: 1;
  margin-right: 0;
  display: block;
  overflow: hidden;
  max-width: 250px;
  vertical-align: middle;
}
nav.layout-sidenav ul > li.mainmenu-item.active > a {
  background: var(--oc-sidebar-active-bg) !important;
  border-left: 3px solid var(--oc-sidebar-active-border);
  padding-left: 55px;
}
nav.layout-sidenav ul > li.mainmenu-item.active > a .nav-label {
  color: var(--oc-sidebar-active-color);
  font-weight: 500;
}
nav.layout-sidenav ul > li.mainmenu-item.active > a .nav-icon {
  opacity: 1;
}
nav.layout-sidenav ul > li.mainmenu-item.active > a .nav-icon i {
  color: var(--oc-sidebar-active-color);
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button {
  margin-bottom: 25px;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a {
  margin-left: 15px;
  background: #95A5A6;
  padding: 9px 38px 0 13px;
  border-radius: 5px;
  transition: all 0.1s ease-in-out;
  transition-property: border-radius, padding;
  height: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
  min-width: 40px;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a:hover {
  background: #899C9D;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a:active {
  box-shadow: none;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a .nav-icon {
  transition: width 0.1s ease-in-out;
  transition-delay: 0.25s;
  width: 40px;
  top: 3px;
  right: 0;
  left: auto;
  text-align: center;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a .nav-icon .svg-icon,
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a .nav-icon i {
  color: white;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button > a .nav-label {
  transition: opacity 0.1s ease-in-out;
  transition-delay: 0.25s;
  opacity: 1;
  color: white;
  font-weight: 500;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button.active > a {
  background: var(--bs-primary) !important;
}
nav.layout-sidenav ul > li.mainmenu-item.sidebar-button.active > a:hover {
  background: #5A5CEF !important;
}
@media (max-width: 1199px) {
  .layout-sidenav-container {
    width: 70px;
  }
  #layout-sidenav {
    transition: width 0.1s, box-shadow 0.1s ease-in-out;
    box-shadow: none;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item > a {
    padding-right: 0;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item > a .nav-label {
    visibility: hidden;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item > a span.counter {
    top: -8px;
    right: 1px;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item.section-title {
    transition: none;
    margin-right: -15px;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item.sidebar-button > a {
    margin-left: 15px;
    border-radius: 25px;
    width: 40px;
    padding: 9px 13px 0 0;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item.sidebar-button > a .nav-label {
    transition: none;
    opacity: 0;
  }
  #layout-sidenav:not(:hover) ul > li.mainmenu-item.sidebar-button > a .nav-icon {
    transition: none;
    width: 20px;
  }
  #layout-sidenav:hover {
    z-index: 20;
    width: 240px;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
    transition-delay: 0.25s;
  }
  #layout-sidenav:hover ul > li.mainmenu-item > a {
    transition-delay: 0.25s;
  }
  #layout-sidenav:hover ul > li.mainmenu-item > a span.counter {
    top: 9px;
    right: 10px;
    transition-delay: 0.25s;
  }
  html[data-turbo-preview] #layout-sidenav {
    width: 70px;
    box-shadow: none;
  }
  html[data-turbo-preview] #layout-sidenav,
  html[data-turbo-preview] #layout-sidenav > * {
    transition: none;
    transition-delay: 0;
  }
}
body:not(.drag) #layout-sidenav ul > li.mainmenu-item:not(.sidebar-button) > a:hover {
  background: var(--oc-sidebar-hover-bg);
}
body.sidenav-responsive .layout > .layout-cell.layout-sidenav-container,
html.user-touch .layout > .layout-cell.layout-sidenav-container {
  display: none!important;
}
@media (max-width: 767px) {
  .layout > .layout-cell.layout-sidenav-container {
    display: none!important;
  }
}
.layout-sidenav.sidenav-responsive {
  position: static;
  height: 60px;
}
.layout-sidenav.sidenav-responsive ul {
  padding: 13px 20px 0 20px;
  overflow: visible;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item {
  display: inline-block;
  margin: 0 10px 0 0;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item > a span.counter {
  position: relative;
  top: 0;
  right: 0;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item.divider {
  height: 60px;
  width: 1.4px;
  margin: -13px 10px 0 0;
  border-left: 1px solid var(--bs-border-color);
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item.divider + .section-title {
  margin-left: -10px;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item.sidebar-button {
  margin-bottom: 0;
  margin-right: 25px;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item.sidebar-button > a {
  margin: 0;
  height: 34px;
  padding: 7px 33px 0 13px;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item.sidebar-button > a .nav-icon {
  top: 0;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item:not(.sidebar-button) > a {
  border-radius: 20px;
  padding: 7px 10px 7px 41px;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item:not(.sidebar-button) > a .nav-icon {
  left: 15px;
}
.layout-sidenav.sidenav-responsive ul > li.mainmenu-item:not(.sidebar-button).active > a {
  border-left: none;
}
.responsive-sidebar-toolbar {
  background: var(--oc-sidebar-bg);
}
.responsive-sidebar-toolbar:before,
.responsive-sidebar-toolbar:after {
  display: none !important;
}
.secondary-nav > .control-toolbar {
  padding-bottom: 0;
}
.layout > .layout-row.secondary-nav {
  display: none;
}
body:not(.drag) .layout-sidenav.sidenav-responsive ul > li.mainmenu-item:not(.sidebar-button) > a:hover {
  background: var(--oc-sidebar-hover-bg);
}
body.sidenav-responsive .layout > .layout-row.secondary-nav,
html.user-touch .layout > .layout-row.secondary-nav {
  display: table-row;
}
@media (max-width: 767px) {
  .layout > .layout-row.secondary-nav {
    display: table-row;
  }
}
#layout-side-panel {
  border-right: 1px solid var(--oc-primary-border);
}
#layout-side-panel .sidepanel-content-header {
  background: #d7e1eA;
  font-size: 15px;
  padding: 12px 20px 13px;
  position: relative;
}
body.display-side-panel #layout-side-panel {
  display: block;
  position: absolute;
  z-index: 600;
  width: 350px;
  border-right: none;
  box-shadow: 3px 0px 3px 0 rgba(0, 0, 0, 0.1);
}
[data-bs-theme="dark"] #layout-side-panel .sidepanel-content-header {
  background: var(--bs-secondary-bg);
}
#layout-footer {
  width: 100%;
  z-index: 100;
  height: 60px;
  position: fixed;
  bottom: 0;
  color: #666666;
  background-color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid #dfdfdf;
}
#layout-footer .brand,
#layout-footer .tagline {
  margin: 10px;
  height: 40px;
  line-height: 40px;
}
#layout-footer .brand {
  float: left;
  font-size: 16px;
}
#layout-footer .brand .logo {
  margin: 0 10px;
}
#layout-footer .tagline {
  float: right;
}
#layout-footer .tagline p {
  color: #999999;
}
html body.outer {
  background: white;
}
body.outer .layout > .layout-row > .layout-cell {
  vertical-align: top;
}
body.outer .layout > .layout-row > .layout-cell.form-cell {
  width: 350px;
  padding: 40px;
  border-right: 1px solid #ECF0F1;
}
body.outer .layout > .layout-row > .layout-cell.theme-cell {
  background-color: #FEF6EB;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
body.outer .layout > .layout-row > .layout-cell.theme-cell img {
  display: inline-block;
  margin: 0 auto;
}
body.outer .layout > .layout-row > .layout-cell h1 {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
body.outer .layout > .layout-row > .layout-cell h1 img {
  max-width: 180px;
  width: 100%;
  display: inline-block;
  border-radius: 6px;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container {
  margin: 0 auto;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container p {
  color: #2C3E4F;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2 {
  font-size: 22px;
  font-family: serif;
  margin: 0;
  padding: 10px 0 30px 0;
  color: #2C3E4F;
  text-align: center;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2:empty {
  padding: 0;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2:after {
  content: '';
  display: block;
  height: 2px;
  width: 60px;
  margin: 30px auto 20px;
  background: #536061;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password {
  margin-top: 8px;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a {
  color: #536061;
  text-decoration: underline;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input.form-control {
  margin-bottom: 20px;
}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form + .pull-right.forgot-password {
  margin-top: -47px;
  position: relative;
}
body.outer.setup .layout > .layout-row > .layout-cell.form-cell {
  width: 500px;
}
@media (max-width: 576px) {
  body.outer .layout > .layout-row > .layout-cell.form-cell {
    width: 100% !important;
  }
  body.outer .layout > .layout-row > .layout-cell.form-theme {
    display: none;
  }
}
:root,
[data-bs-theme="light"] {
  --oc-fancy-tabs-bg: var(--bs-secondary);
}
[data-bs-theme="dark"] {
  --oc-fancy-tabs-bg: var(--oc-editor-tab-bg);
}
body.breadcrumb-fancy .control-breadcrumb,
.control-breadcrumb.breadcrumb-fancy {
  margin-bottom: 0;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.fancy-layout .tab-collapse-icon {
  position: absolute;
  display: block;
  text-decoration: none;
  outline: none;
  opacity: 0.6;
  transition: all 0.3s;
  font-size: 12px;
  color: var(--bs-body-color);
  right: 11px;
}
.fancy-layout .tab-collapse-icon:hover {
  text-decoration: none;
  opacity: 1;
}
.fancy-layout .tab-collapse-icon.primary {
  color: var(--bs-body-bg);
  bottom: -25px;
  z-index: 100;
  transform: scale(1, -1);
}
.fancy-layout .tab-collapse-icon.primary i {
  position: relative;
  display: block;
}
.fancy-layout .tab-collapse-icon.tabless {
  display: none;
}
.fancy-layout .control-tabs.master-tabs:before,
.fancy-layout.control-tabs.master-tabs:before,
.fancy-layout .control-tabs.master-tabs:after,
.fancy-layout.control-tabs.master-tabs:after {
  top: 13px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.fancy-layout .control-tabs.master-tabs:before,
.fancy-layout.control-tabs.master-tabs:before {
  left: 8px;
}
.fancy-layout .control-tabs.master-tabs:after,
.fancy-layout.control-tabs.master-tabs:after {
  right: 8px;
}
.fancy-layout .control-tabs.master-tabs.scroll-before:before,
.fancy-layout.control-tabs.master-tabs.scroll-before:before {
  color: var(--bs-body-color);
}
.fancy-layout .control-tabs.master-tabs.scroll-after:after,
.fancy-layout.control-tabs.master-tabs.scroll-after:after {
  color: var(--bs-body-color);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container {
  background: var(--oc-fancy-tabs-bg);
  padding-left: 20px;
  padding-right: 20px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs {
  margin-left: -8px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li {
  margin-left: -5px;
  padding-top: 3px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close {
  top: 14px;
  right: -5px;
  left: auto;
  z-index: 110;
  font-family: sans-serif;
  color: rgba(255, 255, 255, 0.3);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i {
  top: 4px;
  right: 1px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close:hover,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close:hover {
  color: white !important;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a {
  border-bottom: none;
  background: transparent;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  padding: 6px 0 0 24px!important;
  overflow: visible;
  text-decoration: none;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:hover,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:hover {
  color: white;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title {
  position: relative;
  display: inline-block;
  padding: 12px 5px 0 5px;
  height: 38px;
  font-size: 14px;
  z-index: 100;
  background-color: transparent;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
  content: ' ';
  position: absolute;
  width: 20px;
  display: block;
  height: 37px;
  top: 0;
  z-index: 100;
  background-color: transparent;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before {
  left: -14px;
  border-radius: 8px 0 0 0;
  transform: skewX(-10deg);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after {
  right: -14px;
  border-radius: 0 8px 0 0;
  transform: skewX(10deg);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span {
  border-top: none;
  padding: 0;
  margin-top: 0;
  overflow: visible;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before {
  z-index: 110;
  position: absolute;
  top: 18px;
  left: 22px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title {
  padding-left: 18px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active {
  top: 1px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a {
  z-index: 107;
  color: var(--bs-body-color);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close {
  color: rgba(var(--bs-body-color-rgb), 0.3);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close:hover,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close:hover {
  color: var(--bs-body-color) !important;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title {
  background-color: var(--bs-body-bg);
  z-index: 105;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before {
  z-index: 107;
  background-color: var(--bs-body-bg);
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after {
  background-color: var(--bs-body-bg);
  z-index: 107;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i {
  top: 5px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  color: inherit;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f111";
  font-size: 9px;
}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child,
.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child {
  margin-left: 0;
}
.fancy-layout .control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title,
.fancy-layout.control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title {
  padding-right: 10px;
}
.fancy-layout .control-tabs.master-tabs.has-tabs:before,
.fancy-layout.control-tabs.master-tabs.has-tabs:before,
.fancy-layout .control-tabs.master-tabs.has-tabs:after,
.fancy-layout.control-tabs.master-tabs.has-tabs:after {
  display: block;
}
.fancy-layout .control-tabs.secondary-tabs:before,
.fancy-layout.control-tabs.secondary-tabs:before {
  left: 5px;
}
.fancy-layout .control-tabs.secondary-tabs:after,
.fancy-layout.control-tabs.secondary-tabs:after {
  right: 5px;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs {
  position: relative;
  border-top: 1px solid var(--oc-primary-border);
  background: var(--bs-body-bg);
  padding-top: 10px;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs:before {
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  z-index: 9;
  content: ' ';
  border-bottom: 2px solid var(--oc-primary-border);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li {
  border-right: none;
  padding-right: 0;
  margin-right: -10px;
  vertical-align: top;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 3px;
  margin: 0;
  position: relative;
  top: -1px;
  z-index: 11;
  background: transparent;
  overflow: visible;
  border-bottom: 1px solid transparent;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span {
  position: relative;
  display: inline-block;
  padding: 4px 25px 0px;
  box-sizing: border-box;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:before,
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:after,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:after {
  content: '';
  display: none;
  border-top: 2px solid var(--oc-primary-border);
  position: absolute;
  background: transparent;
  top: 0;
  z-index: -1;
  width: 20px;
  bottom: -2px;
  transform-origin: bottom;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:before {
  left: 0;
  border-left: 2px solid var(--oc-primary-border);
  border-radius: 8px 0 0 0;
  transform: skewX(-10deg);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:after,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span:after {
  right: 0;
  border-right: 2px solid var(--oc-primary-border);
  border-radius: 0 8px 0 0;
  transform: skewX(10deg);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span {
  border-top: 2px solid transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: 7px;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li:hover a,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li:hover a {
  color: var(--bs-body-color);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li:first-child,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li:first-child {
  padding-left: 10px;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li:last-child,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li:last-child {
  margin-right: 0;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a {
  z-index: 13;
  top: 0;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title {
  border-top-color: var(--oc-primary-border);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title:before,
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title:after,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title:after {
  display: block;
  border-color: var(--oc-primary-border);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title span,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a > span.title span {
  border-top-color: var(--oc-primary-border);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a:before {
  position: absolute;
  bottom: -1px;
  height: 2.2px;
  right: 2px;
  left: 2px;
  content: ' ';
  background-color: var(--bs-body-bg);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title:before,
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title:after,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title:after {
  background-color: var(--bs-body-bg);
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title span,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a span.title span {
  background-color: var(--bs-body-bg);
  margin-left: -6px;
  padding-left: 6px;
  margin-right: -6px;
  padding-right: 6px;
  margin-bottom: -6px;
  padding-bottom: 6px;
}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a:before,
.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active.tab-content-bg a:before {
  background-color: var(--bs-body-bg);
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon {
  position: absolute;
  display: block;
  text-decoration: none;
  outline: none;
  opacity: 0.6;
  transition: all 0.3s;
  font-size: 12px;
  color: var(--bs-body-color);
  right: 11px;
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon:hover,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon:hover {
  text-decoration: none;
  opacity: 1;
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
  color: var(--bs-body-bg);
  bottom: -25px;
  z-index: 100;
  transform: scale(1, -1);
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary i,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary i {
  position: relative;
  display: block;
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.tabless,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.tabless {
  display: none;
}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,
.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary {
  color: var(--bs-body-color);
  top: 15px;
  right: 11px;
  bottom: auto;
}
.fancy-layout .control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary,
.fancy-layout.control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary {
  transform: scale(1, 1);
}
.fancy-layout .control-tabs.primary-tabs,
.fancy-layout.control-tabs.primary-tabs {
  border-top: 1px solid var(--oc-primary-border);
}
.fancy-layout .control-tabs.primary-tabs.master-area > div > ul.nav-tabs,
.fancy-layout.control-tabs.primary-tabs.master-area > div > ul.nav-tabs {
  transition: background-color 0.5s;
  background: var(--bs-body-bg);
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs {
  background: #7F8C8D;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs:before,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs:before {
  border-bottom-width: 1px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li {
  background: transparent;
  border: none;
  margin-right: -8px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child {
  margin-left: -15px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a {
  background: transparent;
  border: none;
  padding: 3px 10px 3px;
  font-size: 14px;
  font-weight: 400;
  color: #536061;
  top: 2px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title {
  border-bottom: 2px solid transparent;
  border-top: none;
  padding: 0 7px 6px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after {
  display: none;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span {
  border-width: 0;
  vertical-align: top;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a:before,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a:before {
  top: 2px;
  bottom: -6px;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a {
  color: var(--bs-body-color);
  font-weight: 500;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before {
  display: none;
}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title,
.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title {
  border-bottom-color: var(--bs-primary);
}
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane,
.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane {
  padding: 20px 20px 0 20px;
}
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact,
.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact {
  padding: 0;
}
.fancy-layout .control-tabs.primary-tabs.collapsed,
.fancy-layout.control-tabs.primary-tabs.collapsed {
  display: none;
}
.fancy-layout .control-tabs.has-tabs > div.tab-content,
.fancy-layout.control-tabs.has-tabs > div.tab-content {
  background: var(--bs-body-bg);
}
.fancy-layout .control-tabs > div.tab-content > div.tab-pane,
.fancy-layout.control-tabs > div.tab-content > div.tab-pane {
  padding: 0;
}
.fancy-layout .control-tabs > div.tab-content > div.tab-pane.padded-pane,
.fancy-layout.control-tabs > div.tab-content > div.tab-pane.padded-pane {
  padding: 20px 20px 0 20px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) {
  position: relative;
  background: var(--bs-body-bg);
  padding: 10px 15px 0 15px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy):before,
.fancy-layout .form-tabless-fields:not(.not-fancy):after {
  content: " ";
  display: table;
}
.fancy-layout .form-tabless-fields:not(.not-fancy):after {
  clear: both;
}
.fancy-layout .form-tabless-fields:not(.not-fancy):before,
.fancy-layout .form-tabless-fields:not(.not-fancy):after {
  content: " ";
  display: table;
}
.fancy-layout .form-tabless-fields:not(.not-fancy):after {
  clear: both;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) label {
  text-transform: uppercase;
  font-size: 12px;
  color: var(--oc-primary-color);
  margin-bottom: 0;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) input[type=text] {
  background: transparent;
  border: none;
  color: var(--bs-body-color);
  font-size: 24px;
  font-weight: 400;
  height: auto;
  padding: 0;
  box-shadow: none;
  border: 1px solid transparent;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) input[type=text]:focus,
.fancy-layout .form-tabless-fields:not(.not-fancy) input[type=text]:hover {
  border: 1px solid var(--oc-primary-border);
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .form-group {
  padding-bottom: 0;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .form-group.is-required > label:after {
  display: none;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .form-group .form-translatable {
  position: absolute;
  margin: 0;
  right: 3px;
  top: 28px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon {
  position: absolute;
  display: block;
  text-decoration: none;
  outline: none;
  opacity: 0.6;
  transition: all 0.3s;
  font-size: 12px;
  color: var(--bs-body-color);
  right: 11px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon:hover {
  text-decoration: none;
  opacity: 1;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon.primary {
  color: var(--bs-body-bg);
  bottom: -25px;
  z-index: 100;
  transform: scale(1, -1);
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon.primary i {
  position: relative;
  display: block;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon.tabless {
  display: none;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .tab-collapse-icon.tabless {
  top: 14px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy).collapsed {
  padding: 5px 23px 0 10px;
}
.fancy-layout .form-tabless-fields:not(.not-fancy).collapsed .tab-collapse-icon.tabless {
  transform: scale(1, -1);
}
.fancy-layout .form-tabless-fields:not(.not-fancy).collapsed .form-group:not(.collapse-visible) {
  display: none;
}
.fancy-layout .form-tabless-fields:not(.not-fancy).collapsed .form-buttons {
  margin-left: 10px;
  padding-bottom: 0;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .loading-indicator-container .loading-indicator {
  background-color: var(--bs-body-bg);
  padding: 0 0 0 45px;
  color: var(--oc-primary-color);
  margin-top: 4px;
  height: 90%;
  font-size: 12px;
  line-height: 100%;
}
.fancy-layout .form-tabless-fields:not(.not-fancy) .loading-indicator-container .loading-indicator > span {
  left: 5px;
  top: 18px;
}
.fancy-layout .form-buttons {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid var(--oc-primary-border);
}
.fancy-layout .form-buttons.loading-indicator-container.in-progress {
  overflow: hidden;
}
.fancy-layout .form-buttons .btn {
  padding: 6px;
  margin-right: 8px;
  background: transparent;
  color: var(--oc-toolbar-color);
  font-size: 14px;
  font-weight: normal;
  box-shadow: none;
}
.fancy-layout .form-buttons .btn:before {
  margin-right: 2px;
}
.fancy-layout .form-buttons .btn:hover {
  background: var(--oc-toolbar-hover-bg);
}
.fancy-layout .form-buttons .btn:last-child {
  margin-right: 0;
}
.fancy-layout .form-buttons .btn[class^="oc-icon-"]:before,
.fancy-layout .form-buttons .btn[class*=" oc-icon-"]:before {
  opacity: 1;
}
.fancy-layout form.oc-data-changed .btn.save {
  opacity: 1;
}
.fancy-layout .field-codeeditor {
  border: none !important;
  border-radius: 0;
}
.fancy-layout .field-codeeditor .editor-code {
  border-radius: 0;
}
.fancy-layout .field-markdowneditor {
  border: none !important;
}
.fancy-layout .field-richeditor {
  border: none;
}
.fancy-layout .field-richeditor,
.fancy-layout .field-richeditor .fr-toolbar,
.fancy-layout .field-richeditor .fr-wrapper {
  border-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.fancy-layout .secondary-content-tabs .field-richeditor .fr-toolbar {
  background: var(--bs-body-bg);
}
body.side-panel-not-fixed .fancy-layout .field-richeditor {
  border-left: none;
}
html.cssanimations .fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span {
  animation: spin 1s linear infinite;
  background-size: 20px 20px;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs {
  padding: 13px 0;
  background: var(--oc-document-tabs-bg);
  border-bottom: 1px solid var(--oc-primary-border);
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs:before {
  display: none;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li {
  border-right: 1px solid var(--oc-primary-border);
  margin: 0!important;
  padding: 0;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li:first-child {
  margin-left: -12px !important;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li:last-child {
  border-right: none;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a {
  padding: 2px 12px 0;
  height: 24px;
  border: none;
  top: 0;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a:before {
  display: none;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a > span.title {
  padding: 0;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a > span.title:before,
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a > span.title:after {
  display: none;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li a > span.title > span {
  margin: 0;
  padding: 0;
  border-top: none;
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested) > div > ul.nav-tabs > li.active a {
  color: var(--bs-primary);
}
.form-document-layout .control-tabs.primary-tabs:not(.is-nested)[data-single-tab] > div > ul.nav-tabs {
  display: none!important;
}
.form-document-layout .form-tabless-fields .form-group.primary-title-field .form-label,
.form-document-layout .form-tabless-fields .form-group.primary-title-field .form-translatable {
  display: none;
}
.form-document-layout .form-tabless-fields .form-group.primary-title-field .form-control {
  display: block;
  font-size: 24px;
  width: 100%;
  border: 1px solid var(--bs-body-bg);
  outline: none;
  background: transparent;
  color: var(--bs-body-color);
  padding: 1px;
}
.form-document-layout .form-tabless-fields .form-group.primary-title-field .form-control:not([disabled]):hover,
.form-document-layout .form-tabless-fields .form-group.primary-title-field .form-control:not([disabled]):focus {
  border: 1px solid var(--bs-border-color);
  box-shadow: none;
}
.form-document-layout .form-tabless-fields .form-group.primary-title-field span.form-control {
  opacity: 0.5;
}
.form-document-layout div.primary-tabs-container > div > .layout-row {
  display: table-cell;
}
.form-document-layout div.primary-tabs-container > div > .layout-row .tab-pane.is-adaptive {
  padding-top: 0;
}
.form-document-layout .component-backend-document .document-progress-indicator {
  z-index: 1;
}
.form-document-layout .form-group.span-adaptive {
  margin-left: -20px;
  margin-right: -20px;
}
.form-document-layout .form-group.span-adaptive > .form-label,
.form-document-layout .form-group.span-adaptive > .form-translatable {
  display: none;
}
.form-document-layout .record-management-controls {
  padding-left: 20px;
  padding-bottom: 20px;
}
.flyout-container > .flyout {
  overflow: hidden;
  width: 0;
  left: 0!important;
  transition: width 0.1s;
}
.flyout-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 5000;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}
.flyout-toggle {
  position: absolute;
  top: 20px;
  left: 0;
  width: 23px;
  height: 25px;
  background: #35425b;
  cursor: pointer;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  color: #bdc3c7;
  font-size: 10px;
}
.flyout-toggle i {
  margin: 7px 0 0 6px;
  display: inline-block;
}
.flyout-toggle:hover i {
  color: #ffffff;
}
body.flyout-visible {
  overflow: hidden;
}
body.flyout-visible .flyout-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
#layout-sidenav-responsive.has-toggle {
  position: relative;
}
#layout-sidenav-responsive.has-toggle ul.nav {
  padding-left: 35px;
}
#layout-sidenav-responsive.has-toggle .flyout-toggle {
  top: 18px;
}