@charset "UTF-8";
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
:root {
  --white: #ffffff;
  --color-primary: #3673e9;
  --color-warning: #f0ad4e;
  --color-danger: #d9534f;
  --color-info: #38b7e1;
  --color-success: #5cb85c;
  --color-selected: #ffd890;
  --color-selected-strong: #ffc45b;
  --color-found: #13638f;
  --flash-primary: 54, 115, 233;
  --flash-success: #357935;
  --flash-info: #177b9c;
  --flash-warning: #c77c11;
  --flash-danger: #a02622;
  --flash-error: #a02622;
  --page-color: #eee;
  --page-bg: #222;
  --page-header-bg: #151515;
  --page-header-border: #2f2f2f;
  --page-footer-color: #bbbbbb;
  --page-color-subtle: #a2a2a2;
  --nav-link-color: #eee;
  --nav-dropdown-bg: #555555;
  --nav-dropdown-bg__active: #6f6f6f;
  --nav-dropdown-bg__hover: #888888;
  --nav-divider: #777;
  --superadmin-color: #aaa;
  --superadmin-bg: #9788dc;
  --superadmin-bg__hover: #7561d0;
  --nav-selected-bg: #abeab4;
  --link-color: #00b2fc;
  --link-color__hover: #3c96ef;
  --tab-nav-color: #eee;
  --tab-nav-bg: #555555;
  --tab-nav-bg__hover: #626262;
  --tab-nav-bg__active: #6f6f6f;
  --tab-nav-border: #6f6f6f;
  --tab-nav-border__active: #888888;
  --modal-bg: #414141;
  --modal-header-bg: #363636;
  --modal-header-border__top: #4b4b4b;
  --modal-header-border__bottom: #272727;
  --card-bg: #363636;
  --card-bg__light: #3c3c3c;
  --card-bg__lighter: #464646;
  --card-border: #4b4b4b;
  --card-border__dark: #414141;
  --card-header-bg: #2c2c2c;
  --card-header-border: #414141;
  --card-header-border__dark: #090909;
  --card-footer-bg: #2c2c2c;
  --card-footer-border: #414141;
  --card-footer-border__dark: #090909;
  --table-lined-h--border: #484848;
  --input-color: #fff;
  --input-bg: #484848;
  --input-disabled-bg: #5a5a5a;
  --input-border: #626262;
  --input-border-mid: #5a5a5a;
  --input-border-dark: #555555;
  --select-item-disabled-bg: #7b7b7b;
  --select-item-disabled-color: #a2a2a2;
  --form-label-color: #1984bf;
  --tree-line-color: #484848;
  --node-item-bg: #2f2f2f;
  --node-item-bg__selected__hover: var(--color-info);
  --node-border-color: #151515;
  --node-border-color-light: #3c3c3c;
  --node-item-id-color: #777;
  --node-item-id-bg: #2f2f2f;
  --node-counter-color: #1984bf;
  --node-counter-bg: #3c3c3c;
  --node-grab-bg: #484848;
  --node-item-name__reference: #e597ff;
  --node-item-name__reference__collection: #4fb1fc;
  --node-toggle-color: #bbbbbb;
  --node-toggle-bg: #3c3c3c;
  --node-toggle-border: #555555;
  --node-toggle-bg__hover: #484848;
  --node-status-bg__approved: inherit;
  --node-status-id-bg__approved: #415d41;
  --node-status-id-bg__warning: #ab4e4b;
  --node-item-hover-overlay: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.65) 0%, hsla(0, 0%, 0%, 0.65) 100%);
  --node-item-select-overlay: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.55) 0%, hsla(0, 0%, 0%, 0.55) 100%);
  --icon_reverse: invert(100%);
  --legend-group-border: #555555;
  --legend-node-bg__hover: #343434;
  --section-border: hsl(0, 0%, 40%);
  --list-item-color: #d5d5d5;
  --list-item-bg: #363636;
  --list-item-bg__hover: #4b4b4b;
  --list-item-border: var(--card-border);
  --list-item-lite-bg: #414141;
  --list-item-lite-bg__hover: #555555;
  --list-item-lite-border: #5f5f5f;
  --list-item-warning__selected: #87527a;
  --list-item-trash-bg: #573c3d;
  --list-item-trash-bg__selected: #87527a;
  --list-item-trash-stripe: rgba(0, 0, 0, 0.1);
  --list-item-approved-bg: #39463b;
  --list-item-approved-bg__hover: #406545;
  --list-item-approved-bg__selected: #46854f;
  --icon-circle-bg: rgba(255, 255, 255, 0.2);
  --tag-bg: rgba(125, 125, 125, 0.5);
  --button-color: #fff;
  --button-bg: #6f6f6f;
  --button-bg__hover: #7b7b7b;
  --button-primary-color: #fff;
  --button-primary-bg: #3673e9;
  --button-primary-bg__hover: #1a60e9;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.core_color {
  border: 1px solid #000;
}

.color_blocks {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  background-color: #fff;
  padding: 4rem;
}
.color_blocks > div > div {
  width: 100px;
  height: 50px;
  margin: 8px;
}

.yellow_bg {
  background-color: #ffc201;
}

.yellow_lite_4_bg {
  background-color: #fff9e6;
}

.yellow_lite_3_bg {
  background-color: #fff0c0;
}

.yellow_lite_2_bg {
  background-color: #ffe180;
}

.yellow_lite_1_bg {
  background-color: #ffd141;
}

.yellow_dark_1_bg {
  background-color: #c09200;
}

.yellow_dark_2_bg {
  background-color: #806100;
}

.yellow_dark_3_bg {
  background-color: #403100;
}

.blue_bg {
  background-color: #1984bf;
}

.blue_lite_4_bg {
  background-color: #e5f4fc;
}

.blue_lite_3_bg {
  background-color: #bee2f6;
}

.blue_lite_2_bg {
  background-color: #7dc6ee;
}

.blue_lite_1_bg {
  background-color: #3ca9e5;
}

.blue_dark_1_bg {
  background-color: #146a99;
}

.blue_dark_2_bg {
  background-color: #0f4f73;
}

.blue_dark_3_bg {
  background-color: #0a354c;
}

.green_bg {
  background-color: #56d468;
}

.green_lite_4_bg {
  background-color: #eefbf0;
}

.green_lite_3_bg {
  background-color: #d5f4d9;
}

.green_lite_2_bg {
  background-color: #abeab4;
}

.green_lite_1_bg {
  background-color: #80df8e;
}

.green_dark_1_bg {
  background-color: #2db240;
}

.green_dark_2_bg {
  background-color: #1e772b;
}

.green_dark_3_bg {
  background-color: #0f3b15;
}

.red_bg {
  background-color: #c53c41;
}

.red_lite_4_bg {
  background-color: #f9ecec;
}

.red_lite_3_bg {
  background-color: #f1ced0;
}

.red_lite_2_bg {
  background-color: #e29ea0;
}

.red_lite_1_bg {
  background-color: #d46d71;
}

.red_dark_1_bg {
  background-color: #952c30;
}

.red_dark_2_bg {
  background-color: #631d20;
}

.red_dark_3_bg {
  background-color: #320f10;
}

.grey_bg {
  background-color: #888888;
}

.grey_lite_5_bg {
  background-color: #f9f9f9;
}

.grey_lite_4_bg {
  background-color: #ececec;
}

.grey_lite_3_bg {
  background-color: lightgray;
}

.grey_lite_2_bg {
  background-color: #bababa;
}

.grey_lite_1_bg {
  background-color: #a1a1a1;
}

.grey_dark_1_bg {
  background-color: #6b6b6b;
}

.grey_dark_2_bg {
  background-color: #4f4f4f;
}

.grey_dark_3_bg {
  background-color: #323232;
}

.grey_dark_4_bg {
  background-color: #161616;
}

.grey_dark_5_bg {
  background-color: #070707;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
/**
 * Reboot - from Bootstrap 4
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 13px;
  line-height: 20px;
  font-family: "Open Sans", Helvetica, -apple-system, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html body.show-grid {
  background-image: linear-gradient(hsla(200, 100%, 50%, 0.1) 1px, transparent 1px);
  background-position: left top;
  background-size: 20px 20px;
}
html #grid_vertical {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, hsla(200, 100%, 50%, 0.1) 1px, transparent 1px);
  background-position: left top;
  background-size: 20px 20px;
}

html {
  /*sassy-gridlover*/
}

html, body {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  height: 100% !important;
}

@-ms-viewport {
  width: device-width;
}
body {
  font-size: 1rem;
  line-height: 1.53847rem;
  margin: 0;
  font-weight: 300;
  color: var(--page-color);
  text-align: left;
  background-color: var(--page-bg);
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "PT Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: bolder;
  line-height: 1;
  color: inherit;
}

/*h1, h2, h3,
.h1, .h2, .h3 {
  font-family: $headings-font-family;
}

h4, h5, h6,
.h4, .h5, .h6 {
  font-family: $headings-font-family;
}*/
h1, .h1 {
  position: relative;
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 20px;
  margin-top: 20px;
}
h1.show-margin:before, h1.show-margin:after, .h1.show-margin:before, .h1.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
h1.show-margin:before, .h1.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
h1.show-margin:after, .h1.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: -20px;
  height: 20px;
}

h2, .h2 {
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
h2.show-margin:before, h2.show-margin:after, .h2.show-margin:before, .h2.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
h2.show-margin:before, .h2.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
h2.show-margin:after, .h2.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: -20px;
  height: 20px;
}

h3, .h3 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
h3.show-margin:before, h3.show-margin:after, .h3.show-margin:before, .h3.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
h3.show-margin:before, .h3.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
h3.show-margin:after, .h3.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: 0px;
  height: 0px;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
h4.show-margin:before, h4.show-margin:after, .h4.show-margin:before, .h4.show-margin:after,
h5.show-margin:before,
h5.show-margin:after, .h5.show-margin:before, .h5.show-margin:after,
h6.show-margin:before,
h6.show-margin:after, .h6.show-margin:before, .h6.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
h4.show-margin:before, .h4.show-margin:before,
h5.show-margin:before, .h5.show-margin:before,
h6.show-margin:before, .h6.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
h4.show-margin:after, .h4.show-margin:after,
h5.show-margin:after, .h5.show-margin:after,
h6.show-margin:after, .h6.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: 0px;
  height: 0px;
}

body > main > header h1 {
  /* page title */
  display: inline-block;
}

article h1 {
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
article h1.show-margin:before, article h1.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
article h1.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
article h1.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: -20px;
  height: 20px;
}
article h2 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
article h2.show-margin:before, article h2.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
article h2.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
article h2.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: 0px;
  height: 0px;
}
article h3 {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
article h3.show-margin:before, article h3.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
article h3.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 20px;
  top: -20px;
}
article h3.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: 0px;
  height: 0px;
}

p {
  position: relative;
  margin-bottom: 20px;
  margin-top: 0;
}
p.show-margin:before, p.show-margin:after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
p.show-margin:before {
  background: hsla(200, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 5.5 9.5 0.5 13.5 5.5"/></svg>') 51% top repeat-y;
  height: 0px;
  top: 0px;
}
p.show-margin:after {
  background: hsla(100, 100%, 50%, 0.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="300px" viewBox="0 0 40 300"><path d="M9.5,1.5 L9.5,298.5" stroke="#1AB3FF"/><polyline stroke="#1AB3FF" fill="none" points="5.5 294.5 9.5 299.5 13.5 294.5"/></svg>') 49% bottom repeat-y;
  bottom: -20px;
  height: 20px;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

blockquote {
  margin: 0 0 1rem;
}

dt,
b,
strong {
  font-weight: bolder;
  font-family: "PT Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bolder;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

.links__list {
  list-style: square url("/s/images-ui/bullet_link.png");
}
ul.checklist {
  list-style: none;
  padding-left: 1em;
}
ul.checklist li {
  background: url("/s/icons/svg/task_undone.svg") no-repeat 2px 4px;
  background-size: 12px 12px;
  padding-left: 24px;
}
ul.checklist li ul {
  list-style: none;
  padding-left: 1em;
}
ul.checklist li.complete {
  background-image: url("/s/icons/svg/task.svg");
}
ul.checklist li.partial {
  background-image: url("/s/icons/svg/task_partial.svg");
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.table {
  display: table;
}
.table dl {
  display: table-row;
}
.table dt, .table dd {
  display: table-cell;
}

table {
  border-collapse: collapse;
  width: 100%;
}

caption {
  color: #aaaaaa;
  text-align: left;
}

td, th {
  vertical-align: top;
}

th {
  text-align: inherit;
  font-family: "PT Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 500;
  color: #777777;
}

td, th {
  padding: 0.25rem 1rem 0.25rem 0;
}
td.nums, th.nums {
  text-align: right;
  font-variant-numeric: oldstyle-nums stacked-fractions;
}

tbody th {
  width: 75px;
  font-size: 0.85em;
}

table.lined-h > tr > td,
table.lined-h > tr > th {
  padding: 0.5rem 1rem 0.5rem 0;
  height: 2.25rem;
  border-bottom: 1px solid var(--table-lined-h--border);
}
table.lined-h > tr > td label,
table.lined-h > tr > th label {
  font-size: 85%;
  font-weight: bold;
  color: #aaa;
}

table.labeled tbody tr > th:after {
  content: ":";
  display: inline;
}

tbody {
  border-bottom: 1px solid var(--table-lined-h--border);
}
tbody:last-child {
  border-bottom: none;
}

thead {
  font-weight: bold;
}
thead th {
  font-weight: bold;
}

table.outline {
  border-collapse: separate;
  border: 1px solid var(--table-lined-h--border);
  border-radius: 6px;
}
table.outline th {
  padding-left: 0.5em;
}
table.outline tbody th {
  width: 75px;
  font-size: 0.85em;
}

table h1, table h2, table h3, table h4, table h5, table p {
  margin: 0;
}

.language__group {
  padding-left: 24px;
}
.language__section {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px dotted var(--nav-divider);
  margin-bottom: 12px;
}
.language__section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.language__section .flag__circle__12 {
  position: absolute;
  left: -24px;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
/**
 * Form elements
 * See '_buttons.scss' for button, [type="submit"], et al.
 */
label {
  display: inline-block;
  margin-bottom: 0.75rem;
  color: #777;
}

form label {
  font-size: 80%;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--form-label-color);
  margin: 0;
}
form label:after {
  content: "";
}

.multi_wrap .form_field__wrap label {
  color: #AAA;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}

.tabs__panel__title {
  font-size: 80%;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--form-label-color);
  margin: 0;
}

input,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: var(--input-bg);
}

input {
  overflow: visible;
}

select {
  text-transform: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

ul.form-collection > li,
.form-item {
  height: 2.25rem;
}
ul.form-collection > li > label,
.form-item > label {
  max-width: 200px;
  padding-right: 2rem;
}

ul.form-collection {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
}
ul.form-collection li {
  display: table-row;
}
ul.form-collection li > label {
  display: table-cell;
}
ul.form-collection li > div {
  display: table-cell;
}

input:not([type=range], [type=submit]) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

select {
  background: var(--input-bg);
  border-radius: 2rem;
  -moz-appearance: none;
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23999999%22%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A"), -webkit-linear-gradient(var(--input-border), var(--input-bg));
  background-position: 95% center;
  background-repeat: no-repeat;
  color: var(--input-color);
  font-size: inherit;
  overflow: hidden;
  padding: 2px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}

select:focus::-ms-value {
  color: #333;
  background-color: #fff;
}

select[disabled=disabled],
select.disabled {
  border: none;
  background: none;
  padding-left: 0;
}

select.select__multiple {
  border-radius: 0.5em;
  background-image: none;
}

input[required=required] {
  background-image: linear-gradient(to right, #3673e9 0%, #3673e9 100%);
  background-size: 3px 100%;
  background-repeat: no-repeat;
}

input[type=text],
input[type=date],
input[type=password],
input[type=search],
input[type=tel],
textarea {
  color: var(--input-color);
  border: 0.5px solid var(--input-border);
  border-top-color: var(--input-border-dark);
  border-right-color: var(--input-border-mid);
  border-left-color: var(--input-border-mid);
  margin: 0;
  padding: 0.25rem 1rem;
  border-radius: 6px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

input[type=color] {
  color: var(--input-color);
  border: 1px solid var(--input-border);
  margin: 0;
  padding: 0;
  border-radius: 6px;
  height: 2em;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

select {
  border: 1px solid var(--input-border);
  margin: 0;
  padding: 0.25rem 1.5rem;
  border-radius: 2rem;
  width: 100%;
}

input[type=text],
textarea {
  width: 100%;
}

td > input[type]:focus,
td > textarea:focus {
  border-color: #ccf;
}

select::-moz-focus-inner {
  border: 0;
}

a:focus, a:active,
button,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
select::-moz-focus-inner,
select:-moz-focusring,
input[type=file] > input[type=button]::-moz-focus-inner {
  outline: none !important;
  color: transparent;
  text-shadow: 0 0 0 #000;
}

button.button-small {
  margin-top: 6px;
  border: none !important;
}

select {
  outline: none;
}

input[disabled=disabled] {
  background-color: var(--input-disabled-bg);
  box-shadow: none;
}
input[disabled=disabled]::placeholder {
  color: rgba(255, 255, 255, 0.33);
}

/* VARIATIONS */
.form-field-wrap {
  padding: 4px 0;
}
.form-field-wrap:after {
  content: " ";
  display: table;
  clear: both;
}

td > .form-field-group-wrap,
td > input[type=text],
td > input[type=date],
td > textarea,
td > select,
.form-stack .form-field-wrap > .form-field-group-wrap,
.form-stack .form-field-wrap > input[type=text],
.form-stack .form-field-wrap > input[type=date],
.form-stack .form-field-wrap > textarea,
.form-stack .form-field-wrap > select {
  width: 100%;
}

.form-column .form-field-wrap {
  display: table;
  width: 100%;
  clear: both;
}
.form-column .form-field-wrap label {
  display: table-cell;
  width: 18%;
  vertical-align: top;
}

.form-column .form-fields-multiple {
  position: relative;
}
.form-column .form-fields-multiple .form-field-wrap label {
  width: 11%;
}
.form-column .form-fields-multiple .url_field {
  position: relative;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 24px 24px 10px 10px;
  margin-bottom: 4px;
}
.form-column .form-fields-multiple .url_field > .url_field__number {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  color: #ccc;
}
.form-column .form-fields-multiple .url_field > .remove__button {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  border: 1px solid #aaa;
  opacity: 0.5;
}
.form-column .form-fields-multiple .url_field > .remove__button:hover {
  opacity: 1;
}

.form-section {
  border-top: 1px dotted #ddd;
  margin: 5px 0;
  padding: 10px 0 5px 0;
}

#collection_subset_wrap,
.checkboxes_row {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--section-border);
}
#collection_subset_wrap > input,
.checkboxes_row > input {
  margin-top: 4px;
}
#collection_subset_wrap > label,
.checkboxes_row > label {
  display: table;
  width: 100%;
}
#collection_subset_wrap > label .c_1,
.checkboxes_row > label .c_1 {
  display: table-cell;
  width: 3.25em;
  text-align: right;
  padding-right: 0.5em;
}
#collection_subset_wrap > label .c_2,
.checkboxes_row > label .c_2 {
  display: table-cell;
}
#collection_subset_wrap > label .cell,
.checkboxes_row > label .cell {
  display: table-cell;
}
#collection_subset_wrap > label .cell_nid,
.checkboxes_row > label .cell_nid {
  width: 3.5em;
  text-align: right;
  padding-right: 0.5em;
  opacity: 0.75;
  font-size: 0.85em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#collection_subset_wrap > label .cell_product_num,
.checkboxes_row > label .cell_product_num {
  min-width: 4.5em;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  padding-right: 0.5em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#collection_subset_wrap > label.checkbox_all__label,
.checkboxes_row > label.checkbox_all__label {
  display: inline-block;
  width: auto;
  margin-left: 0;
  margin-right: 20px;
  cursor: pointer;
}
#collection_subset_wrap > .menu_divider,
.checkboxes_row > .menu_divider {
  display: inline-block;
  border-left: 1px solid var(--section-border);
  height: 20px;
  width: 1px;
}
#collection_subset_wrap #reset_checkbox_link,
.checkboxes_row #reset_checkbox_link {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  font-size: 11px;
  line-height: 20px;
  color: var(--link-color);
  vertical-align: top;
  margin-left: 20px;
}

#collection_subset_wrap {
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 8px;
  margin-bottom: 1em;
  border-top-color: transparent;
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.1);
  max-height: 400px;
  overflow-y: auto;
}
#collection_subset_wrap label {
  color: #38c4ff;
}
#collection_subset_wrap input:checked + label {
  color: #FFF;
}

.row__collection__use_default {
  margin: 1rem 0 0 0;
}

.row__collection__use_subset.disabled .options_wrap .checkboxes_row:first-child {
  visibility: hidden;
}

input#collections_subset {
  color: #aaa;
  border-width: 1px 1px 0 1px;
  padding-left: 1em;
  padding-bottom: 4px;
  font-size: 11px;
  margin-top: 12px;
  border-radius: 4px 4px 0 0;
}

.radio-item > span {
  padding: 0 0.5em;
}

input::placeholder {
  color: var(--page-color-subtle);
  font-style: italic;
  opacity: 1;
}

.dropzone__potential {
  position: relative;
  min-height: 120px;
  border: 1px dashed #ccc;
  border-radius: 5px;
  line-height: 100px;
  text-align: center;
  color: #aaa;
  font-style: italic;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.form_field input {
  width: 100%;
  flex: 1 1 auto;
  height: 30px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.form_field__prepend {
  display: flex;
}
.form_field__prepend label {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px 0 0 4px;
  position: relative;
}
.form_field__prepend label > .form_field__icon,
.form_field__prepend label > svg {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  text-align: center;
  fill: currentColor;
}
.form_field__prepend input {
  border-radius: 0 4px 4px 0;
}
.form_field__submit input[type=submit] {
  width: 100%;
}
.form_field__wrap {
  display: flex;
  padding: 4px 0;
}
.form_field__wrap label {
  position: relative;
  width: 90px;
  padding-right: 20px;
}
.form_field__wrap label > .flag__circle {
  margin-right: 4px;
}
.form_field__wrap > div {
  flex: auto;
}
.form_field__wrap .checkboxes_row label {
  width: auto;
}

.form_field__image_detail {
  color: #999999;
  font-size: 0.8em;
  padding: 0 1em;
  line-height: 1.5;
}

input[type=text].form_field__colorpicker {
  width: 10em !important;
}

input[type=color].form_field__colorpicker {
  padding: 0;
}

#node_type_form header {
  height: 36px;
}
#node_type_form header > span {
  line-height: 36px;
}
#node_type_form .main {
  padding: 10px 20px;
}
#node_type_form label {
  width: 100px;
  float: left;
}
#node_type_form input[type=text], #node_type_form textarea {
  width: 80%;
}
#node_type_form input#node_type__field_sort {
  width: 100px;
}

.form_field_wrap__w_notes {
  display: table;
}
.form_field_wrap__w_notes > label,
.form_field_wrap__w_notes > div {
  display: table-cell;
  vertical-align: top;
}
.form_field_wrap__w_notes > div.form_field_wrap__notes {
  width: 23%;
  padding-left: 20px;
  font-size: 11px;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
body > header nav {
  font-size: 12px;
}

nav {
  position: relative;
  z-index: 1000;
  height: inherit;
  line-height: inherit;
}
nav .divider {
  border-top: 1px solid var(--nav-divider);
  margin: 0.25rem 0;
}
nav ul, nav li {
  list-style: none;
}
nav ul .icon.icon__mf_tree, nav li .icon.icon__mf_tree {
  filter: var(--icon_reverse);
}
nav li.not-active {
  opacity: 0.5;
}
nav li.active {
  background: var(--nav-dropdown-bg__active);
}
nav li.selected {
  background: var(--nav-selected-bg);
}
nav li.superadmin {
  background: var(--superadmin-bg);
}
nav li.superadmin:hover > a, nav li.superadmin.selected > a {
  background: var(--superadmin-bg__hover);
}
nav li.superadmin > ul > li {
  background: var(--superadmin-bg);
  border-bottom: 1px solid var(--superadmin-bg__hover);
}
nav li.superadmin > ul > li:hover > a {
  background: var(--superadmin-bg__hover);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
nav > ul {
  display: block;
  height: inherit;
  line-height: inherit;
  padding: 0;
}
nav > ul > li {
  position: relative;
  display: block;
  height: inherit;
  line-height: inherit;
  float: left;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}
nav > ul > li.current:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid var(--nav-divider);
}
nav > ul > li.current:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid var(--nav-divider);
}
nav > ul > li > div,
nav > ul > li > a {
  display: block;
  padding: 0 0.6rem;
  position: relative;
}
nav > ul > li > a:hover {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
nav > ul > li > ul {
  position: absolute;
  display: none;
  padding: 4px 0;
  margin-left: 0 !important;
  min-width: 300px;
  width: 300px;
  max-width: 360px;
  background-color: var(--nav-dropdown-bg);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2);
  border-right: 1px solid var(--nav-divider);
  border-left: 1px solid var(--nav-divider);
  border-bottom: 1px solid var(--nav-divider);
  border-radius: 0 0 6px 6px;
}
nav > ul > li > ul > li {
  float: none;
  display: block;
  line-height: 2.25rem;
}
nav > ul > li > ul > li > a {
  display: block;
  padding: 0 1rem;
  position: relative;
}
nav > ul > li > ul > li > a:hover {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
nav > ul > li > ul > li > ul {
  display: none;
}
nav > ul > li > ul > li:hover {
  position: relative;
}
nav > ul > li > ul > li:hover.current:before {
  bottom: 0;
  left: 0;
  top: 40%;
  width: 0;
  height: 0;
  border: none;
}
nav > ul > li > ul > li:hover > ul {
  display: block;
  position: absolute;
  z-index: 100;
  left: 100%;
  top: 0;
  padding: 4px 0;
  min-width: 150px;
  width: 150px;
  background-color: var(--nav-dropdown-bg);
  border-bottom-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid var(--nav-divider);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.2), 3px 3px 5px rgba(0, 0, 0, 0.1);
}
nav > ul > li > ul > li:hover > ul > li {
  display: block;
  float: none;
  margin: 0;
}
nav > ul > li > ul > li:hover > ul > li > a {
  display: block;
  padding: 0 1rem;
}
nav > ul > li > ul > li:hover.submenu__open_left {
  position: relative;
}
nav > ul > li > ul > li:hover.submenu__open_left > ul {
  left: -150px;
}
nav > ul > li:hover > a {
  color: #fff;
  text-decoration: none;
  background-color: var(--nav-dropdown-bg__hover);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
nav > ul > li:hover > ul {
  display: block;
}
nav > ul div,
nav > ul a {
  position: relative;
  color: var(----nav-link-color);
}
nav > ul div:hover,
nav > ul a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--nav-dropdown-bg__hover);
}
nav > ul div svg,
nav > ul a svg {
  vertical-align: top;
  fill: currentColor;
}
nav > ul li:hover > a > img {
  filter: invert(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(invert="1");
  opacity: 1;
}
nav > ul li.divider-vert {
  border-left: 1px dotted var(--nav-divider);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
nav.pull-right > ul > li > ul {
  right: 0;
}

.navbar-brand {
  padding-right: 1em;
}

@media screen and (max-width: 1054px) and (min-width: 520px) {
  nav > ul > li > a .icon {
    display: none !important;
  }
}
@media screen and (max-width: 960px) {
  nav > ul.drop-downs.menu__extras.menu__collapsible {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    width: auto;
    border-left: 1px dotted var(--nav-divider);
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible:before {
    content: "Reference";
    display: block;
    position: relative;
    padding-left: 1rem;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible:hover {
    overflow-x: visible;
    overflow-y: visible;
    width: auto;
    background-color: var(--nav-dropdown-bg__hover);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: auto;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible:hover:after {
    content: "";
    display: table;
    clear: both;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible > li {
    float: none;
    clear: both;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible > li.current {
    background-color: var(--nav-dropdown-bg__hover);
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible > li.current:before {
    display: none;
    bottom: 0;
    left: 0;
    top: 40%;
    width: 0;
    height: 0;
    border: none;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible > li.current:after {
    display: none;
  }
  nav > ul.drop-downs.menu__extras.menu__collapsible > li > a .icon {
    display: inline-block !important;
  }
}
@media screen and (max-width: 840px) {
  nav > ul.drop-downs.menu__collapsible {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    width: auto;
  }
  nav > ul.drop-downs.menu__collapsible.menu__app_components {
    border-left: 1px dotted var(--nav-divider);
  }
  nav > ul.drop-downs.menu__collapsible.menu__app_components:before {
    content: "Components";
    display: block;
    position: relative;
    padding-left: 1rem;
  }
  nav > ul.drop-downs.menu__collapsible.menu__app_id:before {
    content: "App ID";
    display: block;
    position: relative;
    padding-left: 1rem;
  }
  nav > ul.drop-downs.menu__collapsible.menu__extras:before {
    content: "Reference";
    display: block;
    position: relative;
    padding-left: 1rem;
  }
  nav > ul.drop-downs.menu__collapsible:hover {
    overflow-x: visible;
    overflow-y: visible;
    width: auto;
    background-color: var(--nav-dropdown-bg__hover);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    height: auto;
  }
  nav > ul.drop-downs.menu__collapsible:hover:after {
    content: "";
    display: table;
    clear: both;
  }
  nav > ul.menu__collapsible > li {
    float: none;
    clear: both;
  }
  nav > ul.menu__collapsible > li.current {
    background-color: var(--nav-dropdown-bg__hover);
  }
  nav > ul.menu__collapsible > li.current:before {
    display: none;
    bottom: 0;
    left: 0;
    top: 40%;
    width: 0;
    height: 0;
    border: none;
  }
  nav > ul.menu__collapsible > li.current:after {
    display: none;
  }
  nav > ul.menu__collapsible > li > a .icon {
    display: inline-block !important;
  }
  nav > ul.menu__collapsible li.divider-vert {
    margin: 0.25rem 0;
    border-left: none;
    border-top: 1px dotted var(--nav-divider);
    height: 1px;
  }
  nav > ul.menu__collapsible li:hover {
    position: relative;
  }
  nav > ul.menu__collapsible li:hover.current:before {
    bottom: 0;
    left: 0;
    top: 40%;
    width: 0;
    height: 0;
    border: none;
  }
  nav > ul.menu__collapsible li:hover > ul {
    left: 100%;
    top: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.2), 3px 3px 5px rgba(0, 0, 0, 0.1);
  }
}
.menu__app_type {
  line-height: 1.125em;
}
.menu__app_type > span {
  padding: 0 1em;
  text-transform: uppercase;
  font-size: 11px;
  color: #B3B3B3;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.tabs__nav {
  display: none;
  user-select: none;
  list-style: none;
  height: 30px;
  padding: 0;
  margin: 0;
  position: relative;
  border-bottom: 1px solid var(--tab-nav-border);
  overflow: hidden;
}
.tabs__nav:after {
  content: "";
  display: table;
  clear: both;
}
.tabs__nav__tab {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.tabs__nav__tab, .tabs__nav__item {
  cursor: pointer;
  user-select: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  color: var(--tab-nav-color);
  background: var(--tab-nav-bg);
  border: 1px solid var(--tab-nav-border);
  border-radius: 4px 4px 0 0;
  margin-right: 4px;
  padding: 0 1em;
}
.tabs__nav__tab:hover, .tabs__nav__item:hover {
  background: var(--tab-nav-bg__hover);
}
.tabs__nav__tab.active, .tabs__nav__item.active {
  background: var(--tab-nav-bg__active);
  border-bottom-color: var(--tab-nav-border__active);
}
.tabs__nav__tab.active:hover, .tabs__nav__item.active:hover {
  background: var(--tab-nav-bg__active);
}
.tabs__nav__tab:first-child, .tabs__nav__item:first-child {
  margin-left: 4px;
}

@media only screen and (min-width: 768px) {
  .show_tabs .tabs__nav {
    display: block;
  }
  .show_tabs .tab__panes,
  .show_tabs .tabs__panels {
    position: relative;
    min-height: 200px;
  }
  .show_tabs .tab__panes:after,
  .show_tabs .tabs__panels:after {
    content: "";
    display: table;
    clear: both;
  }
  .show_tabs .tab__pane,
  .show_tabs .tabs__panel {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
  }
  .show_tabs .tab__pane > div,
  .show_tabs .tabs__panel > div {
    margin-top: 1em;
  }
  .show_tabs .tab__pane.active,
  .show_tabs .tabs__panel.active {
    display: block;
    padding-bottom: 40px !important;
  }
}
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
a {
  color: var(--link-color);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--link-color__hover);
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

a.external {
  padding-right: 10px;
}
a.external :after {
  content: " ";
  width: 8px;
  height: 8px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAASFBMVEUAAAAAff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff/wfAZ3AAAAF3RSTlMAAQYHDg8TFBgZISIuXGJ/hoiisr7OzzUMz3AAAAA3SURBVAgdBcGHAYAgDACwiAN3wcX/n5roppzT8dzqknMaWxPov/0S9O+KoGzDQIF54iwRUTsAfkwYAc3eG17ZAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -2px;
  line-height: 0;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
/**
 * Button elements
 * See '_form.scss' for other form elements.
 */
button,
.button,
a.button {
  border: 0 solid transparent;
  border-radius: 3px;
  margin: 0 2px;
  padding: 0.375rem 1.5rem;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
  text-transform: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  color: var(--button-color);
  background-color: var(--button-bg);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
button:focus, button:hover,
.button:focus,
.button:hover,
a.button:focus,
a.button:hover {
  text-decoration: none;
}
button:hover, button:focus, button.focus,
.button:hover,
.button:focus,
.button.focus,
a.button:hover,
a.button:focus,
a.button.focus {
  background-color: var(--button-bg__hover);
  outline: 0;
}
button.disabled, button:disabled,
.button.disabled,
.button:disabled,
a.button.disabled,
a.button:disabled {
  opacity: 0.65;
}
button:not([disabled]):not(.disabled):active, button:not([disabled]):not(.disabled).active,
.button:not([disabled]):not(.disabled):active,
.button:not([disabled]):not(.disabled).active,
a.button:not([disabled]):not(.disabled):active,
a.button:not([disabled]):not(.disabled).active {
  background-image: none;
}
button.button-primary, button.button__primary,
.button.button-primary,
.button.button__primary,
a.button.button-primary,
a.button.button__primary {
  background-color: var(--button-primary-bg);
  color: var(--button-primary-color);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
}
button.button-primary:hover, button.button__primary:hover,
.button.button-primary:hover,
.button.button__primary:hover,
a.button.button-primary:hover,
a.button.button__primary:hover {
  background-color: var(--button-primary-bg__hover);
}
button.button-primary .icon_16,
button.button-primary .icon__save, button.button__primary .icon_16,
button.button__primary .icon__save,
.button.button-primary .icon_16,
.button.button-primary .icon__save,
.button.button__primary .icon_16,
.button.button__primary .icon__save,
a.button.button-primary .icon_16,
a.button.button-primary .icon__save,
a.button.button__primary .icon_16,
a.button.button__primary .icon__save {
  opacity: 0.75;
}
button .icon__x_circle,
button .icon__download,
button .icon__plus_circle,
.button .icon__x_circle,
.button .icon__download,
.button .icon__plus_circle,
a.button .icon__x_circle,
a.button .icon__download,
a.button .icon__plus_circle {
  filter: var(--icon_reverse);
}
button.external:after,
.button.external:after,
a.button.external:after {
  content: " ";
  width: 8px;
  height: 8px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAASFBMVEUAAAAAff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff8Aff/wfAZ3AAAAF3RSTlMAAQYHDg8TFBgZISIuXGJ/hoiisr7OzzUMz3AAAAA3SURBVAgdBcGHAYAgDACwiAN3wcX/n5roppzT8dzqknMaWxPov/0S9O+KoGzDQIF54iwRUTsAfkwYAc3eG17ZAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -2px;
  line-height: 0;
  filter: brightness(4) saturate(0);
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.app_tree_button {
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  width: 80%;
  float: left;
}

.app_tree_name_edit {
  float: left;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 4px;
  width: 20%;
}

.button.button__small, .button.button-small,
button.button__small,
button.button-small {
  border-radius: 16px;
  padding: 0 1rem;
  font-size: 0.9rem;
  line-height: 2;
}
.button.button__small .icon, .button.button-small .icon,
button.button__small .icon,
button.button-small .icon {
  color: inherit;
  fill: currentColor;
  opacity: 0.75;
  margin: 0 4px 0 0;
}
.button.button__small .icon svg, .button.button-small .icon svg,
button.button__small .icon svg,
button.button-small .icon svg {
  vertical-align: top;
}
.button.button__small:hover .icon, .button.button-small:hover .icon,
button.button__small:hover .icon,
button.button-small:hover .icon {
  opacity: 1;
}

.icon_12 {
  width: 12px;
  height: 12px;
  position: relative;
  top: -2px;
}
.icon_12 svg {
  overflow: visible;
}

.icon_10 {
  width: 10px;
  height: 10px;
  position: relative;
  top: -1px;
}
.icon_10 svg {
  overflow: visible;
}

.button a {
  color: inherit;
}

button.button-reset {
  width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 8px;
  background-color: transparent;
  opacity: 0.5;
  box-shadow: none;
}
button.button-reset:hover {
  opacity: 1;
}
button.button-reset .icon {
  display: block;
  width: inherit;
  height: inherit;
  filter: var(--icon_reverse);
}

.button-version-version {
  font-size: 85%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.button-primary,
.button__primary {
  border: none;
}

.button .icon {
  filter: var(--icon_reverse);
}
.button .icon_9 {
  position: relative;
  top: -2px;
  right: -2px;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
html, body {
  height: 100%;
}

.authentication {
  background: hsl(0, 0%, 60%) radial-gradient(circle at center 30%, hsl(0, 0%, 60%) 0%, hsl(0, 0%, 40%) 49%, hsl(0, 0%, 20%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.authentication > .grid-container:first-child {
  min-height: 100%;
  margin-bottom: -70px;
}
.authentication .auth_panel {
  position: absolute;
  top: 12%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 30px 20px;
}
.authentication .auth_panel .alert {
  border: none;
}
.authentication .auth_panel .alert-info {
  background: #cbfcdd;
}
.authentication .auth_panel h3 {
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: normal;
  margin-bottom: 1em;
}
.authentication .auth_panel .form_field {
  margin-top: 0;
  margin-bottom: 0.25em;
}
.authentication .auth_panel .form_field input {
  background: #eee;
  border-color: #fff;
  color: hsl(0, 0%, 20%);
}
.authentication .auth_panel .form_field input::placeholder {
  color: hsl(0, 0%, 50%);
}
.authentication .auth_panel .form_field__prepend label {
  border-color: #fff;
  border-right: none;
  background: rgba(255, 255, 255, 0.5);
  color: hsl(0, 0%, 20%);
  order: 1;
}
.authentication .auth_panel .form_field__prepend input {
  border-left: none;
  order: 2;
}
.authentication .auth_panel .form_field__prepend input:valid {
  background: white;
}
.authentication .auth_panel .form_field__prepend input[required=required] {
  box-shadow: none !important;
}
.authentication .auth_panel .form_field small {
  width: 100%;
  display: block;
  color: white;
  order: 2;
}
.authentication .auth_panel .form_field__submit {
  margin-top: 1em;
}
.authentication .auth_panel .form_field__submit input[type=submit] {
  cursor: pointer;
  background: hsl(0, 0%, 20%);
  color: #fff;
  border: none;
}
.authentication .auth_panel .form_field__submit input[type=submit]:hover {
  background: hsl(0, 0%, 40%);
}
.authentication .auth_panel .auth-links {
  padding: 2em 2em 0;
  text-align: center;
}
.authentication .auth_panel .auth-links a {
  color: rgba(255, 255, 255, 0.65);
  margin: 0.25em;
  white-space: nowrap;
  font-size: 11px;
}
.authentication .auth_panel .auth-links a:hover {
  color: white;
}
.authentication > footer {
  width: 100%;
  min-height: 70px !important;
  height: 70px;
  vertical-align: middle;
  position: relative;
  margin-top: -70px;
  padding: 1.5em;
  background: none;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 10px;
  line-height: 1.5em;
  text-align: center;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.card {
  background-color: var(--card-bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.375rem;
  padding: 0;
}
.card > form > header,
.card > header {
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: 1px solid var(--card-header-border);
  background-color: var(--card-header-bg);
  margin: 0;
  padding: 0 1.5rem;
}
.card > form > header h1, .card > form > header h2, .card > form > header h3,
.card > header h1,
.card > header h2,
.card > header h3 {
  padding: 0.25em 0;
}
.card > form > header h4, .card > form > header h5, .card > form > header h6, .card > form > header p,
.card > header h4,
.card > header h5,
.card > header h6,
.card > header p {
  margin: 0;
}
.card > .body {
  border-radius: inherit;
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}
.card > footer {
  border-bottom: 1px solid var(--card-footer-border__dark);
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--card-footer-bg);
  margin: 0;
}
.card__inset {
  border: 1px solid #eee;
  border-radius: 0.375rem;
}
.card__inset > header {
  font-weight: bold;
  color: #777;
  padding: 0.25em 0;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
html {
  position: relative;
  height: 100%;
}

body {
  margin: 0;
  display: grid;
  grid-template-rows: 3rem auto 30px;
  min-height: 100%;
}
body > header {
  position: relative;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  margin-bottom: 0;
  background-color: var(--page-header-bg);
  border-bottom: 1px solid var(--page-header-border);
  user-select: none;
}
body > header > .menu-site {
  max-width: 1800px;
  height: inherit;
  margin: 0 auto;
}
body > header > .menu-site > * {
  margin-right: 0;
}
body > header > .menu-site > .navbar-brand {
  display: block;
  float: left;
}
body > header > .menu-site > nav {
  display: block;
  float: left;
}
body > header > .menu-site > nav.pull-right {
  float: right;
}
body > main {
  flex: 1 0 auto;
  z-index: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1800px;
  overflow-y: auto;
  margin: 0 auto 0 auto;
  padding: 0 1.5rem;
}
body > main > header {
  flex-basis: 80px;
  min-height: 80px;
}
body > main > article {
  flex: 1;
  display: flex;
  min-height: 200px;
  height: 100%;
}
body > footer {
  flex: 0;
  position: relative;
  width: 100%;
  padding: 0 1.5rem;
  font-size: 9px;
  text-align: left;
  background-color: var(--page-bg);
  color: var(--page-footer-color);
}
body > footer > section {
  display: inline-block;
  padding: 0.5em 0 0.5em 0;
}
body > footer a {
  color: inherit;
  text-decoration: underline;
}
body > footer a:hover {
  color: #7dc6ee;
}

body.footer__separator > footer {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075);
}

/* PAGE -> MAIN */
.main__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main__header > div {
  display: flex;
  align-items: center;
}
.main__header__notes {
  margin-left: auto;
}
.main__header__notes__trigger {
  display: inline-block;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  color: #ffc201;
  margin-right: 0;
}
.main__header__notes__trigger .icon {
  vertical-align: middle;
}

#modal_backdrop {
  background: rgba(0, 0, 0, 0.33);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}

.modal {
  position: absolute;
  z-index: 2001;
  display: grid;
  grid-template-rows: 36px auto 36px;
  width: 80%;
  top: 100px;
  left: 50%;
  margin-left: -40%;
  background: var(--modal-bg);
  border-radius: 3px;
  height: 470px;
  resize: both;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.75);
}
.modal .main {
  padding: 1.5rem;
  overflow-y: auto;
}
.modal header,
.modal footer,
.modal label {
  user-select: none;
}
.modal ul + p {
  margin: 0;
}
.modal > header {
  background: var(--modal-header-bg);
  padding: 0.25rem 0.25rem 0.25rem 1.5rem;
  border-radius: 3px 3px 0 0;
  line-height: 30px;
  height: 36px;
  font-weight: 600;
  border-top: 1px solid var(--modal-header-border__top);
  border-bottom: 1px solid var(--modal-header-border__bottom);
}
.modal > header .button-close {
  cursor: pointer;
  display: block;
  border: none;
  float: right;
  width: 16px;
  height: 16px;
  line-height: 16px;
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  opacity: 0.35;
  position: relative;
  top: 2px;
}
.modal > header .button-close:hover {
  opacity: 1;
}
.modal > header h3 {
  line-height: inherit;
  margin: 0;
}
.modal > header h3 > .icon {
  margin-right: 0.5rem;
  filter: var(--icon_reverse);
}
.modal > header h3 .button-close.icon {
  margin-right: 0;
}
.modal > footer {
  min-height: 24px;
}
.modal > footer .footer-inner {
  text-align: center;
}
.modal > footer .footer-inner button {
  vertical-align: middle;
}
.modal > footer .sizer {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWNgoCL4P3CKcGqgvaL/JCsiCgAAhZQO8ssJu7kAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: bottom right;
  cursor: nwse-resize;
}

.modal-backdrop,
.modal_resizing footer {
  user-select: none;
}

.modal_resizing footer .sizer {
  cursor: nwse-resize;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.progress-bars {
  width: 100%;
  display: table;
}
.progress-bars dl {
  display: table-row;
}
.progress-bars dt {
  display: table-cell;
  width: 12ex;
  text-align: left;
  padding-right: 4px;
}
.progress-bars dt span {
  font-size: 0.8em;
}
.progress-bars dd {
  display: table-cell;
}

.progress {
  position: relative;
  height: 1.5em;
  width: 100%;
  background-color: #eee;
}
.progress .progress-bar {
  position: relative;
  background-color: #41a89a;
  height: inherit;
  text-align: right;
}
.progress .progress-bar span {
  position: absolute;
  right: 4px;
  top: 2px;
  font-size: 0.8em;
  color: #fff;
}
.progress .progress-bar.low-percent span {
  margin-right: -1rem;
  color: #aaa;
}

/* VIEWS */
body.choose_account > header {
  border-bottom-color: transparent;
}
body.choose_account > main {
  grid-template-rows: 20px auto auto;
}
body.choose_account > main > header {
  display: none !important;
}

.account__name img {
  filter: drop-shadow(0 0 12px white);
}
.account__number {
  font-size: 0.75em;
  margin-left: 0.5em;
}

.choose_account__apps {
  padding: 2em;
  margin: 0.25em 0.5em 0.5em 0.25em;
}
.choose_account__apps:first-child {
  margin-top: 2em;
}
.choose_account .accounts__wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.choose_account .app_types__wrap {
  display: flex;
  flex-wrap: wrap;
}
.choose_account .app_type__group {
  margin-right: 10px;
}
.choose_account .app_type__group h4 {
  margin-top: 0.5em;
}
.choose_account__button {
  width: 220px;
  height: 54px;
  text-align: center;
  margin-bottom: 0.5em;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15));
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.choose_account__button > div:first-child {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.choose_account__button > div:last-child {
  font-weight: 300;
}
.choose_account__button .icon {
  margin-right: 5px;
  opacity: 0.85;
}
.choose_account__button.is_active {
  border: 4px solid green;
}
.choose_account__button:hover .icon {
  opacity: 1;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
article[class*=grid-].card {
  padding: 0;
  margin-right: 10px;
}

/**
 * LIST VIEW
 */
/* LIST/DETAIL VIEW */
.view__list_detail {
  position: relative;
  z-index: 0;
  display: flex;
  width: 100%;
  height: calc(100vh - 12rem);
  padding: 0 4px 4px 2px;
}

.view__list {
  flex: 1;
}

.view__detail {
  flex: 2;
  margin-left: 10px;
}

.main__header__actions {
  padding-left: 30px;
}
.main__header__actions #button__add_item {
  margin-right: 30px;
}
.main__header__actions #button__api_callback {
  margin-right: 30px;
}
.main__header__actions #button__trash_can {
  margin-right: 30px;
}

/* LIST VIEW */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__list {
  position: relative;
  display: grid;
  grid-template-rows: 8.25rem auto 2.25rem;
}
.view__list__search_enabled {
  grid-template-rows: 8.25rem auto;
}
.view__list__trash_enabled {
  grid-template-rows: auto 2.25rem;
}
.view__list__search_and_trash_enabled {
  grid-template-rows: 8.25rem auto 2.25rem;
}
.view__list > header, .view__list__header {
  position: relative;
  display: block;
  padding: 1rem 1rem 2rem 1rem;
  background-color: var(--card-header-bg);
  border-bottom: 1px solid var(--card-header-border__dark);
  text-shadow: none;
}
.view__list__main {
  position: relative;
  display: block;
  min-height: 200px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, var(--list-item-trash-stripe) 25%, var(--list-item-trash-stripe) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, var(--list-item-trash-stripe) 75%, var(--list-item-trash-stripe) 100%);
  background-size: 5.66px 5.66px;
}
.view__list__main__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.view__list > footer, .view__list__footer {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.25em 1em;
  text-align: right;
}

/* VIEW LIST: SEARCH */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
#search_wrap {
  width: 100%;
}

.view__list__search {
  width: 100%;
}
.view__list__search input[type=text] {
  border-radius: 14px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.view__list__search select {
  border-radius: 14px;
}
.view__list__search__summary {
  font-size: 85%;
  color: #888888;
}
.view__list__search .icon {
  filter: var(--icon_reverse);
}

.search__panel {
  position: relative;
  width: 100%;
}
.search__panel td {
  padding: 2px 0;
}
.search__panel input[type=text] {
  border-radius: 14px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.search__panel select {
  border-radius: 14px;
}
.search__panel .search__summary {
  max-width: 80%;
  display: inline-block;
  margin-left: 1rem;
  font-size: 85%;
  color: #888888;
}
.search__panel .icon {
  filter: var(--icon_reverse);
}

/* VIEW LIST: THUMBNAIL SIZER */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
#thumbnail_sizer_wrap,
.thumbnail-sizer-wrap {
  border-left: 1px solid #ffffff;
  height: 100%;
}

#thumbnail_sizer,
.thumbnail-sizer {
  margin: 8px 2px;
  width: 100%;
}

.tn-size-switch {
  background-color: lightgray;
  border-radius: 3px;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  width: 100%;
  padding: 0 8px;
  margin: 2px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: center;
  cursor: pointer;
}
.tn-size-switch:hover {
  background-color: #ececec;
}
.tn-size-switch.selected {
  background-color: #56d468;
}

/* VIEW LIST: TABLE */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__list__table {
  display: block;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  line-height: 1.2em;
}
.view__list__table__row {
  cursor: pointer;
  display: flex;
  width: 100%;
  max-width: 100%;
  color: var(--list-item-color);
  background-color: var(--list-item-bg);
  height: auto;
  min-height: 2rem;
  max-height: 8rem;
  border-bottom: 1px solid var(--list-item-border);
}
.view__list__table__row > span {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  height: inherit;
  padding: 0.5rem;
}
.view__list__table__row > span.level {
  padding: 0.5rem 0;
}
.view__list__table__row > span:first-child {
  padding-left: 1em;
}
.view__list__table__row > span:last-child {
  margin-left: auto;
  padding-right: 1em;
}
.view__list__table__row.no_media.selected, .view__list__table__row.no_media:hover {
  color: #146a99;
}
.view__list__table__row__status {
  width: 20px !important;
  min-width: 20px;
  padding-left: 4px;
}
.view__list__table__row__preview {
  padding: 0;
  width: 48px !important;
  min-width: 48px;
  height: 48px;
}
.view__list__table__row__preview__img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 90%;
  margin: 0;
  padding: 0;
}
.view__list__table__row__preview__img__wrap.is_thumbnail {
  text-align: right;
  position: relative;
}
.view__list__table__row__preview__img__wrap.is_thumbnail > img {
  border: 0.5px solid #fff;
  box-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.5);
}
.view__list__table__row__preview__img__wrap.is_thumbnail.is_missing_file:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  background: url("/s/icons/svg/icon__missing.svg");
  background-size: cover;
}
.view__list__table__row__preview__img__wrap.is_thumbnail.has_file.is_pdf:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  background: url("/s/icons/svg/dz_icon__pdf.svg");
  background-size: cover;
}
.view__list__table__row__preview__img__wrap.is_thumbnail.has_file.is_video:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 24px;
  height: 24px;
  background: url("/s/icons/svg/icon__movie_color.svg");
  background-size: cover;
}
.view__list__table__row__preview__img__wrap.is_thumbnail.has_file.is_virtual3d:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 28px;
  height: 28px;
  background: url("/s/icons/svg/icon__virtual3d_color_2.svg");
  background-size: cover;
}
.view__list__table__row__name {
  min-width: 50%;
  width: auto;
  max-width: 75%;
  line-height: 1.5;
  overflow-x: hidden;
  padding-left: 8px;
}
.view__list__table__row__name_title {
  display: block;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.view__list__table__row__name small {
  display: block;
  color: #999;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.view__list__table__row__type {
  text-align: right;
  font-size: 80%;
  line-height: 1.1rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  color: #aaa;
  text-transform: uppercase;
}
.view__list__table__row:hover {
  background-color: #61affb;
  opacity: 1 !important;
  color: #fff;
}
.view__list__table__row:hover .view__list__table__row__name small {
  color: inherit;
}
.view__list__table__row.selected {
  background-color: rgb(19, 124, 227);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.view__list__table__row.selected:hover {
  background-color: rgb(19, 124, 227);
  opacity: 1 !important;
}
.view__list__table__row.is_trash {
  position: relative;
  background-color: var(--list-item-trash-bg);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, var(--list-item-trash-stripe) 25%, var(--list-item-trash-stripe) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, var(--list-item-trash-stripe) 75%, var(--list-item-trash-stripe) 100%);
  background-size: 5.66px 5.66px;
}
.view__list__table__row.is_trash .list_table__row__status {
  text-align: center;
}
.view__list__table__row.is_trash .list_table__row__status__icon {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-4%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M28%2052h-4V22h4v30zm10-30h-4v30h4V22zm-20%200h-4v30h4V22zm34-8c0%201.1-.9%202-2%202h-2v38c0%205.5-4.5%2010-10%2010H14C8.5%2064%204%2059.5%204%2054V16H2c-1.1%200-2-.9-2-2s.9-2%202-2h9.8l4.3-10.7C16.4.5%2017.2%200%2018%200h16c.8%200%201.6.5%201.9%201.3L40.2%2012H50c1.1%200%202%20.9%202%202zm-35.8-2h19.7l-3.2-8H19.4l-3.2%208zM44%2016H8v38c0%203.3%202.7%206%206%206h24c3.3%200%206-2.7%206-6V16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  opacity: 0.25;
}
.view__list__table__row.is_trash:hover {
  background-size: 5.66px 5.66px;
  color: #fff !important;
  fill: #fff;
}
.view__list__table__row.is_trash.selected {
  background-size: 5.66px 5.66px;
  opacity: 1 !important;
  color: #fff;
  fill: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.view__list__table__row.is_trash.selected:hover {
  background-image: linear-gradient(135deg, #6180ad 25%, #6d92c1 25%, #6d92c1 50%, #6180ad 50%, #6180ad 75%, #6d92c1 75%, #6d92c1 100%);
  background-size: 5.66px 5.66px;
}
.view__list__table__row.in-progress .view__list__table__row__name small {
  color: inherit;
}
.view__list__table__row.in-progress.no_media {
  color: #1984bf;
}
.view__list__table__row.approved {
  background-color: var(--list-item-approved-bg);
}
.view__list__table__row.approved .view__list__table__row__name small {
  color: inherit;
}
.view__list__table__row.approved:hover {
  background-color: var(--list-item-approved-bg__hover);
  color: #fff;
}
.view__list__table__row.approved.selected {
  background-color: var(--list-item-approved-bg__selected);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.view__list__table__row.approved.selected:hover {
  background-color: var(--list-item-approved-bg__selected);
}
.view__list__table__row.approved.no_media {
  color: #1984bf;
}
.view__list__table__row.approved.no_media.selected, .view__list__table__row.approved.no_media:hover {
  color: #146a99;
}
.view__list__table__row.warning {
  background-color: var(--list-item-trash-bg);
}
.view__list__table__row.warning:hover {
  background-color: #aea5c4;
  color: #fff;
}
.view__list__table__row.warning.selected {
  background-color: var(--list-item-warning__selected);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.view__list__table__row.warning.selected .view__list__table__row__name small {
  color: inherit;
}
.view__list__table__row.warning.selected:hover {
  background-color: #6c5c92;
}
.view__list__table__row.not_publish.selected {
  color: #fff;
}
.view__list__table__row.not_publish.is_trash > span {
  opacity: 0.5;
}
.view__list__table__row.not_publish.is_trash.selected {
  color: #fff;
}
.view__list__table.hide_trash .is_trash {
  display: none;
}
.view__list__table.show_only_trash .not_trash {
  display: none;
}
.view__list__table__column__id {
  font-size: 0.8em;
  color: #888;
}
.view__list__table__column__publish {
  width: 24px;
  text-align: center;
}
.view__list__table__column__thumb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.view__list__table__column__name {
  flex: 1;
  overflow-x: hidden;
}
.view__list__table__column__language {
  padding-top: 0.75em !important;
  padding-right: 0 !important;
  max-width: 50px;
}
.view__list__table__column__icon {
  padding-right: 0.5em !important;
}
.view__list__table__column__format {
  color: #aaa;
  font-size: 80%;
}
.view__list__table__column__trash {
  width: 24px;
  text-align: center;
}
.view__list__table__column__trash svg {
  fill: #bfaaa4;
}
.view__list__table__row.selected .view__list__table__column__id, .view__list__table__row:hover .view__list__table__column__id {
  color: #fff;
}

#media_list_wrap .view__list__table__row {
  height: 3.5rem;
}

#icons_list_wrap .list-item-img {
  filter: var(--icon_reverse);
  opacity: 0.65;
}

.list-item-img[data-type=svg] {
  filter: invert(65%) !important;
}

.view__list__table__row:hover .list-item-img[data-type=svg] {
  filter: invert(100%) !important;
}

.list-item-img,
.img_48 .list-item-img {
  width: 48px;
  height: 48px;
}

.img_36 .list-item-img {
  width: 36px;
  height: 36px;
}

.img_72 .list-item-img {
  width: 72px;
  height: 72px;
}

.img_96 .list-item-img {
  width: 96px;
  height: 96px;
}

.list-item.node_type__is_reference .item-name {
  color: #8c49cc;
}
.list-item.node_type__is_reference .reference_indicator {
  margin: 0 8px;
  opacity: 0.5;
}

/* VIEW LIST: TRASH */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
#trash_menu {
  float: right;
  margin-bottom: 0;
}

.view__list__trash {
  float: right;
  margin-bottom: 0;
}

/* DETAIL VIEW */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail {
  position: relative;
  min-height: 200px;
}
.view__detail .search_prompt {
  opacity: 0.75;
  font-style: italic;
  margin: 2rem;
}
.view__detail .search_prompt .search_special {
  cursor: pointer;
  font-style: normal;
  color: var(--link-color);
  margin: 4px 0;
  text-decoration: underline;
}
.view__detail__details {
  display: grid;
  grid-template-rows: 3rem 1fr 2.25rem;
  height: 100%;
}
.view__detail > header, .view__detail__header {
  margin: 0;
  padding: 0 1.5rem;
  border-bottom: 1px solid var(--card-header-border);
  background: var(--card-header-bg);
  border-radius: 0.375rem 0.375rem 0 0;
  grid-row: 1;
}
.view__detail__main {
  grid-row: 2;
  min-height: 300px;
  overflow-y: auto;
}
.view__detail__main > tr > th,
.view__detail__main > tr td table > tr > th {
  padding-left: 1rem;
  padding-right: 1.5rem;
  width: 75px;
  font-weight: 600;
  color: #aaa;
  font-size: 0.85rem;
  text-align: right;
}
.view__detail__main > tr > th:after,
.view__detail__main > tr td table > tr > th:after {
  content: ": ";
  display: inline;
}
.view__detail__main > tr > td:last-child {
  padding-right: 1.5rem;
}
.view__detail__main .label {
  font-weight: 600;
  color: #aaa;
  font-size: 0.85rem;
}
.view__detail__main a {
  color: var(--link-color);
}

.language__section {
  display: flex;
}
.language__section > label {
  font-size: 80%;
  font-style: italic;
  flex-basis: 60px;
  width: 60px;
}
.language__section > div {
  flex: 1;
}
.language__section p:last-child {
  margin-bottom: 0;
}

.field__row,
.field__keywords,
.field__notes {
  display: flex;
}
.field__row > label,
.field__keywords > label,
.field__notes > label {
  width: 80px;
  text-align: left;
}
.field__row > div,
.field__keywords > div,
.field__notes > div {
  flex: 1;
}

.field__name > div {
  font-weight: bold;
}

.view__detail__main__panel__section {
  border-bottom: 1px solid var(--section-border);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.view__detail__main__panel__section > label {
  width: 80px;
  font-size: 80%;
  color: #aaa;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}
.view__detail__main__panel__section > label:after {
  content: ": ";
}
.view__detail__main__panel__row {
  display: flex;
}
.view__detail__main__table {
  display: table;
  width: calc(100% - 3rem);
  margin: 1.5rem;
}
.view__detail__main__tabs {
  width: calc(100% - 3rem);
  margin: 1.5rem;
}
.view__detail__main__row {
  display: table-row;
}
.view__detail__main__row > label,
.view__detail__main__row > div {
  display: table-cell;
  border-bottom: 1px solid var(--section-border);
}
.view__detail__main__row > label {
  width: 80px;
  padding: 0.5rem 2rem 0.5rem 0;
  font-size: 80%;
  color: #aaa;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
}
.view__detail__main__row > label:after {
  content: ": ";
}
.view__detail__main__row .detail_view__multi_item label {
  padding-right: 1em;
  font-style: italic;
  font-size: 80%;
  text-transform: capitalize;
}
.view__detail__main__row .detail_view__multi_item label:after {
  content: ": ";
}
.view__detail__main__row > div {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
.view__detail__main__row.field__url a, .view__detail__main__row.field__url_mm a, .view__detail__main__row.field__url_emd a, .view__detail__main__row.field__url_sigma a {
  font-size: 90%;
}
.view__detail__main .language {
  position: relative;
}
.view__detail__main .language > .flag__circle {
  position: absolute;
  left: -20px;
  top: 2px;
}

.show_tabs .view__detail__main__table .view__detail__main__row:last-child {
  border-bottom: none;
}
.show_tabs .view__detail__main__table .view__detail__main__row:last-child > label,
.show_tabs .view__detail__main__table .view__detail__main__row:last-child > div {
  border-bottom: none;
}
.show_tabs .view__detail__main__panel__section {
  padding-top: 1em;
}
.show_tabs .view__detail__main__panel__section:last-child {
  border-bottom: none;
}

#ibrowse {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  width: 153.846%;
  height: 340px;
  background: #f9f9f9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transform: scale(0.65);
  transform-origin: 0 0;
}

.ibrowse-row-wrap {
  position: relative;
  height: 220px !important;
  max-height: 400px !important;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  background: #f6f6f6;
  padding-bottom: 1em;
}

.image_preview__wrap[data-type=svg] {
  position: relative;
  width: 512px;
  height: 512px;
  background: #FFF;
  border-radius: 8px;
}
.image_preview__wrap[data-type=svg]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background-size: 8px 512px;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, rgba(0, 100, 200, 0.1) 1px, transparent 1px, transparent);
  background-position: left 0, top 0;
}
.image_preview__wrap[data-type=svg]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  background-size: 512px 8px;
  background-repeat: repeat-y;
  background-image: linear-gradient(to bottom, rgba(0, 100, 200, 0.1) 1px, transparent 1px, transparent);
}
.image_preview__wrap[data-type=svg] img {
  position: absolute;
  top: 0;
  left: 0;
  width: 512px;
  max-width: 512px !important;
}

/* DETAIL VIEW */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail__header {
  line-height: 3rem;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.view__detail__header__id {
  display: flex;
  flex: 3;
  white-space: nowrap;
  overflow-x: hidden;
  margin-right: 10px;
}
.view__detail__header__id > span {
  margin-right: 8px;
  font-size: 80%;
}
.view__detail__header__id__name {
  max-width: 240px;
  overflow-x: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}
.view__detail__header__buttons {
  text-align: right;
}
.view__detail__header > small,
.view__detail__header > div {
  display: block;
  vertical-align: middle;
}
.view__detail__header > small button,
.view__detail__header > div button {
  margin-top: 0;
}

/* DETAIL VIEW:  STATUS ROW */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail__status {
  display: table;
  width: 100%;
  padding: 0;
  background-color: var(--card-header-bg);
  font-size: 11px;
}
.view__detail__status > div {
  display: table-cell;
  padding: 0.5rem 1rem;
  border-right: 1px solid var(--card-header-border);
  border-left: 1px solid var(--card-bg);
}
.view__detail__status > div:first-child {
  border-left: none;
}
.view__detail__status > div:last-child {
  border-right: none;
}
.view__detail__status.warning {
  background-color: var(--list-item-warning__selected);
}
.view__detail__status.approved {
  background-color: var(--list-item-approved-bg__selected);
}
.view__detail__status__warning {
  background: #d46d71;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
  border-radius: 50%;
}
.view__detail__status__in-progress {
  background: #ffc201;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
  border-radius: 50%;
}
.view__detail__status__approved {
  background: #80df8e;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
  border-radius: 50%;
}
.view__detail__status .radio-item {
  white-space: nowrap;
}
.view__detail__status__progress {
  text-transform: capitalize;
}
.view__detail__status__publish .icon {
  margin-right: 4px;
}
.view__detail__status__language {
  white-space: nowrap;
}
.view__detail__status__languages .button__pencil_edit {
  opacity: 0.25;
  transition: opacity 250ms;
}
.view__detail__status__languages:hover .button__pencil_edit {
  opacity: 1;
}

.details_table .media-status-wrap {
  margin: 0;
  width: 100%;
}

#video_details_table .tabs__nav {
  text-align: center;
}
#video_details_table .tabs__nav > li {
  display: inline-block;
  float: none;
  top: 0;
}

.media_languages .button__pencil_edit {
  opacity: 0.25;
  transition: opacity 250ms;
}
.media_languages:hover .button__pencil_edit {
  opacity: 1;
}

.media-status-wrap__OLD {
  display: table;
  width: 100%;
  padding: 0;
  background-color: #f6f6f6;
  font-size: 11px;
}
.media-status-wrap__OLD > div {
  display: table-cell;
  padding: 0.5rem 1rem;
  border-right: 1px solid #ddd;
  border-left: 1px solid #fff;
}
.media-status-wrap__OLD > div:first-child {
  border-left: none;
}
.media-status-wrap__OLD > div:last-child {
  border-right: none;
}

/* DETAIL VIEW: IS TRASH */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail__details.is_trash .view__detail__status,
.view__detail__details.is_trash .media-status-wrap {
  background-color: var(--list-item-warning__selected);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, var(--list-item-trash-stripe) 25%, var(--list-item-trash-stripe) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, var(--list-item-trash-stripe) 75%, var(--list-item-trash-stripe) 100%);
  background-size: 5.66px 5.66px;
}
.view__detail__details.is_trash .view__detail__status > div,
.view__detail__details.is_trash .media-status-wrap > div {
  opacity: 0.5;
}
.view__detail__details.is_trash .view__detail__status > div:last-child,
.view__detail__details.is_trash .media-status-wrap > div:last-child {
  opacity: 1;
  font-weight: bold;
  text-align: center;
}

/* DETAIL VIEW: FOOTER */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail__footer {
  grid-row: 3;
  background: var(--card-header-bg);
  padding: 0 20px;
  line-height: 2.25rem;
  border-bottom: 1px solid var(--card-header-border__dark);
  border-radius: 0 0 0.375rem 0.375rem;
}
.view__detail__footer__history {
  color: #777;
}
.view__detail__footer__history > span:after {
  content: " : ";
}
.view__detail__footer__history > span:last-child:after {
  content: "";
}

/* DETAIL VIEW: MEDIA */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.media__category {
  position: relative;
  top: 24px;
  line-height: 12px;
  color: #888888;
  text-align: center;
  font-style: italic;
}
.media__name {
  font-size: 2em;
  text-align: center;
  margin: 40px 40px 30px 40px;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.media_details__preview_row {
  width: 520px;
  margin: 20px auto;
}
.media_details__preview_row:after {
  content: "";
  display: table;
  clear: both;
}
.media__file {
  position: relative;
  margin: 10px auto;
  width: 100%;
  height: 0;
  text-align: center;
  padding-bottom: 56.25%;
  background-color: #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.media__file__pdf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99.25%;
  min-height: 270px;
  border-width: 0;
}
.media__file_wrap {
  margin: 20px auto;
  width: 480px;
}
.media__file__missing {
  padding-top: 15%;
  text-align: center;
  color: #cc0000;
  font-size: 11px;
  font-style: italic;
}
.media__poster {
  margin: 10px auto;
  width: 100%;
  height: 0;
  text-align: center;
  padding-bottom: 56.25%;
  background-color: #eeeeee;
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.media__poster_wrap {
  margin: 0 10px;
  width: 360px;
  display: inline-block;
}
.media__poster__missing {
  padding-top: 15%;
  text-align: center;
  color: #cc0000;
  font-size: 11px;
  font-style: italic;
}
.media__thumbnail {
  margin: 10px auto;
  width: 100%;
  height: 0;
  text-align: center;
  padding-bottom: 56.25%;
  background-color: #eeeeee;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.media__thumbnail_wrap {
  margin: 0 10px;
  width: 120px;
  display: inline-block;
}
.media__thumbnail__missing {
  padding-top: 4%;
  text-align: center;
  color: #cc0000;
  font-size: 11px;
  font-style: italic;
}
.media__file__details, .media__poster__details, .media__thumbnail__details {
  position: relative;
  display: inline-block;
  font-size: 9px;
  line-height: 1.5;
  color: #bbb;
  margin-bottom: 2px;
}
.media__has_info {
  cursor: pointer;
}
.media__has_info .media__details__popup {
  z-index: 1000;
  position: absolute;
  top: 100%;
  margin-top: 1em;
  width: 300px;
  margin-left: -120px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  color: #fff;
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.25);
  padding: 1.5em;
  display: none;
}
.media__has_info .icon {
  opacity: 0.33;
}
.media__has_info:hover .icon {
  opacity: 0.8;
}
.media__has_info:hover .media__details__popup {
  display: block;
}
.media__has_info:hover .media__details__popup:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.65) transparent;
}

.video__processing__wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  background: #333;
  color: #eee;
}
.video__processing__inner {
  position: absolute;
  width: 100%;
  height: 50%;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -40px;
}
.video__progress_bar {
  position: relative;
  display: block;
  margin: 20px auto;
  width: 300px;
  height: 18px;
  background: #0f6388;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  overflow: hidden;
}
.video__progress_bar__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35%;
  height: 100%;
  border-radius: 3px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.25);
  background: #0e90d2;
  background: linear-gradient(to bottom, #0e90d2 0%, #51a6db 10%, #0e90d2 90%, #0e86c7 100%);
}

/* FORM VIEW */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.view__detail > form {
  display: grid;
  grid-template-rows: 3rem auto 2.25rem;
  height: 100%;
}
.view__detail .view__detail__form__main,
.view__detail .view__detail__form__tabs {
  padding: 1rem;
}
.view__detail .multilang_wrap {
  border-bottom: 1px solid var(--section-border);
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.view__detail .multilang_wrap:last-child {
  border-bottom: none;
}
.view__detail .multilang_wrap > label {
  font-size: 80%;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
}
.view__detail .multilang_wrap .form_field__wrap > label {
  font-style: italic;
  font-weight: normal;
  color: #aaa;
  text-transform: none;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
body.apps_page > main .icon:not(.icon__mf_app) {
  filter: var(--icon_reverse);
}
body.apps_page .app__identity .icon.icon__app_web {
  opacity: 0.5;
}
body.apps_page .card.details-wrap {
  min-height: initial;
}
body.apps_page .card.details-wrap .main {
  padding: 1rem 0;
  overflow-y: auto;
}
body.apps_page .tabs__nav {
  display: none;
}
body.apps_page .tab__panes {
  min-height: 400px;
}
body.apps_page .tab__panes .tab__pane {
  display: block;
  padding-top: 20px;
}
body.apps_page .tab__panes .tab__pane panel-title {
  margin-bottom: 1em;
}
body.apps_page .tab__panes .tab__pane panel-title,
body.apps_page .tab__panes .tab__pane label {
  display: block;
  font-weight: 600;
  color: #aaa;
  font-size: 0.85rem;
}
body.apps_page .tab__panes .tab__pane > div label {
  text-transform: none;
  font-style: italic;
  font-weight: normal;
  padding-right: 1em;
}
body.apps_page .tab__panes .tab__pane > div label:after {
  content: ": ";
}
body.apps_page .versions-wrap {
  max-width: 400px;
  padding: 0.5rem;
}
body.apps_page .version_table th {
  font-weight: 600;
  color: #aaa;
  font-size: 0.85rem;
  text-align: right;
}
body.apps_page .version_table th:after {
  content: ":";
  display: inline;
}
body.apps_page .version_table__notes td {
  font-size: 0.9em;
}
body.apps_page .smaller {
  font-size: 90%;
}
body.apps_page .smaller-80 {
  font-size: 80%;
}

.error-field {
  color: #c53c41;
  margin: 0 1rem;
}

.button-smaller {
  border-radius: 16px;
  padding: 0.1rem 0.7rem;
  font-size: 0.8rem;
}
.button-smaller .icon {
  color: #B3B3B3;
  fill: #B3B3B3;
}

.button-tiny {
  border-radius: 16px;
  padding: 0 0.7rem !important;
  font-size: 0.75rem !important;
}
.button-tiny .icon_16 {
  /* make smaller */
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  color: #000000;
  fill: #000000;
  opacity: 0.5;
}
.button-tiny:hover .icon_16 {
  opacity: 1;
}

.button-pencil-edit .icon,
.button-edit-version .icon {
  cursor: pointer;
  opacity: 0.25;
}

.button-pencil-edit:hover .icon,
.button-edit-version:hover .icon {
  opacity: 1;
}

.tree__card.active,
.versions-wrap.active {
  background: var(--card-bg__light);
}
.tree__card .checkbox-wrap,
.versions-wrap .checkbox-wrap {
  display: inline-block;
  width: 14px;
  height: 14px;
}
.tree__card input[type=checkbox],
.tree__card input[type=radio],
.versions-wrap input[type=checkbox],
.versions-wrap input[type=radio] {
  margin: 0 !important;
  width: 12px;
  height: 12px;
  vertical-align: text-bottom;
}
.tree__card input[type=checkbox],
.versions-wrap input[type=checkbox] {
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M54%2056H2c-1.1%200-2-.9-2-2V2C0%20.9.9%200%202%200h52c1.1%200%202%20.9%202%202v52c0%201.1-.9%202-2%202zM4%2052h48V4H4v48z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.33;
  cursor: pointer;
}
.tree__card input[type=checkbox]:hover,
.versions-wrap input[type=checkbox]:hover {
  opacity: 0.85;
}
.tree__card input[type=checkbox]:checked,
.versions-wrap input[type=checkbox]:checked {
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20fill%3D%22green%22%20d%3D%22M54%2056H2c-1.1%200-2-.9-2-2V2C0%20.9.9%200%202%200h52c1.1%200%202%20.9%202%202v52c0%201.1-.9%202-2%202zM4%2052h48V4H4v48zm19.77-10.23l24-24c.98-.98.98-2.56%200-3.54s-2.56-.98-3.54%200L22%2036.46l-8.23-8.23c-.98-.98-2.56-.98-3.54%200s-.98%202.56%200%203.54l10%2010c.49.49%201.13.73%201.77.73s1.28-.24%201.77-.73z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}
.tree__card form table,
.versions-wrap form table {
  padding: 4px 6px;
}
.tree__card form td,
.versions-wrap form td {
  padding: 0.5em 0;
}
.tree__card form td:first-child,
.versions-wrap form td:first-child {
  width: 24px;
}
.tree__card form .button-100,
.versions-wrap form .button-100 {
  opacity: 0.65;
}
.tree__card form tr.active .button-100,
.versions-wrap form tr.active .button-100 {
  opacity: 1;
}
.tree__card form.tree-wrap-form td,
.versions-wrap form.tree-wrap-form td {
  vertical-align: middle;
  padding: 0 !important;
}

.form-header {
  padding: 0 1rem;
}

.form-body {
  padding: 4px 1rem;
}

form.form-tree-add {
  margin-top: 16px;
  box-shadow: none;
}
form.form-tree-add:after {
  content: "";
  clear: both;
  display: table;
}
form .form-field-wrap {
  padding: 10px 0;
}
form#form_edit_tree_name input {
  font-size: 0.9rem;
}

.version_table .button-small {
  padding: 0.1rem 1rem !important;
}

.button-100 {
  width: 100%;
}

.button__24 {
  height: 24px;
  width: 24px;
  border-radius: 12px;
  border-left: 1px solid #fff;
  padding: 0 4px;
}
.button__24 .icon {
  opacity: 0.5;
}
.button__24:hover .icon {
  opacity: 1;
}

.version_table {
  font-size: 11px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.version_table > tr:first-child td {
  padding: 0.2rem 1rem;
  background-color: var(--card-header-bg);
}
.version_table > tr:first-child td .checkbox-wrap {
  vertical-align: text-bottom;
  margin-right: 0.5rem;
}
.version_table .button-100 {
  margin: 4px 0;
  text-align: left;
}
.version_table .button-100.new {
  box-shadow: 0 0 0 2px rgba(2, 140, 255, 0.24);
}
.version_table .button-100 span:first-child {
  float: left;
}
.version_table .button-100 span:last-child {
  float: right;
}

.checkboxes_row input {
  float: left;
  width: 24px;
}
.checkboxes_row label {
  text-transform: none;
  font-size: 11px;
  margin-left: 24px;
  display: block;
  font-weight: normal;
}

.app__language_section {
  margin-bottom: 16px;
  padding: 10px;
}
.app__language_section > label {
  margin-bottom: 1em;
}

body.apps_page {
  /* -------- */
  /* ------------- */
}
body.apps_page .circle-12 {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  line-height: 12px;
  text-align: center;
  font-size: 7px;
  display: inline-block;
  background-color: #3392e3;
  color: #fff;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
body.apps_page .circle-en {
  /* english */
  background-color: #4472b6;
  color: #fff;
}
body.apps_page .circle-es {
  /* spanish */
  background-color: #e1a543;
  color: #fff;
}
body.apps_page .circle-zh {
  /* chinese */
  background-color: #d6837d;
  color: #fff;
}
body.apps_page .notes.small {
  font-size: 85%;
  line-height: 1.5em;
  font-style: italic;
}
body.apps_page .notes {
  padding-top: 1em;
  color: #999;
}
body.apps_page .notes.small p {
  margin-bottom: 3px;
}
body.apps_page .notes.small ol,
body.apps_page .notes.small ul {
  padding: 0 0 0 1.5em;
}
body.apps_page #notes_wrap p, body.apps_page #notes_wrap ol, body.apps_page #notes_wrap ul, body.apps_page #notes_wrap dl {
  margin-bottom: 0.5em;
}
body.apps_page .form-link-block {
  border: 1px dotted #ccc;
  padding: 6px;
  margin: 8px 0;
  display: block;
}
body.apps_page .form-link-block label {
  width: 60px;
  padding-right: 1em;
  text-align: right;
}
body.apps_page .form-link-block input[type=text] {
  width: 250px;
}
body.apps_page .grid-container.has-no-versions > .grid-66,
body.apps_page .grid-container.has-no-versions > .laptop-grid-66,
body.apps_page .grid-container.has-no-versions > .tablet-grid-66,
body.apps_page .grid-container.has-no-versions > .mobile-grid-66 {
  width: 100%;
}
body.apps_page .grid-container.has-no-versions > .grid-33,
body.apps_page .grid-container.has-no-versions > .laptop-grid-33,
body.apps_page .grid-container.has-no-versions > .tablet-grid-33,
body.apps_page .grid-container.has-no-versions > .mobile-grid-33 {
  width: 100%;
}
body.apps_page .grid-container.has-no-versions #data_versions_outer_wrap .card .main {
  display: none;
}
body.apps_page .grid-container.has-no-versions #data_versions_outer_wrap .card header {
  border-radius: 0.375rem;
}
body.apps_page .grid-container.has-no-versions #data_versions_outer_wrap .card header a {
  display: none;
}
body.apps_page #markdown__notes .textarea-wrap {
  min-height: 200px;
}

@media (max-width: 767px) {
  body.apps_page .app-extras-wrap > div {
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #ddd;
  }
  body.apps_page .app-extras-wrap > div:last-child {
    border-bottom: none;
  }
}
@media (min-width: 900px) {
  body.apps_page .tabs__nav {
    display: block;
  }
  body.apps_page .tab__panes .tab__pane {
    display: none;
  }
  body.apps_page .tab__panes .tab__pane.active {
    display: block;
  }
}
body.apps_page > main > article {
  display: flex;
  flex-direction: column;
}
body.apps_page > main > article > section {
  margin-bottom: 20px;
}
.app__cards__wrap {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;
}
.app__cards__wrap > .column:first-child {
  flex: 2;
  padding-right: 10px;
}
.app__cards__wrap > .column:last-child {
  flex: 1;
  min-width: 360px;
}
.app__cards__wrap .card {
  position: relative;
  height: 100%;
}

.tree__card {
  display: flex;
  font-size: 0.9rem;
  margin: 0.25rem 0;
  padding: 0;
}
.tree__card.hidden {
  opacity: 0.5;
}
.tree__card__checkbox__wrap {
  margin-right: 0.5rem;
}
.tree__card__active_status {
  flex: 0;
  max-width: 30px;
  min-width: 30px;
  text-align: center;
  padding: 0.2rem;
}
.tree__card__wrap {
  flex: 1;
  cursor: pointer;
  background: var(--card-bg__light);
  border: 0.5px solid var(--card-border);
  border-radius: 4px;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.tree__card.is_new {
  background-color: var(--color-primary);
}
.tree__card.active .tree__card__wrap {
  background: var(--card-bg__lighter);
}
.tree__card.readonly .tree__card__name a:after {
  content: "Read only";
  font-size: 9px;
  font-style: italic;
  margin-left: 1em;
  white-space: nowrap;
  color: var(--color-warning);
  opacity: 0.5;
}
.tree__card__name_wrap {
  display: flex;
}
.tree__card__name {
  flex: 1;
}
.tree__card__toggle, .tree__card__edit {
  flex: 0;
  max-width: 24px;
  min-width: 24px;
  text-align: center;
  opacity: 0.2;
}
.tree__card__toggle:hover, .tree__card__edit:hover {
  opacity: 1;
}

.tree__card__details {
  display: none;
  opacity: 0.75;
  padding: 0.5rem 1rem 0.75rem 1rem;
  font-size: 0.9em;
}

.tree__card.visible .tree__card__details {
  display: block;
}
.tree__card.visible .tree__card__toggle {
  opacity: 1;
}

.tree__name {
  font-size: 1rem;
  padding: 0.2rem 0 0.1rem 1rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.tree__note {
  padding-top: 0.5rem;
  border-top: 0.5px solid var(--card-border);
}

.tree__readonly {
  color: var(--color-warning);
}

.tree__history {
  display: flex;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  border-top: 0.5px solid var(--card-border);
  opacity: 0.7;
}
.tree__history > div {
  padding: 0 0.75em;
  border-right: 1px solid var(--card-border);
}
.tree__history > div:first-child {
  padding-left: 0;
}
.tree__history > div:last-child {
  border-right: none;
}

.tree__form {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 30px;
  background: var(--card-bg__light);
  border: 1px solid var(--card-border);
  border-radius: 4px;
  padding: 0.5rem;
}

.tree__form__header {
  display: flex;
  width: 100%;
  background: var(--card-header-bg);
  border-bottom: 1px solid var(--card-header-border__dark);
  padding: 4px;
}
.tree__form__header__id:before {
  content: "#";
}
.tree__form__header__buttons button {
  font-size: 0.8rem;
  padding: 0 0.75rem;
  border-radius: 1rem;
}
.tree__form__header div:first-child {
  flex: 2;
  opacity: 0.5;
  padding: 0 0.5rem;
  font-size: 0.9em;
}
.tree__form__header div:last-child {
  flex: 1;
  white-space: nowrap;
}
.tree__form__readonly {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tree__form .tree__form__message {
  background: var(--color-success);
  padding: 0 1rem;
  line-height: 2rem;
  color: white;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 400ms, height 400ms;
  border-radius: 3px;
}
.tree__form .tree__form__message.show {
  opacity: 1;
  height: 2rem;
}
.tree__form .tree__form__message.error {
  background: var(--color-danger);
}
.tree__form input[type=text] {
  line-height: 1;
}
.tree__form input[type=text],
.tree__form textarea {
  border-radius: 3px;
  border: 1px solid var(--card-border);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25);
  padding: 0.5rem;
}

.app__summary {
  display: flex;
  justify-content: space-between;
}
.app__summary__extras {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app__summary__extras > div {
  display: flex;
  flex-direction: row;
  border-bottom: 1px dotted #ccc;
  padding: 4px 0;
}
.app__summary__extras > div > *:first-child {
  flex: 1;
}
.app__summary__extras > div > *:last-child {
  flex: 2;
}
.app__summary__extras > div:last-child {
  border-bottom: none;
}

@media screen and (min-width: 840px) {
  .app__summary {
    display: flex;
    justify-content: space-between;
  }
  .app__summary__extras {
    flex-basis: 60%;
    max-width: 680px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .app__summary__extras > div {
    display: block;
    border-bottom: none;
    padding-right: 1em;
  }
  .app__summary__extras > div:last-child {
    padding-right: 0;
  }
}
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
#collections_page {
  /* --------------------------- */
}
#collections_page .search-panel td {
  padding: 4px 1px;
}
#collections_page #collection_detail_wrap {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#collections_page #products_list {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#collections_page .list-table {
  cursor: pointer;
}
#collections_page .list-table .selected {
  background-color: var(--color-primary);
}
#collections_page .list-wrap {
  position: relative;
  margin-right: 1em;
}
#collections_page .list-wrap .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 34px;
  border-radius: 0 0 6px 6px;
  background-color: var(--card-footer-bg);
  border-bottom: 1px solid var(--card-footer-border__dark);
  padding: 0 1em;
}
#collections_page .list-wrap .footer:after {
  content: " ";
  display: table;
  clear: both;
}
#collections_page .list-wrap .footer #trash_menu {
  position: relative;
  top: 3px;
  float: right;
}
#collections_page .list-wrap .footer #trash_menu > li.has_children {
  text-align: right;
}
#collections_page .list-wrap .footer #trash_menu .icon {
  filter: var(--icon_reverse);
}
#collections_page .list-wrap .is_trash {
  background-color: #ffdde2;
  color: #bd0000;
  opacity: 0.5;
}
#collections_page .list-wrap .is_trash.selected {
  opacity: 1;
}
#collections_page .list-wrap .is_trash.selected > span {
  background: none;
}
#collections_page .list-wrap .item-id {
  color: hsl(0, 0%, 50%);
  font-size: 0.8em;
  padding-left: 0.5em !important;
}
#collections_page .list-wrap .item-name {
  width: 88%;
  display: block;
  float: left;
}
#collections_page .list-wrap .qty {
  width: 12%;
  text-align: center;
  display: block;
}
#collections_page .list-wrap .qty .circle {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto;
  background: var(--icon-circle-bg);
}
#collections_page tr.trash td {
  background-color: #ffdde2;
  color: #bd0000;
  opacity: 0.5;
  text-align: center;
}
#collections_page #collection_list_wrap {
  color: var(--list-item-color);
}
#collections_page #collection_list_wrap.show_only_trash .not_trash {
  display: none;
}
#collections_page #collection_list_wrap.hide_trash .is_trash {
  display: none;
}
#collections_page #product_detail ul {
  padding-left: 1.2rem;
}
#collections_page h4 {
  margin: 4px 1rem;
}
#collections_page tr.name td {
  font-weight: bold;
}
#collections_page .details-wrap {
  left: 0;
  padding: 0;
}
#collections_page .details-wrap .main {
  padding: 1rem 0;
}
#collections_page .product-choices-wrap {
  min-height: 600px;
  user-select: none;
}
#collections_page #products_inner_wrap {
  max-height: 630px;
  overflow-y: auto;
  padding: 8px;
}
#collections_page .prod-item {
  display: table;
  width: calc(100% - 8px);
  font-size: 11px;
  line-height: 1.2em;
  margin: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background-color: var(--list-item-lite-bg);
  border-top: 1px solid var(--list-item-lite-border);
  border-radius: 3px;
  cursor: move;
}
#collections_page .prod-item .icon {
  filter: var(--icon_reverse);
}
#collections_page .prod-item > span {
  display: table-cell;
  padding: 4px;
}
#collections_page .prod-item:hover {
  background-color: var(--list-item-lite-bg__hover);
}
#collections_page .prod-item span:last-child {
  width: 9%;
  text-align: right;
  padding-right: 8px;
}
#collections_page .prod-item span.prod-name {
  width: 80%;
}
#collections_page .prod-item span.nid {
  width: 11%;
  font-size: 10px;
  color: #9A9A9A;
  padding-left: 8px;
}
#collections_page form#form_collection {
  padding: 0 1rem;
}
#collections_page form#form_collection label {
  display: block;
}
#collections_page form#form_collection input[type=text] {
  width: 100%;
  margin-bottom: 0.25rem;
}
#collections_page form#form_collection .form_field__wrap {
  display: block;
  padding: 0 0;
}
#collections_page #collection_products {
  min-height: 400px;
  max-height: 500px;
  padding: 4px 4px 20px 4px;
  border: 1px solid var(--input-border);
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 25%, var(--list-item-trash-stripe) 25%, var(--list-item-trash-stripe) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, var(--list-item-trash-stripe) 75%, var(--list-item-trash-stripe) 100%);
  background-size: 5.66px 5.66px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.75);
  overflow-y: auto;
}
#collections_page #search_wrap {
  margin: 0.9rem 0.9rem 0.25rem 0.9rem;
  width: calc(100% - 1.8rem);
  border-radius: 12px 12px 2px 2px;
  border-bottom-color: var(--card-header-border__dark);
}
#collections_page .search-panel .search-summary {
  width: 75%;
  float: left;
  font-size: 0.9em;
}
#collections_page #search_id {
  border-radius: 14px 0 0 14px;
}
#collections_page #search_title {
  border-radius: 0 14px 14px 0;
}
#collections_page .details-wrap .details-table tr th {
  padding-right: 1rem;
  width: 60px;
}
#collections_page .details-wrap .details-table tr.list td {
  padding-right: 10px !important;
}
#collections_page .details-wrap div.trash {
  background-color: #ffdde2;
  color: #bd0000;
  opacity: 0.5;
  text-align: center;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
}
#collections_page #collection_list_wrap header,
#collections_page #collection_detail_wrap header,
#collections_page #products_list header {
  min-height: 36px;
}
#collections_page #collection_list_wrap header > span,
#collections_page #collection_detail_wrap header > span,
#collections_page #products_list header > span {
  line-height: 36px;
}
#collections_page #collection_list_wrap header,
#collections_page #products_list header {
  padding: 0 12px;
}
#collections_page #collection_list_wrap header > span,
#collections_page #products_list header > span {
  padding: 0 8px;
}
#collections_page .collections_header_search {
  min-height: 60px;
}
#collections_page .form-wrap.form-stack > div {
  margin: 8px 0;
}
#collections_page .form-wrap.form-column {
  width: 100%;
}
#collections_page .form-wrap.form-column > div {
  display: grid;
  grid-template-columns: 100px auto;
  margin: 8px 0;
}
#collections_page .form-wrap.form-column div.col-span-2 {
  display: grid;
  grid-template-columns: auto;
  margin: 8px 0;
}
#collections_page .form-wrap.form-column label {
  line-height: 1.2;
}

.button-primary.button-small {
  border: none !important;
}

.button-primary .icon {
  color: #fff !important;
  fill: #fff !important;
}

.button-primary:hover {
  color: #fff;
}

header > button {
  margin-top: 6px;
}

#collections_list {
  user-select: none;
}

#collections_page #collection_products.over {
  box-shadow: 0 0 0 2px rgba(180, 213, 253, 0.35);
  border-style: solid !important;
  border-color: rgba(180, 213, 253, 0.35);
}

#form_collection textarea {
  width: 100%;
}

#collection_list_wrap.list-wrap {
  height: 740px;
  overflow: hidden;
}

#collection_list_wrap.list-wrap .main {
  height: 100%;
  overflow-y: auto;
}

input[type=text].warning {
  box-shadow: 0 0 0 2px rgba(253, 180, 180, 0.3);
}

.prod-num {
  color: var(--page-color-subtle);
}

.prod-item .prod-trash {
  opacity: 0.1;
  cursor: pointer;
}

.prod-item:hover .prod-trash {
  opacity: 0.3;
}

.prod-item:hover .prod-trash:hover {
  opacity: 1;
}

/* ---------------------------- */
.collection-status-wrap {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  font-size: 0.85em;
}
.collection-status-wrap > div {
  display: table-cell;
}
.collection-status-wrap > div:first-child {
  width: 75%;
}
.collection-status-wrap > div:last-child {
  text-align: right;
}
.collection-status-wrap .radio-group .radio-item {
  padding-right: 1rem;
}
.collection-status-wrap .radio-group .radio-item input[type=radio],
.collection-status-wrap .radio-group .radio-item input[value="0"]:checked {
  height: 12px !important;
  width: 12px !important;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
body.products_page {
  /* CUSTOM */
}
body.products_page .main {
  max-height: unset;
}
body.products_page .list-wrap .main {
  padding-bottom: 30px;
}
body.products_page #td_search_id {
  width: 20%;
}
body.products_page td.item-id {
  font-size: 85%;
  color: #666666;
}
body.products_page td.label {
  width: 90px;
}
body.products_page .links-array {
  padding-left: 1em;
  list-style: square url("/s/images-ui/bullet_link.png");
}
body.products_page .detail-id {
  line-height: 36px;
  margin-left: 1rem;
  text-shadow: 0 1px 0 #ffffff;
}
body.products_page .detail-id > small {
  padding-right: 1rem;
}
body.products_page .record-updated {
  color: #666666;
}
body.products_page .has_issue {
  background-color: #ffe180;
}
body.products_page .list-table {
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
body.products_page .icon_red {
  color: #c53c41;
  fill: #c53c41;
}
body.products_page .details-table th {
  position: relative;
}
body.products_page span.info-circle {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 30px;
  right: 1.5rem;
  color: #bbb;
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
  line-height: 14px;
  cursor: pointer;
  font-weight: 300;
  font-size: 11px;
  font-style: normal;
  border: 1px solid #CCCCCC;
}
body.products_page span.info-circle:after {
  content: "m";
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  left: -1px;
  top: -1px;
  text-align: center;
  line-height: inherit;
}
body.products_page span.info-circle:hover {
  background-color: #7dc6ee;
  color: #ffffff;
  border-color: #ffffff;
}
body.products_page .ss-main .ss-single-selected {
  padding: 4px 1rem;
}
body.products_page .ss-main .ss-single-selected .placeholder {
  height: 16px;
}
body.products_page .ss-main .ss-single-selected .placeholder .icon.icon_16 {
  width: 16px !important;
  margin-right: 0.5em !important;
}
body.products_page td > textarea {
  max-height: 500px;
}
body.products_page #product_detail ul {
  padding-left: 1.2rem;
}
body.products_page tr.name td {
  font-weight: bold;
}
body.products_page #products_page .list-wrap {
  height: unset !important;
  overflow-y: unset !important;
}
body.products_page #products_page .list-wrap .is_trash {
  background-color: #ffdde2;
  color: #bd0000;
  opacity: 0.5;
}
body.products_page #products_page .list-wrap .is_trash.selected {
  opacity: 1;
}
body.products_page #products_page .list-wrap .is_trash.selected > span {
  background: none;
}
body.products_page #products_page tr.trash td {
  background-color: #ffdde2;
  color: #bd0000;
  opacity: 0.5;
  text-align: center;
}
body.products_page #products_list_wrap {
  height: 700px;
  overflow-y: auto;
  position: relative;
}
body.products_page #products_list_wrap .is_trash {
  color: #a88d41;
  position: relative;
}
body.products_page #products_list_wrap .is_trash .item-id {
  color: #a88d41;
}
body.products_page #products_list_wrap .is_trash:before {
  content: "";
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-4%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M28%2052h-4V22h4v30zm10-30h-4v30h4V22zm-20%200h-4v30h4V22zm34-8c0%201.1-.9%202-2%202h-2v38c0%205.5-4.5%2010-10%2010H14C8.5%2064%204%2059.5%204%2054V16H2c-1.1%200-2-.9-2-2s.9-2%202-2h9.8l4.3-10.7C16.4.5%2017.2%200%2018%200h16c.8%200%201.6.5%201.9%201.3L40.2%2012H50c1.1%200%202%20.9%202%202zm-35.8-2h19.7l-3.2-8H19.4l-3.2%208zM44%2016H8v38c0%203.3%202.7%206%206%206h24c3.3%200%206-2.7%206-6V16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 9px;
  left: 6px;
  opacity: 0.25;
}
body.products_page #products_list_wrap .is_trash .icon {
  opacity: 0.5;
  fill: #a88d41;
}
body.products_page #products_list_wrap.show_only_trash .not_trash {
  display: none;
}
body.products_page #products_list_wrap.hide_trash .is_trash {
  display: none;
}
body.products_page #products_list_wrap .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #e6e6e6;
  border-bottom: 1px solid #d3d3d3;
  padding: 0 1em;
}
body.products_page #products_list_wrap .footer:after {
  content: " ";
  display: table;
  clear: both;
}
body.products_page #products_list_wrap .footer #trash_menu {
  position: relative;
  top: 3px;
  float: right;
}
body.products_page #products_list_wrap .footer #trash_menu > li.has_children {
  text-align: right;
}
body.products_page .circle-number {
  display: inline-block;
  font-size: 9px;
  font-weight: normal;
  color: #fff;
  background-color: #33AAFF;
  line-height: 12px;
  text-align: center;
  min-width: 12px;
  height: 12px;
  border-radius: 8px;
  position: relative;
  top: -1px;
  margin: 0 4px;
  padding: 0 4px;
}
body.products_page .search-panel .search-summary {
  width: 80%;
}
body.products_page .form-wrap.form-stack > div {
  margin: 8px 0;
}
body.products_page .list-div {
  max-width: 100%;
}
body.products_page .list-div > div {
  width: 100%;
  min-height: 28px;
  display: grid;
  grid-template-columns: 24px auto 36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.products_page .list-div > div > span {
  padding: 0.5rem 1rem 0.5rem 0;
  /* height: calc(1.5rem * 1.5); */
  border-bottom: 1px solid #eee;
  line-height: 1.2;
}
body.products_page .list-div > div > span .icon_circle.icon_16 {
  padding: 0;
  position: relative;
  left: -2px;
}
body.products_page .list-div > div > span .icon_circle.icon_16 .icon {
  position: relative;
  top: 3px;
  left: 3px;
}
body.products_page .list-div > div > span.item-id {
  padding-left: 1.5rem;
  text-align: right;
  font-size: 85%;
  color: #777;
}
body.products_page .item-product-num {
  display: block;
  font-weight: bold;
  font-size: 0.75em;
  color: var(--page-color-subtle);
}
body.products_page #node_types_list.list-div > div {
  grid-template-columns: 30px auto 24px;
}
body.products_page #node_types_list.list-div > div > span.item-icon {
  padding-left: 6px;
}
body.products_page #node_types_list.list-div > div > span.item-icon > i {
  opacity: 0.5;
}
body.products_page #node_types_list.list-div > div > .item-name .item-product-num {
  font-weight: bold;
  font-size: 0.75em;
  display: block;
}
body.products_page #node_types_list.list-div > div > .item-sort {
  font-size: 0.9em;
  color: #B3B3B3;
}
body.products_page #node_types_list.list-div > div:hover {
  background-color: #fff9e6;
}
body.products_page #products_table_wrap.list-div > div {
  grid-template-columns: 60px auto 30px 40px 30px;
}
body.products_page #node_type_form .main > div {
  padding: 0 1rem;
}
body.products_page .form-wrap.form-column {
  width: 100%;
}
body.products_page .form-wrap.form-column label {
  line-height: 1.2;
}
body.products_page .form-wrap.form-column > div.product-status-wrap {
  display: table;
  width: calc(100% + 2rem);
  margin: -1rem -1rem 10px -1rem;
  padding: 1rem;
  background-color: #f6f6f6;
}
body.products_page .form-wrap.form-column > div.product-status-wrap > div {
  display: table-cell;
}
body.products_page .form-wrap.form-column > div.product-status-wrap > div:last-child {
  text-align: right;
}
body.products_page .product_sizes__table {
  font-size: 11px;
}
body.products_page .product_sizes__table th {
  padding-left: 0.25em;
  padding-right: 0.25em;
  width: auto;
}
body.products_page .product_sizes__table th, body.products_page .product_sizes__table td {
  border-bottom: 1px solid #eee;
}
body.products_page .product_sizes__table .cat_num {
  font-weight: bold;
}
body.products_page .product_sizes__table .pack_qty {
  text-align: center;
}
body.products_page tr.notes td {
  font-size: 80%;
  line-height: 1.5em;
}

.product__list__cell__sizes_count {
  text-align: center;
  padding: 0.5em 0.25em !important;
}
.product__list__cell__languages {
  text-align: center;
  padding: 0.5em 0.25em !important;
}
.product__list__cell__languages > span {
  display: block;
  margin-top: 5px;
}
.product__list__cell__languages .flag__circle__10 {
  margin: 2px -2px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.product__list__sizes_count {
  display: inline-block;
  padding: 0 4px;
  height: 14px;
  border-radius: 7px;
  line-height: 12px;
  font-size: 9px;
  opacity: 0.5;
  color: #4d89ac;
  border: 1px solid #90c0e0;
  margin-top: 5px;
}
.product__preview__description {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
.product__preview__description ul {
  padding-left: 1.5em;
}
.product__preview__description:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.flag__before__en {
  position: relative;
  margin-left: 24px;
}
.flag__before__en:before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: url("/s/images-ui/flags/united-states.svg") no-repeat;
  background-size: cover;
}
.flag__before__es {
  position: relative;
  margin-left: 24px;
}
.flag__before__es:before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: url("/s/images-ui/flags/spain.svg") no-repeat;
  background-size: cover;
}
.flag__before__zh {
  position: relative;
  margin-left: 24px;
}
.flag__before__zh:before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: url("/s/images-ui/flags/germany.svg") no-repeat;
  background-size: cover;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.icon-grid-viewer {
  width: 512px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
}

body.images_page .keyword {
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 12px;
  margin: 1px;
  padding: 1px 12px;
}
body.images_page .delete-file-button {
  color: #fff;
  background: linear-gradient(#7dc6ee, #146a99);
  padding: 0.125rem;
}
body.images_page .list-wrap .is_trash {
  color: #bd0000;
  opacity: 0.5;
}
body.images_page .list-wrap .is_trash.selected {
  opacity: 1;
}
body.images_page .list-wrap .is_trash.selected > span {
  background: none;
}
body.images_page #list_table {
  position: relative;
}
body.images_page #list_table > div.list-item > span:first-child {
  padding-left: 1.5rem;
}
body.images_page #list_table > div.list-item.is_trash {
  position: relative;
}
body.images_page #list_table > div.list-item.is_trash > span {
  position: relative;
}
body.images_page #list_table > div.list-item.is_trash > span:first-child:before {
  content: "";
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-4%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M28%2052h-4V22h4v30zm10-30h-4v30h4V22zm-20%200h-4v30h4V22zm34-8c0%201.1-.9%202-2%202h-2v38c0%205.5-4.5%2010-10%2010H14C8.5%2064%204%2059.5%204%2054V16H2c-1.1%200-2-.9-2-2s.9-2%202-2h9.8l4.3-10.7C16.4.5%2017.2%200%2018%200h16c.8%200%201.6.5%201.9%201.3L40.2%2012H50c1.1%200%202%20.9%202%202zm-35.8-2h19.7l-3.2-8H19.4l-3.2%208zM44%2016H8v38c0%203.3%202.7%206%206%206h24c3.3%200%206-2.7%206-6V16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 18px;
  left: 10px;
  opacity: 0.5;
}
body.images_page #images_list_wrap {
  position: relative;
}
body.images_page #image_list_wrap {
  height: 570px;
}
body.images_page #image_list_wrap.show_only_trash .not_trash {
  display: none;
}
body.images_page #image_list_wrap.hide_trash .is_trash {
  display: none;
}
body.images_page #images_list_wrap .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #e6e6e6;
  border-bottom: 1px solid #d3d3d3;
  padding: 0 1em;
  text-align: right;
}
body.images_page #images_list_wrap .footer #trash_menu {
  float: right;
}
body.images_page .show_as_trash {
  text-align: center;
  padding: 0.5rem 1.5rem;
  color: #952c30;
  background-color: #f7e3e3;
}
body.images_page .trashcan-list tr:hover {
  background: #ffe;
}
body.images_page .trashcan-list td {
  border-bottom: 1px solid #eee;
}
body.images_page .trash-item-id {
  color: #777777;
  font-size: 0.9em;
}
body.images_page .trash-item-format > span {
  font-size: 10px;
  display: inline-block;
  background: #eee;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  padding: 0 8px;
}

.analytics-menu {
  list-style: none;
  padding: 0;
  display: block;
}
.analytics-menu:after {
  content: "";
  display: table;
  clear: both;
}
.analytics-menu li {
  display: block;
  padding: 0 1em;
  float: left;
}
.analytics-menu li.link {
  cursor: pointer;
  color: #00b3ee;
}
.analytics-menu li.link:hover, .analytics-menu li.link.active {
  text-decoration: underline;
}

.privacy_policy h3 {
  margin-bottom: 0.5em;
}
.privacy_policy p {
  margin: 0.65em 0;
}

body.notes article > section.column:first-child {
  flex: 1;
  padding-right: 10px;
  padding-bottom: 10px;
}
body.notes article > section.column:last-child {
  flex: 2;
}
body.notes .card header:after {
  content: " ";
  display: table;
  clear: both;
}
body.notes .button-circle-30 {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  padding: 0;
  text-align: center;
}
body.notes button.small {
  padding: 1px 8px;
  font-size: 0.85rem;
  background-color: #eee;
}
body.notes button.small:hover {
  background-color: #cbfff0;
}
body.notes button.small .icon_16 svg {
  fill: #aaa;
  color: #aaa;
}
body.notes .list_table {
  display: table;
}
body.notes .list_table > .list_item {
  cursor: pointer;
  display: table-row;
}
body.notes .list_table > .list_item > div {
  display: table-cell;
  padding: 4px 0;
  line-height: 1.5rem;
  border-bottom: 1px solid var(--section-border);
}
body.notes .list_table > .list_item:hover {
  background: var(--color-primary);
  color: #FFF;
}
body.notes .list_table > .list_item:hover a {
  color: white;
  text-decoration: underline;
}
body.notes .list_table > .list_item:hover a:hover {
  color: #CBECFF;
}
body.notes .list-table-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
body.notes .list-table-wrap .icon__note {
  filter: invert(99%) sepia(68%) saturate(4417%) hue-rotate(312deg) brightness(101%) contrast(101%);
}
body.notes .list-item-rule {
  font-size: 0.8em;
}
body.notes .list-item-rule a {
  color: var(--link-color);
}
body.notes .list-item-has-note {
  width: 30px;
  min-width: 30px;
  text-align: center;
}
body.notes #note_detail_wrap > header,
body.notes #note_detail_wrap > form > header {
  padding: 0.25rem;
  border-radius: 6px 6px 0 0;
}
body.notes #note_detail_wrap .header-title {
  padding-left: 1rem;
}
body.notes #note_detail_wrap input[type=text],
body.notes #note_detail_wrap textarea {
  width: 100%;
}
body.notes #note_detail_wrap textarea {
  height: 500px;
}
body.notes #note_detail_wrap > form > header .button,
body.notes #note_detail_wrap > form > header button {
  transform: scale(0.8);
}
body.notes #form_note label {
  font-size: 80%;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--form-label-color);
  margin: 0;
}
body.notes #form_note table.lined-h td {
  padding: 0.5rem;
}
body.notes #form_note input[type],
body.notes #form_note textarea {
  margin: 0;
  padding: 0.25rem 1rem;
}
body.notes #status_bar,
body.notes #form_status {
  font-weight: 300;
  font-size: 85%;
}
body.notes #status_bar.success,
body.notes #form_status.success {
  padding: 0.25rem 0.5rem;
  background-color: #e9fae9;
  color: #006300;
}
body.notes #status_bar.error,
body.notes #form_status.error {
  padding: 0.25rem 0.5rem;
  background-color: #fae3e0;
  color: #c80022;
}
body.notes .form-group {
  position: relative;
}
body.notes .form-group .messages {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
body.notes .form-group.has-error .messages p.error {
  color: #c80022;
  font-size: 85%;
  text-transform: uppercase;
  background: #fcc;
  padding: 2px 12px;
  border-radius: 3px;
}
body.notes .header-title {
  line-height: 36px;
}

/* MISC */
/*
 * Adjustments to the icon css generated by grunticons

 */
.icon__mf_chemical {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M63.7%2055.3l-7.9-7.9-1.9-2.9c-.1-.1-.1-.2-.2-.2l-3.9-2.9-1.9-2.9c-.1-.1-.2-.3-.4-.3l-4-2c-.3-.1-.6-.1-.9%200l-6%203c-.1%200-.2.1-.3.2l-.3.2V27c0-.8-.5-1.9-1-2.4l-6.5-6.7c-.2-.2-.4-.7-.4-.9v-3c1.1%200%201.9-.9%201.9-2V6c0-1.1-.9-2-2-2H16c-1.1%200-2%20.9-2%202v6c0%201.1.9%202%202%202v3c0%20.3-.2.7-.5%201L9%2024.6c-.5.5-1%201.6-1%202.4v24c0%202.7%202.2%205%204.9%205l-.9%202.7c-.1.3-.1.6.1.9.2.3.5.4.8.4h50c.6%200%201-.4%201-1v-3c.1-.3%200-.5-.2-.7zM16%206h12v6H16V6zm-6%2045V27c0-.3.2-.7.5-1l6.5-6.6c.6-.6%201.1-1.6%201.1-2.4v-3h8.1v3c0%20.8.5%201.9%201%202.4l6.5%206.7c.2.2.4.7.4.9v14.6L32.6%2043h-3.4l-2.8-.9c-.3-.1-.5-.1-.8.1l-4%202c-.1.1-.3.2-.4.3l-3%204c-.1.1-.1.2-.2.4l-.9%203.7L15%2054h-2c-1.7%200-3-1.3-3-3zm52%207H14.4l.5-1.4%203.8-2.8c.2-.1.3-.3.4-.6l1-3.8%202.7-3.6%203.4-1.7%202.6.9c.1%200%20.2.1.3.1h4c.3%200%20.5-.1.7-.3l3.9-3.9%205.4-2.7%203.3%201.7%201.9%202.8c.1.1.1.2.2.2l3.9%202.9%201.9%202.9c0%20.1.1.1.1.2l7.7%207.7V58z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h64v64H0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.icon {
  display: inline-block;
}

h2 .icon, h3 .icon, h4 .icon, h5 .icon, p .icon {
  vertical-align: middle;
}

a .icon, li .icon {
  vertical-align: middle;
}

input.icon__envelope.addon {
  background-size: 16px 16px;
  padding-left: 24px;
  border: 1px solid #ccc;
}

input.icon__lock.addon {
  background-size: 16px 16px;
  padding-left: 24px;
  border: 1px solid #ccc;
}

.field-input.addon {
  position: relative;
}
.field-input.addon input {
  padding-left: 36px;
}
.field-input.addon .icon {
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -8px;
  margin-left: 4px;
  opacity: 0.5;
}

h1 .icon {
  vertical-align: top;
  position: relative;
  top: 3px;
}

.icon_9 {
  width: 9px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
}

.icon_10 {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.icon_11 {
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
}

.icon_12 {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.icon_14 {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.icon_16 {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.icon_20 {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.icon_24 {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.icon_32 {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
}

.icon_64 {
  width: 64px;
  height: 64px;
  display: inline-block;
  vertical-align: middle;
}

button .icon_16 {
  fill: rgba(255, 255, 255, 0.75);
}

.icon_circle.icon_16 {
  padding: 4px;
  width: 24px;
  height: 24px;
  background-color: var(--icon-circle-bg);
  border-radius: 12px;
}

.icon_circle.icon_16 .icon.icon_16 {
  vertical-align: initial;
}

nav .icon {
  opacity: 0.75;
}

/*
 These styles are ad hoc implementations on various pages.
 They need to be integrated appropriately.
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
.small {
  font-size: 85%;
}

.keyword {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 2;
  background-color: var(--card-bg__lighter);
  border-radius: 12px;
  margin: 1px;
  padding: 1px 12px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.keyword.millipore {
  background-color: #0f69af;
  color: #fff;
}
.keyword.safc {
  background-color: #eb3c96;
  color: #fff;
}
.keyword.sigmaaldrich {
  background-color: #e61e50;
  color: #fff;
}
.keyword.bioreliance {
  background-color: #503291;
  color: #fff;
}
.keyword.milliq {
  background-color: #2dbecd;
  color: #fff;
}
.keyword.supelco {
  background-color: #149b5f;
  color: #fff;
}

a.url {
  line-height: 1.1;
}

.alert {
  margin: 1em auto;
  max-width: 600px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #fff9e6;
  padding: 1em 2em 1em 1em;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-align: left;
}
.alert .close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.75);
  font-size: 10px;
  line-height: 12px;
}
.alert-success {
  color: rgba(0, 0, 0, 0.75);
  background-color: #dff0d8;
}

#trash_menu {
  display: block;
  list-style: none;
  padding: 0;
  font-size: 12px;
  cursor: pointer;
  width: 120px;
  opacity: 0.35;
}
#trash_menu .icon {
  filter: var(--icon_reverse);
}
#trash_menu .indicator {
  width: 1.5em;
  display: inline-block;
  visibility: hidden;
}
#trash_menu .active .indicator {
  visibility: visible;
}
#trash_menu li {
  margin: 0;
  display: block;
  height: 24px;
  line-height: 24px;
}
#trash_menu li.has_children > div {
  position: relative;
}
#trash_menu li.has_children > div:after {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0 3px;
  border-color: #777 transparent transparent transparent;
}
#trash_menu > li {
  position: relative;
}
#trash_menu > li > ul {
  display: none;
  position: absolute;
  top: -120px;
  background: var(--nav-dropdown-bg);
  border: var(--nav-divider);
  padding: 0;
  width: 120px;
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
  text-align: left;
}
#trash_menu > li > ul > li {
  padding: 0 1em;
  border: 1px solid var(--nav-divider);
  border-top-color: transparent;
  cursor: pointer;
}
#trash_menu > li > ul > li:first-child {
  border-top: 1px solid var(--nav-divider);
}
#trash_menu > li > ul > li:hover {
  background: var(--nav-dropdown-bg__hover);
}
#trash_menu:hover {
  opacity: 1;
}
#trash_menu li.has_children:hover ul {
  display: block;
}

.error {
  color: #9f2f33;
  background-color: white;
  padding: 0.25rem 1rem;
  border-radius: 3px;
}

.tag {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 3px;
}
.tag.danger {
  background-color: var(--color-danger);
  color: #fff;
}

.project_core svg {
  fill: var(--color-info);
  transform: scale(-1, 1);
}

.business_plus svg {
  fill: var(--color-success);
  transform: scale(-1, 1);
}

.grey {
  color: #777;
}

ul.data-record {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.data-record > li {
  display: table-row;
}
ul.data-record > li > label {
  display: table-cell;
}
ul.data-record > li > div {
  display: table-cell;
}

.bolder {
  font-weight: bolder;
}

.clear-fix {
  clear: both;
}

.row {
  display: table-row;
}
.row > div.label,
.row > label {
  display: table-cell;
  padding: 0.25rem 0.25rem 0.25rem 0;
  font-size: 0.85em;
  color: #aaa;
  font-weight: bold;
}
.row > div.label:after,
.row > label:after {
  content: ":";
}
.row > div {
  display: table-cell;
  padding: 0.25rem 0 0.25rem 0.25rem;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

hr {
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-top: 0.5px solid var(--card-border);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.icon {
  transform: scale(1, 1);
  fill: currentColor;
}

nav img.icon {
  opacity: 0.5;
}

h1 .icon {
  opacity: 0.5;
  margin-right: 0.25em;
}

main > header > div > h1 {
  white-space: nowrap;
}
main > header > div > h1 a {
  color: inherit;
}

.todo-notice {
  color: #c53c41;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 0.5rem;
}

/* APPS page */
.main > table th {
  width: 90px;
}

.main > table td {
  padding-right: 1rem;
}

div.overflow.hide {
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
div.overflow.hide:before {
  content: "";
  display: block;
  height: 40px;
  width: 100%;
  position: absolute;
  top: 20px;
  z-index: 10;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

small.more {
  cursor: pointer;
  color: #aaa;
}

.preview {
  padding: 0.5rem;
  background-color: #f9f9f9;
  font-size: 90%;
}

.preview p {
  margin-bottom: 0.5rem;
}

.red {
  color: #c53c41;
  fill: #c53c41;
}

.green {
  color: #56d468;
  fill: #56d468;
}

.title-action-wrap {
  display: inline-block;
}
.title-action-wrap button.button-small {
  margin-top: 0;
}

.nowrap {
  white-space: nowrap;
}

.button-pencil-edit {
  margin: 0 8px;
}
.button-pencil-edit .icon {
  filter: var(--icon_reverse);
}

#button_group_baseline {
  display: flex;
  flex-direction: row;
}
#button_group_baseline > button {
  border: 1px solid #ccc;
}

#controls_testing {
  display: flex;
  flex-direction: row;
}
#controls_testing > section {
  margin-right: 0.25rem;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.in-progress.node-item {
  /* background-color: #feffeb; */
}

.radio-group .radio-item {
  padding-right: 1.5rem;
  display: inline-block;
  white-space: nowrap;
}
.radio-group .radio-item input[type=radio] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.radio-group .radio-item input[value="-1"]:checked {
  background-color: #d46d71;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}
.radio-group .radio-item input[value="0"]:checked {
  background-color: #ffc201;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}
.radio-group .radio-item input[value="1"]:checked {
  background-color: #80df8e;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 16px !important;
  height: 16px !important;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}

/* --------------------------- */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.status-wrap {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
.status-wrap > .radio-group {
  display: table-cell;
  width: 65%;
}
.status-wrap > .trash-wrap {
  display: table-cell;
  text-align: right;
}

.tag {
  background: var(--tag-bg);
  font-size: 0.9em;
  line-height: 1.5em;
  height: 1.5em;
  padding: 0 0.75em;
  border-radius: 0.75em;
  margin: 0 0.25em 0 0;
}
.tag__info {
  background: #38b7e1;
  color: #fff;
}

/*
 LANGUAGE MODAL
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
#form_languages .notes.small {
  margin-top: 1em;
  color: #aaa;
}
#form_languages .notes.small p {
  margin: 0.5em;
}
#form_languages .notes.small ul, #form_languages .notes.small ol {
  margin-top: 0.5em;
  padding-left: 2em;
}

.small {
  font-size: 85%;
}

/*
 * Message box - Warning, Info, Success
 * Can be tied-in to the "flash" function in Python Flask
 *
 * Jerry McCreary
 * 14 March 2018
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.message-box {
  padding: 0;
  margin: 0 10px;
  overflow: hidden;
  position: relative;
}
.message-box > div,
.message-box > dl {
  margin: 0;
  padding: 0 1rem;
  display: block;
  list-style: none;
  line-height: 24px;
}
.message-box .message-info {
  background-color: #fff9e6;
}
.message-box .message-success {
  background-color: #c4ffc7;
  color: #006000;
}
.message-box .message-error {
  background-color: #ffdcdd;
  color: #600015;
}
.message-box .fade-in-out {
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 4s linear forwards;
  opacity: 0;
  height: 0;
}

@-webkit-keyframes fadeinout {
  10% {
    opacity: 1;
    height: 24px;
  }
  80% {
    opacity: 1;
    height: 24px;
  }
}
@keyframes fadeinout {
  10% {
    opacity: 1;
    height: 24px;
  }
  80% {
    opacity: 1;
    height: 24px;
  }
}
.validation-callout {
  font-size: 10px;
  display: inline-block;
  border: 1px solid #e10009;
  position: absolute;
}
.validation-callout.error {
  padding: 0.125em 1em;
}

.form-link-block .validation-callout {
  font-size: 10px;
  display: block;
  margin-left: 60px;
  position: relative;
  border: none;
}
.form-link-block .validation-callout.error {
  padding: 0;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes growMinHeight {
  0% {
    min-height: 60px;
  }
  100% {
    min-height: 320px;
  }
}
#github_issues_wrap {
  opacity: 0;
}
#github_issues_wrap .main {
  min-height: 60px;
  overflow-y: auto;
}
#github_issues_wrap.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 2s;
}

.github__issues-wrap {
  margin: 1rem 0;
  font-size: 0.9rem;
  color: #555;
}
.github__issues-wrap .main {
  padding: 0;
}

.github__issue {
  padding: 0.75em 0.5em;
  border-bottom: 1px dotted #ddd;
}
.github__issue:after {
  content: "";
  display: table;
  clear: both;
}
.github__issue a {
  color: #777;
}
.github__issue a:hover {
  color: rgb(0, 113, 164);
}

.github__state {
  width: 5%;
  max-width: 30px;
  float: left;
  text-align: center;
  opacity: 0.5;
}

.github__body-wrap {
  width: 85%;
  float: left;
}

.github__opened-by {
  font-size: 10px;
  color: #aaa;
}

.github__assignees-wrap {
  width: 10%;
  float: right;
  text-align: center;
}

/* MARKDOWN */
/*
 * Markdown editor - custom
 *
 * Jerry McCreary
 * 15 March 2018
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.markdown-wrap {
  position: relative;
  z-index: 0;
}

.markdown-controls {
  height: 16px;
  position: absolute;
  z-index: 20;
  right: 1px;
  top: 1px;
}

.textarea-wrap {
  position: relative;
  z-index: 0;
}

.button-markdown {
  display: inline-block;
  width: 30px;
  height: 16px;
  border: 1px solid #dcdee2;
  border-top-width: 0;
  border-right-width: 0;
  text-align: center;
  margin: 0;
  cursor: pointer;
}
.button-markdown .icon {
  opacity: 0.2;
  vertical-align: top;
}
.button-markdown .icon_12.icon__eye {
  margin: 2px;
  top: 0;
}
.button-markdown .icon_12.icon__eye svg {
  width: 12px;
  height: 12px;
}
.button-markdown:hover .icon {
  opacity: 1;
}
.button-markdown.button-markdown-preview {
  border-bottom-left-radius: 3px;
}
.button-markdown.button-markdown-preview .icon {
  position: relative;
  top: 0;
}

.markdown-wrap .button-markdown-edit {
  background-color: rgba(59, 153, 252, 0.8);
  border-bottom-color: rgba(59, 153, 252, 0.8);
}
.markdown-wrap .button-markdown-edit .icon {
  opacity: 0.5;
  position: relative;
  top: 1.5px;
}
.markdown-wrap .button-markdown-edit:hover .icon {
  opacity: 1;
}
.markdown-wrap .button-markdown-preview {
  background-color: rgb(255, 255, 255);
}
.markdown-wrap .textarea-wrap {
  position: relative;
  z-index: 0;
  min-height: 5em;
}
.markdown-wrap .textarea-wrap textarea {
  width: 100%;
  height: 200px;
  overflow: auto;
  position: relative;
  padding: 1.25em;
  display: block;
}
.markdown-wrap .textarea-wrap textarea:focus {
  outline-width: 1px;
  outline-offset: -1px;
  outline-style: solid;
  border-radius: 3px;
}
.markdown-wrap .textarea-wrap .markdown-preview {
  display: none;
}
.markdown-wrap.show_preview .button-markdown-preview {
  background-color: rgba(59, 153, 252, 0.8);
  border-bottom-color: rgba(59, 153, 252, 0.8);
}
.markdown-wrap.show_preview .button-markdown-preview .icon {
  opacity: 0.5;
}
.markdown-wrap.show_preview .button-markdown-preview:hover icon {
  opacity: 1;
}
.markdown-wrap.show_preview .textarea-wrap textarea {
  display: none !important;
}
.markdown-wrap.show_preview .textarea-wrap .markdown-preview {
  position: relative;
  top: 0;
  left: 0;
  border: 1px dashed #e8eaee;
  border-radius: 3px;
  padding: 1.25rem;
  height: 100%;
  width: 100%;
  display: block;
  min-height: 6em;
}
.markdown-wrap.show_preview .button-markdown-edit {
  background-color: #fff;
  border-bottom-color: #dcdee2;
}
.markdown-wrap.show_preview .button-markdown-edit .icon {
  opacity: 0.2;
}
.markdown-wrap.show_preview .button-markdown-edit:hover .icon {
  opacity: 1;
}

/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
/*
 * COLOR
 */
/* menu */
/*
 * Page Header & Footer
 */
/*
 * Card Header & Footer
 */
#markdown_examples {
  flex: 1;
}

.markdown__example {
  flex: 1;
  padding: 1em 1em 0 1em;
}
.markdown__example:after {
  content: "";
  display: table;
  clear: both;
}
.markdown__example:last-child {
  padding-bottom: 1em;
}

.markdown__columns {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-column-gap: 1em;
}

.markdown__code {
  font-family: monospace, monospace;
  position: relative;
  background: #444444;
  /* border: 1px solid #ddd; */
  padding: 1em;
  color: #eee;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
  overflow-x: auto;
}
.markdown__code pre {
  overflow: visible;
}
.markdown__code pre.pre_w_dots {
  position: absolute;
  z-index: 0;
  color: #0e90d2;
}
.markdown__code pre.pre_w_nbsp {
  position: relative;
  z-index: 10;
}

.markdown__html {
  background: #363636;
  border-radius: 3px;
  padding: 1em;
  overflow-x: auto;
}
.markdown__html pre {
  overflow: visible;
}

.markdown__processed {
  position: relative;
  overflow-x: auto;
  border: 1px solid var(--section-border);
  border-right-color: var(--card-border__dark);
  border-left-color: var(--card-border__dark);
  border-bottom-color: var(--card-header-border);
  border-radius: 3px;
  padding: 1em;
  background-color: var(--card-bg);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
.markdown__processed code {
  background-color: rgba(155, 155, 155, 0.5);
}
.markdown__processed blockquote {
  position: relative;
  width: 90%;
  padding: 1em 2em;
  border: 1px dotted #ddd;
  font-style: italic;
  quotes: "“" "”";
}
.markdown__processed blockquote:before, .markdown__processed blockquote:after {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 3em;
  color: #ccc;
}
.markdown__processed blockquote:before {
  content: open-quote;
  position: absolute;
  left: 4px;
  top: 12px;
}
.markdown__processed blockquote:after {
  content: close-quote;
  position: absolute;
  right: 6px;
  bottom: -6px;
}
.markdown__processed pre code {
  background-color: rgba(155, 155, 155, 0.5);
  display: block;
  padding: 1em;
}

.markdown__comment {
  clear: both;
  font-size: 10px;
  font-style: italic;
}
.markdown__comment:before {
  content: "* ";
}

#markdown_examples .tabs__nav {
  display: block;
}
#markdown_examples .tabs__nav__item.selected {
  background-color: var(--tab-nav-bg__active);
}
#markdown_examples .tab__panes {
  display: block;
}
#markdown_examples .tab__pane:not(.active) {
  display: none;
}

.arrow-right.arrow_menu {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #999999;
  -webkit-transform: rotate(360deg);
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 8px;
}

a:hover .arrow-right.arrow_menu {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #eeeeee;
  -webkit-transform: rotate(360deg);
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 8px;
}

.flag__circle__16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  margin: 2px;
}
.flag__circle__16.flag__text:after {
  font-size: 90%;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin-left: 20px;
  line-height: 1;
  vertical-align: top;
  color: #aaa;
}
.flag__circle__14 {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  margin: 2px;
}
.flag__circle__14.flag__text:after {
  font-size: 90%;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin-left: 18px;
  line-height: 1;
  vertical-align: top;
  color: #aaa;
}
.flag__circle__12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  margin: 2px;
}
.flag__circle__12.flag__text:after {
  font-size: 90%;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin-left: 16px;
  line-height: 1;
  vertical-align: top;
  color: #aaa;
}
.flag__circle__10 {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: text-top;
  margin: 2px;
}
.flag__circle__10.flag__text:after {
  font-size: 90%;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin-left: 16px;
  line-height: 1;
  vertical-align: top;
  color: #aaa;
}
.flag__en {
  background: url("../images-ui/flags/united-states.svg") no-repeat;
  background-size: cover;
}
.flag__en.flag__text:after {
  content: "English";
}
.flag__es {
  background: url("../images-ui/flags/spain.svg") no-repeat;
  background-size: cover;
}
.flag__es.flag__text:after {
  content: "Spanish";
}
.flag__fr {
  background: url("../images-ui/flags/france.svg") no-repeat;
  background-size: cover;
}
.flag__fr.flag__text:after {
  content: "French";
}
.flag__de {
  background: url("../images-ui/flags/germany.svg") no-repeat;
  background-size: cover;
}
.flag__de.flag__text:after {
  content: "German";
}
.flag__jp, .flag__ja {
  background: url("../images-ui/flags/japan.svg") no-repeat;
  background-size: cover;
}
.flag__jp.flag__text:after, .flag__ja.flag__text:after {
  content: "Japanese";
}
.flag__zh {
  background: url("../images-ui/flags/china.svg") no-repeat;
  background-size: cover;
}
.flag__zh.flag__text:after {
  content: "Chinese";
}
.flag__ru {
  background: url("../images-ui/flags/russia.svg") no-repeat;
  background-size: cover;
}
.flag__ru.flag__text:after {
  content: "Russia";
}
.flag__kr {
  background: url("../images-ui/flags/south-korea.svg") no-repeat;
  background-size: cover;
}
.flag__kr.flag__text:after {
  content: "South Korea";
}
.flag__ar {
  background: url("../images-ui/flags/turkey.svg") no-repeat;
  background-size: cover;
}
.flag__ar.flag__text:after {
  content: "Turkey";
}
.flag__gb {
  background: url("../images-ui/flags/united-kingdom.svg") no-repeat;
  background-size: cover;
}
.flag__gb.flag__text:after {
  content: "English (British)";
}

.avatar__user {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.avatar__user > img,
.avatar__user > span {
  width: inherit;
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.avatar__user.avatar__36 {
  width: 36px;
  height: 36px;
  overflow: hidden !important;
}
.avatar__user.avatar__32 {
  width: 32px;
  height: 32px;
  overflow: hidden !important;
}
.avatar__user.avatar__28 {
  width: 28px;
  height: 28px;
  overflow: hidden !important;
}
.avatar__user.avatar__24 {
  width: 24px;
  height: 24px;
  font-size: 11px;
  overflow: hidden !important;
}
.avatar__user.avatar__72 {
  width: 72px;
  height: 72px;
  overflow: hidden !important;
}
.avatar__user.avatar__initial {
  text-align: center;
  color: #fff;
  line-height: 1;
}
.avatar__user.is_superadmin:before {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #732cec;
}
.avatar__user.is_accountadmin:before {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #52b3ff;
}

.table thead th.col-avatar,
.table tbody td.col-avatar {
  padding: 10px 10px;
  text-align: center;
}

.media__loader {
  margin: auto;
  background: #adeefd;
  border: 2px solid #2a93f5;
  border-radius: 50%;
  border-top: 16px solid #2a93f5;
  border-bottom: 16px solid #2a93f5;
  border-right-width: 16px;
  width: 36px;
  height: 36px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.media__loader__wrap {
  text-align: center;
  margin: 20px;
}

.dz__fileupload__blocker {
  width: 0;
  height: 0;
  display: none;
}

body.dz__file__uploading .dz__fileupload__blocker {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: auto;
  background-color: rgba(255, 255, 255, 0.5);
}
body.dz__file__uploading > main {
  z-index: 1000;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#pdf_wrap {
  position: relative;
}

#review_pdf_loader,
.loading_pdf_message,
.review_pdf_iframe {
  width: 8.5in;
  height: 11in;
}

.loading_pdf_message,
#review_pdf_loader {
  text-align: center;
  padding: 12rem 3rem;
  border: 1px solid var(--card-border);
  line-height: 2em;
}

#download_counter {
  color: #777;
}

.flash__wrap {
  opacity: 0;
  position: absolute;
  top: -100px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  background: var(--flash-success);
  border-radius: 1rem;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 3px 6px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.flash__wrap.flash__error {
  background: var(--flash-error);
}
.flash__wrap.flash__info {
  background: var(--flash-info);
}
.flash__wrap.flash__warning {
  background: var(--flash-warning);
}
.flash__wrap.flash__slide {
  animation-duration: 4000ms;
  animation-name: slide-top-in-out;
}
.flash__inner {
  padding: 0.5em 1em;
}

@keyframes slide-top-in-out {
  0% {
    top: -100px;
    opacity: 0;
  }
  35% {
    top: 60px;
    opacity: 0.9;
  }
  50% {
    top: 60px;
    opacity: 0.9;
  }
  65% {
    top: 60px;
    opacity: 0.9;
  }
  100% {
    top: -100px;
    opacity: 0;
  }
}
/*
 * Card
 */
/*
 * Table
 */
/*
 * Errors and Warnings
 */
/*
 * Buttons and Inputs
 */
.file_list {
  display: table;
}
.file_list__item {
  display: table-row;
}
.file_list__item > span {
  display: table-cell;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.file_list__item__icon {
  min-width: 2em;
  max-width: 2em;
}
.file_list__item__size {
  min-width: 9em;
  max-width: 9em;
  text-align: right;
  color: #aaaaaa;
}
.file_list__item__name_link {
  color: #3ca9e5;
  text-decoration: underline;
  cursor: pointer;
}
.file_list__item__name_link:hover {
  color: #7dc6ee;
}
.file_list__item svg {
  margin-right: 0.5em;
  fill: #CCC;
}

/*# sourceMappingURL=mfuse.css.map */