@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-regular-webfont.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-bold-webfont.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-black-webfont.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-italic.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibold.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibolditalic.ttf');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Circular';
    src: url('fonts/circularstd-book-webfont.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Circular';
    src: url('fonts/circularstd-medium-webfont.ttf');
    font-weight: 600;
    font-style: normal;
}

/* ==[ STYLE RESET ]== */
*, :after, :before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
* { -webkit-tap-highlight-color: transparent; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, dd,
small, strike, strong, sub, sup, tt, var, dl, dt,
fieldset, form, label, legend, table, caption, ol,
tbody, tfoot, thead, tr, th, td, article, ul, li,
aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
b, strong { font-weight: bold; }
i { font-style: italic; }
h1, h2, h3, h4, h5, h6 {
  font-size: 1.3em;
  margin-bottom: 1em;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
h2 { font-size: 1.15em; }
h3 { font-size: 1.0em; }
h4 { font-size: 1em; }
h4 { font-size: .95em; }
h6 { font-size: .9em; }
.bg-white { background-color: #ffffff !important; }
.text-white { color: #ffffff !important; }
.bg-primary-lighter { background-color: #275cce !important; }
.text-primary-lighter { color: #275cce !important; }
.bg-primary { background-color: #1d4bad !important; }
.text-primary { color: #1d4bad !important; }
.bg-primary-darker { background-color: #183b82 !important; }
.text-primary-darker { color: #183b82 !important; }
.bg-red { background-color: #ec4444 !important; }
.text-red { color: #ec4444 !important; }
.bg-green { background-color: #5CC34A !important; }
.text-green { color: #5CC34A !important; }
.bg-orange { background-color: #f9a335 !important; }
.text-orange { color: #f9a335 !important; }
.bg-gray { background-color: #8a8a8a !important; }
.text-gray { color: #8a8a8a !important; }
.bg-darker-gray { background-color: #636569 !important; }
.text-darker-gray { color: #636569 !important; }
.bg-dark-gray { background-color: #47484a !important; }
.text-dark-gray { color: #47484a !important; }
.bg-light-black { background-color: #2e3033 !important; }
.text-light-black { color: #2e3033 !important; }
.bg-darkest { background-color: #14171a !important; }
.text-darkest { color: #14171a !important; }
a {
  cursor: pointer;
  color: #1d4bad;
  text-decoration: none;
}
p { line-height: 1.2em; }
.text-overflow-ellipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
body {
  line-height: 1;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  background-color: #f0f2f3;
  color: #14171a;
}
@media (max-width: 400px) { .no-mobile, .only-desktop { display: none !important; } }
@media (min-width: 400px) { .no-desktop, .only-mobile { display: none !important; } }
@media (max-width: 62em) { .no-xs { display: none !important; } }
@media (min-width: 62em) { .only-xs { display: none !important; } }
input:not([type="checkbox"]):not([type="radio"]), .input, select, textarea, button, .btn {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  padding: .65em .5em;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  line-height: 1.1em;
  border: 1px solid #d6d6d6;
  color: #53575d;
  border-radius: 3px;
  text-decoration: none;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .8em;
  font-weight: 600;
  transition: .2s background-color ease-in-out, .2s border-color ease-in-out, .2s box-shadow ease-in-out;
}
button, .btn {
  border: none;
  box-shadow: inset 0 0 0 1px rgba(20,11,47,0.225), 0 1px 5px -2px rgba(0,0,0,0.15), 0 1px 0 rgba(0, 0, 0, 0.05);
  padding: .5em .5em;
  text-align: center;
  cursor: pointer;
}
input:not([type="checkbox"]):not([type="radio"])[disabled], input:not([type="checkbox"]):not([type="radio"]).disabled, .input.disabled,
select[disabled], select.disabled,
textarea[disabled], textarea.disabled,
button[disabled], button.disabled,
.btn.disabled {
  color: #929292;
  background-color: #efefef;
  cursor: not-allowed;
}
select {
  padding-right: 2em;
  background-color: #fdfdfd;
  background-image: url(../images/icons/select-arrow.svg) !important;
  background-size: .85em !important;
  background-position: right .5rem center !important;
  background-repeat: no-repeat !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
textarea { resize: vertical; }
input:not([type="checkbox"]):not([type="radio"]):hover, .input:hover, select:hover, textarea:hover, .btn:hover {
  border-color: #c5c5c5;
}
button:hover, .btn:hover { box-shadow: inset 0 0 0 1px rgba(20,11,47,0.225), 0 1px 2px -2px rgba(0,0,0,0.1), 0 2px 3px rgba(0, 0, 0, 0.12); }
input:not([type="checkbox"]):not([type="radio"]):focus, .input:focus, select:focus, textarea:focus {
  border-color: #c5c5c5;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:focus, .btn:focus { box-shadow: inset 0 0 0 1px rgba(20,11,47,0.3), 0 1px 2px -2px rgba(0,0,0,0.3), 0 2px 3px rgba(0, 0, 0, 0.15); }
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 1em;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: white;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-size: .5em;
  background-position: center;
  background-repeat: no-repeat;
}
input[type="checkbox"]:hover {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.05);
}
input[type="checkbox"]:checked {
  background-image: url("../images/icons/state-checked.svg");
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.05);
}
input[type="checkbox"].input-primary:checked {
  background-color: #0747a6;
  background-image: url("../images/icons/state-checked-white.svg");
}
input[type="checkbox"].input-light-black:checked {
  background-color: #2e3033;
  background-image: url("../images/icons/state-checked-white.svg");
}
input[type="checkbox"].input-dark-gray:checked {
  background-color: #47484a;
  background-image: url("../images/icons/state-checked-white.svg");
}
input[type="checkbox"] + label {
  display: inline-block !important;
  width: auto !important;
  margin-bottom: 0;
  vertical-align: text-top;
  margin-left: .3em;
  font-size: .9em;
  margin-top: .05em;
}
.input-group {
  display: block;
  width: 100%;
  position: relative;
}
.input-group:not(:last-child) { margin-bottom: .5em; }
.input-group > input:not([type="checkbox"]):not([type="radio"]),
.input-group > .input,
.input-group > select,
.input-group > button,
.input-group > textarea { display: block; width: 100%; }
.input-group.is-search > input:not([type="checkbox"]):not([type="radio"]) {
  padding-left: 2.25em;
  background-image: url(../images/icons/search.svg);
  background-size: 1em;
  background-position: .65em center;
  background-repeat: no-repeat;
}
label {
  display: block;
  width: 100%;
  margin-bottom: .5em;
  font-size: .9em;
  color: #29292b;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
label.is-required::after {
  content: "*";
  display: inline-block;
  margin-left: .2em;
  font-weight: bold;
  color: #ec4444;
}
hr {
  display: block;
  border: none;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}
.grid { margin: -10px !important; }
[class*="col-"] { padding: 10px; }
.grid.grid-narrow { margin: -7.5px !important; }
.grid.grid-narrow [class*="col-"] { padding: 7.5px; }
.pt-0 { padding-top: 0 !important; }
.pt-025 { padding-top: 0.25em !important; }
.pt-05 { padding-top: 0.5em !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pl-2 { padding-left: 2em !important; }
.pr-0 { padding-right: 0 !important; }
.pr-2 { padding-right: 2em !important; }
.mt-0 { margin-top: 0 !important; }
.mt-05 { margin-top: 0.5em !important; }
.mt-1 { margin-top: 1em !important; }
.mt-15 { margin-top: 1.5em !important; }
.mt-2 { margin-top: 2em !important; }
.mt-3 { margin-top: 3em !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-05 { margin-bottom: 0.5em !important; }
.mb-1 { margin-bottom: 1em !important; }
.mb-15 { margin-bottom: 1.5em !important; }
.mb-2 { margin-bottom: 2em !important; }
.mb-3 { margin-bottom: 3em !important; }
.ml-0 { margin-left: 0 !important; }
.ml-025 { margin-left: .25em !important; }
.ml-05 { margin-left: .5em !important; }
.ml-075 { margin-left: .75em !important; }
.ml-1 { margin-left: 1em !important; }
.ml-2 { margin-left: 2em !important; }
.ml-3 { margin-left: 3em !important; }
.mr-025 { margin-right: .25em !important; }
.mr-05 { margin-right: .5em !important; }
.ml-075 { margin-right: .75em !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 1em !important; }
.mr-2 { margin-right: 2em !important; }
.mr-3 { margin-right: 3em !important; }
.tag {
  display: inline-block;
  font-size: .75em;
  padding: .3em .35em;
  border-radius: .2em;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  vertical-align: text-top;
}
/* ==[ STYLE RESET END ]== */

/* ==[ GENERAL STYLES ]== */
.btn-bigger { padding: .6em .65em; }
.btn-transparent {
  background-color: transparent !important;
  box-shadow: none !important;
}
.btn-primary {
  background-color: #0747a6;
  color: white;
}
.btn-primary:not([disabled]):not(.disabled):hover {
  background-color: #0951bc;
  box-shadow: inset 0 0 0 1px rgba(20,11,47,0.15), 0 2px 5px -2px rgba(0,0,0,0.15), 0 2px 5px rgba(0, 0, 0, 0.17);
}
.btn-red {
  background-color: #ec4444;
  color: white;
}
.btn-red:not([disabled]):not(.disabled):hover {
  background-color: #f24848;
  box-shadow: inset 0 0 0 1px rgba(20,11,47,0.15), 0 2px 5px -2px rgba(0,0,0,0.15), 0 2px 5px rgba(242, 72, 72,.3);
}

.layout-modal {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fbfbfb;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(20,11,47,0.15), 0 2px 5px -2px rgba(0,0,0,0.15);
  transition: .2s box-shadow ease-in-out;
}
.layout-modal:hover { box-shadow: 0 0 0 1px rgba(20,11,47,0.2), 0 2px 7px -2px rgba(0,0,0,0.2); }

.layout-card, .layout-modal {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fbfbfb;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(20,11,47,0.15), 0 2px 5px -2px rgba(0,0,0,0.15);
  transition: .2s box-shadow ease-in-out;
}
.layout-card:hover, .layout-modal:hover { box-shadow: 0 0 0 1px rgba(20,11,47,0.2), 0 2px 7px -2px rgba(0,0,0,0.2); }
.layout-card-header, .layout-modal-header {
  display: flex;
  position: relative;
  width: 100%;
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(20,11,47,0.15);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
}
.layout-card-header-title, .layout-modal-header-title {
  display: block;
  position: relative;
  padding: .5em .75em;
  font-size: 1em;
  color: #14171a;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  flex: 0 1 auto;
}
.layout-modal-header-title { padding: .6em .75em; }
.layout-card-header-title span, .layout-modal-header-title span {
  display: block;
  position: relative;
  font-size: 1em;
  color: #14171a;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.layout-card-header-title .layout-card-header-sub-title, .layout-card-header-title .layout-card-header-sub-title {
  font-size: .8em;
  color: #47484a;
  margin-top: .25em;
}
.layout-card-header-action, .layout-modal-header-action {
  display: block;
  position: relative;
  padding: .5em .5em;
  text-decoration: none;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .8em;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(20,11,47,0.225), 0 1px 5px -2px rgba(0,0,0,0.15);
  border-radius: 3px;
  margin: .4em;
  cursor: pointer;
}
.layout-card-header-status, .layout-modal-header-action-close {
  display: block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: .2em;
}
.layout-card-header-status {
  background-image: url(../images/icons/loader.svg);
  background-size: .95em;
}
.layout-modal-header-action-close {
  background-image: url(../images/icons/action-close.svg);
  background-size: .95em;
  opacity: .6;
  transition: .2s opacity ease-in-out;
  background-color: transparent;
  box-shadow: none;
  margin-right: .5em;
}
.layout-modal-header-action-close:hover { opacity: .8; }
.layout-card-more-submenu-toggle {
  display: block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icons/more-dots-vertical.svg);
  background-size: .8em;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: .6;
  transition: .2s opacity ease-in-out;
}
.layout-card-more-submenu-toggle:hover { opacity: .8; }
.layout-card-header-action.only-icon, .layout-modal-header-action.only-icon {
  height: 1.85em;
  width: 1.85em;
  text-indent: 2em;
  white-space: nowrap;
  overflow: hidden;
  background-size: .8em;
  background-position: center;
  background-repeat: no-repeat;
}
.layout-card-header-action.only-text, .layout-modal-header-action.only-text {
  background-color: transparent;
  box-shadow: none;
  color: #0747a6;
}
.layout-card-header-action.only-text:hover, .layout-modal-header-action.only-text:hover { color: #275cce; }
.layout-card-status-subheader, .layout-modal-status-subheader {
  display: flex;
  position: relative;
  width: 100%;
  padding: .5em .75em;
  background-color: #f5f5f5;
  box-shadow: inset 0 1px 0 0 rgba(20,11,47,0.15), inset 0 -1px 0 0 rgba(20,11,47,0.15);
  z-index: 4;
  color: #47484a;
  justify-content: flex-start;
  align-items: center;
}
.layout-card-status-subheader.is-primary, .layout-modal-status-subheader.is-primary {
  background-color: #eef0f3;
  color: #0747a6;
  box-shadow: inset 0 1px 0 0 rgba(7, 71, 166, 0.29), inset 0 -1px 0 0 rgba(7, 71, 166, 0.29);
}
.layout-card-status-subheader.is-error, .layout-modal-status-subheader.is-error {
  background-color: #fcebeb;
  color: #ec4444;
  box-shadow: inset 0 1px 0 0 rgba(233, 20, 20, 0.29), inset 0 -1px 0 0 rgba(233, 20, 20, 0.29);
}
.layout-card-status-subheader.is-warning, .layout-modal-status-subheader.is-warning {
  background-color: #fff7ed;
  color: #e98200;
  box-shadow: inset 0 1px 0 0 rgba(249, 163, 53, .6), inset 0 -1px 0 0 rgba(249, 163, 53, .6);
}
.layout-card-status-subheader > p, .layout-modal-status-subheader > p {
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .825em;
}
.layout-card-status-subheader > img, .layout-modal-status-subheader > img {
  display: block;
  width: 1em;
  height: 1em;
  margin-right: .5em;
}
.layout-card-body, .layout-modal-body {
  display: block;
  position: relative;
  width: 100%;
  padding: .75em;
  color: #47484a;
  background-color: #fbfbfb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 1;
}
.layout-card-body.is-scrollable-y, .layout-modal-body.is-scrollable-y {
  overflow-y: auto;
  padding-bottom: 0;
}
.layout-card-body.is-scrollable-y::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: .75em;
  pointer-events: none;
}
.layout-modal-body { background-color: #f2f2f2; }
.layout-modal-body > p {
  font-size: .9em;
  line-height: 1.3em;
}
.layout-card.is-loading,
.layout-modal.is-loading {
  min-height: 100px;
}
.layout-card.is-loading .layout-card-body,
.layout-modal.is-loading .layout-modal-body {
  min-height: 100px;
}
.layout-card.is-loading .layout-card-body::before,
.layout-modal.is-loading .layout-modal-body::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: calc(100% - 1px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fbfbfbe6 url(../images/icons/loader.svg) no-repeat center;
  background-size: 1.5em;
  z-index: 10;
}
.layout-card-body > table {
  display: table;
  position: relative;
  border-collapse: collapse;
  width: calc(100% + .5em);
  margin: -.25em;
}
.layout-card-body > table td {
  padding: .5em .25em;
}
.layout-card-body > table tr:first-of-type td { padding-top: .25em; }
.layout-card-body > table tr:last-of-type td { padding-bottom: .25em; }
.layout-card-body > table tr:not(:last-of-type) td { border-bottom: 1px solid #d7d7d7; }
.layout-card-actions, .layout-modal-actions {
  display: flex;
  position: relative;
  width: 100%;
  padding: .5em .75em;
  background-color: #fbfbfb;
  box-shadow: 0 -1px 0 0 rgba(20,11,47,0.15);
  z-index: 2;
  color: #47484a;
  justify-content: space-between;
  align-items: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.layout-card-body-status,
.layout-modal-body-status {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: .75em 0;
}
.layout-card-body-status > img,
.layout-modal-body-status > img {
  display: block;
  width: 1.25em;
  margin-bottom: .5em;
}
.layout-card-body-status > h1,
.layout-modal-body-status > h1 {
  max-width: 100%;
  text-align: center;
  line-height: 1.1em;
  font-size: .95em;
  color: #2e3033;
  margin-bottom: .25em;
}
.layout-card-body-status > p,
.layout-modal-body-status > p {
  display: block;
  margin-top: .25em;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .8em;
  color: #8a8a8a;
  text-align: center;
}
.layout-card-body-status > button,
.layout-modal-body-status > button {
  margin-top: 1em;
  font-size: .75em;
}

.layout-container {
  display: block;
  position: relative;
  width: calc(100% - 3em);
  max-width: 1300px;
  margin: 0 auto;
}
.layout-container-narrow { max-width: 975px; }
.layout-container.with-sidebar {
  display: flex;
  position: relative;
  align-items: flex-start;
}
.layout-container-main {
  display: block;
  position: relative;
  width: calc(100% - 250px);
  flex: 1 1 auto;
}
.layout-container-sidebar {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: calc(60px + 1em);
  width: 250px;
  flex: 0 0 auto;
  margin-left: 2em;
}

.layout-sidebar-card {
  padding: .75em;
  background-color: #fff;
}
.layout-sidebar-card:not(:last-of-type) { margin-bottom: 1em; }
.layout-sidebar-card > h1 {
  font-size: .925em;
  margin-bottom: .3em;
  color: #3b3f44;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}
.layout-sidebar-card .input-group {
  display: block;
  position: relative;
  width: 100%;
  margin: .5em 0;
}
.layout-sidebar-card .input-group:last-child { margin-bottom: 0; }
.layout-sidebar-card-action {
  display: block;
  position: absolute;
  top: .75em;
  right: .75em;
  width: 1em;
  height: 1em;
  opacity: .5;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  transition: .2s opacity ease-in-out;
}
.layout-sidebar-card-action:hover { opacity: 1; }
.layout-sidebar-card-action > img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout-sidebar-card > hr { margin: .75em 0; }
.layout-sidebar-card > hr + ul { margin-top: -.5em; }
.layout-sidebar-card > button { display: block; width: 100%; }
.layout-sidebar-card > ul {
  display: block;
  position: relative;
  width: 100%;
  list-style: none;
  font-size: .9em;
  margin-bottom: -.4em;
}
.layout-sidebar-card > ul li {
  display: flex;
  position: relative;
  width: calc(100% + .5em);
  padding: .4em .25em;
  margin: 0 -.25em;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: 3px;
  cursor: pointer;
  /*
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  */
}
.layout-sidebar-card > ul li > img {
  display: block;
  width: .925em;
  height: .925em;
  margin-right: .5em;
}
.layout-sidebar-card > ul li > span {
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  color: #2e3033;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  flex: 1 1 auto;
  transition: .2s margin ease-in-out;
}
.layout-sidebar-card > ul li:hover > span { margin-left: .15em; }
.layout-sidebar-card > ul li > .sidebar-card-submenu {
  display: block;
  position: relative;
  width: calc(100% + 1.5em);
  flex: 0 0 auto;
  margin: .75em -.75em 0;
  padding: .75em;
  border: solid #d5d5d5;
  border-width: 1px 0;
  background-color: #f6f6f6;
  cursor: initial;
  box-shadow: inset 0 3px 4px -3px rgba(0,0,0,.125), inset 0 -3px 3px -3px rgba(0,0,0,.025);
}

.layout-sidebar-nav {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;
  height: 100vh;
  padding: .5em 0;
  background-color: #0747a6;
  box-shadow: inset -1px 0 0 0 rgba(20,11,47,0.15);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  z-index: 20;
  overflow: hidden;
}
.layout-sidebar-nav .layout-sidebar-nav-top > a {
  display: block;
  position: relative;
  width: 42px;
  height: 42px;
  margin: 7px 0;
  cursor: pointer;
  background-size: 21px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  color: rgb(222, 235, 255);
  background-color: rgb(7, 71, 166);
  fill: rgb(7, 71, 166);
}
.layout-sidebar-nav .layout-sidebar-nav-top > a:hover {
  background-color: rgba(9, 30, 66, 0.42);
}
.layout-sidebar-nav .layout-sidebar-nav-top > a:not(.logo):not(.router-link-active) {
  opacity: .7;
}
.layout-sidebar-nav .layout-sidebar-nav-top > .logo {
  background-image: url(../images/nav-icons/nav-logo.svg) !important;
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 2rem;
}
.layout-sidebar-nav .layout-sidebar-nav-top > a:not(.logo).router-link-active::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 3.25px);
  right: -12px;
  width: 7.5px;
  height: 7.5px;
  background-color: #f0f2f3;
  transform: rotate(45deg);
  pointer-events: none;
}
.layout-sidebar-nav .layout-sidebar-nav-top > a[href="#/"] { background-image: url(../images/nav-icons/nav-dashboard.svg); }
.layout-sidebar-nav .layout-sidebar-nav-top > a[href^="#/application-phases"] { background-image: url(../images/nav-icons/nav-applicants.svg); }
.layout-sidebar-nav .layout-sidebar-nav-top > a[href^="#/documents"] { background-image: url(../images/nav-icons/nav-documents.svg); }
.layout-sidebar-nav .layout-sidebar-nav-top > a[href^="#/messages"] { background-image: url(../images/nav-icons/nav-messages.svg); }
.layout-sidebar-nav .layout-sidebar-nav-top > a[href^="#/settings"] { background-image: url(../images/nav-icons/nav-settings.svg); }
.layout-sidebar-nav-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: .5em 0;
}
.layout-sidebar-nav .layout-sidebar-nav-user-submenu-toggle {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-size: 21px;
  border-radius: 50%;
  color: rgb(222, 235, 255);
  background: rgb(7, 71, 166) no-repeat center;
  fill: rgb(7, 71, 166);
  border: 2px solid white;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}
.layout-sidebar-nav .layout-sidebar-nav-user-submenu-toggle:hover,
.v-popover.open > .trigger > .layout-sidebar-nav-user-submenu-toggle {
  box-shadow: 0 0 0 3px rgba(9, 30, 66, 0.42);
}
.layout-sidebar-nav .layout-sidebar-nav-user-submenu-toggle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: 2;
  border-radius: 50%;
}
.layout-sidebar-nav .layout-sidebar-nav-user-submenu-toggle > img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(9, 30, 66, 0.42);
  text-indent: -10em;
}

.layout-main-wrapper {
  display: flex;
  position: relative;
  width: calc(100% - 60px);
  min-height: 100vh;
  margin-left: 60px;
  background-color: #f5f5f5;
  padding-top: 60px;
  z-index: 5;
}

.layout-header-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 0;
  left: 60px;
  width: calc(100% - 60px);
  height: 60px;
  background-color: white;
  box-shadow: 0 1px 0 0 rgba(20,11,47,0.1);
  padding: 0 1.5em;
  z-index: 10;
  flex: 0 0 auto;
}
.layout-header-wrapper > h1 {
  display: block;
  position: relative;
  margin: 0;
  font-size: 1.2em;
}

#layout-router-view-wrapper {
  display: block;
  position: relative;
  width: 100%;
  flex: 1 1 auto;
}
#layout-router-view-wrapper::after { opacity: .01; }

.layout-status-card {
  padding: 1em;
  max-width: 500px;
  margin: 0 auto;
}
.layout-status-card.is-loading {
  min-height: auto;
}
.layout-status-card.layout-status-card-small { padding: .75em; }
.layout-status-card.layout-status-card-smaller { padding: .75em; }
.layout-status-card > h1 {
  display: block;
  position: relative;
  font-size: 1.1em;
  line-height: 1.25em;
  margin-bottom: 0;
}
.layout-status-card.layout-status-card-small > h1 { font-size: 1em; }
.layout-status-card.layout-status-card-smaller > h1 { font-size: .95em; }
.layout-status-card > hr { margin-top: .8em; margin-bottom: .75em; }
.layout-status-card > p {
  color: #47484a;
  line-height: 1.3em;
  font-size: .95em;
  margin-top: .75em;
}
.layout-status-card.layout-status-card-small > p {
   font-size: .9em;
 }
.layout-status-card.layout-status-card-smaller > p { font-size: .85em; }
.layout-status-card > button {
  margin-top: 1em;
}
.layout-status-card.is-error > h1,
.layout-status-card.is-warning > h1,
.layout-status-card.is-success > h1,
.layout-status-card.is-loading > h1,
.layout-status-card-load-more > h1 {
  padding-left: 1.75em;
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
}
.layout-status-card.is-error > h1 { background-image: url(../images/icons/status-error.svg); }
.layout-status-card.is-warning > h1 { background-image: url(../images/icons/status-warning.svg); }
.layout-status-card.is-success > h1 { background-image: url(../images/icons/status-success.svg); }
.layout-status-card.is-loading > h1 { background-image: url(../images/icons/loader.svg); margin: 0; }
.layout-status-card-load-more > h1 {
  background-image: url(../images/icons/accordion-open.svg);
  background-size: .8em;
  padding-left: 1.4em;
}
.layout-status-card-load-more {
  cursor: pointer;
}

.layout-view-subheader {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fbfbfb;
  border-bottom: 1px solid rgba(20,11,47,0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}
.layout-view-subheader > .layout-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding-top: 1.75em;
  height: 100%;
}

.layout-tab-nav {
  display: block;
  position: relative;
  list-style: none;
}
.layout-tab-nav a {
  color: inherit;
  text-decoration: none;
}
.layout-tab-nav li {
  display: inline-block;
  padding: .5em 0;
  line-height: 1.2em;
  border-bottom: 2px solid transparent;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  color: #3b3f44;
  font-size: .95em;
}
.layout-tab-nav a:not(:last-child) li { margin-right: 1em; }
.layout-tab-nav a.router-link-exact-active > li { border-bottom-color: #3b3f44; }
/* ==[ GENERAL LAYOUT STYLES END ]== */

/* ==[ VIEW: LOGIN STYLES ]== */
#login-view {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f0f2f3;
  justify-content: center;
  align-items: center;
}
.login-form-wrapper {
  display: block;
  position: relative;
  max-width: 275px;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(20,11,47,0.15), 0 2px 5px -2px rgba(0,0,0,0.15), 0 10px 25px #e5e7e8;
  border-radius: 3px;
  padding: .75em;
}
.login-form-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: .75em;
  border-bottom: 1px solid rgba(20,11,47,0.15);
  margin-bottom: 1em;
  margin-top: .15em;
}
.login-form-logo {
  display: block;
  width: 2.25em;
  margin-right: .6em;
  flex: 0 0 auto;
}
.login-form-header > h1 {
  display: block;
  position: relative;
  margin: 0;
  font-size: 1.05em;
  flex: 1 1 auto;
}
.login-form-status {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: .7em;
}
.login-form-status h1 {
  font-size: .975em;
  margin-bottom: .5em;
}
.login-form-status > p {
  font-size: .84em;
  line-height: 1.3em;
}
.login-form-actions {
  display: flex;
  position: relative;
  width: 100%;
  margin-top: .75em;
  justify-content: flex-end;
  align-items: center;
}
/* ==[ VIEW: LOGIN STYLES END ]== */

/* ==[ MISCELLANEOUS STYLES ]== */
.tooltip {
  display: block !important;
  z-index: 20;
}
.tooltip .tooltip-inner {
  background: rgba(20, 23, 26, .9);
  color: #fff;
  padding: 6px;
  border-radius: 3px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  max-width: 250px;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: rgba(20, 23, 26, .9);
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 4px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 4px 4px 0 4px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -4px;
  left: calc(50% - 4px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 4px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 4px 4px 4px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -4px;
  left: calc(50% - 4px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"] {
  margin-left: 4px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 4px 4px 4px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -4px;
  top: calc(50% - 4px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^="left"] {
  margin-right: 4px;
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 4px 0 4px 4px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -3px;
  top: calc(50% - 3px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}
.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}
.tooltip.nav-tooltip .tooltip-inner { padding: 7.5px; font-size: 13px; }
.tooltip.nav-tooltip[x-placement^="right"] {
  margin-left: 6px;
}
.tooltip.nav-tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  left: -5px;
  top: calc(50% - 5px);
}
.popover .popover-inner {
  background-color: white;
  color: #14171a;
  box-shadow: 0 0 0 1px rgba(20, 11, 47, 0.2), 0 2px 7.5px -2px rgba(0, 0, 0, 0.33);
}
.popover .popover-arrow { border: none; }
.popover .popover-arrow::before {
  content: "";
  position: absolute;
  border-color: #fff;
  margin-left: 0;
  margin-right: 0;
  border-style: solid;
  z-index: 1;
}
.popover[x-placement^="top"] .popover-arrow::before {
  left: -3px;
  bottom: 0;
  border-width: 4px 4px 0 4px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover[x-placement^="bottom"] .popover-arrow::before {
  left: -3px;
  top: 0;
  border-width: 0 4px 4px 4px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.popover[x-placement^="right"] .popover-arrow::before {
  left: 1px;
  top: 1px;
  border-width: 4px 4px 4px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover[x-placement^="left"] .popover-arrow::before {
  right: 0;
  top: 1px;
  border-width: 4px 0 4px 4px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover .popover-arrow::after {
  content: "";
  position: absolute;
  border-width: 5px 0 5px 5px;
  margin-left: 0;
  margin-right: 0;
  border-style: solid;
  border-color: rgb(179, 179, 179);
  z-index: 0;
}
.popover[x-placement^="top"] .popover-arrow::after {
  left: -4px;
  bottom: -1px;
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover[x-placement^="bottom"] .popover-arrow::after {
  left: -4px;
  top: -1px;
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.popover[x-placement^="right"] .popover-arrow::after {
  left: -1px;
  top: 0;
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover[x-placement^="left"] .popover-arrow::after {
  right: -2px;
  top: 0;
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}
.popover-inner-status {
  display: flex;
  position: relative;
  width: 100%;
  padding: .5em .5em;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.popover-inner-status > img {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5em;
  flex: 0 0 auto;
}
.popover-inner-status > h1 {
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
  color: #2e3033;
  margin: 0;
}
.popover-inner-status:not(.is-loading) > h1 {
  display: block;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  white-space: initial;
  overflow: initial;
  text-overflow: initial;
  text-align: center;
  line-height: 1.2em;
  margin-top: .3em;
  font-size: 1.1em;
}
.popover-inner-status > p {
  display: block;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  text-align: center;
  margin-top: .3em;
  color: #6b6b6b;
}
.popover.actions-popover ul,
.popover.add-meta-value-popover ul {
  display: block;
  position: relative;
  list-style: none;
  font-size: 1.1em;
  margin: -6px;
}
.popover.actions-popover ul > li,
.popover.add-meta-value-popover ul > li {
  display: flex;
  width: 100%;
  padding: .6em .5em;
  justify-content: flex-start;
  align-items: center;
  color: #2e3033;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popover.add-meta-value-popover ul > li { padding: .65em .75em; }
.popover.actions-popover ul > li:not(.separator):not(:last-of-type),
.popover.add-meta-value-popover ul > li:not(.separator):not(:last-of-type) { box-shadow: 0 1px 0 0 rgba(0,0,0,0.1); }
.popover.actions-popover ul > li:not(.separator):hover,
.popover.add-meta-value-popover ul > li:not(.separator):hover { background-color: rgba(41, 44, 50, 0.03); }
.popover.actions-popover ul > li.separator,
.popover.add-meta-value-popover ul > li.separator {
  display: block;
  width: 100%;
  height: 1px;
  padding: 0;
  justify-content: initial;
  align-items: initial;
  cursor: initial;
  background-color: rgba(0,0,0,0.1);
}
.popover.actions-popover ul > li > img,
.popover.add-meta-value-popover ul > li > img {
  display: block;
  width: 1em;
  height: 1em;
  margin-right: .5em;
}
.popover.auth-user-popover .popover-inner {
  padding: .75em;
  min-width: 150px;
}
.popover.auth-user-popover .popover-inner h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 1.25em;
  margin-bottom: 0;
  color: #151617;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
}
.popover.auth-user-popover .popover-inner h2 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 1em;
  margin-bottom: 0;
  color: #636569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1em;
  margin-top: .1em;
}
.popover.auth-user-popover .popover-inner .btn {
  margin-top: .85em;
  display: block;
  font-size: 1em;
}
.v--modal-overlay {
  background: rgba(0, 0, 0, 0.45) !important;
  /* background: radial-gradient(ellipse at center, rgba(57, 57, 57, 0.6) 0%,rgba(0, 0, 0, 0.67) 100%); */
}
.world-backdrop::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/world-backdrop.svg) no-repeat center;
  background-size: 1920px;
  z-index: -1;
  opacity: .025;
}
.VueTables {
  display: block;
  position: relative;
  width: 100%;
}
.VueTables__table {
  display: table;
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-radius: 3px;
  line-height: 1.1em;
  border: 1px solid #d6d6d6;
  color: #53575d;
  text-decoration: none;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .9em;
}
.VueTables__table td, .VueTables__table th {
  position: relative;
  border: 1px solid #d6d6d6;
  padding: .25em;
}
.VueTables__table th {
  color: #29292b;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  cursor: pointer;
}
.VueTables .row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  position: relative;
  letter-spacing: -.31em;
  word-spacing: -.43em;
  list-style-type: none;
  margin: -10px;
}
.VueTables .row.col-md-12 {
  margin: 0;
  padding: 0;
}
.VueTables .row.col-md-12 > .text-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.VueTables .row .col-md-12 {
  display: flex;
  align-items: flex-start;
}
.VueTables .row .col-md-12 .form-group:not(:last-child) {
  margin-right: .5em;
}
.VueTables .table-responsive {
  display: block;
  position: relative;
  width: 100%;
  margin: .75em 0;
}
.VueTables__sort-icon {
  display: none;
  position: relative;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-left: .25em;
  background-size: .6em;
  background-position: center;
  background-repeat: no-repeat;
}
.VueTables__sort-icon.glyphicon-chevron-up {
  display: inline-block;
  background-image: url(../images/icons/action-down.svg);
}
.VueTables__sort-icon.glyphicon-chevron-down {
  display: inline-block;
  background-image: url(../images/icons/action-up.svg);
}
.VueTables__highlight b {
  font-weight: inherit;
  background-color: rgba(7, 71, 166, .15);
  color: #0747a6;
}
.VuePagination__pagination {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: .5em;
}
.VuePagination__pagination > li {
  list-style: none;
  margin: 0 .25em;
  letter-spacing: 0;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .8em;
  font-weight: 600;
}
.VuePagination__count {
  display: block;
  position: relative;
  width: 100%;
  font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .7em;
  font-weight: 600;
  color: #9e9e9e;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 1.2em;
  padding: 0;
  text-align: center;
  justify-content: center;
}
/* ==[ MISCELLANEOUS STYLES END ]== */

/* ==[ DOCUMENT EDITOR STYLES ]== */
#view-documents-new .layout-container { margin-top: 2em; }
.document-editor-container {
  display: block;
  position: relative;
  width: 100%;
}
.document-editor-container .layout-card-body-status {
  padding: 1.5em 3em;
}
.document-editor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
}
.document-editor-toolbar {
  display: block;
  position: relative;
  flex: 0 1 auto;
}
.document-editor-toolbar .ql-header {
  padding: .375em .5em;
  padding-right: 1.5em;
}
.document-editor-preview-toggle {
  display: block;
  position: relative;
  flex: 0 0 auto;
}
.document-editor-container.show-preview .document-editor-elem { display: none; }
.document-editor-container:not(.show-preview) .document-editor-preview { display: none; }
.document-editor-elem-document-header,
.document-editor-elem-document-footer {
  display: block;
  position: relative;
  width: 100%;
  height: 4em;
  background: repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 10px, white 10px, white 20px);
  flex: 0 0 auto;
}
.document-editor-elem-document-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.document-editor-elem-document-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.document-editor-elem-document-header::before,
.document-editor-elem-document-footer::before {
  display: block;
  position: absolute;
  width: 100%;
  line-height: 4.2em;
  text-align: center;
  color: #828487;
  font-family: 'Circular', 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: .95em;
}
.document-editor-elem-document-header::before { content: "Dokument-Kopfzeile"; }
.document-editor-elem-document-footer::before { content: "Dokument-Fußzeile"; }
.document-editor-elem-quill {
  border: 2px solid #dedede;
  border-width: 2px 0;
  border-style: dashed;
  height: auto;
  flex: 1 1 auto;
  color: #14171a;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.document-editor-elem-quill h1,
.document-editor-elem-quill h2,
.document-editor-elem-quill h3,
.document-editor-elem-quill h4,
.document-editor-elem-quill h5,
.document-editor-elem-quill h6 {
  margin-bottom: 1em;
  color: inherit;
  font-family: inherit;
  font-weight: 600;
}
.document-editor-elem-quill p {
  line-height: 1.4em;
}
.document-editor-elem-quill img {
  max-width: 100%;
}
.document-editor-preview > object {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  border-radius: 4px;
}
/* ==[ DOCUMENT EDITOR STYLES END ]== */