:root {
  --primary-text-color: #232323;
  --secondary-text-color: #3d3d3d;
  --secondary-header-color: #6f6f6f;
  --secondary-background-color: #f0f2f5;
  --navbar-link-color: #194b73;
  --white: 255, 255, 255;
  --white-color: rgb(var(--white));
  --black: 0, 0, 0;
  --black-color: rgb(var(--black));
  --gray-color-100: #f7f9fa;
  --gray-color-200: #f1f4f7;
  --gray-color-300: #dde1e5;
  --gray-color-400: #ced4da;
  --gray-color-500: #b8b8b8;
  --gray-color-600: #aaa;
  --gray-color-700: #999;
  --gray-color-800: #757B81;
  --gray-color-900: #555555;
  --gray-color-1000: #383838;
  --secondary-button-text-color: #656565;
  --secondary-button-disabled-color: #e7e9eb;
  --secondary-button-active-color: #edeef0;
  --primary-button-background-color: #0b7cc5;
  --info-primary-color: #E9F2FF;
  --error-primary-color: #FFECEB;
  --warning-primary-color: #FFF7D6;
  --success-primary-color: #E3FCEF;
  --discovery-primary-color: #F3F0FF;
}
html[data-color-mode="dark"][data-theme~="dark:dark"] {
  --primary-text-color: #C7D1DB;
  --secondary-text-color: #9FADBC;
  --secondary-header-color: #909090;
  --secondary-background-color: #101214;
  --navbar-link-color: #4184e3;
  --white: 22, 26, 29;
  --white-color: rgb(var(--white));
  --black: 225, 225, 225;
  --black-color: rgb(var(--black));
  --gray-color-100: #28313a;
  --gray-color-200: #202b36;
  --gray-color-300: #383838;
  --gray-color-400: #474747;
  --gray-color-500: #555;
  --gray-color-600: #656565;
  --gray-color-700: #7e848a;
  --gray-color-800: #999;
  --gray-color-900: #aaa;
  --gray-color-1000: #c7c7c7;
  --secondary-button-text-color: #9a9a9a;
  --secondary-button-disabled-color: #141414;
  --secondary-button-active-color: #12110f;
  --primary-button-background-color: #5a96e9;
  --info-primary-color: #20393e;
  --error-primary-color: #3d3837;
  --warning-primary-color: #484640;
  --success-primary-color: #404440;
  --discovery-primary-color: #291f45;
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growRight {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
/* ---------- Chat ---------- */
.chat-window .chat-info {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  color: var(--gray-color-900);
}
.chat-window .chat-info:hover {
  background-color: var(--gray-color-200);
}
.chat-window > div {
  background: var(--white-color);
}
.chat-window .chat-content {
  border-left: 1px solid var(--gray-color-400);
  border-right: 1px solid var(--gray-color-400);
}
.chat-window .chat-content .chat-header {
  border-top: 1px solid var(--gray-color-400);
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
}
.chat-window .chat-content .chat-header a,
.chat-window .chat-content .chat-header .dropdown-toggle {
  color: var(--gray-color-900);
}
.chat-window .chat-content .chat-body .ace-message-info .ace-time {
  color: var(--gray-color-700);
}
.chat-window .chat-content .chat-body .ace-chat-row:hover {
  background-color: var(--gray-color-100);
}
.chat-window .chat-content .chat-footer {
  border-top: 1px solid var(--gray-color-400);
  border-bottom: 1px solid var(--gray-color-400);
}
.chat-window.chatroom-list .chat-content {
  border-bottom: 1px solid var(--gray-color-400);
}
.chat-window.small .search-box {
  border-bottom: 1px solid var(--gray-color-400);
}
.chat-window.scribe .chat-sub-footer {
  background-color: var(--gray-color-200);
  border-top: 1px solid var(--gray-color-400);
}
.ace-time-break .ace-date-time {
  background: var(--white-color);
}
.line-break {
  border-top: 1px solid var(--gray-color-300);
}
/* ---------- Workflow / Metrics ---------- */
/* ---- Basic ---- */
.wsf-content-wrapper {
  background-color: var(--white-color);
}
.wsf-info {
  background-color: var(--gray-color-100);
}
.open .wsf-widget-hide,
.open > .wsf-info {
  background-color: var(--gray-color-200);
  border-color: var(--gray-color-400);
}
.wsf-border {
  border: 1px solid var(--gray-color-400);
}
.condition-widget.metrics-operator.open > .wsf-info,
.condition-widget.no-search.open > .wsf-info {
  background-color: var(--gray-color-100) !important;
}
.condition-widget.open {
  background-color: var(--gray-color-200);
}
.condition-widget.open .wsf-content-wrapper.wsf-border > .wsf-content-search {
  background-color: var(--gray-color-200);
  border-bottom: 1px solid var(--gray-color-400);
}
.wsf-item-list:hover {
  background-color: var(--gray-color-200);
}
.adys-widget {
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
}
.adys-widget.open {
  background-color: var(--gray-color-200);
}
.adys-toggle-view .adys-search-list {
  background-color: var(--white-color);
}
.adys-toggle-view .adys-search {
  border-bottom: 1px solid var(--gray-color-400);
}
.adys-toggle-view-wrapper {
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
  border-top: none;
}
.item-selectable:hover,
.item-selectable.item-selected:hover {
  background-color: var(--gray-color-200) !important;
}
.adys-toggle-bar > span {
  color: var(--primary-text-color);
}
/* ---- Advanced ---- */
.metricsv2-container .metrics-filters .report-data,
.metricsv2-container .metrics-filters .report-data .report-data {
  background-color: var(--white-color);
}
.metricsv2-container .metrics-filters.tree {
  background-color: var(--white-color);
}
.metricsv2-container .condition-part {
  color: var(--primary-text-color);
}
.metricsv2-container .panel-custom-default > .panel-heading {
  color: var(--primary-text-color);
}
.metricsv2-container .report-data .table-search {
  background-color: var(--white-color);
}
.metricsv2-container .report-data .table-content {
  background-color: var(--white-color);
}
.metricsv2-container .group-label {
  color: var(--primary-text-color);
}
.metricsv2-container .tree li.condition:last-child:before {
  background: var(--white-color);
}
.metricsv2-container .tree-single-level li.simple-branch,
.metricsv2-container .tree li.simple-branch {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
}
.metricsv2-container .condition-field {
  box-sizing: border-box;
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.metricsv2-container .condition-field > a {
  color: var(--primary-text-color);
}
.metricsv2-container .condition-values .add-condition-value,
.metricsv2-container .condition-values .add-filter-condition-value,
.metricsv2-container .condition-values .add-selection-value,
.metricsv2-container .condition-values .current-user-link {
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  color: var(--primary-button-background-color);
}
.metricsv2-container .condition-values .add-condition-value i,
.metricsv2-container .condition-values .add-filter-condition-value i,
.metricsv2-container .condition-values .add-selection-value i,
.metricsv2-container .condition-values .current-user-link i {
  color: var(--primary-button-background-color);
}
.metricsv2-container .list-value {
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.metricsv2-container .list-value a {
  color: var(--primary-text-color);
}
.metricsv2-container .tree li.condition:last-child:before {
  background: var(--white-color);
}
.metricsv2-container .react-grid-layout {
  background-color: var(--white-color);
}
.metricsv2-container .react-grid-item {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
  height: auto !important;
}
.metricsv2-container .action-group i,
.metricsv2-container .drag-handler i,
.metricsv2-container .item-actions i {
  color: var(--gray-color-800);
}
.metricsv2-container .dash-row {
  background-color: var(--white-color);
  border: 1px dashed var(--gray-color-400);
}
.report-tabs {
  border-bottom: 1px solid var(--gray-color-400) !important;
  background-color: var(--white-color) !important;
}
.report-tabs > li.active > a,
.report-tabs > li.active a:focus,
.report-tabs > li.active a:hover,
.report-tabs > li > a:hover {
  border-bottom: 2px solid var(--primary-button-background-color) !important;
  color: var(--primary-button-background-color) !important;
}
.custom-modal .custom-modal-content {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
}
.custom-modal .custom-modal-footer,
.custom-modal .custom-modal-header {
  border-color: var(--gray-color-400);
}
.custom-modal .modal-header-text {
  color: var(--primary-text-color);
}
.custom-modal .custom-modal-header > .close {
  color: var(--black-color);
}
.custom-modal .picker-pagination {
  border-top: 1px solid var(--gray-color-400);
}
.custom-modal .picker-filters {
  border-bottom: 1px solid var(--gray-color-400);
}
.custom-modal .custom-pagination span {
  color: var(--primary-text-color);
}
.custom-modal .custom-pagination .page-jump {
  border: 1px solid var(--gray-color-400);
  color: var(--primary-text-color);
}
.custom-modal .input-group-text {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
  color: var(--primary-text-color);
}
.custom-modal .sidebar {
  background-color: var(--secondary-background-color);
  border-right: 1px solid var(--gray-color-400);
}
.half-size-width {
  border: 1px solid var(--gray-color-400) !important;
}
.custom-form-control {
  border: 1px solid var(--gray-color-400) !important;
  background-color: var(--gray-color-100) !important;
  color: var(--primary-text-color) !important;
}
.condition-part {
  color: var(--primary-text-color) !important;
}
.panel-custom-default > .panel-heading {
  color: var(--primary-text-color) !important;
}
.report-data.metrics-filters {
  background-color: var(--white-color) !important;
}
/* ---- Regulatory Profiles ---- */
.fda-app .documents {
  border-right-color: var(--gray-color-400);
}
.fda-app .documents > div {
  border-bottom-color: var(--gray-color-400);
}
.fda-app .document-wrapper.active {
  background-color: var(--gray-color-400);
}
.fda-app .cards {
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  box-shadow: 0 0 4px 0 rgba(var(--black), 0.08);
}
.fda-app div.divider {
  border-left: 1px solid var(--gray-color-400);
}
.fda-app .main-layout > .left-col {
  border-right: 1px solid var(--gray-color-400);
  border-left: 1px solid var(--gray-color-400);
}
.fda-app .page-header-title-sub,
.fda-app .company-info {
  color: var(--gray-color-900);
}
.fda-app .dark-background .page-content-wrapper .page-header {
  border-bottom: 1px solid var(--gray-color-400);
}
.fda-app .table-search > input.search-input {
  border-radius: 8px;
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
  color: var(--primary-text-color);
}
.fda-app .table-search tr {
  border-bottom: 1px solid var(--gray-color-400);
}
.fda-app .page-content-wrapper .page-header {
  border-bottom: 1px solid var(--gray-color-400);
}
.fda-app .custom-tabs {
  border-bottom: 1px solid var(--gray-color-400);
}
/* ---- Workspace Filter ---- */
#filters {
  color: var(--secondary-text-color);
}
#filters .wsf-border {
  border-color: var(--gray-color-400);
}
#filters #wsf-advanced input {
  margin-bottom: 8px;
  border: 1px solid var(--gray-color-400) !important;
}
#filters a {
  color: var(--gray-color-1000);
}
#filters .wsf-gear .wsf-item-list {
  border-left: 2px solid var(--white-color);
}
#filters .wsf-gear .wsf-item-list.wsf-item-list.selected {
  background-color: var(--white-color);
  border-left: 2px solid var(--gray-color-900);
}
#filters .wsf-gear.open .wsf-info {
  background-color: var(--secondary-background-color);
}
#filters .wsf-info .wsf-name {
  color: var(--gray-color-900);
}
#filters .wsf-widget .wsf-content-wrapper > .wsf-content-search {
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
}
#filters .wsf-widget.open .wsf-search-result .wsf-default-list,
#filters .wsf-widget.open .wsf-search-result .wsf-search-list {
  background-color: var(--white-color);
}
#filters .wsf-search-expansion {
  background-color: var(--white-color);
}
#filters .wsf-item-list.selected {
  background-color: var(--white-color);
  border-left: 2px solid var(--gray-color-900);
}
/* ---- Dynamic Workspace Filter ---- */
.standard-border {
  border: 1px solid var(--gray-color-400);
  border-radius: 0.5rem;
}
.filter-reset .filter-info {
  border-left: 1px solid var(--gray-color-400);
}
.dynamic-filter-widget {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
}
.dynamic-filter-widget .filter-info > i {
  font-size: 0.8rem;
}
.dynamic-filter-dropdown {
  background-color: var(--white-color);
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
}
.dynamic-filter-dropdown .search-box input[type=text] {
  background-color: var(--white-color);
  color: var(--secondary-text-color);
}
.dynamic-filter-dropdown .search-result .item .item-info .item-sub-info {
  color: var(--gray-color-700);
}
.dynamic-filter-dropdown .search-result .item:hover {
  border-left-color: var(--primary-button-background-color);
  background-color: var(--gray-color-200);
}
.dynamic-filter-dropdown > div {
  border-left: 1px solid var(--gray-color-400);
  border-right: 1px solid var(--gray-color-400);
}
.dynamic-filter-dropdown > div:first-child {
  border-top: 1px solid var(--gray-color-400);
}
.dynamic-filter-dropdown > div:last-child {
  border-bottom: 1px solid var(--gray-color-400);
}
.dynamic-filter-dropdown > div:not(:first-child) {
  border-top: 1px solid var(--gray-color-400);
}
.dynamic-filter .filter-mode .btn {
  background-color: var(--gray-color-100);
}
.dynamic-filter .filter-mode .btn.active {
  background-color: var(--info-primary-color);
}
.horizontal-separator {
  border-top: 1px solid var(--gray-color-400);
}
.get-more {
  border-top: 1px solid var(--gray-color-400);
}
.list-result .list-items .list-item {
  border: 1px solid var(--gray-color-400);
}
.dynamic-filter-widget.selected {
  border-color: var(--primary-button-background-color);
  background-color: var(--info-primary-color);
}
.dynamic-filter-widget.selected > .filter-info {
  color: var(--primary-button-background-color);
}
/* ---- Nav Search ---- */
.navbar.navbar-inverse .global-search .search-panel {
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
}
.navbar.navbar-inverse .global-search .record-row * {
  color: var(--gray-color-1000);
}
.navbar.navbar-inverse .global-search .record-row + .record-row {
  border-top: 1px solid var(--info-primary-color);
}
.navbar.navbar-inverse .global-search .dynamic-search-nav {
  border-bottom: 1px solid var(--gray-color-400);
}
.navbar.navbar-inverse .global-search .go-to {
  border-top: 1px solid var(--gray-color-400);
}
.navbar.navbar-inverse .global-search .inner-icon {
  border: 1px solid var(--gray-color-400);
  border-radius: 5px !important;
  background-color: var(--white-color);
  margin-right: 4px;
}
.navbar.navbar-inverse .global-search .inner-icon i {
  color: var(--gray-color-600);
  font-size: 15px;
  font-weight: 400;
}
.navbar.navbar-inverse .global-search input {
  width: 230px;
  font-size: 14px;
  color: var(--primary-text-color);
  background-color: var(--white-color);
}
.navbar.navbar-inverse .global-search input:focus {
  transition: all 0.1s ease;
}
.navbar.navbar-inverse .global-search input::-webkit-input-placeholder {
  color: var(--gray-color-700);
  opacity: 1 !important;
}
.navbar.navbar-inverse .global-search input:-moz-placeholder {
  color: var(--gray-color-700);
}
.navbar.navbar-inverse .global-search input::-moz-placeholder {
  color: var(--gray-color-700);
}
.navbar.navbar-inverse .global-search input:-ms-input-placeholder {
  color: var(--gray-color-700);
}
.navbar.navbar-inverse .global-search .clearfix + .nav-header {
  margin-top: 0;
}
.navbar.navbar-inverse .global-search .nav-header {
  border-top: none;
}
.navbar.navbar-inverse .global-search .search-panel {
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
}
.navbar.navbar-inverse .global-search .table-link {
  font-size: 14px;
}
.navbar.navbar-inverse .global-search .table-link td {
  padding: 2px 4px 2px 0;
}
.navbar.navbar-inverse .global-search .table-link td:first-child {
  color: var(--gray-color-800);
}
.navbar.navbar-inverse .global-search .table-link td:nth-child(3) {
  font-size: 12px;
  color: var(--gray-color-800);
}
.navbar.navbar-inverse .global-search .table-link td:only-child {
  color: var(--primary-text-color);
}
.navbar.navbar-inverse .global-search .record-list {
  font-size: 14px;
  overflow: auto;
}
.navbar.navbar-inverse .global-search .record-list .record-info .record-pkey {
  color: var(--gray-color-1000);
}
.navbar.navbar-inverse .global-search .record-list .record-info .record-pkey:has(+ .record-version) {
  color: var(--primary-text-color);
}
.navbar.navbar-inverse .global-search .record-list .record-info .record-title {
  color: var(--primary-text-color);
}
.navbar.navbar-inverse .global-search .record-list .record-info .record-version {
  color: var(--gray-color-800);
}
.navbar.navbar-inverse .global-search .record-list .record-hint * {
  color: var(--gray-color-800);
  font-size: 12px;
}
.navbar.navbar-inverse .global-search .record-list .record-hint .dot {
  color: var(--gray-color-800);
  font-size: 0.2rem;
}
.navbar.navbar-inverse .global-search .dynamic-search-nav li {
  font-size: 14px;
}
.navbar.navbar-inverse .global-search .dynamic-search-nav li:hover {
  cursor: pointer;
}
#demo-nav .brand {
  height: 24px;
}
/* ---- Project Boards ---- */
#boardContainer .column {
  border: 1px solid var(--gray-color-400);
}
#boardContainer .handler {
  color: var(--gray-color-800);
}
#boardContainer .column-toolbox .remove {
  color: var(--gray-color-800);
}
#boardContainer .column-content .card {
  border: 1px solid var(--gray-color-400);
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.1);
  background-color: var(--white-color);
}
#boardContainer .record-field {
  border: 1px solid var(--gray-color-400);
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.1);
}
#boardContainer .item-wrapper {
  border-bottom: 1px solid var(--gray-color-400);
}
#boardContainer .board-filters .btn.selected {
  background-color: var(--primary-button-background-color);
  color: var(--white-color);
}
#boardContainer .board-filters .separator {
  border-left: 1px solid var(--gray-color-400);
}
#boardContainer .card-item {
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  box-shadow: 1px 1px 3px 2px rgba(var(--black), 0.05);
}
#boardContainer .card-header .is-max,
#boardContainer .card-footer .is-max {
  color: var(--white-color);
}
#boardContainer .board-table .is-max {
  background-color: #f5c5c5;
}
#boardContainer .board-table .is-min {
  background-color: #f7f0cb;
}
#boardContainer .board-table .board-group {
  background-color: var(--white-color);
  color: var(--gray-color-900);
}
#boardContainer .board-table .board-group i {
  color: var(--gray-color-900);
}
#boardContainer .board-row > div {
  background-color: var(--secondary-background-color);
}
#boardContainer .board-header {
  border: 1px solid var(--gray-color-400);
  color: var(--gray-color-900);
}
#boardContainer .fixed-header {
  background-color: var(--white-color);
}
#boardContainer .field-selection.column {
  background-color: var(--secondary-background-color);
}
#boardContainer .quick-filters-title {
  color: var(--gray-color-900);
}
/* latin */
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/pinyon-script-v14-latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Hurricane';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/hurricane-v3-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Hurricane';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/hurricane-v3-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hurricane';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/hurricane-v3-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Corinthia';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/corinthia-v7-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Corinthia';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/corinthia-v7-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Corinthia';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/corinthia-v7-vietnamese_latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/sacramento-v12-latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/sacramento-v12-latin-ext_latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Cedarville Cursive';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sign/cedarville-cursive-v15-latin-regular.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Pragati Narrow';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/sign/PragatiNarrow-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Pragati Narrow';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/sign/PragatiNarrow-Bold.ttf') format('truetype');
}
#agreement {
  /*
    #agreement-body-review {
        background-color: #d5d8dc;
        display: grid;
        grid-template-columns: 15% auto;
    }
    */
}
#agreement #top-bar {
  background-color: var(--white-color);
  border-bottom-color: var(--gray-color-400);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: grid;
  grid-template-columns: auto auto;
  padding: 4px 14px 0px;
}
#agreement #top-bar #top-bar-left #top-bar-title-container {
  display: flex;
  margin: 0px;
  padding: 0px;
}
#agreement #top-bar #top-bar-left #top-bar-title-container #description-info-icon {
  color: var(--gray-color-700);
  font-size: 12px;
  padding-left: 5px;
  z-index: 10000;
}
#agreement #top-bar #top-bar-buttons {
  justify-self: end;
  padding-right: 10px;
}
#agreement #top-bar #top-bar-buttons .top-bar-button-section {
  display: inline-block;
}
#agreement #top-bar #top-bar-buttons .top-bar-button-section .actions {
  left: -75px;
}
#agreement #top-bar #top-bar-buttons .top-bar-button-section .send-button {
  margin-left: 10px;
}
#agreement #top-banner {
  border-style-bottom: solid;
  border-width-bottom: 1px;
  border-color-bottom: lightgrey;
  background-color: white;
  padding: 5px;
  text-align: center;
}
#agreement #agreement-body {
  display: grid;
  grid-template-columns: 15% auto;
}
#agreement #left-menu {
  background-color: var(--white-color);
  border-right-color: var(--gray-color-400);
  border-right-style: solid;
  border-right-width: 1px;
  padding: 10px;
  min-width: 150px;
}
#agreement .menu-section-header {
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding: 10px 0 10px;
  text-transform: uppercase;
}
#agreement .menu-section-divider {
  background-color: var(--white-color);
  border-bottom-color: var(--gray-color-400);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 10px;
}
#agreement #right-menu {
  background-color: var(--white-color);
  border-left-color: var(--gray-color-400);
  border-left-style: solid;
  border-left-width: 1px;
  /* overflow-y: scroll; */
}
#agreement #docs {
  display: grid;
  justify-items: center;
}
#agreement .doc {
  margin-top: 20px;
}
#agreement .doc .filename {
  margin: 20px 0;
  text-align: center;
}
#agreement .pages {
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.12);
  border: 1px solid var(--gray-color-400);
}
#agreement .page {
  position: relative;
}
#agreement .form {
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
#agreement .page svg {
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  pointer-events: none;
}
#agreement .page svg line {
  stroke: #ff0000;
  stroke-width: 1;
  opacity: 0.5;
}
#agreement .doc-processing-alert {
  margin-top: 10px;
  text-align: center;
}
#agreement #thumbnails {
  text-align: center;
}
#agreement .thumbnail-pages {
  margin-top: 10px;
}
#agreement .thumbnail-page canvas {
  border-color: var(--gray-color-400);
  border-style: solid;
  border-width: 1px;
}
#agreement .field {
  border-color: var(--gray-color-400);
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0px;
  min-width: 50px;
  position: absolute;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
#agreement .field[data-viewType="value"] {
  /**
		reviewer field text position should match with the pdf text position.
		Therefore padding is set to 0;
		 */
  padding: 0px;
}
#agreement .field[data-viewType="label"] .field-body {
  text-align: center;
}
#agreement .field[data-viewType="value"] .field-body img {
  pointer-events: none;
}
#agreement .field.selected {
  border-color: #0969a7 !important;
  opacity: 0.8;
}
#agreement .selection,
#agreement .drag-selection {
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-color: blue;
  background-color: lightskyblue;
  opacity: 0.2;
}
#agreement .field-title-small {
  font-family: "Arial Narrow", sans-serif;
  font-size: 6px;
  font-weight: 600;
}
#agreement .field-bookmark {
  border-radius: 10px;
  border-style: none;
  color: var(--white-color);
  padding-left: 20px;
  padding-right: 0px;
  padding: 10px;
  position: absolute;
  display: none;
}
#agreement .bookmark-point {
  border-bottom: 15px solid transparent;
  border-left: 30px solid var(--navbar-link-color);
  border-top: 15px solid transparent;
  float: right;
  width: 0;
}
#agreement .bookmark-line {
  background: var(--navbar-link-color);
  float: left;
  height: 30px;
  margin-top: 0px;
  width: 70px;
}
#agreement #agreementGrid .label-bordered {
  margin-left: 10px;
}
#agreement #left-menu .dropdown-menu.open ul.dropdown-menu.inner li a span,
#agreement #field-configuration .dropdown-menu.open ul.dropdown-menu.inner li a span {
  display: inline;
}
#agreement-modal-search {
  margin-left: -15px;
  margin-right: -15px;
}
#field-value-modal {
  margin-bottom: 0px;
}
.visible-modal-body {
  overflow-y: visible;
}
.fa-stack {
  vertical-align: top;
}
.fa-stack-2x {
  color: #e9ecef;
}
.fa-stack-1x {
  color: var(--primary-text-color);
}
.icon .fal {
  font-family: ProximaNova;
}
#agreement.editor {
  position: relative;
}
#agreement.editor #docs {
  overflow-y: auto;
  scroll-behavior: smooth;
}
#agreement.editor .field-type {
  cursor: grab;
  margin: 0 0 10px 0px;
}
#agreement.editor .field-type-title {
  color: var(--primary-text-color);
  padding-left: 40px;
  white-space: nowrap;
}
#agreement.editor .field.selected.cut {
  opacity: 0.5;
}
#agreement.editor #field-configuration {
  background-color: var(--white-color);
  padding-left: 10px;
  padding-right: 10px;
}
#agreement.editor .form-context-menu {
  position: absolute;
  width: 100px;
  background-color: #69656b;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  border-radius: 5px;
  z-index: 100;
}
#agreement.editor .form-context-menu a[data-command] {
  color: lightgrey;
}
#agreement.editor .form-context-menu a[data-command]:hover {
  background-color: #4195e8;
}
#agreement.editor #close-field-configuration {
  padding-right: 10px;
  text-align: right;
}
#agreement.editor #close-field-configuration icon {
  color: var(--gray-color-600);
  cursor: pointer;
}
#agreement.editor .thumbnail-filename {
  word-wrap: break-word;
}
#agreement.editor .field-type-drag {
  position: absolute;
  width: 50px;
  height: 25px;
  z-index: 9999;
  opacity: 0.5;
  pointer-events: none;
  border-style: solid;
  border-width: 2px;
  border-color: var(--gray-color-400);
  border-radius: 4px;
}
#documents-grid .reorder-document-icon:hover {
  cursor: move;
}
/**
Value view styles are not set in this file. They are set in-line in renderValueView() function of Field or it's child
classes. The reason is that the main value view styles are based on configuration settings.
For example, the value view font size should not be set by css because the font size depends on
Field->configurationModel->scaledValueViewFontSize.
And, value view styles should match with pdf styles.
 */
#agreement.reviewer .field .config-buttons {
  position: absolute;
}
#agreement.reviewer .field .config-buttons .btn {
  border-bottom: 0px !important;
}
#agreement.reviewer .field-error {
  border-color: #b94a48;
}
#agreement.reviewer .field-error .errorMessage {
  color: #b94a48;
}
#agreement.reviewer .thumbnail-filename {
  word-wrap: break-word;
}
#agreement.viewer {
  /*
    #docs {
        background-color: #D5D8DC;
    }
    */
}
#agreement.viewer #top-bar .span2 {
  text-align: right;
}
#brand-body {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 20% auto;
  border-top: 1px solid var(--gray-color-400) !important;
}
#brand-body .form-actions {
  padding: 20px;
}
.brand-option {
  display: flex;
}
.brand-option .btn {
  margin-right: 8px;
}
.brand-option-title {
  color: #428bca;
  margin-top: auto;
}
.brand-color-input {
  margin-left: auto;
  order: 2;
  margin-top: 8px !important;
  width: 20%;
}
#previewLogoEmail {
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 100px;
  max-width: 300px;
}
#previewLogoSigning {
  height: 22px;
  width: 66px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 18px;
}
@keyframes "dropDialogue" {
  to {
    top: 150px;
    min-width: 300px;
    min-height: 60px;
    border-radius: 6px;
    border: 1px solid #C1C7CD;
  }
}
@keyframes "loading-indicator-lg-msg-pulse" {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
/* PDF inline Viewer theming */
#docContentArea #sectionHeader {
  background-color: var(--white-color);
  margin-left: 234px;
  padding: 4px 18px 0;
}
#docContentArea .headerGap {
  margin-top: 6px;
}
#docContentArea #mainToolbar {
  padding: 8px 0 6px;
}
#docContentArea #mainToolbar > .btn-group a {
  margin: 0 3px 0 0;
}
#docContentArea #mainToolbar #more .btn-group + .btn-group {
  margin-right: 8px !important;
  margin-left: 0 !important;
}
#docContentArea #mainToolbar .pull-right {
  margin: 0;
}
#docContentArea .top-header #search {
  padding: 14px 13px 0;
}
#docContentArea .top-header .ace-input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
#docContentArea .top-header .ace-input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  position: relative;
}
#docContentArea .top-header .ace-input-prepend .add-on i {
  position: absolute;
  left: 20px;
  top: 14px;
  color: var(--gray-color-800);
  font-size: 18px;
}
#docContentArea .top-header .ace-input-prepend .add-on input {
  padding-left: 38px;
  margin-bottom: 0;
  border-radius: 32px;
}
#docContentArea .page-header {
  left: 234px;
  right: 0;
}
#docContentArea .page-content {
  padding: 0 18px;
  margin-left: 234px;
}
#docContentArea .sidebar-section-title {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 20px 18px 4px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#docContentArea .favoriteStarContainer {
  margin: 23px 0 0 10px;
}
#docContentArea .compact-list-item .favoriteStarContainer {
  margin-top: 18px;
}
#docContentArea .compact-list-item .file-icon-large {
  margin-top: 6px !important;
}
#docContentArea .favoriteStarContainer.favorite-star i {
  font-size: 18px;
}
#docContentArea .list-item {
  padding: 10px 0;
}
#docContentArea .list-item > .media .media-heading {
  font-weight: 400;
}
#docContentArea .list-item .pull-right > .label {
  margin: 4px 18px 0 0;
}
#docContentArea .list-item:hover {
  background-color: var(--gray-color-200);
}
#docContentArea .media {
  overflow: visible;
}
#docContentArea .page-sidebar .nav.nav-list > .nav-header {
  margin-right: 8px;
}
#sectionHeader .pull-right .btn-group {
  margin: 0 0 0 8px;
}
#sectionHeader .pull-right .btn-group:last-child {
  margin-right: 0;
}
#sectionHeader .pull-right .input-append {
  margin: 0 0 0 8px;
}
.ace-input-append {
  margin-bottom: 0 !important;
}
.ace-input-prepend {
  margin-bottom: 0 !important;
}
.sectionHead {
  border-bottom: thin solid var(--gray-color-400);
}
.hide {
  display: none;
}
#more.hide {
  display: none;
}
#more {
  display: inline-block;
}
#more .divider {
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 14px 0 0;
  margin-left: 12px;
  height: 24px;
  border-left: 1px solid var(--gray-color-400);
  display: inline-block;
}
#more .dropdown-menu li > a > i {
  display: inline-block;
  margin-right: 5px;
  width: 15px !important;
  font-size: 14px;
  color: var(--gray-color-900);
}
#docContentArea.nav-minimized .page-header {
  left: 55px;
  right: 0;
}
#docContentArea.nav-minimized .page-content {
  padding: 0 18px;
  margin-left: 55px;
}
#docContentArea.nav-minimized #directory .nav li a .badge {
  background: var(--gray-color-400);
  position: absolute;
  top: 0px;
  right: 3px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
#docContentArea.nav-minimized #directory .nav .nav-header {
  display: none;
  border: none;
}
#directory {
  width: 233px;
}
#directory ul > .nav-header.ajax-load-placeholder {
  border-top: none;
  padding: 0;
  margin: 0;
  text-transform: none;
  font-weight: 400;
}
#directory .nav > li > a:hover {
  background-color: var(--secondary-button-disabled-color);
}
#directory .nav > li > a:focus {
  background-color: var(--secondary-button-disabled-color);
}
#fileDisplay {
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 234px;
  cursor: default;
}
#fileDisplay > #active {
  border: 1px solid black;
}
#fileDisplay .listRowSize a:hover span {
  text-decoration: underline;
}
#fileDisplay .empty-folder-container {
  width: 100%;
  text-align: center;
}
#fileDisplay .empty-folder-container .message {
  display: inline-block;
  margin-top: 115px;
}
#fileDisplay .empty-folder-container .message > i {
  display: inline-block;
  font-size: 111px;
  font-weight: 300;
  color: #ddd;
}
#fileDisplay .empty-folder-container .message > h3 {
  font-weight: 600;
  color: #bbb;
  padding: 10px 0;
}
#fileDisplay > .selectable:hover {
  border-color: var(--gray-color-400);
  background-color: #E9F2FA !important;
  cursor: pointer;
}
#fileDisplay > .selectable > .fileName {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 11px;
}
#fileDisplay > .ui-selected {
  background-color: #E9F2FA;
  border: 1px solid #ddd !important;
}
#fileDisplay .tag {
  font-weight: 300;
  font-style: italic;
  font-size: 13px;
  color: var(--gray-color-700);
  padding-top: 1px;
  display: inline-block;
}
#fileDisplay div > .tag {
  margin-left: 10px;
}
#fileDisplay .folder-icon-small {
  background: url(../images/folder_20.png) no-repeat 2px 7px;
  height: 32px;
  padding: 0 0 0 39px;
  vertical-align: top;
  display: inline-block;
}
#fileDisplay .favoriteStarContainer {
  margin: 1px 16px 0 8px;
}
#fileDisplay .favoriteStarContainer.favorite-star i {
  font-size: 16px;
}
#fileDisplay .advance .favoriteStarContainer {
  margin: 20px 16px 20px 8px;
}
#fileDisplay .advance .file-icon-small {
  margin-top: 19px;
}
#fileDisplay .advance .docNumber {
  margin: -13px 0 0 0;
}
#fileDisplay .advance .docDescription {
  margin: -13px 0 0 0;
}
#fileDisplay .advance .docDescription > span {
  margin-right: 3px;
}
#fileDisplay .file-icon-small {
  background: url(../images/icons_32.png) no-repeat 0 -185px;
  padding: 0 0 0 40px;
  height: 32px;
  vertical-align: top;
  display: inline-block;
}
#fileDisplay .docNumber {
  display: block;
  font-size: 13px;
  color: var(--gray-color-600);
}
#fileDisplay .docDescription {
  display: block;
  font-size: 12px;
  color: var(--gray-color-600);
}
#fileDisplay .file-name-grid {
  float: left;
  height: 110px;
  width: 145px;
  margin: 15px 0 0 15px;
  border-radius: 4px;
  moz-border-radius: 4px;
  webkit-border-radius: 4px;
  text-align: center;
  overflow: hidden;
  border: 1px solid transparent;
}
#fileDisplay .file-name-grid .docNumber {
  margin-top: 0px;
}
#fileDisplay .file-name-grid .docDescription {
  margin-top: 0px;
}
#fileDisplay .folder-icon-large {
  margin: 15px 0 0 39px;
  background: url(../images/folder_60.png) no-repeat 0 0;
  height: 50px;
  margin: 15px 0 0 42px;
  display: block;
}
#fileDisplay .folder-icon-large.folder-share {
  background: url(../images/folder_60_share.png) no-repeat 0 0;
}
#fileDisplay .table div {
  border-color: #ddd;
}
#actionStatus {
  position: absolute;
  left: 48%;
  margin-top: 1px;
  background-color: #fcf8e3;
  z-index: 1001;
  border-radius: 0 0 4px 4px;
  moz-border-radius: 0 0 4px 4px;
  webkit-border-radius: 0 0 4px 4px;
  font-size: 13px;
}
#actionStatus > * {
  padding: 3px 13px 5px;
  float: left;
}
.imgLoader {
  position: absolute;
  right: 52px;
  z-index: 10;
  top: 23px;
}
.tempFolder {
  position: relative;
}
.listRowSize {
  height: 41px;
  width: auto;
}
input.listRename {
  margin-bottom: 0px;
  height: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
}
ul.dynatree-container li:nth-child(2n+1) {
  background-color: var(--white-color);
}
.dynatree-active {
  background: #ddd !important;
  border-radius: 3px;
  moz-border-radius: 3px;
  webkit-border-radius: 3px;
}
#infinity.table {
  vertical-align: middle;
  line-height: 32px;
}
#infinity.table div {
  vertical-align: middle;
  line-height: 32px;
}
#infinity.table div .content {
  line-height: 20px;
  font-size: 14px;
  color: #888;
}
#infinity.table .content {
  line-height: 20px;
  font-size: 14px;
  color: #888;
}
#infinity.table > div.trow > div {
  padding: 5px;
}
#infinity.table > div.trow:first-child > div {
  border-top: 0;
}
#breadcrumb {
  padding: 0;
  margin: 0;
  margin-left: 234px;
  color: var(--gray-color-800);
  font-size: 18px;
  text-decoration: none;
}
#breadcrumb > div {
  padding: 0;
  margin: 0;
}
#breadcrumb > div > ul {
  padding: 0;
  margin: 0;
}
.btn-text-small {
  font-size: 13px !important;
  font-weight: 700;
}
.folderTitle {
  font-weight: bold;
}
.detailSectionHeader {
  text-transform: uppercase;
  font-style: italic;
  color: var(--gray-color-700);
  padding-bottom: 10px;
}
.sectionContainer {
  clear: both;
  padding: 15px;
}
.entityListing {
  margin-bottom: 5px;
  list-style: none;
}
.entityListing:nth-child(even) {
  background: linear-gradient(to left, rgba(var(--black), 0.1), transparent 70%) repeat local 0 0 rgba(var(--black), 0);
}
.entityListing > li {
  margin-bottom: 2px;
  font-size: 15px;
}
.shareSection {
  display: block;
  margin-bottom: 10px;
}
.shareSection > .entityListing {
  text-align: right;
}
.dynatree-container {
  border: none !important;
  padding: 5px 3px;
}
.modal-large {
  width: 800px;
  margin-left: -400px;
}
.context-menu-list {
  min-width: 170px !important;
  background-color: var(--white-color) !important;
  color: var(--secondary-text-color);
  border-radius: 6px;
  overflow: hidden;
  padding: 6px 0 !important;
}
.context-menu-item {
  padding: 4px 10px 4px 20px !important;
  background-color: transparent !important;
}
.context-menu-item:hover {
  background-color: var(--gray-color-200) !important;
}
.context-menu-item > span > i {
  display: inline-block;
  margin-right: 9px;
  width: 15px !important;
  font-size: 14px;
  color: var(--gray-color-900);
}
.context-menu-separator {
  padding: 0;
}
#fileDisplay.ui-selectable {
  border-top: 2px solid #ddd;
  margin-top: 8px;
}
.ui-selectable .docDescription {
  height: 15px;
  overflow: hidden;
  display: inline-block;
}
.folder-icon-large + .edit + .fileLink {
  display: inline-block;
  max-height: 40px;
  overflow: hidden;
  vertical-align: top;
}
.stack-nav-icon.fa-stack {
  display: inline-block;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  line-height: initial;
  margin-right: 8px;
  text-align: center;
  margin-left: 2px;
}
.stack-nav-icon i {
  vertical-align: middle;
}
.stack-nav-icon .fa-stack-2x {
  color: var(--gray-color-900);
  font-size: 19px;
}
.stack-nav-icon .fa-stack-1x {
  color: var(--gray-color-900);
  top: 4px;
  left: -2px;
  font-size: 9px;
}
.page-sidebar .nav.nav-list {
  padding-bottom: 0;
}
#infinity {
  display: table;
}
#infinity > div.trow {
  display: table-row;
}
#infinity > div.trow > div {
  display: table-cell;
  border-top: 1px solid #ddd;
}
#infinity > div.trow > div:first-child {
  padding-left: 18px;
}
#infinity > .theader > div {
  border-bottom: 1px solid #ddd;
}
#infinity div {
  border-color: #ddd;
}
.theader div {
  color: #3b3b3b !important;
  font-weight: 600;
  font-size: 15px;
}
#docViewerWrapper {
  width: 100%;
  min-width: 620px;
  background-color: var(--white-color);
}
#docViewerWrapper #sidebarContainer {
  background-color: var(--white-color);
}
#docViewerWrapper > .leftContainer {
  width: 360px;
  margin-right: -360px;
  padding: 0;
  float: left;
  background-color: var(--secondary-background-color);
}
#docViewerWrapper > .rightContainer {
  margin-left: 360px;
  border-left: 1px solid var(--gray-color-400);
  padding: 0;
  height: 0px;
  background-color: var(--secondary-background-color);
}
#docViewerWrapper .nav.nav-tabs {
  margin-bottom: 0;
}
.doc-inline-viewer-header .breadcrumb {
  font-weight: 400;
  margin: 0 !important;
  display: block;
  padding: 5px 14px 0px;
}
.doc-inline-viewer-header .title {
  font-weight: 400;
  margin: 10px 0 4px;
  display: inline-block;
  font-size: 20px;
  vertical-align: top;
}
.doc-inline-viewer-header .title-meta {
  display: inline-block;
  vertical-align: top;
}
.doc-inline-viewer-header .description {
  float: left;
  margin-left: 64px;
  margin-top: -32px;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #888;
}
.doc-inline-viewer-header .label-doc-version {
  margin: 10px 10px;
  display: inline-block;
}
.doc-inline-viewer-header .label-version {
  margin: 8px 14px;
  display: inline-block;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 12px;
}
#viewerContainer {
  top: 0;
  bottom: 0;
}
#viewerContainer:not(.pdfPresentationMode) {
  transition-duration: 1ms;
}
.dropdownToolbarButton {
  background: none;
  color: var(--gray-color-100);
  background-color: #4a4a4f;
}
.dropdownToolbarButton > select {
  padding-left: 6px;
  outline: 0;
  color: #f9f9fa;
  background-color: #4a4a4f;
}
.dropdownToolbarButton > select > option {
  background: hsl(0, 0%, 94%);
}
.dropdownToolbarButton::after {
  background-color: var(--gray-color-100);
}
.dropdownToolbarButton:hover {
  background-color: var(--secondary-header-color);
}
#toolbarSidebar {
  background-color: var(--gray-color-100);
}
.toolbarField {
  height: 15px !important;
  width: 30px;
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 4px;
  background-color: var(--gray-color-1000);
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-color-800);
  box-shadow: none;
  color: var(--gray-color-200);
  font-size: 14px;
  line-height: 16px;
  outline-style: none;
}
.toolbarField[type=number] {
  height: 15px !important;
  width: 30px;
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 4px;
  background-color: var(--gray-color-1000);
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-color-800);
  box-shadow: none;
  color: var(--gray-color-200);
  font-size: 14px;
  line-height: 16px;
  outline-style: none;
}
.toolbarField.pageNumber {
  text-align: center;
  box-sizing: content-box;
}
html[dir='ltr'] #toolbarContainer {
  border-radius: 6px;
  opacity: 0.93;
  padding: 3px;
}
html[dir='ltr'] .secondaryToolbar {
  right: 12px;
  top: 4px;
}
html[dir='ltr'] .findbar {
  z-index: 999;
  left: 4px !important;
  top: 4px;
}
html[dir='ltr'] .toolbarButton#sidebarToggle::before {
  content: "\f0db";
}
html[dir='ltr'] .toolbarButton.pageUp::before {
  content: "\f062";
}
html[dir='ltr'] .toolbarButton.pageDown::before {
  content: "\f063";
}
html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
  content: "\f142";
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
}
html[dir='ltr'] .toolbarButton.findPrevious::before {
  content: "\f060";
}
html[dir='ltr'] .toolbarButton.findNext::before {
  content: "\f061";
}
.findbar {
  border-radius: 6px;
  opacity: 0.9;
  background-color: #38383d;
  box-shadow: 0 1px 5px #27272b, 0 0 0 1px #27272b;
}
.findbar .toolbarButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: var(--gray-color-300);
}
.findbar .toolbarButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.findbar .overlayButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: var(--gray-color-300);
}
.findbar .overlayButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.findbar .dropdownToolbarButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: var(--gray-color-300);
}
.findbar .dropdownToolbarButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.findbar .splitToolbarButton > .toolbarButton {
  background-color: #595959;
  border-top: 1px solid #737373;
  border-bottom: 1px solid #737373;
}
.toolbar {
  z-index: 100;
  position: absolute;
  bottom: 33px;
  left: -6px;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.toolbar .toolbarButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: #dee5f5;
}
.toolbar .toolbarButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.toolbar .overlayButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: #dee5f5;
}
.toolbar .overlayButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.toolbar .dropdownToolbarButton {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: #dee5f5;
}
.toolbar .dropdownToolbarButton::before {
  font-family: "Font Awesome 6 Pro", "ProximaNova", Verdana, "Helvetica Neue", Helvetica;
}
.secondaryToolbar {
  background-color: #38383d;
  box-shadow: 0 1px 5px #27272b, 0 0 0 1px #27272b;
}
.secondaryToolbar .secondaryToolbarButton {
  font-size: 14px;
  color: #dee5f5;
}
.secondaryToolbar .secondaryToolbarButton::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 19px;
  color: #dee5f5;
  top: 8px;
  background-color: #f7f9fa;
}
.pdfViewer .page {
  margin: 4px auto 12px auto;
  border: 1px solid var(--gray-color-400);
  box-shadow: 0 0px 8px -2px rgb(0 0 0%);
}
#toolbarViewerLeft {
  padding-left: 2px;
}
#loadingBar {
  right: 3px;
  background-color: var(--gray-color-200);
  border-bottom: var(--gray-color-400);
}
#loadingBar .progress {
  background-image: none;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: var(--navbar-link-color);
}
.loadingInProgress #errorWrapper {
  z-index: 998;
  top: 0;
}
.doorHanger {
  border: none;
}
.doorHanger:after {
  display: none;
}
.doorHanger:before {
  display: none;
}
.doorHangerRight {
  border: none;
}
.doorHangerRight:after {
  display: none;
}
.doorHangerRight:before {
  display: none;
}
#pageNumberLabel {
  display: none;
}
.toolbarButton.zoomOut::before {
  content: "\f068";
}
.toolbarButton.zoomIn::before {
  content: "\f067";
}
#viewFind.toolbarButton::before {
  content: "\f002";
}
.toolbarLabel {
  font-size: 16px;
  color: #f9f9fa;
}
#toolbarViewerMiddle {
  left: 72%;
}
#scaleSelectContainer {
  border: none;
  box-shadow: none;
}
#scaleSelect {
  font-size: 14px;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.secondaryToolbarButton.firstPage::before {
  content: "\f060";
}
.secondaryToolbarButton.lastPage::before {
  content: "\f061";
}
.secondaryToolbarButton.rotateCw::before {
  content: "\f01e";
}
.secondaryToolbarButton.rotateCcw::before {
  content: "\f0e2";
}
.secondaryToolbarButton.handTool::before {
  content: "\f0a6";
}
.secondaryToolbarButton.documentProperties::before {
  content: "\f05a";
}
#toolbarContainer {
  background-color: #38383d;
  box-shadow: 0 1px 5px #27272b, 0 0 0 1px #27272b;
}
#toolbarContainer .dropdownToolbarButton:after {
  content: "\f107";
  position: absolute;
  top: 7px;
  right: 5px;
}
.doc-meta-data {
  text-align: left;
  padding: 0;
}
.doc-meta-data .nav.nav-tabs {
  padding-top: 21px;
  list-style: none;
  margin: 0;
  border-bottom: none;
}
.doc-meta-data .nav.nav-tabs li > a {
  min-width: auto;
  font-size: 0;
  line-height: 1;
  position: relative;
  color: #1970b9;
  cursor: pointer;
  margin: 0;
  padding: 14px 18px;
  text-shadow: none;
  word-wrap: break-word;
}
.doc-meta-data .nav.nav-tabs li > a > i {
  color: var(--gray-color-800);
  display: inline-block;
  font-size: 20px;
  margin-right: 2px;
  width: 18px !important;
}
.doc-meta-data .nav.nav-tabs li > a > .badge {
  background: var(--white-color);
  position: absolute;
  top: 3px;
  right: 6px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
.doc-meta-data .nav.nav-tabs li.active > a {
  background-color: transparent;
  border-left: 3px solid #1970b9;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  font-weight: 600;
  padding-left: 15px;
  text-shadow: none;
  border-bottom: none !important;
}
.doc-meta-data .nav.nav-tabs > .active > a > i {
  color: #1970b9;
}
.doc-meta-data .tabs-left > .nav-tabs > li > a:hover {
  border-bottom: none;
  border-right: none !important;
  margin-right: 1px;
  background-color: var(--gray-color-200) !important;
  padding-right: 17px;
}
.doc-meta-data .tabs-left > .nav-tabs > li > a:hover > .badge {
  right: 5px;
}
.doc-meta-data .tabs-left > .nav-tabs > li > a:focus {
  border-bottom: none;
  border-right: none !important;
  margin-right: 1px;
  background-color: var(--gray-color-200) !important;
  padding-right: 17px;
}
.doc-meta-data .tabs-left > .nav-tabs > li > a:focus > .badge {
  right: 5px;
}
.doc-meta-data .section-header {
  color: var(--gray-color-800);
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 0 9px;
  text-transform: uppercase;
}
.doc-meta-data .control-group {
  margin-bottom: 16px;
}
.doc-meta-data .control-group .controls > .separator {
  display: none;
}
.doc-meta-data .control-group .controls > .avatarTile {
  padding-top: 6px;
}
.doc-meta-data .control-group .signature-label a {
  font-size: 14px;
  font-weight: 400;
  margin-left: 12px;
  text-decoration: none;
}
.doc-meta-data .control-label {
  font-weight: 600;
}
.doc-meta-data .controls {
  color: #777;
}
.doc-meta-data .panel {
  background-color: transparent;
  border: none;
}
.doc-meta-data .panel-title {
  font-weight: 600;
  font-size: 16px;
}
.doc-meta-data .panel-heading {
  border-radius: 0;
}
.doc-meta-data #signature-grid td {
  border: none;
  border-bottom: 1px solid var(--gray-color-300);
  position: relative;
  padding-left: 50%;
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid table {
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid thead {
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid tbody {
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid th {
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid tr {
  font-size: 12px;
  display: block;
}
.doc-meta-data #signature-grid .table th {
  padding: 4px;
}
.doc-meta-data #signature-grid .table td {
  padding: 4px;
}
.doc-meta-data #signature-grid.grid-view {
  padding-top: 0;
}
.modal-signature .modal-body .sub-grid {
  background-color: var(--white-color);
  border-left: none;
  padding: 0;
}
.modal-signature .modal-body .sub-grid table.table td {
  background-color: var(--white-color);
}
.modal-signature .modal-body .sub-grid table.table th {
  background-color: var(--white-color);
}
.modal-signature .modal-body .sub-grid table.table tr td:last-child {
  display: none;
}
.modal-signature .modal-body .sub-grid table.table tr th:last-child {
  display: none;
}
.content > em {
  font-weight: bolder;
  font-style: normal;
}
#thumbnailView {
  top: 1px;
  right: 1px;
}
#outlineView {
  top: 1px;
  right: 1px;
}
#attachmentsView {
  top: 1px;
  right: 1px;
}
#layersView {
  top: 1px;
  right: 1px;
}
#annotationComments {
  background-color: var(--gray-color-200);
}
#annotationComments .panel-group .panel + .panel {
  margin-top: 0;
}
#annotationComments .panel .panel-heading {
  border-bottom: 1px solid var(--gray-color-400);
  border-top: 1px solid var(--gray-color-400);
  background-color: #f1f1f1;
  text-align: center;
}
#annotationComments .panel .panel-heading .panel-title {
  font-size: 14px;
  text-transform: uppercase;
  color: #888;
}
#annotationComments .panel:first-child .panel-heading {
  border-top: none;
}
#annotationComments .panel .panel-body {
  padding: 0;
  background-color: var(--gray-color-200);
}
#annotationComments .commentContainer {
  margin: 12px 8px;
  border: 1px solid var(--gray-color-400);
  border-radius: 6px;
  background-color: var(--white-color);
}
#annotationComments .comment.main.active {
  border-left: #1970b9 3px solid;
}
#annotationComments .comment-options {
  margin: 12px 8px;
}
#annotationComments .comment-options a.dropdown-toggle {
  border: none;
  background-color: transparent;
  font-size: 18px;
}
#annotationComments .comment-options a.dropdown-toggle i {
  color: var(--gray-color-600);
}
#annotationComments .annotationSection {
  padding: 2px 8px;
  cursor: pointer;
  clear: none;
  background-color: #e7e7e7;
  border-radius: 16px;
  moz-border-radius: 16px;
  webkit-border-radius: 16px;
}
#annotationComments .annotationSection i {
  color: #fa9645;
}
#annotationComments .annotationSection.resolved-note i {
  color: #5cb85c;
}
#annotationComments .annotationSection.resolved-note i::before {
  content: "\f058";
}
#annotationComments .commentInfoContainer {
  padding-top: 12px;
}
#annotationComments .userAvatar {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}
#annotationComments .userAvatar > .avatarText {
  margin-top: 2px !important;
  width: 26px;
}
#annotationComments .userName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  width: 175px;
  height: 18px;
  vertical-align: top;
  line-height: 25px;
  display: inline-block;
  margin-top: -2px;
  font-size: 14px;
  display: initial;
}
#annotationComments .commentDate {
  font-size: 13px;
  margin-top: 5px;
  color: #777;
  position: relative;
  top: -22px;
  margin-left: 45px;
}
#annotationComments .commentText {
  padding: 22px 16px 14px;
  color: #333;
  white-space: pre-wrap;
  font-size: 14px;
}
#annotationComments .reply {
  border-top: 1px solid var(--gray-color-300);
  display: none;
}
#annotationComments .reply:first-child {
  border-top: 1px solid var(--gray-color-300);
}
#annotationComments .userInfoContainer {
  height: 26px;
  margin-left: 16px;
}
#annotationComments .comment.active .userInfoContainer {
  margin-left: 15px;
}
#annotationComments .panel-heading {
  border-radius: 0;
}
#annotationComments .replySection {
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(var(--black), 0.2), rgba(var(--black), 0)), radial-gradient(50% 100%, farthest-side, rgba(var(--black), 0.2), rgba(var(--black), 0)) 0 100%;
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(var(--black), 0.2), rgba(var(--black), 0)), radial-gradient(farthest-side at 50% 100%, rgba(var(--black), 0.2), rgba(var(--black), 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--white-color);
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
#annotationComments .createReplySection {
  display: none;
  border-top: 1px solid var(--gray-color-300);
  padding: 12px;
  position: relative;
}
#annotationComments .createReplySection .commentOptions {
  padding-top: 10px;
  float: right;
}
#annotationComments .commentFooter {
  padding: 0 16px 12px;
}
#annotationComments .commentFooterOption {
  font-size: 14px;
}
#annotationComments .commentFooterOption div {
  display: inline-block;
}
#annotationComments .edit-comment-options {
  margin-top: 12px;
}
#annotationComments .edit-comment-options > .btn {
  margin-right: 8px;
}
.commentHeaderContainer {
  border-bottom: 1px solid var(--gray-color-400);
  padding: 5px;
}
.commentHeader {
  text-align: right;
}
.commentHeader > i {
  padding-left: 3px;
}
.annotationNumber {
  padding: 0px;
  color: #1970b9;
  font-weight: 600;
}
.annotationFocus {
  display: inline;
}
.userComment {
  outline: none;
  min-height: 18px;
  border: 1px solid #dedede;
  padding: 10px;
  border-radius: 2px;
  background-color: #fdfdfd;
  max-height: 200px;
  overflow: hidden;
}
.default-text {
  font-size: 14px;
  position: absolute;
  color: var(--gray-color-600);
  word-break: break-word;
  pointer-events: none;
  padding: 12px;
}
.clearFlex {
  clear: both;
}
.comment-options {
  float: right;
}
.disable {
  pointer-events: none;
  opacity: 0.3;
}
.createAnnotationComment {
  margin-bottom: 8px;
  position: relative;
  padding: 10px;
  background-color: #fcfcfc;
  max-height: 225px;
  z-index: 9001;
  display: inline-block;
  top: -300px;
}
.createAnnotationComment > div {
  padding: 10px;
}
.createAnnotationComment > div:last-child {
  text-align: right;
}
.editableLimit {
  max-height: 150px;
  min-height: 18px;
  overflow-y: auto;
  text-align: left;
  border: 1px solid var(--gray-color-400);
  padding: 9px 12px;
  border-radius: 2px;
  moz-border-radius: 2px;
  webkit-border-radius: 2px;
  background-color: #fefefe;
  white-space: pre-wrap;
}
.dialogueAnime {
  transform-origin: center;
  -webkit-transform-origin: center;
  animation-name: dropDialogue;
  animation-delay: 0.15s;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  top: 150px;
  min-width: 400px;
  width: 400px;
  min-height: 60px;
  margin-left: -376px;
  border-radius: 6px;
  border: 1px solid var(--gray-color-400);
}
.dialogueAnime .btn {
  margin-left: 12px;
}
#commentDialogue {
  text-align: center;
  position: relative;
  height: 0px;
}
.annotationNote {
  cursor: pointer;
  stroke: #fa9645;
  stroke-width: 1;
  stroke-opacity: 1;
  fill-opacity: 0.1;
  fill: #fa9645;
}
.annotationNote.resolvedNote {
  stroke: #5cb85c !important;
  fill: #5cb85c;
}
.annotationNote.active {
  stroke: #1970b9 !important;
  fill: #1970b9;
}
.annotationNoteCommentNum {
  cursor: pointer;
  fill: var(--white-color);
  font-size: 12px;
}
.annotationNoteCommentNumRect {
  cursor: pointer;
  stroke: #fa9645;
  stroke-width: 1;
  stroke-opacity: 1;
  fill-opacity: 0.9;
  fill: #fa9645;
}
.annotationNoteCommentNumRect.resolvedNote {
  stroke: #5cb85c;
  fill: #5cb85c;
}
.annotationNoteCommentNumRect.active {
  stroke: #1970b9;
  fill: #1970b9;
}
#annotationLayer {
  text-align: center;
  width: 100%;
  top: 0;
  position: absolute;
}
#viewer.disableAnnotations svg.aceAnnotationLayer {
  display: none;
}
select#scaleSelect option {
  background: var(--gray-color-200) !important;
  color: var(--secondary-text-color) !important;
}
.aceAnnotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#pdfLoading {
  height: inherit;
  z-index: 90;
}
.loading-indicator-lg-container {
  margin: 0 auto;
  position: relative;
  top: 30%;
  width: 65px;
}
.loading-indicator-lg {
  background: url(../images/ace_loading.gif) no-repeat;
  background-size: auto 38px;
  height: 41px;
  margin-left: 22px;
}
.loading-indicator-lg-msg {
  animation: loading-indicator-lg-msg-pulse 2.4s ease-in-out infinite;
  color: #275377;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  padding-top: 12px;
  position: absolute;
  text-transform: uppercase;
}
#errorLoadingPdf {
  height: 0;
  z-index: 180;
  background: var(--gray-color-200);
}
.toolbarButtonFlexibleSpacer {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  min-width: 30px;
}
#sidebarContainer {
  top: 0;
  border: none;
  transition-duration: 1ms;
}
#sidebarContainer .toolbarButton.toggled {
  background-color: #0000004d;
  color: var(--white-color);
}
#sidebarContainer .toolbarButton.toggled::before {
  background-color: #ffffff;
}
#sidebarContainer .splitToolbarButton.toggled > .toolbarButton.toggled {
  background-color: #0000004d;
  color: var(--black-color);
}
#sidebarContainer .secondaryToolbarButton.toggled {
  background-color: #0000004d;
  color: var(--black-color);
}
#sidebarContainer .toolbarButton {
  color: var(--black-color);
}
#sidebarContainer .toolbarButton::before {
  background-color: rgba(var(--black), 1);
}
#sidebarContainer .dropdownToolbarButton {
  color: var(--black-color);
}
#sidebarContainer .dropdownToolbarButton::after {
  background-color: rgba(var(--black), 1);
}
#sidebarContainer .secondaryToolbarButton {
  color: var(--black-color);
}
#sidebarContainer .secondaryToolbarButton::before {
  background-color: rgba(var(--black), 1);
}
#sidebarContainer .overlayButton {
  color: var(--black-color);
}
#sidebarContainer .treeItemToggler::before {
  background-color: rgba(var(--black), 1);
}
#sidebarContainer .treeItemToggler:hover {
  background-color: #00000026;
  color: #000000e6;
}
#sidebarContainer .treeItemToggler:hover + a {
  background-color: #00000026;
  color: #000000e6;
}
#sidebarContainer .treeItemToggler:hover ~ .treeItems {
  background-color: #00000026;
  color: #000000e6;
}
#sidebarContainer .treeItem.selected > a {
  background-color: #00000040;
  color: #000000e6;
}
#sidebarContainer .treeItem > a:hover {
  background-color: #00000026;
  color: #000000e6;
}
#sidebarContainer a:focus > .thumbnail > .thumbnailSelectionRing {
  background-color: #00000026;
}
#sidebarContainer .thumbnail {
  border: none;
  padding: 0;
  box-shadow: none;
}
#sidebarContainer .thumbnail:hover > .thumbnailSelectionRing {
  background-color: #00000026;
}
.toolbarButton {
  color: #f9f9fa;
}
.toolbarButton::before {
  opacity: 0.7;
  background-color: #f9f9fa;
}
.secondaryToolbarButton {
  color: var(--gray-color-100);
}
.secondaryToolbarButton::before {
  background-color: var(--gray-color-100);
  opacity: 0.9;
}
.overlayButton {
  color: var(--gray-color-100);
}
.toolbarButton.toggled {
  background-color: #0000004d;
  color: #fff;
}
.toolbarButton.toggled::before {
  background-color: #ffffff;
}
.splitToolbarButton.toggled > .toolbarButton.toggled {
  background-color: #0000004d;
  color: var(--white-color);
}
.secondaryToolbarButton.toggled {
  background-color: #0000004d;
  color: #fff;
}
.secondaryToolbarButton.toggled::before {
  background-color: #ffffff;
}
.splitToolbarButtonSeparator {
  background-color: #0000004d;
}
.treeItemToggler::before {
  background-color: var(--gray-color-100);
}
body {
  scrollbar-color: auto;
}
input {
  scrollbar-color: auto;
}
button {
  scrollbar-color: auto;
}
select {
  scrollbar-color: auto;
}
.horizontalToolbarSeparator {
  border-top: 1px solid #5c5c61;
}
html[dir="ltr"] .findbar .splitToolbarButton > .findNext {
  border-right: 1px solid var(--gray-color-800);
}
html[dir="ltr"] #sidebarContainer .treeWithDeepNesting > .treeItem {
  margin-left: 18px;
}
html[dir="ltr"] #sidebarContainer .treeItem > .treeItems {
  margin-left: 12px;
}
html[dir="ltr"] #sidebarContainer .treeItem > a {
  padding: 4px 0 4px 4px;
}
.splitToolbarButton > .toolbarButton:hover {
  background-color: var(--secondary-header-color);
}
.splitToolbarButton > .toolbarButton:focus {
  background-color: var(--secondary-header-color);
}
.toolbarButton.textButton:hover {
  background-color: #666667;
}
.toolbarButton.textButton:focus {
  background-color: #666667;
}
.thumbnail.selected > .thumbnailSelectionRing {
  background-color: rgba(var(--black), 0.15);
}
.treeItem > a {
  color: var(--black-color) !important;
  outline: none;
}
.treeItem > a:focus {
  color: var(--black-color) !important;
  outline: none;
}
.treeItem > a:active {
  color: var(--black-color) !important;
  outline: none;
}
#annotationOn {
  font-weight: 400;
  font-size: 15px;
  padding-left: 28px;
  width: 100px;
}
#annotationOn:before {
  content: "\f4a4";
  -webkit-mask-image: none;
  mask-image: none;
  background-color: var(--black-color);
  font-size: 24px;
  margin-top: 4px;
  font-weight: 300;
}
#annotationOff {
  font-weight: 900;
  width: 34px;
}
#annotationOff:before {
  content: "\f4a4";
  -webkit-mask-image: none;
  mask-image: none;
  background-color: var(--black-color);
  font-size: 24px;
  margin-top: 4px;
}
::selection {
  background: #0095ffc2 !important;
}
.aceLoadingInProgress #sidebarContainer {
  display: none;
}
.aceLoadingInProgress #mainContainer .findbar {
  display: none;
}
.aceLoadingInProgress #mainContainer #secondaryToolbar {
  display: none;
}
.aceLoadingInProgress #mainContainer .toolbar {
  display: none;
}
@media screen and (min-resolution: 2dppx) {
  #toolbarContainer .toolbarButton::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 4px;
    left: 8px;
  }
  html[dir='ltr'] .secondaryToolbarButton::before {
    left: 4px;
  }
  .secondaryToolbarButton::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 6px;
  }
}
.binder-container .page-header-title-wrapper {
  padding: 0;
}
.binder-container .page-header-title-wrapper .breadcrumb {
  padding-left: 0;
}
.binder-container .page-header-title-wrapper .file-icon-small {
  margin-left: 0 !important;
}
.binder-container .page-content-body {
  margin-top: 112px;
}
.binder-container #binder-list .list-item {
  padding: 7px 0 16px;
}
.binder-container #binder-list .list-item .pull-right > .label {
  margin: 4px 18px 0 0;
}
.binder-container #binder-list .media {
  overflow: visible;
}
.binder-container #binder-list .media .pull-left {
  margin: 10px 16px 0px 8px !important;
}
.binder-container #binder-list .media .pull-left[data-name="folder"] {
  margin: 2px 16px 2px 8px !important;
  font-size: 30px;
}
.binder-container #binder-list .media .media-body {
  overflow: visible;
  display: inline-block;
  width: calc(100vw - 500px);
}
.binder-container #binder-list .media .media-body .media-heading {
  font-weight: 400;
  margin-top: 6px;
}
.binder-container .lock-file {
  color: var(--gray-color-900);
}
.binder-container ul.sub-breadcrumb {
  margin: 0;
}
.folder-blue-color {
  color: #62a2d8;
}
.folder-gray-color {
  color: var(--gray-color-700);
}
/* ---------- Themes  ---------- */
html[data-color-mode="dark"][data-theme~="dark:dark"] {
  color-scheme: dark;
}
html[data-color-mode="light"][data-theme~="light:light"] {
  color-scheme: light;
}
/* ---------- Dark Theme Overrides  ---------- */
html[data-color-mode="dark"][data-theme~="dark:dark"] #helpContent .jumbotron {
  background-image: linear-gradient(305deg, #187340, #0b6459 45%, #0a6670 60%, #00507e);
}
html[data-color-mode="dark"][data-theme~="dark:dark"] #helpContent .jumbotron .container {
  color: var(--black-color);
  text-shadow: 0 1px 2px var(--white-color);
}
html[data-color-mode="dark"][data-theme~="dark:dark"] .modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
html[data-color-mode="dark"][data-theme~="dark:dark"] #sa-container #system-alert {
  box-shadow: rgba(var(--black), 0.11) 0px 7px 10px 0px, rgba(var(--black), 0.65) 0px 0px 1px 0px;
}
html[data-color-mode="dark"][data-theme~="dark:dark"] select {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6I0ZGRkZGRjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiNGRkZGRkY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojY2NjO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
}
/* ---------- General ---------- */
html {
  overscroll-behavior: none;
}
body {
  background-color: var(--white-color);
  color: var(--primary-text-color);
  font: normal 16px "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-justify: auto;
  text-outline: none;
  text-overflow: clip;
  text-shadow: none;
  text-transform: none;
  text-wrap: normal;
}
body.dark-background {
  background-color: var(--secondary-background-color);
}
body > div > div > #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 210px;
  background-color: var(--gray-color-200);
  border-right: 1px solid var(--gray-color-400);
  color: var(--gray-color-900);
}
body > .metricsContainer > div > #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 275px;
  background-color: var(--secondary-background-color);
  border-right: 1px solid var(--gray-color-400);
  color: var(--secondary-text-color);
}
body > .record-view > div > #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 230px;
  background-color: var(--white-color);
  border-right: 1px solid var(--gray-color-400);
}
.help-block {
  color: var(--gray-color-800);
  font-size: 14px;
  line-height: 20px;
}
.help-block + .control-group {
  margin-top: 20px;
}
.help-inline {
  color: var(--gray-color-800);
  font-size: 14px;
}
div#page {
  margin-top: 40px;
  padding: 0;
}
.center {
  text-align: center;
}
.center-container {
  margin: 0 auto;
  text-align: center;
}
.right {
  text-align: right;
}
.marginReset {
  margin: 0;
}
h1 {
  font-weight: 500;
}
h2 {
  font-weight: 500;
}
h3 {
  font-weight: 500;
  font-size: 22px;
}
h4 {
  color: var(--gray-color-1000);
  font-weight: normal;
}
h5 {
  font-weight: normal;
}
h6 {
  font-weight: normal;
}
.entry-title {
  font-weight: 400;
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h3.entry-title {
  color: var(--gray-color-900);
  font-size: 22px;
}
.muted {
  color: var(--gray-color-700);
}
.mutedLight {
  color: var(--gray-color-400) !important;
}
.mutedLight a {
  color: var(--gray-color-400) !important;
}
.mutedLight a:hover {
  color: var(--primary-button-background-color) !important;
}
.smallText {
  color: var(--gray-color-800);
  font-size: 14px !important;
}
.alert {
  padding: 16px 30px 16px 52px;
  min-height: 20px;
  position: relative;
  border-radius: 4px;
  text-shadow: none;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 20px;
  border-width: 0;
}
.alert h4 {
  font-size: 16px;
  color: var(--secondary-text-color);
  padding-bottom: 8px;
  font-weight: 500;
}
.alert h4 > i {
  padding-right: 4px;
}
.alert .alert-actions {
  padding-top: 8px;
}
.alert .alert-actions > a {
  padding-right: 8px;
}
.alert > .pull-right {
  margin-top: -8px;
}
.alert > .pull-right > .btn {
  margin-top: 4px;
}
.alert > .pull-right > .btn-group {
  margin-top: 4px;
}
.alert .alert-no-icon {
  padding: 10px 30px 10px 24px;
}
.alert > i {
  font-size: 20px;
  vertical-align: middle;
  line-height: 20px;
  position: absolute;
  left: 20px;
  top: 17px;
}
.alert .close {
  top: 0;
  font-size: 28px;
  color: var(--black-color);
  opacity: 0.3;
}
.alert .close:hover {
  top: 0;
}
.alert .close:focus {
  top: 0;
}
.alert b {
  font-weight: 500;
}
.alert > .text-container {
  padding-left: 20px;
}
.alert > .text-container > h4.semi-bold {
  padding-bottom: 2px;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}
.alert .alert-icon-container {
  position: absolute;
  left: 17px;
  top: 14px;
}
.alert .alert-icon-container .icon {
  line-height: 30px;
  margin-left: 7px;
  font-size: 24px;
}
.alert .endDate:not(:empty) {
  padding-left: 8px;
  margin-left: 6px;
  border-left: 1px solid var(--gray-color-400);
}
.assessment-notice {
  color: #FFAB00;
  font-size: 16px;
}
form .input-search,
.input-clearable,
.input-clearable-date {
  background: url('../images/clear.png') no-repeat right -15px center;
}
form .input-search.clearable,
.input-clearable.clearable,
.input-clearable-date.clearable {
  background-position: right 14px center;
}
.input-clearable-short.clearable {
  background-position: right 31px center;
}
.input-clearable-long.clearable {
  background-position: right 55px center;
}
form .input-search.onClearable,
.input-clearable.onClearable,
.input-clearable-date.onClearable {
  cursor: pointer;
}
/* ----- Record View Layout ----- */
.table-format {
  width: 100%;
  table-layout: fixed;
}
.editable-field-more {
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 15px;
}
.record-view-container {
  /* ----- Record View Panels ----- */
}
.record-view-container .page-content-body {
  margin-top: 0;
}
.record-view-container .page-content-body .alert h4 {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.record-view-container .page-content-body h4 {
  font-weight: 400;
  font-size: 22px;
  padding-bottom: 10px;
  display: inline-block;
}
.record-view-container #record-view-links {
  padding-top: 14px;
}
.record-view-container #record-view-links > .active > a {
  padding-bottom: 6px !important;
}
.record-view-container #record-view-links > .active > a:hover {
  background-color: var(--gray-color-200) !important;
}
.record-view-container #record-view-links > li > a > i {
  color: var(--gray-color-900);
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.record-view-container .alert-info p:last-child {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.record-view-container .page-sidebar-menu.nav.nav-list > li > a {
  line-height: 1;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}
.record-view-container .page-container.nav-minimized .page-sidebar .nav-header {
  display: none;
}
.record-view-container .page-container.nav-minimized #record-view-links {
  z-index: 20;
}
.record-view-container .page-container.nav-minimized #record-view-links li a {
  font-size: 0;
  line-height: 1;
  position: relative;
  text-overflow: initial;
  width: auto;
}
.record-view-container .page-container.nav-minimized #record-view-links li a .badge {
  position: absolute;
  top: 0px;
  right: 3px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
.record-view-container .page-container.nav-minimized #record-view-links li.divider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.record-view-container .page-container.nav-minimized #record-view-links > .active > a > i {
  color: var(--primary-button-background-color);
}
.record-view-container .page-container.nav-minimized .record-view-page-header-wrapper .record-view-page-header {
  left: 55px;
}
.record-view-container table.table .recordListOptionsToggle {
  visibility: hidden;
}
.record-view-container table.table .recordListOptionsToggle > a.btn-link {
  padding: 1px;
}
.record-view-container table.table tr:hover .recordListOptionsToggle {
  visibility: visible;
}
.record-view-container .grid-view tr.selected .recordListOptionsToggle {
  visibility: visible;
}
.record-view-container .grid-view .table tr.selected td {
  background-color: var(--gray-color-200);
}
.record-view-container .ace-table-container {
  overflow: auto;
  white-space: nowrap;
}
.record-view-container .ace-table-container .table {
  table-layout: initial;
}
.record-view-container .custom-grid-container {
  overflow: auto;
}
.record-view-container #sidebarContainer {
  width: 230px;
}
.record-view-container #sidebarContainer .page-sidebar {
  margin-left: 0;
  top: 146px;
  height: calc(100vh - 146px);
  width: 230px;
}
.record-view-container #sidebarContainer .page-sidebar .nav.nav-list > .nav-header {
  border-top: none;
  margin-top: 0;
  padding-top: 3px;
}
.record-view-container .record-view-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 999;
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.record-view-container .record-view-header #sectionHeader {
  padding: 4px 18px 1px;
}
.record-view-container .record-view-header-inline {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.record-view-container .record-view-header-inline #sectionHeader {
  padding: 4px 18px;
}
.record-view-container .page-container {
  margin-top: 146px;
}
.record-view-container .page-container.no-options-menu {
  margin-top: 105px;
}
.record-view-container .page-container.no-options-menu #sidebarContainer .page-sidebar {
  top: 105px;
  height: calc(100vh - 105px);
}
.record-view-container .page-container.no-options-menu .tabMinimizeContainer {
  top: 117px;
}
.record-view-container .child-record-tab-label {
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-view-container .page-content-wrapper .page-content {
  padding: 12px 0;
  margin-left: 230px;
}
.record-view-container .pageHeaderContainer {
  padding: 13px 18px !important;
}
.record-view-container .optionsMenu {
  padding: 1px 18px 8px;
}
.record-view-container .record-view-page-header-wrapper .record-view-page-header {
  margin: 0;
  border: none;
  background-color: var(--white-color);
  padding: 5px 18px;
  position: fixed;
  top: 148px;
  left: 231px;
  right: 0;
  z-index: 11;
  min-height: 50px;
}
.record-view-container .record-view-page-header-title-wrapper {
  float: left;
  padding: 10px 0;
}
.record-view-container .record-view-page-header-title-wrapper .btn:focus {
  text-decoration: none;
}
.record-view-container .record-view-page-header-title {
  margin: 0;
  color: var(--primary-text-color);
  font-weight: normal;
  font-size: 24px;
}
.record-view-container .record-view-content-body {
  margin-top: 20px;
}
.record-view-container .breadcrumb + .clearfix + .title-wrapper .page-header-title-wrapper {
  width: calc(100vw - 400px);
  margin-top: 8px;
}
.record-view-container .breadcrumb + .clearfix + .title-wrapper .page-header-title-wrapper.sub-page-header-title-wrapper {
  margin: 4px 0 2px;
  width: 50%;
}
.record-view-container .breadcrumb + .clearfix + .title-wrapper .page-header-title-wrapper .page-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}
.record-view-container .page-container.nav-header {
  border-top: 1px solid var(--gray-color-400);
  padding: 10px 0px 2px;
  margin: 0px 6px 5px 8px;
}
.record-view-container .searchInput {
  margin: -4px 2px 0 0;
}
.record-view-container .panel {
  border-color: var(--gray-color-400);
  background-color: var(--white-color);
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.1);
}
.record-view-container .panel .panel-heading {
  background-color: transparent;
  border: none;
  padding: 13px 18px;
}
.record-view-container .panel .panel-heading .panel-title-small {
  font-size: 22px;
  letter-spacing: 0.02em;
}
.record-view-container .panel .panel-body {
  padding: 4px 18px 10px;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row {
  overflow: hidden;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row > div {
  padding: 8px 0;
  margin-bottom: -99991px;
  padding-bottom: 99999px;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row > div:first-child {
  padding-left: 6px;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row > div:not(:first-child) {
  border-left: 1px solid var(--gray-color-300);
  padding-left: 6px;
  padding-right: 6px;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row > div .text-ellipsis::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row:nth-child(even) {
  background: var(--gray-color-100);
  border-top: var(--gray-color-300) 1px solid;
  border-bottom: var(--gray-color-300) 1px solid;
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row:nth-child(odd) {
  background: var(--white-color);
}
.record-view-container .record-view-forms .panel .panel-body .row-fluid.record-details-row:last-of-type:nth-child(even) {
  border-bottom: none;
}
.record-view-container .panel-record-data .text-ellipsis {
  color: var(--secondary-text-color);
  font-size: 16px;
  letter-spacing: 0.01em;
  display: block;
}
.record-view-container .panel-record-data .panel-body-small .row-fluid .span3 {
  padding: 4px 0;
}
.record-view-container .panel-record-data .panel-body-small .row-fluid .span9 {
  padding: 4px 0;
}
.record-view-container .btn-no-border {
  border: 0px;
  background-color: var(--white-color);
}
.record-view-container .btn-format {
  margin-right: 15px;
}
.record-view-container .ace-chat-row {
  padding: 10px 0;
}
.record-view-container iframe:not(.cke_wysiwyg_frame) {
  border: 1px solid var(--gray-color-400);
}
.record-view-container .record-sign-details .grid-view {
  padding-top: 0;
}
.record-view-container record-sign-details .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.record-view-container .container-fluid > div > .cg-busy-backdrop.loading-indicator {
  display: none;
}
@media (max-width: 1200px) {
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid [class*="span"] {
    min-height: 22px;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid [class*="span7"] {
    width: 100% !important;
    margin: 0;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid .text-ellipsis {
    width: 50%;
    margin: 0;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid .field {
    width: 50%;
    margin: 0;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid .span12.field {
    width: 100%;
    margin: 0;
  }
  .record-view-container .span8 .panel-record-data .row-fluid {
    margin-bottom: 0 !important;
  }
  .record-view-container .span4 .panel-record-data .row-fluid {
    margin-bottom: 14px !important;
  }
}
@media (max-width: 880px) {
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid {
    border: none !important;
    margin-bottom: 0px !important;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid .text-ellipsis {
    width: 100%;
    padding: 4px 0 4px;
  }
  .record-view-container .record_view_grouped .panel-record-data .panel-body-small .row-fluid .field {
    padding: 0 0 8px;
    width: 100%;
    background-color: var(--white-color) !important;
    border: none !important;
    padding-left: 0 !important;
  }
}
.training-material-item i {
  color: var(--gray-color-800);
  font-size: 26px;
  float: left;
  margin-top: 6px;
  margin-right: 9px !important;
}
.training-material-item .smallText {
  padding-left: 42px;
}
.semi-bold {
  font-weight: 500;
}
.bold {
  font-weight: 600;
}
.extra-bold {
  font-weight: 700;
}
form.signoff input {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
form.signoff input:focus {
  outline: 0;
  border-color: var(--gray-color-400);
  box-shadow: none;
}
form.signoff input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fdfdfd inset !important;
  -webkit-text-fill-color: var(--primary-text-color);
}
form.signoff .input-prepend {
  min-height: 30px;
  display: block;
  box-sizing: border-box;
  position: relative;
}
form.signoff .input-prepend > .add-on {
  background-color: transparent;
  border: none;
  min-width: 0;
  padding: 0;
}
form.signoff .input-prepend > .add-on > i {
  color: var(--gray-color-700);
  font-size: 18px;
  z-index: 3;
  position: absolute;
  top: 12px;
  left: 20px;
}
form.signoff .input-padding {
  height: 42px;
  padding-left: 54px;
  font-weight: 400;
  box-shadow: inset 0 1px 3px var(--gray-color-200);
  border-radius: 4px;
}
form.signoff select:focus {
  outline: 0;
  border-color: var(--gray-color-400);
  box-shadow: none;
}
form.signoff .help-block {
  margin-bottom: 0;
  margin-top: 4px;
  color: var(--gray-color-700);
}
form.signoff label {
  display: block;
}
form.signoff hr {
  margin: 2px 0 8px;
}
form.signoff input {
  font-size: 18px;
  line-height: 20px;
}
form.signoff .input-prepend {
  box-sizing: border-box;
  display: block;
  min-height: 30px;
  position: relative;
}
form.signoff .input-prepend > .add-on {
  background-color: transparent;
  border: none;
  min-width: 0;
  padding: 0;
}
form.signoff .input-prepend > .add-on > i {
  color: var(--gray-color-700);
  font-size: 18px;
  left: 20px;
  position: absolute;
  top: 12px;
  z-index: 3;
}
form.signoff .input-padding {
  border-radius: 4px;
  box-shadow: inset 0 1px 3px var(--gray-color-200);
  font-weight: 400;
  height: 42px;
  padding-left: 54px;
}
form.signoff > .row-fluid {
  padding-bottom: 16px;
}
form.signoff > .row-fluid > .row-fluid {
  padding: 0;
}
form.signoff > .row-fluid > div > div > .row-fluid {
  padding-top: 12px;
}
form.signoff > .row-fluid > div > div > .row-fluid.select2 {
  padding-top: 0 !important;
}
#login {
  margin: 10px auto 30px;
  max-width: 400px;
  padding: 40px 86px 58px;
  font-weight: normal;
  text-align: left;
  background-color: var(--white-color);
  border: none;
  background-clip: padding-box;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  box-shadow: 0 0 4px 0 rgba(var(--black), 0.08);
}
#login .alert {
  margin-top: 6px;
  margin-bottom: 8px;
  font-size: 15px;
}
#login .alert b {
  font-size: 16px;
}
#login form {
  margin: 0;
  padding: 10px 0 0;
}
#login form .row-fluid {
  padding-top: 10px;
  padding-bottom: 16px;
}
#login form input {
  color: var(--primary-text-color);
  font-size: 18px;
  line-height: 20px;
}
#login form input:focus {
  outline: 0;
  border-color: var(--gray-color-400);
  box-shadow: none;
}
#login form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fdfdfd inset !important;
  -webkit-text-fill-color: var(--primary-text-color);
}
#login form select {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
#login form select:focus {
  outline: 0;
  border-color: var(--gray-color-400);
  box-shadow: none;
}
#login form .input-prepend {
  min-height: 30px;
  display: block;
  box-sizing: border-box;
  position: relative;
}
#login form .input-prepend > .add-on {
  background-color: transparent;
  border: none;
  min-width: 0;
  padding: 0;
}
#login form .input-prepend > .add-on > i {
  color: var(--gray-color-700);
  font-size: 18px;
  z-index: 3;
  position: absolute;
  top: 12px;
  left: 20px;
  margin-top: 2px;
}
#login form .input-padding {
  height: 47px;
  padding-left: 54px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px var(--gray-color-300) !important;
  border-radius: 6px;
  letter-spacing: 0.5px;
}
#login form #UserChangePassword_timezone {
  height: 42px;
  padding-left: 54px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px var(--gray-color-300) !important;
  border-radius: 6px;
  letter-spacing: 0.5px;
}
#login form #TimezoneForm_timezone {
  height: 42px;
  padding-left: 54px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px var(--gray-color-300) !important;
  border-radius: 6px;
  letter-spacing: 0.5px;
}
#login form .help-block {
  margin-bottom: 0;
  margin-top: 4px;
  color: var(--gray-color-700);
}
#login .pageheader {
  margin-bottom: 0;
}
#login .pageheader h1 {
  color: var(--secondary-text-color);
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 4px;
  padding-bottom: 7px;
}
#login h1 a {
  background: url(../images/logo-ace.svg) no-repeat center center;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block;
  margin: 34px 0 22px;
}
#login .login-intro-message {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding: 12px 0 0;
}
#login .info {
  font-size: 18px;
  line-height: 23px;
  color: var(--secondary-text-color);
  padding-bottom: 17px;
  letter-spacing: 0.2px;
}
#login form.signoff select {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
#login #rememberMe {
  float: left;
  padding-left: 3px;
  font-size: 14px;
  padding-top: 6px;
}
#login #forgotPassword {
  font-size: 15px;
  font-weight: 500;
  min-height: 18px;
  padding-left: 0;
  letter-spacing: 0.5px;
  padding-top: 20px;
  width: 100%;
}
#login #forgotPassword > div {
  float: right;
  padding-top: 12px;
}
#login .loginOptionBtn {
  background-color: var(--white-color) !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-button-background-color) !important;
  margin: 8px 0 8px !important;
}
#login .sso-login-option-container {
  margin: 0 0 0;
}
#login .sso-login-option-container .login-options-divider-container {
  display: flex;
  flex-direction: row;
  margin: 2px 0 8px;
}
#login .sso-login-option-container .login-options-divider-container .line-container {
  top: 0.45em;
  flex-shrink: 1;
  height: 1px;
  position: relative;
  flex-grow: 1;
  background-color: var(--gray-color-700);
}
#login .sso-login-option-container .login-options-divider-container .login-option-label {
  text-transform: uppercase;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  font-weight: 600;
  color: var(--gray-color-700);
  align-items: stretch;
  font-size: 0.8125rem;
  position: relative;
  line-height: 1.1538;
  flex-grow: 0;
  padding: 0;
  margin: 0 18px;
  vertical-align: baseline;
}
#login .btn {
  border-radius: 8px;
  padding: 13px 40px;
  font-weight: 400;
  letter-spacing: 0.4px;
  font-size: 18px;
  margin-top: -4px;
  margin-left: 12px;
}
#login .g-recaptcha > div {
  margin: 0 auto;
}
.help-block.error,
.error-text {
  color: #c44140;
}
.moment:first-letter {
  text-transform: uppercase;
}
blockquote p {
  font-size: 16px;
  font-weight: normal;
}
.icon-color-success {
  color: #69c758 !important;
}
.icon-color-warning {
  color: #eb982c !important;
}
.color-danger {
  color: #d9655b;
}
a {
  color: var(--primary-button-background-color);
  text-decoration: none;
}
a:visited {
  color: var(--primary-button-background-color);
  text-decoration: none;
}
a:focus {
  color: var(--primary-button-background-color);
  text-decoration: none;
}
a:hover {
  color: var(--primary-button-background-color);
  cursor: pointer;
  text-decoration: underline;
}
.analytics-favorite i {
  font-size: 18px;
  margin-left: 6px;
  margin-top: 5px;
  vertical-align: top;
}
.editable-click {
  color: var(--primary-button-background-color);
}
a.editable-click {
  color: var(--primary-button-background-color);
}
a.editable-click:hover {
  color: var(--primary-button-background-color);
}
.form-actions {
  background-color: transparent;
  margin-top: 0;
  border-top: none;
}
.form-actions .btn {
  margin-right: 8px;
}
input {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none !important;
  font-size: 16px;
}
button {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none !important;
  font-size: 16px;
}
select {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none !important;
  font-size: 16px;
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  color: var(--primary-text-color);
  transition: none;
  height: 38px;
  line-height: 38px;
  padding: 0 26px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: 10px;
  background-position: right 8px bottom 48%;
  background-color: var(--gray-color-100);
  /* CAUTION: IE hackery ahead */
}
select[multiple] {
  padding: 0;
}
select[multiple] option {
  padding: 2px 10px;
}
select[multiple] option:checked {
  background-color: var(--primary-button-background-color) !important;
  color: var(--white-color) !important;
}
select[multiple]:focus option:checked {
  background-color: var(--primary-button-background-color) !important;
  color: var(--white-color) !important;
}
select::-ms-expand {
  display: none;
}
select optgroup {
  background-color: #fbfbfb !important;
  color: var(--primary-text-color) !important;
}
select option {
  background-color: var(--gray-color-100) !important;
  color: var(--primary-text-color) !important;
}
select:focus {
  outline: none;
}
textarea {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: none !important;
  font-size: 16px;
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  color: var(--primary-text-color);
  padding: 4px 8px;
  transition: none;
  resize: none;
  height: auto;
  line-height: 24px;
}
input[type="checkbox"] {
  appearance: none;
  outline: none;
  content: none;
  background-color: var(--white-color);
  width: 16px;
  height: 16px;
  border: 1px solid var(--gray-color-800);
  border-radius: 3px;
  display: inline-grid;
  place-content: center;
  margin: 2px 10px 0 0;
}
input[type="checkbox"]::before {
  content: "";
  width: 14px;
  height: 14px;
  transform: scale(1);
  transform-origin: bottom left;
  background-color: var(--white-color);
  clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
}
input[type="checkbox"]:checked {
  appearance: none;
  outline: none;
  content: none;
  background-color: var(--primary-button-background-color);
  border: 1px solid var(--gray-color-800);
  border-radius: 3px;
}
input[type="radio"] {
  appearance: none;
  outline: none;
  content: none;
  background-color: var(--white-color);
  width: 18px;
  height: 18px;
  border: 1px solid var(--gray-color-800);
  border-radius: 100%;
  display: inline-grid;
  place-content: center;
  margin: 0 10px 0 0;
}
input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  transform: scale(1);
  transform-origin: bottom left;
  background-color: var(--white-color);
  clip-path: circle(4px);
}
input[type="radio"]:checked {
  appearance: none;
  outline: none;
  content: none;
  background-color: var(--primary-button-background-color);
  border: 1px solid var(--gray-color-800);
  border-radius: 100%;
}
input[type="text"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="password"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="datetime"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="datetime-local"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="date"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="month"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="time"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="week"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="number"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="email"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="url"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="search"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="tel"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
input[type="color"] {
  background-color: var(--gray-color-100);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  color: var(--primary-text-color);
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
}
.uneditable-input {
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none !important;
  font-size: 16px;
  padding: 4px 8px;
  transition: none;
  height: 28px;
  line-height: 28px;
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.select2 {
  margin-top: 0;
}
.cke {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 4px;
  overflow: hidden;
}
.cke.cke_chrome {
  border: 1px solid var(--gray-color-400, #ced4da);
}
.cke .cke_combo__format .cke_combo_text {
  width: 66px;
}
.cke .cke_combo__fontsize .cke_combo_text {
  width: 32px;
}
.cke a.cke_button {
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 4px;
}
.cke a.cke_button_expandable {
  padding: 6px 7px;
}
.cke .cke_hc a.cke_button {
  padding: 5px 7px;
}
.cke a.cke_button_on {
  padding: 5px 7px;
  border-radius: 4px;
}
.cke a.cke_button_expandable.cke_button_on {
  padding: 5px 6px;
}
.cke a.cke_button_off:hover,
.cke a.cke_button_off:focus,
.cke a.cke_button_off:active {
  padding: 5px 7px;
}
.cke a.cke_button_expandable.cke_button_off:hover,
.cke a.cke_button_expandable.cke_button_off:focus,
.cke a.cke_button_expandable.cke_button_off:active {
  padding: 5px 6px;
}
.cke .cke_hc a.cke_button_on,
.cke .cke_hc a.cke_button_off:hover,
.cke .cke_hc a.cke_button_off:focus,
.cke .cke_hc a.cke_button_off:active {
  padding: 3px 5px;
}
.cke a.cke_button_off:hover,
.cke a.cke_button_off:focus,
.cke a.cke_button_off:active {
  background: var(--gray-color-200);
  border: 1px solid transparent;
  padding: 5px 7px;
}
@media screen and (hover: none) {
  .cke a.cke_button_off:hover {
    padding: 6px 8px;
  }
  .cke a.cke_button_expandable.cke_button_off:hover {
    padding: 6px 7px;
  }
  .cke a.cke_button_off:active {
    padding: 5px 7px;
  }
  .cke a.cke_button_expandable.cke_button_off:active {
    padding: 5px 6px;
  }
}
.cke a.cke_button_disabled:hover,
.cke a.cke_button_disabled:focus,
.cke a.cke_button_disabled:active {
  padding: 6px 8px;
}
.cke a.cke_button_expandable.cke_button_disabled:hover,
.cke a.cke_button_expandable.cke_button_disabled:active {
  padding: 6px 7px;
}
.cke a.cke_button_disabled:focus {
  padding: 5px 7px;
}
.cke a.cke_button_expandable.cke_button_disabled:focus {
  padding: 5px 6px;
}
.cke .cke_hc a.cke_button_disabled:hover,
.cke .cke_hc a.cke_button_disabled:focus,
.cke .cke_hc a.cke_button_disabled:active {
  padding: 5px 7px;
}
.cke .cke_hc a.cke_button_disabled:focus {
  padding: 3px 5px;
}
.cke .cke_top {
  background: var(--white-color);
  padding: 4px 8px 0;
}
.cke .cke_combo_text {
  color: var(--primary-text-color);
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 80px;
}
.cke .cke_bottom {
  background: var(--white-color);
  display: none;
}
.cke .cke_toolgroup a.cke_button:last-child:after,
.cke .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
  height: 30px;
  border-right: 1px solid var(--gray-color-500);
  margin-top: 0px;
  margin-left: 2px;
  margin-right: 2px;
}
.cke .cke_combo:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 0;
  border-right: 1px solid var(--gray-color-500);
  margin-top: 1px;
  top: 0;
  right: 0;
  margin-left: 2px;
  margin-right: 2px;
}
.cke .cke_toolbar_separator {
  background-color: var(--gray-color-500);
  margin: 0 2px 0 2px;
  height: 30px;
  width: 1px;
}
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__undo_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__redo_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__bold_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__italic_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__underline_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__strike_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__removeformat_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__cut_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__copy_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__paste_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__link_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__unlink_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__numberedlist_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__bulletedlist_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__outdent_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__indent_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__horizontalrule_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__table_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__image_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__spellchecker_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__source_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button__maximize_icon,
.cke.cke_hidpi.cke_ltr .cke_reset_all .cke_button .cke_button___paperclip_icon {
  background: none !important;
}
.cke.cke_ltr .cke_button__undo_icon,
.cke.cke_ltr .cke_button__redo_icon,
.cke.cke_ltr .cke_button__bold_icon,
.cke.cke_ltr .cke_button__italic_icon,
.cke.cke_ltr .cke_button__underline_icon,
.cke.cke_ltr .cke_button__strike_icon,
.cke.cke_ltr .cke_button__removeformat_icon,
.cke.cke_ltr .cke_button__cut_icon,
.cke.cke_ltr .cke_button__copy_icon,
.cke.cke_ltr .cke_button__paste_icon,
.cke.cke_ltr .cke_button__link_icon,
.cke.cke_ltr .cke_button__unlink_icon,
.cke.cke_ltr .cke_button__numberedlist_icon,
.cke.cke_ltr .cke_button__bulletedlist_icon,
.cke.cke_ltr .cke_button__outdent_icon,
.cke.cke_ltr .cke_button__indent_icon,
.cke.cke_ltr .cke_button__horizontalrule_icon,
.cke.cke_ltr .cke_button__table_icon,
.cke.cke_ltr .cke_button__image_icon,
.cke.cke_ltr .cke_button__spellchecker_icon,
.cke.cke_ltr .cke_button__source_icon,
.cke.cke_ltr .cke_button__maximize_icon,
.cke.cke_ltr .cke_button___paperclip_icon {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  color: var(--secondary-text-color);
  background-image: none !important;
  background: none !important;
  margin-top: 2px;
  margin-right: 2px;
}
.cke.cke_ltr .cke_button__undo_icon:before {
  content: "\f2ea";
}
.cke.cke_ltr .cke_button__redo_icon:before {
  content: "\f2f9";
}
.cke.cke_ltr .cke_button__bold_icon:before {
  content: "\f032";
  font-weight: 900;
}
.cke.cke_ltr .cke_button__italic_icon:before {
  content: "\f033";
}
.cke.cke_ltr .cke_button__underline_icon:before {
  content: "\f0cd";
}
.cke.cke_ltr .cke_button__strike_icon:before {
  content: "\f0cc";
}
.cke.cke_ltr .cke_button__removeformat_icon:before {
  content: "\f87d";
}
.cke.cke_ltr .cke_button__cut_icon:before {
  content: "\f0c4";
}
.cke.cke_ltr .cke_button__copy_icon:before {
  content: "\f0c5";
}
.cke.cke_ltr .cke_button__paste_icon:before {
  content: "\f0ea";
}
.cke.cke_ltr .cke_button__link_icon:before {
  content: "\f0c1";
}
.cke.cke_ltr .cke_button__unlink_icon:before {
  content: "\f127";
}
.cke.cke_ltr .cke_button__numberedlist_icon:before {
  content: "\f0cb";
}
.cke.cke_ltr .cke_button__bulletedlist_icon:before {
  content: "\f0ca";
}
.cke.cke_ltr .cke_button__outdent_icon:before {
  content: "\f03b";
}
.cke.cke_ltr .cke_button__indent_icon:before {
  content: "\f03c";
}
.cke.cke_ltr .cke_button__indent_icon:before {
  content: "\f03c";
}
.cke.cke_ltr .cke_button__horizontalrule_icon:before {
  content: "\f86c";
}
.cke.cke_ltr .cke_button__table_icon:before {
  content: "\f0ce";
}
.cke.cke_ltr .cke_button__image_icon:before {
  content: "\f03e";
}
.cke.cke_ltr .cke_button__spellchecker_icon:before {
  content: "\f891";
}
.cke.cke_ltr .cke_button__source_icon:before {
  content: "\f121";
}
.cke.cke_ltr .cke_button__maximize_icon:before {
  content: "\f424";
}
.cke.cke_ltr .cke_button___paperclip_icon:before {
  content: "\f0c6";
}
.cke_reset_all select {
  background-image: none;
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}
label {
  font-size: 16px;
}
form > label:first-child {
  margin-top: 0;
}
legend {
  border-bottom: none;
  color: var(--gray-color-1000);
  font-size: 21px;
  margin-bottom: 0px;
  padding-top: 11px;
}
legend + .grid-view {
  padding-top: 0;
}
legend + .row-fluid > .control-group {
  margin-top: 20px;
}
form > fieldset:nth-child(1) > legend {
  padding-top: 0;
}
fieldset + fieldset > legend {
  border-top: 1px solid var(--gray-color-400);
}
.attachment-container {
  width: 100%;
  border: 1px dashed var(--gray-color-400);
  border-radius: 8px;
  background-color: var(--gray-color-100);
}
#reasonforchange label {
  font-weight: 600;
}
#collaboratorForm .row-fluid [class*="span"] {
  margin-bottom: 2px;
}
#collaboratorForm .row-fluid.floating-toolbar {
  position: sticky;
  bottom: -20px;
  z-index: 3;
}
#collaboratorForm .row-fluid.floating-toolbar .collaboration-form-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  background-color: var(--white-color);
  box-shadow: 0 -5px 7px -5px rgba(var(--black), 0.1);
  padding-top: 15px;
  padding-left: 40px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#collaboratorForm .form-actions {
  z-index: 3;
  text-align: left;
}
#dynamicForm label {
  margin-top: 4px;
  color: var(--secondary-text-color);
}
#dynamicForm .field-render > label {
  font-size: 16px;
  font-weight: 400;
}
#dynamicForm .field-render > div > label {
  font-size: 16px;
  font-weight: 400;
}
#dynamicForm .field-render > div > div > label {
  font-size: 16px;
  font-weight: 400;
}
#dynamicForm .row-fluid [class*="span"] {
  margin-bottom: 2px;
}
#dynamicForm .row-fluid.floating-toolbar {
  position: fixed;
  position: sticky;
  bottom: -20px;
  z-index: 3;
}
#dynamicForm .row-fluid.floating-toolbar .form-actions {
  position: static;
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.1);
}
#dynamicForm .form-actions {
  z-index: 3;
  text-align: left;
}
input[type="file"] {
  height: 38px;
  line-height: 38px;
}
input[type="file"]:disabled {
  background-color: transparent;
}
.input-append .add-on {
  padding: 8px;
  font-weight: 600;
  margin-left: -1px;
  text-shadow: none;
}
.input-append .add-on:last-child {
  border-radius: 0 4px 4px 0;
}
.input-append .btn.disabled {
  background-color: var(--secondary-button-disabled-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.input-append .btn.disabled:hover {
  cursor: not-allowed;
  background-color: var(--secondary-button-disabled-color);
}
.input-append .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 4px 4px 0;
}
.input-prepend .add-on {
  font-weight: 600;
  padding: 8px;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.radio {
  min-height: 24px;
}
.checkbox {
  min-height: 24px;
}
.field-value-container {
  background-color: var(--gray-color-100);
  border-radius: 6px;
  padding: 8px 16px;
}
.input-block-level {
  min-height: 38px;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-list > li > a {
  text-shadow: none;
}
.hidden_options {
  display: inline-block;
}
.hidden_options input {
  margin-right: 6px;
}
.dynamic_dropdown {
  margin-right: 2px;
}
.password-mask-content {
  font: small-caption;
  font-weight: 100;
}
.password-mask-content.masked {
  font-size: 12px !important;
  font-weight: 400;
}
select[multiple] {
  background-image: none;
}
.bootstrap-select .btn.dropdown-toggle {
  color: var(--primary-button-background-color);
}
.bootstrap-select .btn.dropdown-toggle:focus {
  outline: none !important;
}
.bootstrap-select .btn.dropdown-toggle .caret {
  border: none;
  font-size: 14px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  top: 30%;
  right: 23px;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: inherit;
  margin-top: 0px;
}
.bootstrap-select .btn.dropdown-toggle .caret:before {
  content: "\f107";
}
.bootstrap-select .btn .caret {
  border-top-color: var(--primary-button-background-color);
}
.bootstrap-select .dropdown-menu li:first-child dt {
  padding-top: 10px;
}
.bootstrap-select .dropdown-menu dt {
  padding-bottom: 0;
}
.bootstrap-select .dropdown-menu .div-contain .divider {
  margin: 7px 0 7px !important;
}
.bootstrap-select[class^="input-"] .btn,
.bootstrap-select[class*=" input-"] .btn {
  padding: 8px 10px;
  border-radius: 4px;
  background-color: var(--gray-color-100);
  font-size: 16px;
}
.bootstrap-select[class^="input-"] .btn.dropdown-toggle,
.bootstrap-select[class*=" input-"] .btn.dropdown-toggle {
  color: var(--primary-text-color);
}
.bootstrap-select[class^="input-"] .dropdown-menu > li > a,
.bootstrap-select[class*=" input-"] .dropdown-menu > li > a {
  color: var(--primary-text-color);
}
.bootstrap-select.error {
  margin-bottom: 2px;
}
.bootstrap-select.error .btn {
  border-color: #b94a48 !important;
}
.bootstrap-select.input-large .btn {
  width: 228px;
}
.bootstrap-select.input-large > .dropdown-menu {
  min-width: 228px;
}
.bootstrap-select.input-xlarge .btn {
  width: 288px;
}
.bootstrap-select.input-xlarge > .dropdown-menu {
  min-width: 288px;
}
.bootstrap-select.input-xxlarge .btn {
  width: 548px;
}
.bootstrap-select.input-xxlarge > .dropdown-menu {
  min-width: 548px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--gray-color-700) !important;
}
.bootstrap-select .dropdown-menu.open {
  width: auto;
  max-width: 900px;
  white-space: nowrap;
  overflow-wrap: break-word;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.divider {
  margin: 9px 0 !important;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.dropdown-header {
  color: var(--gray-color-800);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 9px 18px 0;
  padding: 13px 0 3px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border-top: none;
  margin-top: 0;
  padding-top: 3px;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.active a {
  padding-left: 17px !important;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.active a small {
  font-weight: 400 !important;
  color: var(--primary-text-color) !important;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li small {
  padding-left: 0;
  display: block;
  color: var(--gray-color-700) !important;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li > a.opt {
  padding-left: 20px;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li > a {
  min-height: 20px;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li.selected > a.opt {
  padding-left: 17px;
}
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li:not(.disabled) > a:hover small,
.bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner li:not(.disabled) > a:focus small {
  color: var(--gray-color-700);
}
.field-icon-container {
  display: inline-block;
}
.field-icon-container .input-prepend {
  min-height: 30px;
  display: block;
  box-sizing: border-box;
  position: relative;
}
.field-icon-container .input-prepend > .add-on:first-child {
  background-color: transparent;
  border: none;
  min-width: 0;
  padding: 0;
}
.field-icon-container .input-prepend .active {
  background-color: #fcfcfc;
  border: 1px solid;
}
.field-icon-container i {
  color: var(--gray-color-800);
  font-size: 16px;
  z-index: 3;
  position: absolute;
  top: 11px;
  left: 17px;
}
.field-icon-container input {
  padding-left: 48px;
}
.field-icon-container .input-mini {
  width: 20px;
}
.field-icon-container .input-small {
  width: 50px;
}
.field-icon-container .input-medium {
  width: 110px;
}
.field-icon-container .input-large {
  width: 170px;
}
.field-icon-container .input-xlarge {
  width: 230px;
}
.field-icon-container .input-xxlarge {
  width: 490px;
}
/* ---------- Login ---------- */
body.login {
  background-color: var(--secondary-background-color);
  width: 100%;
  display: block;
}
body.login .loginPage {
  display: table;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  min-height: calc(100vh - 150px);
}
body.login .loginContainer {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
}
.login .pageheader h1 {
  color: var(--secondary-text-color);
  font-weight: 500 !important;
  margin-bottom: 4px;
  padding-bottom: 7px;
  font-size: 24px !important;
}
.login #footer {
  font-size: 14px;
  padding-top: 0;
  text-align: center;
  color: var(--gray-color-800);
  font-weight: 300;
  letter-spacing: 0.4px;
  height: 140px;
}
.login #footer a {
  color: var(--gray-color-800);
  padding: 0 2px;
}
.login #footer a:hover {
  color: var(--gray-color-800);
}
.login #footer span {
  color: var(--gray-color-800);
  padding: 0 12px;
}
.login #footer .logo {
  padding: 12px 0 18px;
}
.login #footer .logo .psc-software-logo-link {
  display: block;
  margin: 0 auto;
  width: 203px;
  height: 70px;
  background: url('../images/logo-pscsoftware.svg') no-repeat 0 0;
  text-indent: -99999px;
  opacity: 1;
}
.login #footer .logo .psc-software-logo-link:hover {
  opacity: 0.8;
}
.login .input-prepend .error {
  border-color: #d9655b !important;
}
/*---------- Modal -----------*/
.modal {
  border-radius: 10px;
  border-color: var(--gray-color-400);
  background-color: var(--white-color);
}
.modal .modal-body form.signoff {
  margin: 0 auto;
  padding: 12px 20px;
}
.modal .modal-body form {
  margin: 0;
}
.modal .modal-body form .form-actions {
  margin-bottom: 0;
}
.modal .modal-body .replace-icon {
  color: var(--gray-color-400);
  padding-left: 5px;
}
.modal form.form-search > div {
  margin: 4px 18px 4px;
}
.modal .filter {
  margin: 0;
  padding: 6px 0 6px;
}
.modal .row-fluid > .show-additional-filters {
  margin-bottom: 0 !important;
}
.modal .grid-view {
  padding-top: 0;
}
.modal .grid-view table.items th:hover a:after {
  right: -8px;
}
.modal.fade.in,
.modal.in {
  top: 10% !important;
}
.modal-visible-filter > .modal-body {
  overflow: visible;
}
/* ---------- Menu ------------- */
.navbar {
  width: inherit;
  margin-bottom: 0px;
}
.navbar .shortcut-nav {
  margin: 0;
}
.navbar .shortcut-nav li a {
  font-size: 16px;
}
.navbar .shortcut-nav li a .shortcut-label {
  display: none;
}
.navbar .shortcut-nav .ui-state-highlight {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.7);
}
.navbar .shortcut-nav .ui-state-dragged {
  padding: 0px;
  margin: 0px;
  min-width: 40px;
  min-height: 32px;
  width: 40px;
  height: 32px;
  border-style: none;
  background-color: transparent;
}
.navbar > .navbar-inner > .container-fluid {
  padding-left: 16px;
  padding-right: 16px;
}
.navbar .divider-main {
  margin-right: 18px;
  margin-left: 18px;
}
.navbar .dropdown-menu.content-dropdown {
  background: var(--white-color);
  padding: 0;
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  border-radius: 8px;
  min-height: 70px;
  top: 38px;
  border-top: none;
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
  overflow: hidden;
}
.navbar .content-dropdown .nav-header {
  text-transform: none;
  font-size: 14px;
  padding: 0;
}
.navbar .nav > li > .content-dropdown:after {
  display: none;
}
.navbar .nav > li > .content-dropdown:before {
  display: none;
}
.navbar .nav > li > .create-dropdown:after {
  display: none;
}
.navbar .nav > li > .create-dropdown:before {
  display: none;
}
.navbar .nav > li > .options-dropdown:after {
  display: none;
}
.navbar .nav > li > .options-dropdown:before {
  display: none;
}
.navbar .nav > li > .options-large-dropdown:after {
  display: none;
}
.navbar .nav > li > .options-large-dropdown:before {
  display: none;
}
.navbar #shortcuts-section {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.navbar .nav-options {
  position: absolute;
  right: 0;
  float: initial;
  left: initial;
}
.navbar .nav-options > li:last-child > a.downdown-toggle {
  padding: 8px 15px 0 !important;
  height: 30px;
}
.navbar .nav-options .dropDownMenu.nav > li {
  margin: 0;
}
.navbar .nav-options .options-dropdown.dropdown-menu li > a {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.navbar .dropdown-menu.create-dropdown {
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: 0 3px 11px 1px rgba(var(--black), 0.18);
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
  border-top: none;
  min-height: 55px;
  padding: 0;
  top: 38px;
}
.navbar .dropdown-menu.options-dropdown {
  background: var(--white-color);
  border-radius: 8px;
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
  border-top: none;
  min-height: 55px;
  padding: 0;
  top: 38px;
  overflow: hidden;
}
.navbar .dropdown-menu.options-large-dropdown {
  background: var(--white-color);
  border-radius: 8px;
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
  border-top: none;
  min-height: 55px;
  padding: 0;
  top: 38px;
  overflow: hidden;
}
.navbar .create-dropdown .nav-header {
  text-transform: none;
  font-size: 14px;
  padding: 0;
}
.navbar .options-dropdown .nav-header {
  text-transform: none;
  font-size: 14px;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
}
.navbar .options-large-dropdown .nav-header {
  text-transform: none;
  font-size: 14px;
  padding: 0;
  font-weight: 400;
  border-radius: 0;
}
.navbar .nav-tools > li > a {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.navbar .nav-tools > li .show-caret .caret {
  display: inline-block;
}
.navbar .nav-tools > li.open .show-caret .caret {
  border-top-color: var(--gray-color-700) !important;
  border-bottom-color: var(--gray-color-700) !important;
}
.navbar .nav-header {
  margin-left: 0;
  margin-right: 0;
}
.navbar .divider-main.divider-input-left {
  margin-right: 0;
}
.navbar .divider-main.divider-input-right {
  margin-left: 0;
}
.navbar img.avatar {
  margin-top: -2px !important;
}
.navbar .avatarText {
  margin-top: -2px !important;
}
.navbar ul.dropdown-menu .dropDownMenu.nav > .nav-header {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 18px 0;
  padding: 3px 0 3px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border-top: none;
}
.navbar ul.dropdown-menu .dropDownMenu.nav > li.divider {
  background-color: transparent;
  border-bottom: 1px solid var(--gray-color-400);
  margin: 9px 18px !important;
}
.navbar .dropdown .dropdown-menu #profileWidget li.divider {
  margin-bottom: 6px !important;
  margin-top: 6px !important;
}
/* --- Menu Dropdown --- */
.navbar-inverse .navbar-inner {
  background-color: var(--white-color);
  background-image: none;
  border-bottom: 1px solid var(--gray-color-400);
  filter: none;
  font-size: 12px;
  box-shadow: 0 1px 3px rgba(var(--black), 0.07);
}
.navbar-inverse .appSelectMenu > i {
  font-size: 21px;
}
.navbar-inverse .brand {
  color: var(--white-color);
  text-shadow: none;
  background-image: url(../images/logo-ace.svg);
  width: 41px;
  height: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 10px 4px 10px 0;
}
.navbar-inverse .brand span {
  color: #428bca;
}
.navbar-inverse .nav-tools.nav > li.nav-apps > a,
.navbar-inverse .nav-options.nav > li.nav-apps > a {
  padding: 12px 8px 10px 15px;
}
.navbar-inverse .nav-tools.nav > li > a,
.navbar-inverse .nav-options.nav > li > a {
  color: var(--navbar-link-color);
  text-shadow: none;
  padding: 13px 15px 11px;
  border-radius: 4px !important;
}
.navbar-inverse .nav-tools.nav > li > a:hover,
.navbar-inverse .nav-options.nav > li > a:hover,
.navbar-inverse .nav-tools.nav > li > a:active,
.navbar-inverse .nav-options.nav > li > a:active,
.navbar-inverse .nav-tools.nav > li > a:focus,
.navbar-inverse .nav-options.nav > li > a:focus {
  color: var(--navbar-link-color);
}
.navbar-inverse .nav-tools.nav > li > a:hover .caret,
.navbar-inverse .nav-options.nav > li > a:hover .caret,
.navbar-inverse .nav-tools.nav > li > a:active .caret,
.navbar-inverse .nav-options.nav > li > a:active .caret,
.navbar-inverse .nav-tools.nav > li > a:focus .caret,
.navbar-inverse .nav-options.nav > li > a:focus .caret {
  border-top-color: var(--gray-color-800);
  border-bottom-color: var(--gray-color-800);
}
.navbar-inverse .nav-tools.nav > li > a img.avatar,
.navbar-inverse .nav-options.nav > li > a img.avatar {
  margin-top: -4px !important;
}
.navbar-inverse .nav-tools.nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav-options.nav li.dropdown.open > .dropdown-toggle {
  background-color: var(--white-color) !important;
  color: var(--primary-button-background-color);
  text-shadow: none;
}
.navbar-inverse .nav-tools.nav li.dropdown.open > .dropdown-toggle.gray-highlight,
.navbar-inverse .nav-options.nav li.dropdown.open > .dropdown-toggle.gray-highlight {
  background-color: var(--white-color) !important;
}
.navbar-inverse .nav-tools.nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav-options.nav li.dropdown.active > .dropdown-toggle {
  background-color: var(--white-color) !important;
  color: var(--primary-button-background-color);
  text-shadow: none;
}
.navbar-inverse .nav-tools.nav li.dropdown.active > .dropdown-toggle.gray-highlight,
.navbar-inverse .nav-options.nav li.dropdown.active > .dropdown-toggle.gray-highlight {
  background-color: var(--white-color) !important;
}
.navbar-inverse .nav-tools.nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav-options.nav li.dropdown.open.active > .dropdown-toggle {
  background-color: var(--white-color) !important;
  color: var(--primary-button-background-color);
  margin-top: 1px !important;
  padding-top: 10px;
  text-shadow: none;
}
.navbar-inverse .nav-tools.nav li.dropdown.open.active > .dropdown-toggle.gray-highlight,
.navbar-inverse .nav-options.nav li.dropdown.open.active > .dropdown-toggle.gray-highlight {
  background-color: var(--white-color) !important;
}
.navbar-inverse .nav-tools.nav .options-dropdown .active > a,
.navbar-inverse .nav-options.nav .options-dropdown .active > a {
  background-color: transparent;
  color: var(--primary-button-background-color);
  text-decoration: none;
  box-shadow: none;
}
.navbar-inverse .nav-tools.nav .options-dropdown .active > a:hover,
.navbar-inverse .nav-options.nav .options-dropdown .active > a:hover {
  background-color: var(--gray-color-200);
  text-shadow: none;
}
.navbar-inverse .nav-tools.nav .options-dropdown .active > a:focus,
.navbar-inverse .nav-options.nav .options-dropdown .active > a:focus {
  background-color: var(--gray-color-200);
  text-shadow: none;
}
.navbar-inverse .nav-tools.nav .dropdown > #createRecordMenu,
.navbar-inverse .nav-options.nav .dropdown > #createRecordMenu {
  background-color: var(--primary-button-background-color) !important;
  border: 1px solid var(--primary-button-background-color);
  border-radius: 8px !important;
  padding: 4px 13px;
  margin: 7px 14px;
  color: var(--white-color);
}
.navbar-inverse .nav-tools.nav .dropdown > #createRecordMenu:hover,
.navbar-inverse .nav-options.nav .dropdown > #createRecordMenu:hover {
  background-color: #0969a7;
}
.navbar-inverse .nav-tools.nav .dropdown.open > #createRecordMenu,
.navbar-inverse .nav-options.nav .dropdown.open > #createRecordMenu {
  border: 1px solid var(--primary-button-background-color);
}
.navbar-inverse .nav-tools.nav .dropdown.open > #createRecordMenu:hover,
.navbar-inverse .nav-options.nav .dropdown.open > #createRecordMenu:hover {
  background-color: #0969a7 !important;
}
.navbar-inverse .nav-options > li > a {
  font-size: 18px;
}
.navbar-inverse .toggle-switch {
  color: var(--gray-color-700);
  font-size: 24px;
}
.navbar-inverse .toggle-switch i.fa-toggle-on {
  color: var(--primary-button-background-color);
}
.navbar-inverse .divider-vertical {
  margin: 0 9px;
  height: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: transparent;
}
.navbar-fixed-top {
  z-index: 1000;
}
.navbar-fixed-bottom {
  z-index: 1000;
}
.divider-main + .empty-shortcuts + .divider-main {
  display: none;
}
/* --- Menu Notification --- */
#sa-container {
  position: fixed;
  left: 50px;
  bottom: 40px;
  z-index: 1000;
  width: 400px;
  display: block;
}
#sa-container #system-alert {
  font-size: 15px;
  padding: 12px 58px;
  border-radius: 4px;
  color: #3f6a8e;
  background-color: var(--white-color);
  box-shadow: rgba(9, 30, 6, 0.31) 0px 8px 14px 0px, rgba(9, 30, 66, 0.25) 0px 0px 1px 0px;
  background-image: none;
  position: relative;
  margin-top: 12px;
}
#sa-container #system-alert:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 19px;
  font-weight: 900;
  left: 20px;
  top: 14px;
  width: 40px;
  position: absolute;
}
#sa-container #system-alert a {
  font-weight: 500;
}
#sa-container #sa-close {
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  padding: 9px 1px;
  cursor: pointer;
}
#sa-container #sa-close:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
  color: #3f6a8e;
  content: "\f00d";
}
#system-alert.system-alert-success:before {
  color: #22A06B;
  content: "\f00c";
}
#system-alert.system-alert-warning:before {
  color: #eea53c;
  content: "\f071";
}
.storage-info-container {
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 800px;
}
.storage-info-bar-container {
  text-align: center;
  font-size: 20px;
  color: var(--gray-color-900);
}
.storage-info-bar {
  margin-top: 20px;
}
.storage-info-bar .bar-danger {
  background-color: #fbe983 !important;
  background-image: none;
}
.storage-info-bar .progress .bar {
  border-left: none;
  border-right: none;
}
.storage-info-bar .progress .bar + .bar {
  border-left: none;
  border-right: none;
}
ul.leaders {
  padding: 0;
  overflow-x: hidden;
  list-style: none;
  margin: 0;
  padding: 10px 0;
}
ul.leaders li {
  padding: 5px 0 5px 0;
}
ul.leaders li:before {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
}
ul.leaders span.leaders-label {
  background: var(--white-color);
  padding-right: 5px;
}
ul.leaders .leaders-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: baseline;
  margin-right: 14px;
  background-color: #87cdf1;
  border-radius: 4px;
}
ul.leaders .leaders-icon-info {
  background-color: #87cdf1;
}
ul.leaders .leaders-icon-success {
  background-color: #a8da31;
}
ul.leaders .leaders-icon-warning {
  background-color: #FFAB00;
}
ul.leaders .leaders-icon-yellow {
  background-color: #fbe983;
}
ul.leaders .leaders-icon-yellow {
  background-color: #fbe983;
}
ul.leaders .leaders-icon-purple {
  background-color: #9a9cff;
}
ul.leaders span.leaders-right {
  float: right;
  background: var(--white-color);
  padding-left: 5px;
}
#mainMenuWidget {
  padding: 20px 18px;
}
#mainMenuWidget h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.dropdown-menu .loading-indicator {
  margin-top: 12px;
}
.droppable-hover {
  background-color: var(--gray-color-300);
  cursor: pointer;
}
#shortcuts-section #shortcuts {
  margin: 0;
}
#shortcuts-section #shortcuts .shortcut {
  display: inline-block;
  background: transparent;
  height: 100px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  position: relative;
  border-radius: 4px;
}
#shortcuts-section #shortcuts .shortcut:hover {
  box-shadow: 0px 0px 10px 2px rgba(var(--black), 0.2);
  color: var(--primary-button-background-color) !important;
}
#shortcuts-section #shortcuts .shortcut:hover .add-fav-shortcut {
  display: inline-block;
}
#shortcuts-section #shortcuts .shortcut a {
  white-space: nowrap;
  display: block;
  color: var(--navbar-link-color);
  padding: 3px;
  height: 98px;
  width: 104px;
  margin: 4px;
}
#shortcuts-section #shortcuts .shortcut .add-fav-shortcut {
  display: none;
  position: fixed;
  margin-left: 40px;
  margin-top: 4px;
  color: var(--gray-color-500);
  cursor: pointer;
}
#shortcuts-section #shortcuts .shortcut .add-fav-shortcut i.fas {
  color: #FFAB00;
}
#shortcuts-section #shortcuts .shortcut .shortcut-icon-wrapper {
  display: block;
  padding-top: 16px;
}
#shortcuts-section #shortcuts .shortcut .shortcut-icon-wrapper span {
  text-align: center;
  padding: 0;
  color: var(--navbar-link-color);
  font-size: 30px;
}
#shortcuts-section #shortcuts .shortcut .shortcut-icon-wrapper i {
  text-align: center;
  padding: 0;
  color: var(--primary-button-background-color);
  font-size: 34px;
}
#shortcuts-section #shortcuts .shortcut .shortcut-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  margin-top: 8px;
}
ul#shortcuts-favs {
  list-style-type: none;
  margin: 6px 0 22px;
}
ul#shortcuts-favs li.shortcut {
  width: 100%;
  border-radius: 4px;
}
ul#shortcuts-favs li.shortcut:hover {
  background-color: var(--gray-color-200);
}
ul#shortcuts-favs li.shortcut:hover .remove-fav-shortcut {
  display: inline-block;
}
ul#shortcuts-favs li.shortcut a {
  display: block;
  padding: 5px 2px;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 400;
  color: var(--navbar-link-color);
}
ul#shortcuts-favs li.shortcut a:hover {
  background-color: var(--gray-color-200);
}
ul#shortcuts-favs li.shortcut a i {
  padding: 6px;
  font-size: 18px;
  margin-right: 6px;
  border-radius: 4px;
  color: var(--white-color);
  font-weight: 400;
}
ul#shortcuts-favs li.shortcut .remove-fav-shortcut {
  display: none;
  float: right;
  padding-right: 6px;
  padding-left: 10px;
  margin-top: 12px;
  width: 18px;
  height: 26px;
  color: var(--gray-color-800);
  cursor: pointer;
}
.ui-state-dragged {
  position: relative;
  z-index: 10001;
  font-size: 16px;
  border: 1px solid var(--gray-color-400);
  padding: 10px;
  height: 18px !important;
  width: 18px !important;
  background-color: var(--white-color);
  list-style: none;
}
.ui-state-placeholder {
  border: 1px dashed #5481a5;
  background-color: #3f6a8e;
  width: 41px;
  height: 32px;
}
#mainMenuWidget .nav {
  float: none;
  margin: 4px 0;
}
#mainMenuWidget .nav > li {
  float: none;
  display: block;
}
#mainMenuWidget .nav > li > a {
  padding: 6px 10px 6px 18px;
  font-size: 14px;
  color: var(--secondary-text-color);
  text-shadow: none;
  font-weight: 400;
}
#mainMenuWidget .nav > li > a > i {
  width: 15px !important;
  font-size: 14px;
  color: var(--gray-color-800) !important;
  padding-right: 5px;
  display: inline-block;
}
#mainMenuWidget .nav > li > a:hover {
  text-decoration: none;
  background-color: var(--gray-color-200);
}
#mainMenuWidget .nav > li > a:focus {
  text-decoration: none;
  background-color: var(--gray-color-200);
}
#mainMenuWidget .nav > .divider {
  margin: 5px 1px;
}
.content-dropdown li > a:hover {
  color: var(--secondary-text-color) !important;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
.content-dropdown li > a:focus {
  color: var(--secondary-text-color) !important;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
.badge {
  background-color: var(--gray-color-200);
  color: var(--secondary-text-color);
  font-size: 13px;
  font-weight: 400;
  margin-left: 6px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 1px 8px;
  min-width: 8px;
}
.navbar .badge {
  font-size: 12px;
  border-radius: 9px;
}
.menu-count {
  position: absolute;
  top: 4px;
  right: 2px;
  font-size: 11px;
  padding: 1px 5px 0;
  font-weight: 600;
}
.badge-small {
  font-size: 10px;
  font-weight: 600;
  padding: 0px 7px;
  margin: 2px 6px;
}
.badge-important {
  background-color: #FFAB00;
  color: var(--white-color) !important;
  text-shadow: none;
  border-color: #eb982c;
}
.badge-danger {
  background-color: #c44140;
  color: var(--white-color) !important;
  text-shadow: none;
  border-color: #c44140;
}
/* --- Nav Bar Dropdown --- */
.create-dropdown form {
  margin: 0;
}
.create-dropdown form label {
  margin: 8px 0 4px;
  font-weight: 600;
  font-size: 16px;
  color: var(--secondary-text-color);
}
.create-dropdown .container-fluid {
  padding: 15px 20px;
}
.create-dropdown .help-block {
  font-weight: 400;
  font-size: 12px;
  padding: 0 5px;
}
.create-dropdown .help-block.error {
  font-weight: 600;
  font-size: 13px;
}
.nav-header {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 9px 18px 0;
  padding: 13px 0 2px;
  text-shadow: none !important;
  text-transform: uppercase;
}
.nav-header .modal-footer {
  background-color: transparent;
  padding: 10px 13px;
  font-weight: 400;
  border-color: var(--gray-color-400);
  font-size: 14px;
  box-shadow: none;
}
.nav-header .modal-header {
  padding: 8px 13px;
}
.nav-header .modal-header h4 {
  font-weight: 400;
}
.appSelectMenu {
  margin: 0 10px 0 -10px;
  font-size: 18px;
}
.nav-options .caret {
  display: none;
}
.nav-options .show-caret .caret {
  display: inline-block;
}
.nav-tools > .dropdown > a > .caret {
  display: none;
}
.nav-tools > .dropdown > a > .show-caret .caret {
  display: inline-block;
}
.nav-tools > .dropdown.show-caret.open > .dropdown-toggle .caret {
  border-top-color: var(--gray-color-600) !important;
  border-bottom-color: var(--gray-color-600) !important;
}
.nav-tools > .dropdown.show-caret.active > .dropdown-toggle .caret {
  border-top-color: var(--gray-color-600) !important;
  border-bottom-color: var(--gray-color-600) !important;
}
.nav-tools > .dropdown.show-caret.open.active > .dropdown-toggle .caret {
  border-top-color: var(--gray-color-600) !important;
  border-bottom-color: var(--gray-color-600) !important;
}
ul.dropdown-menu .dropDownMenu.nav {
  font-weight: 400;
}
ul.dropdown-menu .dropDownMenu.nav > .nav-header.fullnameContainer {
  color: var(--secondary-text-color);
  font-size: 18px;
  padding: 0;
  text-transform: none;
}
ul.dropdown-menu .dropDownMenu.nav > .nav-header.usernameContainer {
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 6px;
  text-transform: none;
}
ul.dropdown-menu li.nav-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
ul.dropdown-menu li.nav-header:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
ul.dropdown-menu li.divider {
  margin: 9px 18px !important;
}
.dash-drop .muted {
  font-size: 14px;
}
.dash-drop .nav-header {
  border-top: none;
  margin-top: 0;
  padding-top: 3px;
}
.dash-drop > .dropDownMenu {
  height: auto;
  max-height: 225px;
  overflow-x: auto;
  width: 225px;
}
.fullnameContainer {
  border-top: none !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.usernameContainer {
  border-top: none !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.ui-widget {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
mark {
  font-weight: 600;
  background-color: transparent;
  color: inherit;
}
.ui-autocomplete {
  z-index: 1001;
  position: fixed;
  padding: 3px 0;
  width: 330px !important;
  border-radius: 8px;
  box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.05);
  border: 1px solid var(--gray-color-400);
  border-top: none;
}
.ui-autocomplete .highlight,
.ui-autocomplete mark {
  font-weight: 600;
  background-color: transparent;
  color: inherit;
}
.ui-autocomplete .ui-autocomplete-category {
  cursor: pointer;
  padding: 4px 18px 4px 18px;
  font-size: 16px;
  color: var(--secondary-text-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.ui-autocomplete .ui-autocomplete-category + .ui-menu-item {
  border-top: 1px solid var(--gray-color-300);
}
.ui-autocomplete .ui-menu-item > div {
  cursor: pointer;
  padding: 4px 18px 4px 18px;
  font-size: 16px;
  color: var(--secondary-text-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.ui-autocomplete .ui-menu-item:not(.ui-item-category) + .ui-item-category {
  border-top: 1px solid var(--gray-color-300);
}
.ui-autocomplete .ui-state-focus {
  background-color: var(--gray-color-200);
}
.ui-autocomplete .ui-state-active {
  padding: 3px 17px !important;
}
.doc-ui-autocomplete {
  top: 90px !important;
}
.ui-widget-content {
  color: var(--secondary-text-color);
  background-color: var(--white-color);
}
.cluetip-joptions .cluetip-outer {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
}
.cluetip-joptions h3.cluetip-title {
  color: var(--secondary-text-colo);
}
.cluetip-joptions .event-footer {
  border-color: var(--gray-color-400);
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  background-color: var(--secondary-background-color);
  border-right: 1px solid var(--gray-color-400);
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-tabs-active {
  background-color: var(--gray-color-300) !important;
}
/* ---------- Components -------------- */
.modal.fade {
  transition: opacity 0.2s linear, none;
}
.dropdown-menu {
  z-index: 10000 !important;
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
  padding: 6px 0;
  background-color: var(--white-color);
}
.dropdown-menu > .active a:focus,
.dropdown-menu > .active a:hover,
.dropdown-menu > .active a {
  background-color: transparent;
  background-image: none;
  border-left: 3px solid var(--secondary-text-color);
  color: var(--secondary-text-color);
  font-weight: 600;
  padding-left: 15px;
  text-align: left;
}
.dropdown-menu > .active a:hover {
  background-color: var(--gray-color-200);
}
.dropdown-menu > li > a {
  clear: both;
  color: var(--secondary-text-color);
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
  padding: 4px 18px;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover {
  text-align: left;
  text-decoration: none;
  color: var(--secondary-text-color);
  background-color: var(--gray-color-200);
  background-image: -moz-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--gray-color-200)), to(var(--gray-color-200)));
  background-image: -webkit-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -o-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: linear-gradient(to bottom, var(--gray-color-200), var(--gray-color-200));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#fff2f2f2', GradientType=0);
}
.dropdown-menu > li > a:focus {
  text-align: left;
  text-decoration: none;
  color: var(--secondary-text-color);
  background-color: var(--gray-color-200);
  background-image: -moz-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--gray-color-200)), to(var(--gray-color-200)));
  background-image: -webkit-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -o-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: linear-gradient(to bottom, var(--gray-color-200), var(--gray-color-200));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#fff2f2f2', GradientType=0);
}
.dropdown-menu > li > a > i {
  color: var(--gray-color-1000);
  margin-right: 6px;
}
.dropdown-menu > li.selected {
  background-color: transparent;
}
.dropdown-menu .divider {
  background-color: var(--gray-color-400);
  border-bottom: none;
  margin: 5px 0 6px !important;
}
.dropdown-menu > .selected > a {
  background-color: transparent;
  background-image: none;
  border-left: 3px solid var(--secondary-text-color);
  color: var(--secondary-text-color);
  font-weight: 600;
  padding-left: 15px;
  text-align: left;
}
#addEventModal.modal {
  width: 840px;
  margin-left: -420px;
}
#modal-content form {
  margin: 0;
}
.checkboxgroup {
  overflow: auto;
}
.checkboxgroup div {
  width: 150px;
  float: left;
}
.checkboxgroup input {
  float: left;
}
.checkboxgroup label {
  padding-left: 10px;
  float: left;
}
.dashboardTitle .dropdown-menu {
  left: auto;
}
.pull-right .btn-group .btn {
  margin-top: -2px;
}
.alert.introMessage {
  margin-top: 10px;
  margin-bottom: 14px;
  border: 1px solid var(--gray-color-300) !important;
  background: var(--white-color) !important;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(var(--black), 0.08);
}
input[disabled] {
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
select[disabled] {
  color: var(--gray-color-800);
  background-color: var(--secondary-button-disabled-color) !important;
  border: 1px solid var(--gray-color-400) !important;
}
textarea[disabled] {
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
input[readonly] {
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
select[readonly] {
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
textarea[readonly] {
  background-color: var(--secondary-button-disabled-color);
  color: var(--gray-color-800);
}
.alert-float {
  margin-left: auto;
  margin-right: 0;
  pointer-events: none;
  position: fixed;
  right: 20px;
  top: 50px;
  width: 390px;
  z-index: 9999;
}
.alert-float .alert {
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(50, 50, 50, 0.1);
  border-bottom: 1px solid var(--gray-color-400);
  border-left-width: 4px;
  border-right: 1px solid var(--gray-color-400);
  border-top: 1px solid var(--gray-color-400);
  color: var(--secondary-text-color);
  font-size: 16px;
  padding: 14px 42px 14px 60px;
  pointer-events: auto;
}
.alert-float .alert > i {
  font-size: 22px;
  vertical-align: middle;
  line-height: 20px;
  position: absolute;
  left: 20px;
  top: 17px;
}
.alert-float .alert-info,
.alert-float .alert-success,
.alert-float .alert-error,
.alert-float .alert-danger,
.alert-float .alert-warning {
  background-color: var(--white-color) !important;
}
.alert-success {
  color: var(--secondary-text-color);
  background-color: var(--success-primary-color);
  border-color: #22A06B;
}
.alert-success i {
  color: #22A06B;
}
.alert-info {
  color: var(--secondary-text-color);
  background-color: var(--info-primary-color) !important;
  border-color: #3aa1e3;
}
.alert-info i {
  color: #3aa1e3;
}
.alert-danger,
.alert-error {
  color: var(--secondary-text-color);
  border-color: #d9655b;
  background-color: var(--error-primary-color) !important;
}
.alert-danger i,
.alert-error i {
  color: #d9655b;
}
.alert-warning {
  color: var(--secondary-text-color);
  background-color: var(--warning-primary-color);
  border-color: #FFAB00;
}
.alert-warning i {
  color: #FFAB00;
}
.alert-discovery {
  color: var(--secondary-text-color);
  background-color: var(--discovery-primary-color);
  border-color: #8270DB;
}
.alert-discovery i {
  color: #8270DB;
}
.alert-block .pull-right {
  margin-top: 0;
}
.alert-no-report {
  margin-bottom: 0;
}
.success-text-color {
  color: #5ec25b;
}
.bootbox {
  border: none;
  overflow: hidden;
}
.bootbox > .modal-dialog .modal-header {
  margin-bottom: 10px;
  text-align: center;
  padding: 15px 30px 0 30px;
  border: none;
}
.bootbox > .modal-dialog .modal-header h4 {
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
}
.bootbox > .modal-dialog .modal-header .close {
  margin-top: 0;
  margin-right: -8px;
}
.bootbox > .modal-dialog .modal-header .modal-title::before {
  font-weight: 300;
  display: block;
  margin: 40px 0;
  font-size: 69px;
  vertical-align: middle;
}
.bootbox > .modal-dialog .modal-body {
  margin-bottom: 25px;
  color: #757575;
  font-size: 17px;
  text-align: center;
  padding: 12px 28px;
  line-height: 21px;
  border-top: none;
}
.bootbox > .modal-dialog .modal-footer {
  text-align: center;
  padding: 18px 30px 30px 40px;
  border-top: none;
}
.bootbox > .modal-dialog .modal-footer .btn {
  padding: 10px 20px;
  font-size: 16px;
  min-width: 110px;
}
.bootbox > .modal-dialog .modal-footer .btn + .btn {
  margin-left: 6px;
}
.bootbox.bootbox-type-success .modal-header {
  border-top: solid 7px #5ec25b;
}
.bootbox.bootbox-type-success .modal-title::before {
  color: #5ec25b !important;
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
}
.bootbox.bootbox-type-info .modal-header {
  border-top: solid 7px #3aa1e3;
}
.bootbox.bootbox-type-info .modal-title::before {
  color: #3aa1e3 !important;
  content: "\f05a";
  font-family: "Font Awesome 6 Pro";
}
.bootbox.bootbox-type-danger .modal-header {
  border-top: solid 7px #d9655b;
}
.bootbox.bootbox-type-danger .modal-title::before {
  color: #d9655b !important;
  content: "\f071";
  font-family: "Font Awesome 6 Pro";
}
.bootbox.bootbox-type-warning .modal-header {
  border-top: solid 7px #FFAB00;
}
.bootbox.bootbox-type-warning .modal-title::before {
  color: #FFAB00 !important;
  content: "\f071";
  font-family: "Font Awesome 6 Pro";
}
.bootstrap-widget-table .bootstrap-widget-content {
  overflow: hidden;
  padding: 0;
  margin-top: -1px;
}
.bootstrap-widget-table .table th {
  border-color: var(--gray-color-200);
}
.bootstrap-widget-table .table td {
  border-color: var(--gray-color-200);
}
.row-fluid.condensed [class*="span"] {
  line-height: 18px;
  height: 18px;
  min-height: 18px;
}
hr {
  border-top: 1px solid var(--gray-color-400);
  border-bottom: 1px solid var(--white-color);
}
.fullscreen-info hr {
  margin: 42px 0;
}
.fullscreen-info .help-block {
  margin-bottom: 15px;
}
.no-lines-table {
  margin-bottom: 0;
}
.no-lines-table th {
  border-top: none;
}
.no-lines-table td {
  border-top: none;
}
.well {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  box-shadow: none;
}
.table-xpadding > thead > tr > th {
  padding: 12px 10px;
}
.table-xpadding > tbody > tr > td {
  padding: 12px 10px;
}
.table-xxpadding > thead > tr > th {
  padding: 16px 10px;
}
.table-xxpadding > tbody > tr > td {
  padding: 16px 10px;
}
.table-xxpadding tbody tr.warning > td {
  padding: 8px 10px;
}
.colorpicker-component {
  margin-top: 2px;
}
.colorpicker-component .sp-dd {
  padding-left: 6px;
  padding-right: 6px;
}
.sp-container {
  border-radius: 8px;
  border: 1px solid var(--gray-color-400);
  box-shadow: 0 0px 8px -2px rgba(var(--black), 0.1);
}
.sp-container .sp-picker-container {
  width: 134px;
}
.colorpicker-display {
  display: inline-block;
  border: none;
  vertical-align: bottom;
  padding: 0;
  width: 8px !important;
  height: 24px !important;
  border-radius: 8px;
}
.colorpicker-display > div {
  height: 24px;
  width: 8px;
  border-radius: 32px;
}
.dropDownAjaxContent .dropdown-menu {
  max-height: 280px;
  overflow-y: auto;
}
.dropDownAjaxContent .dropdown-menu > .nav-header .nav-header.colorpicker-options {
  margin-left: 22px;
}
.list-view {
  padding-top: 5px;
  padding-top: 10px;
}
.list-view .andBadge {
  border: 1px #6c757d solid;
  border-radius: 5px;
  padding: 2px 4px;
}
.list-view .list-header-title {
  color: var(--secondary-text-color);
  font-size: 14px;
  font-weight: 400;
  border-bottom: 2px solid var(--gray-color-400);
}
.list-view .list-header-title + .list-item {
  border-top-width: 0px;
}
.list-view td.empty {
  padding: 8px;
}
.list-view span.empty {
  padding: 0;
}
.list-view .items {
  clear: both;
  padding-top: 8px;
}
.list-view .pagination {
  margin: 0 0 0 5px;
  white-space: nowrap;
}
.list-view .new-item {
  background-color: #fcf8e3;
}
.list-view .btn-link.btn-refresh-grid {
  color: var(--gray-color-800);
}
.list-view .btn-link.btn-refresh-grid:hover {
  color: var(--gray-color-600);
  text-decoration: none;
}
.list-view .listOptionsToggle {
  visibility: hidden;
}
.list-view .listOptionsToggle > a.btn-link {
  padding: 1px;
}
.list-view .list-item:hover .listOptionsToggle {
  visibility: visible;
}
.list-view .list-item.selected .listOptionsToggle {
  visibility: visible;
}
.list-view div.selected {
  background: var(--gray-color-200);
}
.list-view > .summary {
  font-weight: 400;
  color: var(--secondary-button-text-color);
  font-size: 14px;
  margin: 5px 0 15px;
}
/*---------- Grid -------------*/
.grid-view {
  padding-top: 4px;
}
.grid-view td.empty {
  padding: 8px;
}
.grid-view span.empty {
  padding: 0;
}
.grid-view table.items th {
  /* Add custom header sorting */
}
.grid-view table.items th a {
  display: inline;
  position: initial;
}
.grid-view table.items th a .caret {
  border: none;
  color: var(--secondary-button-text-color);
  display: none;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: inherit;
  position: initial;
  margin-top: 4px;
  margin-left: 4px;
}
.grid-view table.items th a:hover .caret {
  border: none;
  color: var(--secondary-button-text-color);
  display: none;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: inherit;
  position: initial;
}
.grid-view table.items th a.asc:hover .caret {
  display: inline-block;
  text-decoration: none;
}
.grid-view table.items th a.asc .caret {
  display: inline-block;
}
.grid-view table.items th a.asc .caret:before {
  content: "\f30c";
}
.grid-view table.items th a.desc:hover .caret {
  display: inline-block;
  text-decoration: none;
}
.grid-view table.items th a.desc .caret {
  display: inline-block;
}
.grid-view table.items th a.desc .caret:before {
  content: "\f309";
}
.grid-view table.items th:hover a:after {
  display: none;
}
.grid-view table.items th a.sort-link:hover .caret {
  top: 0;
}
.grid-view table.items th a.sort-link .caret {
  top: 0;
}
.grid-view table.items tr.selected td {
  background: var(--gray-color-200);
}
.grid-view .pagination {
  margin: 0 0 0 5px;
  white-space: nowrap;
}
.grid-view .summary {
  margin-bottom: 0;
  font-size: 13px;
  padding: 6px 18px 4px 0;
  font-weight: 600;
  color: var(--secondary-text-color);
}
.grid-view .summary .last-updated-time-section {
  display: none;
}
.grid-view .summary-banner {
  padding-top: 0px;
  position: relative;
}
.grid-view .summary-banner .last-updated-time-section {
  display: inline;
  font-weight: 400;
  font-size: 12px;
  float: left;
  position: absolute;
  left: 0px;
  top: 15px;
}
.grid-view .refresh-banner {
  cursor: pointer;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
  border: 1px solid var(--gray-color-400);
  padding: 5px 20px;
  border-radius: 25px;
  box-shadow: 0px 0px 15px 1px var(--gray-color-300);
  background-color: var(--white-color);
  width: fit-content;
  display: none;
}
.grid-view .refresh-banner a:not(:first-child) {
  color: var(--black);
  padding-left: 10px;
  margin-left: 10px;
}
.grid-view .refresh-banner a:hover {
  text-decoration: none;
}
.grid-view .refresh-banner {
  top: 50px;
}
.grid-view .child-refresh-banner {
  top: 140px;
}
.grid-view .button-column {
  text-align: left;
}
.grid-view .btn-link.btn-refresh-grid {
  color: var(--gray-color-800);
}
.grid-view .btn-link.btn-refresh-grid:hover {
  color: var(--gray-color-600);
  text-decoration: none;
}
.grid-view select {
  margin-bottom: 0;
}
.grid-view .modal-subfooter .summary {
  text-align: left;
  font-size: 12px;
  margin: 6px 20px;
}
.grid-view tr.ui-sortable-helper {
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.grid-view .ui-sortable-placeholder {
  background-color: var(--gray-color-400);
}
.grid-view .inactive-row > td {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.grid-view .inactive-row .button-column {
  opacity: 1;
  filter: alpha(opacity=100);
}
.log-description {
  margin-bottom: 0;
  font-size: 13px;
  padding: 6px 12px 4px 0;
  font-weight: 600;
}
.sub-grid {
  border-left: 2px solid var(--gray-color-400);
  padding: 0 16px;
  background-color: var(--gray-color-200);
}
.sub-grid td.empty {
  padding: 8px;
}
.sub-grid span.empt {
  padding: 0;
}
.sub-grid table.table td {
  background-color: var(--gray-color-200);
}
.sub-grid table.table th {
  background-color: var(--gray-color-200);
}
.no-header-table td.empty {
  padding: 8px;
}
.no-header-table span.empty {
  padding: 0;
}
.no-header-table > .table > tbody > tr:first-child > td {
  border-style: none;
}
.no-header-table > table.table > tbody > tr:first-child > td {
  border-style: none;
}
.no-header-table > table.table > tbody > tr:first-child > th {
  border-style: none;
}
.no-header-table table.table {
  margin-bottom: 0;
}
.no-header-table table.table > tbody > tr.aw-column:nth-of-type(2) > td {
  border-style: none;
}
.no-header-table table.table > tbody > tr:first-child > th {
  border-style: none;
}
.cs .table.table-bordered thead tr > th,
table.table-matrix thead > tr:first-child > th {
  background-color: var(--gray-color-200);
  font-size: 16px;
  font-weight: 600 !important;
  vertical-align: middle;
}
table.table-matrix span.empty {
  padding: 0;
}
table.table-matrix tr:first-child td.muted {
  background-color: var(--white-color);
  border-top: none;
  font-weight: 400;
}
table.table-matrix tbody tr:first-child td {
  border-top-width: 1px;
}
table.table-matrix tbody tr td.analytics-row-total {
  font-weight: 600;
}
table.table-matrix tbody > tr > td:first-child {
  background-color: var(--gray-color-200);
  font-size: 16px;
}
table.table-matrix tbody > tr > td.analytics-row-total {
  background-color: var(--gray-color-200);
  font-size: 16px;
}
table.table-matrix thead > tr:nth-child(2) > th {
  background-color: var(--gray-color-200);
  font-size: 16px;
}
table.table-matrix thead tr:first-child th.analytics-row-total {
  font-weight: 600;
}
table.table-matrix tfoot > tr > td {
  background-color: var(--gray-color-200);
  font-size: 16px;
}
table.table-matrix tfoot > tr > td:first-child {
  background-color: var(--gray-color-200);
  font-weight: 600;
}
table.table-matrix tfoot > tr > td:last-child {
  background-color: var(--gray-color-200);
  font-weight: 600;
}
table.table-matrix tfoot tr td {
  font-weight: 600;
}
table.table-matrix tfoot tr td:last-child {
  font-weight: 600;
}
table.table-matrix.table-matrix-totals-bottom tfoot > tr > td:last-child {
  background-color: var(--gray-color-200);
}
/* ---------- General ------------ */
.darker-background {
  background-color: var(--secondary-background-color);
}
.darker-background .page-content-wrapper .page-header {
  border-bottom: 1px solid var(--gray-color-400);
}
.darker-background .filter input {
  background-color: #fcfcfc;
}
.page-subheader {
  padding: 7px 0;
  font-size: 22px;
  display: inline-block;
  color: var(--gray-color-900);
}
.avatar.img-rounded {
  border-radius: 100%;
}
.avatar.img-squared {
  border-radius: 4px;
}
img.avatar {
  margin-top: 0;
  border: 1px solid var(--gray-color-400);
  float: left;
}
.avatarText {
  margin-top: 0;
  margin-right: 2px;
  float: left;
  border: 1px solid var(--gray-color-600);
  display: block;
  vertical-align: middle;
  text-shadow: none;
  text-align: center;
  font-weight: 400;
  overflow: hidden;
}
.img-polaroid {
  box-shadow: none;
  padding: 3px;
}
.thumbnail {
  box-shadow: none;
}
.subSectionIcon {
  color: var(--gray-color-800);
  margin-left: 15px;
}
.subSectionIcon i.icon:before {
  background-color: var(--white-color);
  border: 2px solid #707070;
  padding: 8px;
  border-radius: 120px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
}
.auto_clear_list {
  margin-top: 3px !important;
}
#PSCFileUpload_AutoClear {
  margin-top: 5px;
}
.ellipsis {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}
.filter-modern {
  padding: 6px 0 4px;
}
.filter-modern.filter-narrow {
  padding: 0;
}
.filter-modern .search-field-container {
  display: inline-block;
  margin: 0 8px 8px 0;
}
.filter-modern .search-field-container.hide {
  display: none;
}
.filter-modern input {
  border-radius: 8px;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  min-height: 36px;
  margin-bottom: 0;
  padding: 7px 8px 7px 40px;
}
.filter-modern input:focus {
  outline: none;
  border: 1px solid var(--gray-color-400);
}
.filter-modern select {
  border-radius: 8px;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  margin-bottom: 0;
  padding: 7px 8px 7px 40px;
}
.filter-modern .bootstrap-select .btn {
  margin-top: 1px;
  padding: 7px 10px !important;
}
.filter-modern .bootstrap-select .btn .filter-option {
  font-weight: normal;
  padding-left: 30px;
  padding-right: 26px !important;
  width: initial;
}
.filter-modern .bootstrap-select .btn .caret {
  color: var(--gray-color-900);
}
.filter-modern .bootstrap-select > .btn:last-child {
  padding: 8px 12px 8px 30px;
  border-radius: 32px !important;
  border: 1px solid var(--gray-color-400) !important;
  background-color: var(--gray-color-100) !important;
  background-image: none !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.filter-modern .bootstrap-select > .dropdown-toggle {
  padding: 8px 12px 8px 30px;
  border-radius: 8px !important;
  border: 1px solid var(--gray-color-400) !important;
  background-color: var(--gray-color-100) !important;
  background-image: none !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.filter-modern .show-additional-filters {
  animation: growRight 200ms ease-in-out forwards;
  transform-origin: left center;
}
.filter-modern .row-fluid > .show-additional-filters {
  position: relative;
  z-index: 1;
  margin-bottom: 74px;
}
.filter-modern .additional-filters {
  margin-top: -30px;
  padding-top: 8px;
}
.filter-modern .btn.more-filters {
  height: 24px;
  margin: 0;
  background-color: var(--gray-color-100);
  position: relative;
  border-radius: 8px;
  padding: 5px 10px;
  z-index: 1;
}
.filter-modern .btn.more-filters:hover,
.filter-modern .btn.more-filters:active {
  background-color: var(--gray-color-100);
  background-image: none;
}
.filter-modern .btn.more-filters i {
  color: var(--gray-color-700);
}
.filter-modern .filter-desc {
  color: var(--gray-color-800);
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 0 0 2px;
  clear: both;
  margin-bottom: 24px;
}
.filter-modern .filter-label {
  display: none;
}
.filter-modern .inner-icon {
  position: relative;
}
.filter-modern .inner-icon > i {
  color: var(--gray-color-800);
  left: 14px;
  position: absolute;
  top: 10px;
  z-index: 10;
}
.filter-modern .inner-icon > input {
  min-width: 350px;
}
.filter-modern .bootstrap-select {
  border-radius: 32px;
}
.filter-modern .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
  width: 100%;
}
.filter-modern .bootstrap-select .btn {
  color: var(--primary-text-color);
}
.filter-modern .bootstrap-select .btn:hover {
  background-color: var(--white-color);
  background-image: none;
  color: var(--primary-text-color);
  border: 1px solid var(--secondary-button-text-color);
}
.filter-modern .bootstrap-select .btn:focus {
  background-color: var(--white-color);
  background-image: none;
  color: var(--primary-text-color);
  border: 1px solid var(--secondary-button-text-color);
  outline: none !important;
}
.filter-modern .dropdown-menu.open {
  max-width: 300px;
  padding: 8px 0;
}
.filter-modern .dropdown-menu.open ul.dropdown-menu.inner {
  max-width: 100%;
}
.filter-modern .stack-filter-add-icon.fa-stack {
  display: inline-block;
  position: relative;
  width: 1.25em;
  height: 1.25em;
  line-height: initial;
  margin-right: 5px;
  text-align: center;
}
.filter-modern .stack-filter-add-icon i {
  vertical-align: middle;
}
.filter-modern .stack-filter-add-icon .fa-stack-2x {
  font-size: 18px;
}
.filter-modern .stack-filter-add-icon .fa-stack-1x {
  top: 5px !important;
  left: -11px;
  font-size: 10px;
}
.filter-modern .inner-icon .select2 {
  width: 100%;
}
.filter-modern .inner-icon .select2 .select2-container {
  min-width: 200px;
  max-width: 700px;
}
.filter-modern .inner-icon .select2 .select2-container.input-xlarge {
  width: auto;
}
.filter-modern .inner-icon .select2 .select2-container.select2-container-disabled .select2-choices {
  background-color: var(--gray-color-100) !important;
  cursor: pointer;
}
.filter-modern .inner-icon .select2 .select2-container.select2-container-disabled .select2-choices .select2-selection-summary {
  padding-top: 2px;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices {
  height: 28px !important;
  min-height: 28px !important;
  padding: 6px 10px 0 12px;
  border-radius: 8px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices label {
  margin: 0 6px 0 0;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: #0000 !important;
  line-height: 24px !important;
  font-weight: 600;
  pointer-events: none;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice > div {
  display: inline-block;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice ~ .select2-selection-count {
  font-size: 16px;
  color: var(--primary-text-color);
  font-weight: 600;
  padding: 2px 6px 1px 1px;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice ~ .select2-search-choice:before {
  content: ", ";
  display: inline-block;
  line-height: 26px;
  width: 4px;
  vertical-align: top;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice ~ .select2-selection-count:before {
  content: ",...";
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-field {
  padding-right: 6px;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-field input[disabled] {
  cursor: pointer;
}
.filter-modern .inner-icon .select2 .select2-container .select2-choices .select2-search-choice-close {
  display: none;
}
.filter-modern .inner-icon .select2 .select2-container ~ a.btn {
  display: none;
}
.filter-modern .inner-icon .select2 .select2-selection-count,
.filter-modern .inner-icon .select2 .select2-selection-count label,
.filter-modern .inner-icon .select2 .select2-selection-summary,
.filter-modern .inner-icon .select2 .select2-selection-summary label {
  margin: 0;
  padding: 0;
  display: inline-block;
  color: var(--gray-color-800);
}
.filter-modern .inner-icon .select2 .select2-selection-count.padded,
.filter-modern .inner-icon .select2 .select2-selection-count label.padded,
.filter-modern .inner-icon .select2 .select2-selection-summary.padded,
.filter-modern .inner-icon .select2 .select2-selection-summary label.padded {
  padding-left: 28px;
}
.filter-modern .inner-icon .select2.input-append .btn:last-child {
  border-radius: 0 8px 8px 0 !important;
}
.filter-modern .inner-icon .select2 .select2-search-field input {
  margin: -4px 0 0 !important;
  padding: 0;
}
.filter-modern .inner-icon .select2 .btn {
  padding: 7px 12px 5px !important;
}
.filter-modern .inner-icon .select2 .btn i {
  position: inherit;
  margin-right: 2px;
}
.filter-modern .inner-icon .select2 .filter-condition-remove {
  font-size: 18px;
  color: var(--gray-color-800);
  position: absolute;
  right: 10px;
  top: 9px;
  padding-left: 2px;
}
.filter-modern .inner-icon .select2 .filter-condition-remove:hover {
  color: var(--gray-color-900);
}
.ace-sorter {
  float: right;
}
.ace-sorter .dropdown-menu {
  right: 0;
  left: auto;
}
.filter {
  padding: 2px 0 2px;
}
.filter .row-fluid [class*="span"] {
  margin-left: 0.76335878%;
}
.filter .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.filter .row-fluid .span12 {
  width: 100%;
}
.filter .row-fluid .span11 {
  width: 91.60305344%;
}
.filter .row-fluid .span10 {
  width: 83.20610687%;
}
.filter .row-fluid .span9 {
  width: 74.80916031%;
}
.filter .row-fluid .span8 {
  width: 66.41221374%;
}
.filter .row-fluid .span7 {
  width: 58.01526718%;
}
.filter .row-fluid .span6 {
  width: 49.61832061%;
}
.filter .row-fluid .span5 {
  width: 41.22137405%;
}
.filter .row-fluid .span4 {
  width: 32.82442748%;
}
.filter .row-fluid .span3 {
  width: 24.42748092%;
}
.filter .row-fluid .span2 {
  width: 16.03053435%;
}
.filter .row-fluid .span1 {
  width: 7.63358779%;
}
.filter input {
  border-radius: 8px;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  margin-bottom: 0;
  padding: 7px 8px 7px 40px;
}
.filter input:focus {
  outline: none;
  border: 1px solid var(--gray-color-400);
}
.filter select {
  border-radius: 8px;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  margin-bottom: 0;
  padding: 7px 8px 7px 40px;
}
.filter .bootstrap-select .btn .filter-option {
  font-weight: normal;
  padding-left: 30px;
  width: initial;
}
.filter .bootstrap-select .btn .caret {
  color: var(--gray-color-900);
}
.filter .bootstrap-select > .btn:last-child {
  padding: 8px 12px 8px 30px;
  border-radius: 32px !important;
  border: 1px solid var(--gray-color-400) !important;
  background-color: var(--gray-color-100) !important;
  background-image: none !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.filter .bootstrap-select > .dropdown-toggle {
  padding: 8px 12px 8px 30px;
  border-radius: 32px !important;
  border: 1px solid var(--gray-color-400) !important;
  background-color: var(--gray-color-100) !important;
  background-image: none !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.filter .show-additional-filters {
  animation: growRight 200ms ease-in-out forwards;
  transform-origin: left center;
}
.filter .row-fluid > .show-additional-filters {
  position: relative;
  z-index: 1;
  margin-bottom: 74px;
}
.filter .additional-filters {
  margin-top: -30px;
  padding-top: 8px;
}
.filter .btn.more-filters {
  height: 24px;
  width: 16px;
  margin-left: -15px;
  background-color: var(--gray-color-200);
  position: relative;
  border-left: 0;
  border-radius: 0 32px 32px 0;
  padding: 6px 10px;
  z-index: 1;
}
.filter .btn.more-filters:hover,
.filter .btn.more-filters:active {
  background-color: var(--gray-color-200);
  background-image: none;
}
.filter .btn.more-filters i {
  top: -3px !important;
  padding-top: 8px;
  margin-left: -7px;
  color: var(--gray-color-700);
}
.filter .filter-desc {
  color: var(--gray-color-800);
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 0 0 2px;
  clear: both;
  margin-bottom: 24px;
}
.filter .filter-label {
  display: none;
}
.filter .inner-icon {
  position: relative;
}
.filter .inner-icon i {
  color: var(--gray-color-800);
  left: 14px;
  position: absolute;
  top: 10px;
  z-index: 10;
}
.filter .bootstrap-select {
  border-radius: 8px;
}
.filter .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
  width: 100%;
}
.filter .bootstrap-select .btn:hover {
  background-color: var(--white-color);
  background-image: none;
  color: var(--primary-button-background-color);
  border: 1px solid var(--primary-button-background-color);
}
.filter .bootstrap-select .btn:focus {
  background-color: var(--white-color);
  background-image: none;
  color: var(--primary-button-background-color);
  border: 1px solid #52a8eccc !important;
  outline: none !important;
}
.filter .dropdown-menu.open {
  max-width: 300px;
  padding: 8px 0;
}
.filter .dropdown-menu.open ul.dropdown-menu.inner {
  max-width: 100%;
}
.filter .inner-icon .select2 {
  display: flex;
  width: 100%;
}
.filter .inner-icon .select2 .select2-container {
  flex: 1;
}
.filter .inner-icon .select2 .select2-choices {
  height: 28px !important;
  min-height: 28px !important;
  padding: 8px 12px 0px 42px;
  border-radius: 32px 0 0 32px !important;
}
.filter .inner-icon .select2 .select2-selection-count,
.filter .inner-icon .select2 .select2-selection-count label {
  margin: 0;
  padding: 0;
}
.filter .inner-icon .select2.input-append .btn:last-child {
  border-radius: 0 32px 32px 0 !important;
}
.filter .inner-icon .select2 .select2-search-field input {
  margin: -4px 0 0 !important;
  padding: 0;
}
.filter .inner-icon .select2 .btn i {
  position: inherit;
  margin-right: 2px;
}
form.form-search {
  margin: 0;
}
dt {
  color: var(--gray-color-800);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
/*---------- List -------------*/
.search-form + div > .list-view {
  padding-top: 0;
  margin-top: -30px;
}
.search-form + div > .grid-view {
  padding-top: 0;
  margin-top: -30px;
}
.search-form form {
  margin: 0 0 10px;
}
.form-search + div > .list-view {
  padding-top: 0;
  clear: both;
}
.form-search + div > .grid-view {
  padding-top: 0;
  clear: both;
}
.filter-container.custom-field-filter input {
  width: 100%;
  max-width: 100%;
}
.toolbar-container {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-link-bottom-border {
  border-bottom: 1px solid var(--gray-color-400);
  margin-bottom: 7px;
}
.disclaimer-note li,
.notesList li {
  margin: 0.5em 10% 0.5em 0;
}
.form-horizontal input + .help-block {
  margin-top: 2px;
}
.form-horizontal select + .help-block {
  margin-top: 2px;
}
.form-horizontal textarea + .help-block {
  margin-top: 2px;
}
.form-horizontal .uneditable-input + .help-block {
  margin-top: 2px;
}
.form-horizontal .input-prepend + .help-block {
  margin-top: 2px;
}
.form-horizontal .input-append + .help-block {
  margin-top: 2px;
}
.form-horizontal .input-prepend + .help-inline + .help-block,
.form-horizontal .input-append + .help-inline + .help-block {
  margin-top: 8px;
}
.form-horizontal .control-label {
  color: var(--secondary-text-color);
  padding-top: 7px;
}
.form-horizontal .controls {
  margin-left: 190px;
  text-align: left;
}
.form-horizontal .controls table td:first-child,
.form-horizontal .controls table th:first-child {
  padding-left: 0px;
}
.form-horizontal .controls table.table-bordered td:first-child,
.form-horizontal .controls table.table-bordered th:first-child {
  padding-left: 8px;
}
.form-horizontal .control-group {
  margin-bottom: 14px;
}
.form-horizontal .form-actions {
  padding-left: 190px;
}
.form-horizontal .config-col-picker label {
  padding: unset;
  float: unset;
  width: unset;
}
.form-horizontal .config-col-picker .controls {
  margin-left: unset;
}
.form-horizontal .answer-area label.error {
  color: inherit;
}
.form-horizontal .select2-container.error .select2-choices {
  border-color: #b94a48 !important;
}
.form-horizontal select.error {
  color: var(--secondary-text-color);
}
.form-horizontal input.error {
  color: var(--secondary-text-color);
}
.form-horizontal textarea.error {
  color: var(--secondary-text-color);
}
.config-col-container.hidden_options + .help-block + .help-block {
  margin-top: 5px;
}
.far-far-faraway {
  position: absolute !important;
  left: -9999px;
  top: -9999px;
}
.tbrelational-column {
  border-bottom: none !important;
}
#notification-list.list-view .items {
  padding-top: 0;
}
#notification-list .media-body > p {
  margin-bottom: 0;
}
#notification-list .media-body > p ~ p {
  margin: 1px 0;
}
.introMessage > div > p {
  margin: 0 0 4px;
}
#alert-list .media-body > p {
  margin-bottom: 0;
  margin: -2px 0 1px;
}
#alert-list .media-body > p ~ p {
  margin: 0 0 4px;
}
#alert-list .media-body > p:first-child {
  font-weight: 600;
}
#alert-list .list-item {
  padding: 10px 15px;
}
#alert-list .list-item .media > .pull-left {
  margin: 2px 14px 0 1px;
}
#alert-list .markRead {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#alert-list.list-view .pagination {
  margin-top: 18px;
}
#alert-list.list-view .time {
  color: var(--gray-color-800);
  font-size: 14px;
  margin-top: 0;
}
span.required {
  font-size: 17px;
}
.control-label {
  color: var(--secondary-text-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.datepicker td.active:hover {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover:hover {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover:focus {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover:active {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:focus {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:active {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover.active {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover.disabled {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active:hover[disabled] {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active.active {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active.disabled {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.datepicker td.active[disabled] {
  background-color: var(--primary-button-background-color) !important;
  background-image: none !important;
  border-radius: 4px;
  text-shadow: none;
}
.icon-stack [class^="fa-"] {
  font-size: 6px;
}
.icon-stack [class*=" fa-"] {
  font-size: 6px;
}
.icon-stack .icon-stack-base {
  font-size: 18px;
}
.icon-small {
  font-size: 14px !important;
}
.icon-large {
  vertical-align: -10%;
  font-size: 1.33333333em !important;
}
.icon-1x {
  font-size: 1em !important;
}
.icon-2x {
  font-size: 2em !important;
}
.icon-3x {
  font-size: 3em !important;
}
.icon-4x {
  font-size: 4em !important;
}
.icon-5x {
  font-size: 5em !important;
}
.message-preview {
  margin-top: 8px;
  display: block;
}
.message-preview label:hover {
  cursor: auto;
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 2px 3px 0px rgba(var(--black), 0.1) !important;
  position: fixed;
}
.tooltip.top {
  margin-top: -3px;
  padding: 0;
}
.tooltip.top .tooltip-arrow {
  border-top: none;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0;
}
.tooltip.right .tooltip-arrow {
  border-right: none;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 0;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom: none;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0;
}
.tooltip.left .tooltip-arrow {
  border-left: none;
}
.tooltip-inner {
  background-color: #091e42;
  padding: 1px 8px;
  max-width: 200px;
  white-space: normal;
}
.tooltip-inline-label {
  display: inline-block;
}
.tooltip-inline-label + .tooltip > .tooltip-inner {
  max-width: none;
}
.tooltip-text {
  cursor: default;
  border-bottom: 1px dotted var(--gray-color-500);
}
.tooltip-text:hover {
  border-color: var(--secondary-text-color);
}
.relation-summary.cluetip-clicked i {
  background-color: var(--navbar-link-color);
  color: var(--white-color) !important;
  border-radius: 4px;
  padding: 0 2px;
}
#cluetip {
  top: -1000px;
  left: -1000px;
}
.cluetip-ace-tip {
  background-color: transparent;
}
.cluetip-ace-tip .cluetip-outer {
  position: relative;
  border-radius: 4px;
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  box-shadow: rgba(var(--black), 0.1) 0px 2px 6px;
}
.cluetip-ace-tip h3.cluetip-title {
  padding: 14px 24px 0px;
  border: none;
  font-size: 20px;
  font-weight: 600;
}
.cluetip-ace-tip div.cluetip-close a {
  text-align: right;
  margin: 0;
  opacity: 0.3;
  font-size: 26px;
  font-weight: bold;
  color: var(--secondary-text-color);
  text-shadow: 0 1px 0 #FFF;
  float: right;
  margin-top: -6px;
}
.cluetip-ace-tip div.cluetip-close a:hover {
  color: var(--secondary-text-color);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.cluetip-ace-tip div.cluetip-close a:focus {
  color: var(--secondary-text-color);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.cluetip-ace-tip .cluetip-inner {
  padding: 0px 24px 20px;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}
.cluetip-ace-tip .cluetip-inner .record-progress-title {
  display: inline-block;
  padding-right: 4px;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-button-background-color);
}
.cluetip-ace-tip .cluetip-inner .record-progress-count {
  float: right;
}
.cluetip-ace-tip .cluetip-inner .record-progress-percent {
  color: var(--gray-color-800);
  padding-left: 8px;
  padding-right: 4px;
  float: right;
  clear: both;
}
.cluetip-ace-tip .cluetip-inner .progress {
  margin: 4px 0 1px;
  background-color: var(--white-color);
  background-image: linear-gradient(to bottom, var(--white-color), var(--white-color));
}
.cluetip-ace-tip .cluetip-inner .progress .bar {
  border: none;
  margin: 1px 0 0;
  padding: 0;
}
.cluetip-ace-tip .cluetip-inner a.btn {
  position: absolute;
  right: 24px;
  top: 19px;
}
.cluetip-ace-tip .nav.nav-tabs {
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 8px;
}
.cluetip-ace-tip .nav-tabs > li {
  width: 50%;
  text-align: center;
}
.cluetip-ace-tip .nav-tabs > li > a {
  padding-top: 4px;
  margin-right: 0;
}
.cluetip-ace-tip .ui-widget-content {
  border: none;
}
.cluetip-ace-tip .ui-cluetip-header {
  border: none;
}
.cluetip-ace-tip .record-progress-container {
  clear: both;
  padding-top: 14px;
}
.cluetip-ace-tip.ui-widget-content {
  border: none;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url('../images/wait.gif');
}
/* -------- Grid and List Pagination --------- */
.grid-view-loading .pagination + table.table tr > th:first-child {
  padding: 8px;
}
.grid-view-loading table.table tr > th:first-child {
  padding: 8px 8px 8px 26px;
}
table.table.table-compact {
  margin-bottom: 0px;
}
table.table.table-compact .progress {
  margin-bottom: 0;
}
table.table tr > th {
  color: var(--secondary-text-color) !important;
  font-size: 14px;
  font-weight: 400;
}
table.table tr > th > a {
  color: var(--secondary-text-color) !important;
  font-size: 14px;
  font-weight: 400;
}
table.table > tbody > tr {
  border-color: var(--gray-color-400);
}
table.table > tfoot > tr {
  border-color: var(--gray-color-400);
}
table.table tbody tr:first-child td {
  border-top-width: 2px;
}
table.table tbody tr:first-child th {
  border-top-width: 2px;
}
table.table tbody tr td.no-padding {
  padding: 0 !important;
}
table.table tbody tr.aw-column:nth-of-type(2) td {
  border-top-width: 2px;
}
table.table tbody > tr:first-child > th {
  border-top-width: 2px;
}
table.table tbody > tr > th {
  background-color: var(--gray-color-200);
  font-size: 16px;
  font-weight: 600;
}
.table th {
  border-color: var(--gray-color-400) !important;
}
.table td {
  border-color: var(--gray-color-400) !important;
}
.table .new-item {
  background-color: #fcf8e3;
}
.table tbody tr:first-child td {
  border-top-width: 2px;
}
table a.sort-link.asc {
  font-weight: 600;
}
table a.sort-link.desc {
  font-weight: 600;
}
table a.column-sorting i {
  margin-left: 6px;
  text-decoration: none;
}
table th:first-child i {
  font-size: 16px;
}
tr.selected {
  background-color: var(--gray-color-200);
}
.table-hover tbody tr:hover > th,
.table-hover tbody tr:hover > td {
  background-color: var(--gray-color-100);
}
.button-column > a,
.button-column .dropdown {
  border-left: 1px solid var(--gray-color-400);
  float: left;
  margin-left: 6px;
  padding-left: 6px;
}
.button-column > a:first-child,
.button-column .dropdown:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.button-column-right {
  text-align: right !important;
}
.button-column-right > a,
.button-column-right .dropdown {
  border-left: 1px solid var(--gray-color-400);
  float: none;
  margin-left: 6px;
  padding-left: 6px;
}
.button-column-right > a:first-child,
.button-column-right .dropdown:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.button-column-borderless > a,
.button-column-borderless .dropdown {
  border-left: none;
}
/* --- Pagination --- */
.pagination.pagination-mini .header {
  color: var(--secondary-text-color);
  display: inline-block;
  font-size: 14px;
  margin: -16px 0 0;
  padding: 0px 12px;
  vertical-align: middle;
}
.pagination.pagination-mini input {
  color: var(--secondary-text-color);
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 0 2px 4px;
  padding: 1px 3px;
  text-align: center;
  width: 28px;
}
.pagination.pagination-mini ul > li > a {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  color: var(--primary-button-background-color);
  font-size: 14px;
  padding: 2px 9px 1px;
}
.pagination.pagination-mini ul > li > span {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  color: var(--primary-button-background-color);
  font-size: 14px;
  padding: 1px 9px;
}
.pagination.pagination-mini ul > li.previous.disabled ~ .next > a {
  border-left-width: 1px !important;
}
.pagination.pagination-mini ul > li.previous.disabled ~ .next > span {
  border-left-width: 1px !important;
}
.pagination ul {
  box-shadow: none;
}
.pagination ul > li > a {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  color: var(--primary-button-background-color);
  border-left-width: 0;
  padding: 4px 12px;
}
.pagination ul > li > a:active {
  background-color: #dbdbdb;
  box-shadow: none;
  color: var(--secondary-button-text-color);
  text-decoration: none;
  text-shadow: none;
}
.pagination ul > li > a:hover {
  background-color: var(--gray-color-100);
  color: var(--secondary-button-text-color);
  cursor: pointer;
  text-decoration: none;
}
.pagination ul > li:first-child > a {
  border-radius: 4px 0 0 4px;
}
.pagination ul > li:first-child > span {
  border-radius: 4px 0 0 4px;
}
.pagination ul > li:last-child > a {
  border-radius: 0 4px 4px 0;
  border-left-width: 0 !important;
}
.pagination ul > li:last-child > span {
  border-radius: 0 4px 4px 0;
  border-left-width: 0 !important;
}
.pagination ul > li > span:hover {
  background-color: var(--gray-color-100);
  color: var(--secondary-button-text-color);
  cursor: pointer;
  text-decoration: none;
}
.pagination ul > li.active > a {
  color: var(--secondary-button-text-color);
  font-weight: 600;
  background-color: #d9d9d9;
  box-shadow: none;
  cursor: default;
}
.pagination ul > li.active > a:hover {
  background-color: #d9d9d9;
  box-shadow: none;
  cursor: default;
}
.pagination ul > .previous.disabled > a {
  border-right-width: 0;
}
.pagination ul > .previous.disabled > span {
  border-right-width: 0;
}
.pagination ul > .previous.disabled ~ .pagination ul > .previous.disabled:nth-of-type(2) > a {
  border-left-width: 1px !important;
}
.pagination ul > .next.disabled > a {
  border-left-width: 0;
}
.pagination ul > .next.disabled > span {
  border-left-width: 0;
}
.pagination ul > .previous > a {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
  padding: 3px 12px 5px;
}
.pagination ul > .previous > span {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
  padding: 3px 12px 5px;
}
.pagination ul > .next > a {
  border-radius: 0 4px 4px 0;
  padding: 3px 12px 5px;
}
.pagination ul > li.next > span {
  border-radius: 0 4px 4px 0;
  padding: 3px 12px 5px;
}
.pagination ul > .disabled > a {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination ul > .disabled > a:active {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination ul > .disabled > a:focus {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination ul > .disabled > a:hover {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination ul > .disabled > span {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-400) !important;
  opacity: 1;
  cursor: default;
}
.modal-dialog .modal-content .modal-subfooter .pagination.pagination-mini ul > li.ng-scope > a {
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
  color: var(--secondary-button-text-color);
  border-left-width: 0;
  padding: 2px 10px !important;
}
.modal-dialog .modal-content .modal-subfooter .pagination.pagination-mini ul > li.ng-scope > a:active {
  background-color: #dbdbdb;
  box-shadow: none;
  color: var(--secondary-button-text-color);
  text-decoration: none;
  text-shadow: none;
}
.modal-dialog .modal-content .modal-subfooter .pagination.pagination-mini ul > li.ng-scope > a:hover {
  background-color: var(--gray-color-100);
  color: var(--secondary-button-text-color);
  cursor: pointer;
  text-decoration: none;
}
.modal-dialog .modal-content .modal-subfooter .pagination.pagination-mini ul > li.ng-scope:nth-of-type(1) > a {
  border-left-width: 1px !important;
}
.pagination-mini ul > li:first-child > a {
  border-radius: 8px 0 0 8px;
}
.pagination-mini ul > li:first-child > span {
  border-radius: 8px 0 0 8px;
}
.pagination-mini ul > li:last-child > a {
  border-radius: 0 8px 8px 0;
  border-left-width: 0 !important;
}
.pagination-mini ul > li:last-child > span {
  border-radius: 0 8px 8px 0;
  border-left-width: 0 !important;
}
.pagination-mini ul > li.disabled > a {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination-mini ul > li.disabled > a:active {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination-mini ul > li.disabled > a:focus {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination-mini ul > li.disabled > a:hover {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.pagination-mini ul > li.disabled > span {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-400) !important;
  opacity: 1;
  cursor: default;
}
.pagination-small ul > li:first-child > a {
  border-radius: 6px 0 0 6px;
}
.pagination-small ul > li:first-child > span {
  border-radius: 6px 0 0 6px;
}
.pagination-small ul > li:last-child > a {
  border-radius: 0 6px 6px 0;
  border-left-width: 0 !important;
}
.pagination-small ul > li:last-child > span {
  border-radius: 0 6px 36px 0;
  border-left-width: 0 !important;
}
/* --------- Bootstrap 3.0 ----------- */
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: transparent;
  border-top: 1px solid var(--gray-color-400);
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top: none;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
 > .badge.list-group-item + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: var(--gray-color-900);
}
a.list-group-item .list-group-item-heading {
  color: var(--secondary-text-color);
}
a.list-group-item:hover {
  text-decoration: none;
  background-color: var(--gray-color-200);
}
a.list-group-item:focus {
  text-decoration: none;
  background-color: var(--gray-color-200);
}
a.list-group-item.active {
  z-index: 2;
  color: var(--white-color);
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active:hover {
  z-index: 2;
  color: var(--white-color);
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active:hover .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active:hover .list-group-item-text {
  color: var(--gray-color-300);
}
a.list-group-item.active:focus {
  z-index: 2;
  color: var(--white-color);
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active:focus .list-group-item-text {
  color: var(--gray-color-300);
}
a.list-group-item.active .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text {
  color: var(--gray-color-300);
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: var(--white-color);
  border: 1px solid transparent;
  border-radius: 8px;
  position: relative;
}
.panel > .list-group {
  margin: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel > .table {
  margin-bottom: 0;
  margin-top: -1px !important;
}
.panel > .table tr td {
  border-color: var(--white-color);
}
.panel .table-lines tr td {
  border-color: var(--gray-color-400);
}
.panel > .panel-body + .table {
  border-top: 1px solid var(--gray-color-400);
}
.panel > .panel-body > .row-fluid.margin-bottom {
  margin-bottom: 10px;
}
.panel .panel-body + .table {
  border-top: 1px solid var(--gray-color-400);
}
.panel > .container-fluid {
  padding: 15px 20px;
}
.panel .panel {
  margin: 20px;
}
.panel-body {
  padding: 14px 16px;
}
.panel-body:before {
  display: table;
  content: " ";
}
.panel-body:after {
  display: table;
  content: " ";
  clear: both;
}
.panel-body h4 > i {
  color: var(--gray-color-800);
}
.panel-body-large {
  padding: 20px 24px;
}
.panel-body-small {
  padding: 8px 10px;
}
.panel-heading {
  padding: 8px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 1;
  position: relative;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel-heading a.btn i {
  padding-right: initial;
}
.panel-heading-small {
  padding: 2px 15px !important;
}
.panel-title-small {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: var(--gray-color-200);
  border-top: 1px solid var(--gray-color-400);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid var(--gray-color-400);
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid var(--gray-color-400);
}
.panel-default {
  border-color: var(--gray-color-400);
}
.panel-default > .panel-heading {
  color: var(--gray-color-1000);
  background-color: var(--gray-color-200);
  border-color: var(--gray-color-400);
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: var(--gray-color-400);
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: var(--gray-color-400);
}
.panel-modern {
  border-color: var(--gray-color-400);
  background-color: var(--white-color);
  box-shadow: 0 0 8px -2px rgba(var(--black), 0.1);
}
.panel-modern > .panel-heading {
  color: var(--gray-color-1000);
  background-color: var(--white-color);
  border-color: transparent;
  font-size: 22px;
  padding: 18px 20px;
  text-align: center;
}
.panel-modern > .panel-heading .panel-title-small {
  font-size: 22px;
}
.panel-modern > .panel-heading + .panel-collapse .panel-body {
  border-top-color: var(--gray-color-600);
}
.panel-modern > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: var(--gray-color-400);
}
.panel-modern .panel-body {
  padding: 6px 20px 16px;
  text-align: center;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: var(--white-color);
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #22A06B;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-warning {
  border-color: #fbeed5;
}
.panel-warning > .panel-heading {
  color: #eea53c;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}
.panel-danger {
  border-color: #eed3d7;
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #428bca;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.list-group-item.ng-scope table td {
  padding: 0 !important;
}
/* ---- Boostrap 3.0 Label ------- */
.label {
  cursor: default;
  display: inline-block;
  padding: 0.2em 0.6em 0.3em;
  font-weight: 300;
  line-height: 15px;
  color: var(--white-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  text-shadow: none;
  word-break: break-word;
  margin-bottom: 0px;
  font-size: 14px;
  padding: 3px 10px;
}
.label:empty {
  display: none;
}
.label[href]:hover {
  color: var(--white-color);
  text-decoration: none;
  cursor: pointer;
}
.label[href]:focus {
  color: var(--white-color);
  text-decoration: none;
  cursor: pointer;
}
.label-default {
  background-color: #6c757d;
}
.label-default[href]:hover {
  background-color: var(--gray-color-700);
}
.label-default[href]:focus {
  background-color: var(--gray-color-700);
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover {
  background-color: #3071a9;
}
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-overlay {
  background-color: var(--gray-color-400);
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  top: 4px;
  margin: auto;
}
.label-success[href]:hover {
  background-color: #449d44;
}
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover {
  background-color: #31b0d5;
}
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover {
  background-color: #ec971f;
}
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover {
  background-color: #c44140;
}
.label-danger[href]:focus {
  background-color: #c44140;
}
.label-bordered-status {
  background-color: var(--white-color);
  border: 1px var(--gray-color-400) solid;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 32px;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.02em;
}
.label-status {
  text-transform: uppercase;
  padding: 3px 6px;
  border-radius: 4px;
}
.label-bordered-status[href]:hover {
  background-color: var(--white-color);
}
.label-bordered-status[href]:focus {
  background-color: var(--white-color);
}
.label-bordered {
  background-color: var(--white-color);
  border-width: 1px;
  border-style: solid;
  padding: 3px 10px;
  border-radius: 32px;
  font-weight: 400;
  font-size: 13px;
}
.label-bordered + .label-bordered {
  margin-left: 6px;
}
h4.sectionTitle + .label,
.modal h4 .label {
  margin-left: 6px;
  padding: 3px 6px;
}
.modal h4 .label {
  vertical-align: top;
}
.label-bordered[href]:hover {
  background-color: var(--white-color);
  color: var(--gray-color-700);
}
.label-bordered[href]:focus {
  background-color: var(--white-color);
  color: var(--gray-color-700);
}
.label-default.label-bordered {
  border-color: var(--gray-color-700);
  color: var(--gray-color-800);
}
.label-default.label-bordered-background {
  background-color: var(--gray-color-300);
}
.label-default-muted.label-bordered {
  border-color: var(--gray-color-400);
  color: var(--gray-color-800);
}
.label-primary.label-bordered {
  border-color: #428bca;
  color: #428bca;
}
.label-success.label-bordered {
  border-color: #5ec25b;
  color: #5ec25b;
}
.label-success.label-bordered-background {
  background-color: var(--success-primary-color);
}
.label-info.label-bordered {
  border-color: #3aa1e3;
  color: #3aa1e3;
}
.label-info.label-bordered-background {
  background-color: var(--info-primary-color);
}
.label-info-alt.label-bordered {
  border-color: #7f5ae8;
  color: #7f5ae8;
}
a .label-warning.label-bordered {
  cursor: pointer;
}
a:hover .label-warning.label-bordered {
  text-decoration: underline;
}
.label-warning.label-bordered {
  border-color: #FFAB00;
  color: #FFAB00;
}
.label-warning.label-bordered-background {
  background-color: var(--warning-primary-color);
}
.label-danger.label-bordered {
  border-color: #d9655b;
  color: #d9655b;
}
.label-danger.label-bordered-background {
  background-color: var(--error-primary-color);
}
.label-important.label-bordered {
  border-color: #d9655b;
  color: #d9655b;
}
.label-bordered.label-tooltip:hover {
  color: var(--white-color);
  cursor: default;
}
.label-bordered.label-tooltip:hover.label-default {
  background-color: var(--gray-color-700);
  border-color: var(--gray-color-700);
}
.label-bordered.label-tooltip:hover.label-default-muted {
  background-color: var(--gray-color-700);
  border-color: var(--gray-color-700);
}
.label-bordered.label-tooltip:hover.label-success {
  background-color: #449d44;
  border-color: #449d44;
}
.label-bordered.label-tooltip:hover.label-info {
  background-color: #31b0d5;
  border-color: #31b0d5;
}
.label-bordered.label-tooltip:hover.label-warning {
  background-color: #ec971f;
  border-color: #ec971f;
}
/* ------------- Layout ----------- */
.navbar-inner {
  height: 44px;
}
.scrollable {
  height: 100%;
  overflow-y: auto;
}
.no-scroll {
  height: 100%;
  overflow: hidden;
}
.max-height {
  height: 100%;
}
.no-overflow {
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.pad40-top {
  padding-top: 45px;
}
#sectionHeader {
  padding: 8px 18px;
}
#sectionHeader > div > h4 {
  margin: 0;
  padding: 18px 13px 0 13px;
  font-weight: normal;
  font-size: 22px;
}
#sectionHeader > div > .pull-right {
  margin: 11px 13px;
}
#sectionHeader > h4 {
  margin: 0;
  padding: 18px 13px 0 13px;
  font-weight: normal;
  font-size: 22px;
}
#sectionHeader .sectionTitle {
  margin: 0;
  color: var(--secondary-text-color);
  font-weight: normal;
  font-size: 24px;
}
#sectionHeader .pageHeaderContainer {
  padding: 13px 13px;
}
#sectionHeader .pageHeaderContainer h4 {
  margin: 4px 0 0;
  color: var(--secondary-text-color);
  font-weight: normal;
  font-size: 22px;
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sectionHeader > .pull-right {
  margin: 11px 13px;
}
.fullscreen #sectionHeader {
  box-sizing: border-box;
}
.fullscreen #sectionHeader > div > h4 {
  padding-left: 0;
}
/* ACE Docs */
.doc-viewer-container .leftContainer .tabContainer .tabs-left .nav-tabs,
.doc-viewer-container .leftContainer .tabContainer .tab-content {
  height: calc(100vh - 118px);
}
.doc-viewer-container .leftContainer .tabContainer .tab-content {
  margin-left: 56px;
}
.doc-viewer-container #sectionHeader {
  padding: 0px;
}
.doc-viewer-container #sectionHeader .btn-toolbar.pull-right {
  padding: 0 18px;
  margin-top: 13px;
}
.doc-viewer-container .subHeader {
  border-bottom: 1px solid var(--gray-color-400);
}
.sectionContent {
  margin: 0;
  padding: 15px 13px;
  overflow: visible;
}
.sectionContentPadding {
  padding: 15px 18px;
}
.sectionContentPadding-remove {
  margin: 0 -13px -15px;
}
#sectionContent > div > .sectionContentPadding {
  margin-bottom: 36px;
}
#sectionContent > #recordListContainer > div > #workspaceGridContainer {
  margin-bottom: 36px;
}
.btn-toolbar form {
  margin: 0;
}
.subHeader {
  background-color: var(--white-color);
}
.subHeader.container-fluid .btn-toolbar {
  margin: 0;
}
.subHeader.container-fluid .row-fluid .btn-toolbar .btn-group {
  margin: 5px 4px 0 0;
}
.subHeader.container-fluid .row-fluid .btn-toolbar > form {
  margin: 0;
}
.PSCCustomFilter .searchValueLabel {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
}
.PSCCustomFilter .btn-link:hover {
  color: var(--secondary-text-color) !important;
  background: var(--gray-color-200) !important;
  background: -moz-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -webkit-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -o-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -ms-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  border: 1px solid var(--gray-color-700) !important;
}
.PSCCustomFilter .btn-link:focus {
  color: var(--secondary-text-color) !important;
  background: var(--gray-color-200) !important;
  background: -moz-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -webkit-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -o-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: -ms-linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  background: linear-gradient(top, var(--white-color) 0%, var(--gray-color-200) 100%) !important;
  border: 1px solid var(--gray-color-700) !important;
}
.PSCCustomFilter .dropdown-menu {
  margin-top: 0;
  box-shadow: 0px 3px 11px 1px rgba(var(--black), 0.18);
  animation: growDown 150ms ease-in-out forwards;
  transform-origin: top center;
}
.PSCCustomFilter.open .btn-link.dropdown-toggle {
  border-radius: 4px 4px 0 0 !important;
  background-image: none !important;
  background-color: var(--gray-color-200) !important;
  border-color: var(--gray-color-400) !important;
  box-shadow: inset 0 3px 6px rgba(var(--black), 0.1) !important;
  text-shadow: none;
  text-decoration: none;
  border-bottom-color: transparent !important;
}
/* ------ ACE Layout ------- */
.page-container {
  margin: 0;
  padding: 0;
  position: relative;
}
.page-content-wrapper {
  float: left;
  width: 100%;
}
.page-content-wrapper .page-header {
  margin: 0;
  border: none;
  background-color: var(--white-color);
  padding: 4px 18px;
  position: fixed;
  right: 0;
  z-index: 11;
}
.page-content-wrapper .page-content {
  margin-left: 210px;
  margin-top: 0;
  min-height: 200px;
  padding: 0 18px;
}
.page-header-title-wrapper {
  display: inline-block;
  padding: 8px 0;
}
.page-header-title-wrapper .btn:focus {
  text-decoration: none;
}
.page-header-title-wrapper .dropdown .dropdown-menu {
  padding: 0;
}
.page-header-title-wrapper .dropdown .dash-drop {
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
}
.page-header-title-wrapper .dropdown .dash-drop .nav-header {
  padding: 0;
}
.page-header-title-wrapper .dropdown .dash-drop .dropDownMenu.nav {
  padding-top: 10px;
}
.page-header-title {
  margin: 0;
  color: var(--secondary-text-color);
  font-weight: normal;
  font-size: 24px;
}
.page-header-title .dynamic-title {
  display: inline;
}
#report-list,
.page-content {
  margin-bottom: 60px;
}
.page-content-body {
  margin-top: 106px;
}
.page-content-body > form.form-horizontal {
  margin-top: 20px;
}
/* -------- ACE Breadcrumb -------- */
.breadcrumb {
  margin: 0 !important;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
}
.breadcrumb > li {
  text-shadow: none;
}
.breadcrumb > li > .divider {
  padding: 0 8px;
  font-size: 9px;
  color: var(--secondary-text-color);
}
.breadcrumb > li:last-child > .divider {
  display: none;
}
.breadcrumb + .clearfix + .title-wrapper {
  margin-top: -14px;
  pointer-events: none;
}
.breadcrumb + .clearfix + .title-wrapper .page-header-title-wrapper {
  margin: 11px 0 0;
  padding: 0;
}
.breadcrumb + .clearfix + .title-wrapper .favorite-star {
  pointer-events: auto;
}
.breadcrumb + .clearfix + .title-wrapper .btn-toolbar {
  margin-top: 2px;
  margin-bottom: 0;
  pointer-events: auto;
}
.breadcrumb > .active {
  color: var(--gray-color-800);
}
.page-content-wrapper-full .page-content {
  margin-left: 0;
  padding: 0 18px;
}
.page-content-wrapper-full .page-content.page-borderless {
  padding: 0;
}
.page-content-wrapper-full .page-header {
  left: 0;
}
.page-header {
  position: fixed;
  top: 45px;
  left: 211px;
  right: 0;
  z-index: 11;
  min-height: 50px;
  padding: 2px 18px;
}
.page-content-body.page-content-full-height {
  margin-top: 45px;
}
/* ------- ACE Sidebar ------- */
.page-container > #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 11;
}
.page-sidebar {
  background-color: var(--white-color);
  color: var(--secondary-text-color);
  border-right: 1px solid var(--gray-color-400);
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
  position: fixed;
  width: 210px;
  left: 0;
  top: 45px;
  height: calc(100vh - 45px);
  /* ----- Calendar Sidebar ----- */
}
.page-sidebar .nav.nav-list {
  list-style: none;
  margin: 0;
  padding: 10px 0 20px;
}
.page-sidebar .nav.nav-list > li > a.btn {
  padding: 3px !important;
}
.page-sidebar .nav.nav-list > li > a {
  color: var(--primary-button-background-color);
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  padding: 4px 18px;
  text-shadow: none;
  word-wrap: break-word;
}
.page-sidebar .nav.nav-list > li > a:hover {
  background-color: var(--gray-color-200) !important;
}
.page-sidebar .nav.nav-list > .nav-header {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 9px 18px 0;
  padding: 13px 0 4px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.page-sidebar .nav.nav-list > .nav-header:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 3px;
}
.page-sidebar .nav.nav-list li + .nav-header {
  padding-top: 13px;
}
.page-sidebar .nav.nav-list .divider {
  background-color: transparent;
  border-bottom: 1px solid var(--gray-color-400);
  margin: 9px 18px !important;
}
.page-sidebar .nav.nav-list > .active > a {
  background-color: transparent;
  border-left: 3px solid var(--primary-button-background-color);
  border-radius: 0;
  font-weight: 600;
  padding-left: 15px;
  text-shadow: none;
}
.page-sidebar .nav.nav-list > .active > a#field_configuration_schemes_nav {
  padding-right: 14px;
}
.page-sidebar .nav.nav-list > .training-divider.nav-header {
  padding-top: 7px;
}
.page-sidebar .nav.nav-list .dropdown-menu .divider {
  background-color: var(--gray-color-400);
  border-bottom: none;
  margin: 5px 0 6px !important;
}
.page-sidebar .calendarSection {
  min-width: 210px;
  width: 210px;
}
.page-sidebar .calendarSection .title {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 9px 18px 0;
  padding: 13px 0 2px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.page-sidebar .calendarSection:first-child .title {
  border-top: none;
  margin-top: 0;
}
.page-sidebar .calendarSection:nth-of-type(2) .title {
  margin-top: 10px;
}
.page-sidebar .calendarSection > ul {
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.page-sidebar .calendarSection > ul > li {
  width: 180px;
  padding: 4px 18px 4px 15px;
  font-size: 16px;
  margin: 3px 0;
  height: 20px;
}
.page-sidebar .calendarSection > ul > li:first-child {
  margin-top: 0;
}
.page-sidebar .calendarSection > ul > li > .pull-right > .btn-group {
  right: -7px;
}
.page-sidebar .calendarSection .btn-mini .caret {
  margin: 3px 0 0;
  float: right;
  opacity: 0.5;
}
.page-sidebar .calendarSection .btn-small .caret {
  margin: 3px 0 0;
  float: right;
  opacity: 0.5;
}
.page-sidebar .tab-count {
  color: var(--secondary-text-color);
}
.page-sidebar .page-sidebar-menu.nav.nav-list > li > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.modal-sidebar .nav.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.modal-sidebar .nav.nav-list > li > a.btn {
  padding: 3px !important;
}
.modal-sidebar .nav.nav-list > li > a {
  color: var(--primary-button-background-color);
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  padding: 4px 18px;
  text-shadow: none;
  word-wrap: break-word;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.modal-sidebar .nav.nav-list > li > a:hover {
  background-color: var(--gray-color-200) !important;
}
.modal-sidebar .nav.nav-list > .nav-header {
  border-top: 1px solid var(--gray-color-400);
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 9px 18px 0;
  padding: 13px 0 2px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.modal-sidebar .nav.nav-list > .nav-header:first-child {
  border-top: none;
  margin-top: 0;
}
.modal-sidebar .nav.nav-list .divider {
  background-color: transparent;
  border-bottom: 1px solid var(--gray-color-400);
  margin: 9px 18px !important;
}
.modal-sidebar .nav.nav-list > .active > a {
  background-color: transparent;
  border-left: 3px solid var(--primary-button-background-color);
  border-radius: 0;
  font-weight: 600;
  padding-left: 15px;
  text-shadow: none;
}
.configDisplay > div {
  width: 275px !important;
}
.recordOptions.dropdown .dropdown-menu .nav-header {
  padding-left: 14px;
  padding-right: 0;
}
.calendar-item .calendarItemOptionsToggle.btn {
  padding-left: 0;
}
span.fc-state-default.fc-corner-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
span.fc-state-default.fc-corner-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
/* ---- Messages ----- */
.message-container .chat-status .chat-status-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
}
.message-container .chat-status .chat-status-row:hover {
  background-color: var(--gray-color-200) !important;
}
.message-container .chat-status .chat-status-row div.avatar-status {
  margin: 8px 0 8px 12px !important;
}
.message-container .chat-status .chat-status-row .badge {
  margin-top: 0;
  margin-right: 0.5rem;
}
.message-container .chat-status .statuses .chat-status-row .user-status-name {
  padding: 0 18px 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.message-container .chat-status .statuses a {
  text-decoration: none;
}
.message-container .tab-content .nav.nav-stacked {
  padding: 12px 0;
}
.message-container .tab-content #chatTab .chat-status-row:last-child {
  margin-bottom: 50px;
}
.message-container .tab-content .nav.nav-pills {
  margin-bottom: 50px;
}
.message-container .nav-pills.nav-stacked > li > .message-sidebar-row {
  margin: 0;
  padding: 0;
}
.message-container .message-sidebar-row {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
.message-container .message-sidebar-row .avatar {
  margin: 8px 0 8px 12px !important;
}
.message-container .message-sidebar-row .record-name {
  margin-top: 6px;
  padding: 6px 18px 0 8px;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-container .nav.nav-pills a {
  padding: 8px 14px;
}
.message-container .nav.nav-pills .avatarText {
  margin-right: 10px;
}
.message-container .nav.nav-pills .ellipsis {
  width: 206px;
  padding-left: 8px;
  color: var(--gray-color-700);
}
.message-container .user-status-avatar .avatarText.avatar-group-large {
  width: 32px;
  max-width: 32px;
  height: 32px;
}
.message-container .user-status-avatar .avatarText.avatar-group-large i {
  font-size: 16px;
  padding-top: 7px;
}
.message-container .record-name {
  padding-top: 6px;
}
.message-container .page-container #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
}
.message-container .page-container #sidebarContainer #sidebar .nav.nav-list.page-sidebar-menu {
  padding-left: 18px;
  padding-right: 18px;
}
.message-container .page-container #sidebarContainer #sidebar .nav.nav-list.page-sidebar-menu > .nav-header {
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
}
.message-container .page-container #sidebarContainer #sidebar .nav.nav-list.page-sidebar-menu .nav-header a {
  font-size: 14px;
  padding: 0;
}
.message-container .page-container .page-content-wrapper .page-content.page-content-full-height {
  margin-left: 0;
  width: 100vw;
}
.message-container .page-container .page-content-wrapper .page-content {
  margin-left: 351px;
  padding: 0;
  width: calc(100vw - 351px);
}
.message-container .page-container .page-content-wrapper .page-content.page-content-full-height {
  margin-left: 0;
  width: 100vw;
}
.message-container .page-container .page-sidebar {
  width: 350px;
  overflow: hidden;
}
.message-container .page-container .page-content-body {
  margin-top: 62px;
}
.message-container .page-content.page-content-full-height .page-header-wrapper {
  margin-top: 0px;
}
.message-container .no-results {
  margin: 10px 14px;
  font-style: italic;
}
.message-container .btn-toolbar > .btn + .btn {
  margin-left: 0;
}
.message-container .page-content {
  padding: 0px 18px;
  margin-bottom: 0px;
}
.message-container .page-content .messages .ace-chat-content {
  padding-left: 40px;
}
.message-container .page-content .messages .group {
  padding: 4px 0;
}
.message-container .page-content .messages .ace-chat-row {
  margin: 4px 0 0;
  padding: 4px 0;
}
.message-container .page-content .messages .ace-chat-row:hover {
  background-color: var(--gray-color-200);
}
.message-container .page-content .messages .ace-chat-row .ace-avatar {
  margin-left: 24px;
  padding-top: 1px;
}
.message-container .page-content-body .well {
  border-left: none;
  border-right: none;
}
.message-container .page-content-wrapper .page-header {
  left: 351px;
  border-bottom: 1px solid var(--gray-color-400);
}
.message-container .message-sidebar-header {
  border-bottom: 1px solid var(--gray-color-400);
  padding: 6px 12px;
}
.message-container .message-sidebar-header .sidebar-title {
  font-size: 22px;
  display: inline-block;
}
.message-container .search-box {
  background-color: var(--gray-color-200);
  position: relative;
}
.message-container .search-box input {
  margin: 0;
  height: 36px;
  border-radius: 4px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
}
.message-container .search-box > i {
  position: absolute;
  top: 9px;
  left: 14px;
  font-size: 17px;
  color: var(--gray-color-800);
  font-weight: 700;
}
.message-container .messages-container .chat-footer {
  z-index: 52;
  padding-bottom: 2rem;
}
.message-container .tabs-left > .nav-tabs {
  margin-right: 0;
  padding-top: 21px;
  width: 82px;
}
.message-container .tabs-left > .nav-tabs > li {
  margin-right: 0;
}
.message-container .tabs-left > .nav-tabs > li > a {
  min-width: 31px;
  margin: 0 0 6px;
  font-size: 20px;
  padding: 14px 8px 4px;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  white-space: break-spaces;
  word-break: break-word;
}
.message-container .tabs-left > .nav-tabs > li > a:hover {
  background-color: var(--gray-color-200);
  border: none;
}
.message-container .tabs-left > .nav-tabs > li > a > i {
  font-size: 20px;
  padding-bottom: 4px;
  margin-left: 30%;
  margin-right: 30%;
}
.message-container .tabs-left > .nav.nav-tabs > .active > a {
  border: none;
  border-left: 3px solid var(--primary-button-background-color);
  padding-left: 5px;
}
.message-container .nav-tabs > .active > a:hover {
  border: none;
  border-left: 3px solid var(--primary-button-background-color);
  padding-left: 13px;
}
.message-container .dropup.avatar-tab {
  bottom: 16px;
  left: 18px;
  position: absolute;
}
.message-container .dropup.avatar-tab .avatar {
  margin-right: 0;
}
.message-container .dropup.avatar-tab:hover .avatar {
  background-color: var(--gray-color-200);
  cursor: pointer;
}
.message-container .dropup.avatar-tab:hover .avatar + .user-status {
  background-color: var(--gray-color-200);
  cursor: pointer;
}
.message-container .dropdown-menu li > a > i {
  color: var(--secondary-button-text-color);
  display: inline-block;
  margin-right: 12px;
}
/* ----- Learning ----- */
#learning-panel.page-sidebar-wrapper {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
}
.learning-container .page-sidebar,
.fda-container .page-sidebar {
  margin-left: 0;
  width: 236px;
}
.learning-container .page-sidebar ul.page-sidebar-menu > .active > a,
.fda-container .page-sidebar ul.page-sidebar-menu > .active > a {
  padding-bottom: 6px !important;
}
.learning-container .page-sidebar ul.page-sidebar-menu > .active > a:hover,
.fda-container .page-sidebar ul.page-sidebar-menu > .active > a:hover {
  background-color: var(--gray-color-200) !important;
}
.learning-container .page-sidebar ul.page-sidebar-menu > li > a > i,
.fda-container .page-sidebar ul.page-sidebar-menu > li > a > i {
  color: var(--gray-color-900);
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.learning-container .page-sidebar-menu.nav.nav-list > li > a,
.fda-container .page-sidebar-menu.nav.nav-list > li > a {
  line-height: 1;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  white-space: break-spaces;
  word-break: break-word;
}
.learning-container .page-container.nav-minimized .page-sidebar .nav-header,
.fda-container .page-container.nav-minimized .page-sidebar .nav-header {
  display: none;
}
.learning-container .page-container.nav-minimized .page-sidebar ul,
.fda-container .page-container.nav-minimized .page-sidebar ul {
  z-index: 20;
  padding-top: 35px;
}
.learning-container .page-container.nav-minimized .page-sidebar ul li a,
.fda-container .page-container.nav-minimized .page-sidebar ul li a {
  font-size: 0;
  line-height: 1;
  position: relative;
  text-overflow: initial;
  width: auto;
}
.learning-container .page-container.nav-minimized .page-sidebar ul li a .badge,
.fda-container .page-container.nav-minimized .page-sidebar ul li a .badge {
  position: absolute;
  top: 0px;
  right: 3px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
.learning-container .page-container.nav-minimized .page-sidebar ul li.divider,
.fda-container .page-container.nav-minimized .page-sidebar ul li.divider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.learning-container .page-container.nav-minimized .page-sidebar ul > .active > a,
.fda-container .page-container.nav-minimized .page-sidebar ul > .active > a {
  white-space: break-spaces;
}
.learning-container .page-container.nav-minimized .page-sidebar ul > .active > a > i,
.fda-container .page-container.nav-minimized .page-sidebar ul > .active > a > i {
  color: var(--primary-button-background-color);
}
.learning-container .page-container.nav-minimized .page-header,
.fda-container .page-container.nav-minimized .page-header {
  left: 55px;
}
.learning-container .page-header,
.fda-container .page-header {
  left: 236px;
}
.learning-container .page-content,
.fda-container .page-content {
  padding: 0 18px;
  margin-left: 236px;
}
.learning-container .page-content-body h4,
.fda-container .page-content-body h4 {
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 10px;
  display: inline-block;
}
.learning-container .page-content-body .alert h4,
.fda-container .page-content-body .alert h4 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
}
.learning-container .page-content-body .alert-error h4,
.fda-container .page-content-body .alert-error h4,
.learning-container .page-content-body .alert-danger h4,
.fda-container .page-content-body .alert-danger h4 {
  color: #d9655b;
}
.learning-container .page-container.nav-header,
.fda-container .page-container.nav-header {
  border-top: 1px solid var(--gray-color-400);
  padding: 10px 0px 2px;
  margin: 0px 6px 5px 8px;
}
.learning-container iframe,
.fda-container iframe {
  border: 1px solid var(--gray-color-400);
}
.learning-container #matrix-container table.table-45-degree,
.fda-container #matrix-container table.table-45-degree {
  width: auto;
}
.learning-container #sidebar,
.fda-container #sidebar {
  z-index: 6;
}
.learning-container .btn,
.fda-container .btn {
  z-index: 5;
}
.learning-container.learning-condensed-sidebar .page-sidebar,
.fda-container.learning-condensed-sidebar .page-sidebar {
  width: 82px;
}
.learning-container.learning-condensed-sidebar .page-sidebar .nav-list,
.fda-container.learning-condensed-sidebar .page-sidebar .nav-list {
  margin-right: 0;
  padding-top: 10px;
}
.learning-container.learning-condensed-sidebar .page-sidebar .nav-list > li > a > i,
.fda-container.learning-condensed-sidebar .page-sidebar .nav-list > li > a > i {
  font-size: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: none;
  margin-left: 30%;
  margin-right: 30%;
  color: var(--primary-button-background-color);
}
.learning-container.learning-condensed-sidebar .page-sidebar .nav-list > li > a,
.fda-container.learning-condensed-sidebar .page-sidebar .nav-list > li > a {
  min-width: 31px;
  margin: 3px 0 3px;
  font-size: 12px;
  padding: 114px 4px 4px;
  text-align: center;
  line-height: 12px;
  height: 61px;
}
.learning-container.learning-condensed-sidebar .page-content,
.fda-container.learning-condensed-sidebar .page-content {
  margin-left: 82px !important;
}
.learning-container.learning-condensed-sidebar .page-header,
.fda-container.learning-condensed-sidebar .page-header {
  left: 83px !important;
}
.learning-container.learning-condensed-sidebar .page-content-body .tabContainer,
.fda-container.learning-condensed-sidebar .page-content-body .tabContainer {
  margin: 0;
  padding-top: 0;
}
.learning-container .myTasks li a,
.fda-container .myTasks li a {
  font-weight: 400 !important;
  color: var(--gray-color-800) !important;
}
.learning-container .myTasks li span.tab-count,
.fda-container .myTasks li span.tab-count {
  background-color: transparent;
  font-size: 26px;
  padding-right: 2px;
}
.learning-container .myTasks li i,
.fda-container .myTasks li i {
  font-size: 12px !important;
}
.learning-container #incompleteTaskTab span.tab-count,
.fda-container #incompleteTaskTab span.tab-count {
  color: #1A3665;
}
.learning-container #incompleteTaskTab.active > a,
.fda-container #incompleteTaskTab.active > a {
  border-bottom-color: #1A3665;
}
.learning-container .pending-count-panel .panel-body,
.fda-container .pending-count-panel .panel-body {
  color: #7bbbd6;
}
.learning-container #overdueTaskTab span.tab-count,
.fda-container #overdueTaskTab span.tab-count {
  color: #d9534f;
}
.learning-container #overdueTaskTab.active > a,
.fda-container #overdueTaskTab.active > a {
  border-bottom-color: #d9534f;
}
.learning-container .overdue-count-panel .panel-body,
.fda-container .overdue-count-panel .panel-body {
  color: #d9534f;
}
.learning-container #upcomingTaskTab span.tab-count,
.fda-container #upcomingTaskTab span.tab-count {
  color: #eb982c;
}
.learning-container #upcomingTaskTab.active > a,
.fda-container #upcomingTaskTab.active > a {
  border-bottom-color: #eb982c;
}
.learning-container .due-in-count-panel .panel-body,
.fda-container .due-in-count-panel .panel-body {
  color: #eb982c;
}
.learning-container #pendingTaskTab span.tab-count,
.fda-container #pendingTaskTab span.tab-count {
  color: #7bbbd6;
}
.learning-container #pendingTaskTab.active > a,
.fda-container #pendingTaskTab.active > a {
  border-bottom-color: #7bbbd6;
}
.learning-container .learning-count-panel .panel-body,
.fda-container .learning-count-panel .panel-body {
  color: #1A3665;
}
.learning-container .trainer-navbar,
.fda-container .trainer-navbar {
  z-index: 11;
  width: 100%;
  float: left;
}
.learning-container .trainer-navbar ul,
.fda-container .trainer-navbar ul {
  border-bottom: 2px solid var(--gray-color-400);
}
.learning-container .trainer-navbar .active > a,
.fda-container .trainer-navbar .active > a {
  background-color: transparent;
  border-bottom: 3px solid var(--primary-button-background-color) !important;
  border-radius: 0;
  color: var(--primary-button-background-color);
  font-weight: 600;
  padding-bottom: 9px !important;
}
.learning-container .trainer-navbar a,
.fda-container .trainer-navbar a {
  margin-bottom: 0;
}
.learning-container .learning-count-panel .panel-body,
.fda-container .learning-count-panel .panel-body {
  color: var(--gray-color-500);
}
.learning-container .trainer-dashboard-panel,
.fda-container .trainer-dashboard-panel {
  text-align: center;
  padding-top: 12px;
}
.learning-container .trainer-dashboard-panel .panel-body,
.fda-container .trainer-dashboard-panel .panel-body {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 1px;
}
.learning-container .trainer-dashboard-panel .panel-footer,
.fda-container .trainer-dashboard-panel .panel-footer {
  background-color: transparent;
  border: none;
  text-align: center;
  padding-top: 0;
  padding-bottom: 20px;
  color: var(--gray-color-800);
}
.learning-container .trainer-data-panel .panel-heading,
.fda-container .trainer-data-panel .panel-heading {
  background-color: transparent;
  border: none;
  padding: 20px;
}
.learning-container .trainer-data-panel .panel-title-small,
.fda-container .trainer-data-panel .panel-title-small {
  font-size: 20px;
  color: var(--secondary-text-color);
}
.learning-container .trainer-data-panel .panel-body-small,
.fda-container .trainer-data-panel .panel-body-small {
  padding: 2px 10px;
}
.learning-container .trainer-data-panel .panel-body-small table.table,
.fda-container .trainer-data-panel .panel-body-small table.table {
  table-layout: fixed;
  width: 100%;
}
.learning-container .trainer-data-panel .panel-body-small table.table thead > tr,
.fda-container .trainer-data-panel .panel-body-small table.table thead > tr,
.learning-container .trainer-data-panel .panel-body-small table.table thead > tr > th,
.fda-container .trainer-data-panel .panel-body-small table.table thead > tr > th {
  display: none;
}
.learning-container .trainer-data-panel .panel-body-small table.table tbody > tr > td,
.fda-container .trainer-data-panel .panel-body-small table.table tbody > tr > td {
  border: 0;
  padding: 6px 8px;
}
.learning-container .trainer-data-panel .panel-body-small table.table tbody > tr > td:first-child,
.fda-container .trainer-data-panel .panel-body-small table.table tbody > tr > td:first-child {
  width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.learning-container .trainer-data-panel .panel-body-small .center,
.fda-container .trainer-data-panel .panel-body-small .center {
  padding-bottom: 12px;
}
.learning-container .progress .bar-upcoming,
.fda-container .progress .bar-upcoming {
  background-color: #eb982c;
}
.learning-container .progress .bar-overdue,
.fda-container .progress .bar-overdue {
  background-color: #d9534f;
}
.learning-container .progress .bar-passed,
.fda-container .progress .bar-passed {
  background-color: #5cb85c;
}
.learning-container .progress .assessment-bar,
.fda-container .progress .assessment-bar {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.learning-container .progress .bar-pending,
.fda-container .progress .bar-pending {
  background-color: #7bbbd6;
}
.learning-container .progress .bar-incomplete,
.fda-container .progress .bar-incomplete {
  background-color: #609bc7;
}
.learning-container .requirements-link,
.fda-container .requirements-link {
  float: right;
}
.learning-container .panel-certificate,
.fda-container .panel-certificate {
  padding: 10px;
}
.learning-container .certificate-course-name,
.fda-container .certificate-course-name {
  font-weight: 600;
  font-size: 16px;
}
.learning-container .certificate-date-completed,
.fda-container .certificate-date-completed {
  color: #5cb85c;
}
.learning-container #all-recommendation-grid,
.fda-container #all-recommendation-grid {
  padding: 0 0 30px 0;
}
.learning-container .counter-size,
.fda-container .counter-size {
  font-size: 24px;
  margin-right: 4px;
}
.learning-container .counter-prefix,
.fda-container .counter-prefix {
  width: 30%;
  display: inline-block;
  color: var(--black-color);
}
.learning-container .incomplete-counter,
.fda-container .incomplete-counter {
  color: #1A3665;
}
.learning-container .training-management,
.fda-container .training-management {
  margin-bottom: 20px;
}
.learning-container .learner-dropdown-menu,
.fda-container .learner-dropdown-menu {
  padding: 0;
  margin-right: 5px;
}
.learning-container .learner-dropdown-menu .dropDownMenu.nav.nav-list,
.fda-container .learner-dropdown-menu .dropDownMenu.nav.nav-list {
  width: max-content;
}
.learning-container .learner-dropdown-menu .dropDownMenu.nav.nav-list label,
.fda-container .learner-dropdown-menu .dropDownMenu.nav.nav-list label {
  color: var(--black-color);
  display: flex;
}
.learning-container .learner-dropdown-menu .dropDownMenu.nav.nav-list a,
.fda-container .learner-dropdown-menu .dropDownMenu.nav.nav-list a {
  margin-left: 0px;
}
.fda-container .page-sidebar {
  padding-top: 0;
}
.fda-container .layout {
  padding-bottom: 0px;
}
.fda-container .page-content-wrapper .page-header {
  padding: 1px 18px;
}
.fda-container .custom-stats {
  height: 4.5rem;
}
.fda-container .custom-stats > * {
  margin: 0.05rem 0;
}
.date-overdue {
  color: #d9534f;
}
.date-upcoming {
  color: #eb982c;
}
.date-default {
  color: #609bc7;
}
.label-bordered.label-training-status {
  border-radius: 6px;
  border-color: var(--gray-color-400);
  background-color: var(--gray-color-200);
}
.label-bordered.label-training-status::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  content: "\f2f2";
  padding-right: 4px;
}
.alert-light {
  background-color: var(--white-color) !important;
}
.user-status-avatar .avatarText {
  background-color: var(--white-color);
}
.live-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100vh;
}
.live-container .title-wrapper {
  display: flex;
  flex-direction: row;
  padding: 8px 10px;
  align-items: center;
}
.live-container .page-header-wrapper {
  width: 100%;
  margin-top: 45px;
  flex-shrink: 1;
  border-bottom: 1px solid var(--gray-color-400);
}
.live-container .page-header-title-wrapper {
  flex-grow: 1;
  padding: 0;
}
.live-container .page-header-tools {
  flex-shrink: 1;
  text-align: right;
}
.live-container .btn-toolbar {
  padding-right: 10px;
  margin: 0;
  margin-top: 10px;
}
.live-container .page-header-title {
  color: var(--gray-color-900);
  font-size: 24px;
  padding: 0;
}
.live-container .live-messages-container {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
}
.live-container .live-messages-container > .messages {
  overflow: auto;
  height: 100%;
}
.live-container .live-messages-container .scribe-messages .ace-message-content {
  word-wrap: break-word;
}
.live-container .live-messages-container .scribe-messages .group:last-child {
  padding-bottom: 16px;
}
.live-container .live-messages-container .scribe-messages .ace-avatar {
  margin-top: 0;
}
.live-container .live-messages-container .scribe-messages .ace-chat-row {
  padding: 4px 0;
}
.live-container .scribe-auditor {
  font-size: 16px;
  margin-top: 8px;
}
.live-container .scribe-auditor a {
  font-size: 16px;
  font-weight: 400;
  height: 21px;
}
.live-container .search-box {
  position: relative;
  display: inline-block;
}
.live-container .search-box i {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 17px;
  color: var(--gray-color-600);
  font-weight: 400;
}
.live-container .search-box input#search-scribe {
  padding-left: 34px;
  height: 30px;
  line-height: 30px;
  width: 220px;
}
.live-container .chat-footer {
  width: 100%;
  flex-shrink: 1;
  min-height: 4rem;
  max-height: 150px;
  background-color: var(--white-color);
  border-top: 1px solid var(--gray-color-400);
}
.live-container .chat-footer .btn.send-message i {
  font-size: 22px;
}
.send-message i {
  font-size: 22px;
}
.multi-mode .chat-footer .send-message i {
  color: var(--primary-button-background-color) !important;
}
.multi-mode .chat-footer .rich-text-mode i {
  font-weight: 600;
}
.hide-options .ace-chat-content:hover .ace-message-options {
  display: none;
}
.chat-footer {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.chat-footer .rich-text-mode {
  padding-left: 6px;
  padding-right: 6px;
}
.chat-footer .rich-text-mode i {
  color: var(--gray-color-700) !important;
}
.chat-footer .cke_editable p {
  margin-bottom: 0;
}
.chat-footer > button {
  flex-shrink: 1;
}
.chat-footer > div {
  max-height: 100%;
  flex-grow: 1;
  overflow: auto;
  padding: 4px 6px;
  outline: none;
}
a.btn.chat-button {
  margin-bottom: 2px;
}
/* --- Expanded Sidebar --- */
.dropdown-menu.open ul.dropdown-menu.inner li a {
  padding-left: 20px !important;
}
.dropdown-menu.open ul.dropdown-menu.inner li a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.dropdown-menu.open ul.dropdown-menu.inner li a span.glyphicon,
.dropdown-menu.open ul.dropdown-menu.inner li a span.text {
  display: inline-block;
}
.dropdown-menu.open ul.dropdown-menu.inner li a span.glyphicon {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
.chat-info-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ace-chat-bar .open-window .chat-body {
  overscroll-behavior-y: contain;
}
#ace-chat-bar .open-window .chat-body .scribe-messages,
#ace-chat-bar .open-window .chat-body .statuses {
  overscroll-behavior-y: contain;
}
#ace-chat-bar .open-window .chat-header .chat-header-title-option {
  padding-top: 4px;
  padding-bottom: 4px;
}
#ace-chat-bar .open-window .chat-header .ace-header-toggle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
#ace-chat-bar .chatroom-list .chat-content .chat-body .messages {
  overflow-y: initial;
}
#ace-chat-bar .chat-list .chat-content .compact .close {
  font-size: inherit;
  line-height: inherit;
}
#ace-chat-bar .chat-list .chat-content .compact a {
  display: inline-block;
  max-width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#ace-chat-bar .dropdown-menu li > a > i {
  color: var(--secondary-button-text-color);
  display: inline-block;
  margin-right: 12px;
}
#ace-chat-bar .btn.send-message {
  padding: 4px 6px;
}
#ace-chat-bar .btn.send-message i {
  font-size: 22px;
}
.chat-status .statuses .chat-status-row .user-status-name a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.chat-status .statuses .chat-status-row .user-status-name a:hover {
  text-decoration: none;
}
.chat-status .chat-status-row:hover {
  background-color: var(--gray-color-200);
  color: var(--primary-button-background-color);
  cursor: pointer;
  text-decoration: none;
}
#docContentArea {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
}
#docContentArea #directory.page-sidebar .nav.nav-list > li > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  line-height: 1;
  padding-bottom: 7px !important;
  padding-top: 7px !important;
}
#docContentArea #directory .nav > li > a > i {
  color: var(--gray-color-900);
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
#docContentArea #directory .nav > .active > a {
  padding-bottom: 6px !important;
}
#docContentArea #directory ul.nav {
  padding-top: 21px;
  padding-bottom: 16px;
}
.open-window .chat-window .chat-info {
  border-radius: 0 !important;
}
.chat-window .chat-info {
  border-radius: 4px 4px 0 0;
}
.chat-window .chat-info {
  padding: 6px 6px !important;
}
.chat-window .chat-info .close {
  padding-left: 6px;
}
.chat-window .search-box {
  background-color: var(--gray-color-200);
  position: relative;
}
.chat-window .search-box input {
  margin: 0;
  height: 36px;
  border-radius: 4px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 40px;
}
.chat-window .search-box > i {
  position: absolute;
  top: 9px;
  left: 14px;
  font-size: 17px;
  color: var(--gray-color-800);
  font-weight: 700;
}
.training-container {
  margin-top: 45px;
}
.training-container .record-view-links > li > a {
  text-overflow: initial !important;
  max-width: 275px !important;
}
.training-container .record-view-links > li > a > i {
  color: var(--gray-color-800);
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.training-container .record-view-links > li > a > .icon-stack {
  color: var(--gray-color-800);
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  float: left;
  max-height: 24px;
  top: 0;
}
.training-container .record-view-links > .active > a {
  padding-bottom: 6px !important;
}
.training-container .record-view-links .icon-stack .icon-stack-base {
  font-size: 20px;
}
.training-container .record-view-links .icon-stack .icon-circle {
  font-size: 0.38em;
  line-height: 20px;
}
.training-container .record-view-links .icon-circle-blank {
  color: var(--gray-color-400);
}
.training-container .record-view-links .toc-item {
  font-size: 14px;
  color: var(--gray-color-700);
  overflow: hidden;
  box-sizing: content-box;
}
.training-container .record-view-links .toc-item a {
  padding: 10px 18px !important;
  color: var(--gray-color-700);
}
.training-container .record-view-links .toc-item a div {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.training-container .record-view-links .toc-item i {
  display: inline-block;
  font-style: normal;
  width: 24px !important;
  min-width: 24px;
  background: var(--white-color);
  border-radius: 50%;
  text-align: center;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
  border: 2px solid #bdbdbd;
  margin-right: 8px;
  font-weight: 400;
  font-size: 16px;
  color: var(--gray-color-600);
}
.training-container .record-view-links .toc-item i::before {
  content: '';
  display: block;
  border-left: 1px solid #bdbdbd;
  width: 0;
  height: 60px;
  z-index: 1;
  margin-top: 1px;
}
.training-container .record-view-links .toc-item i::after {
  content: '';
  display: block;
  border-left: 1px solid #bdbdbd;
  width: 0;
  height: 60px;
  z-index: 1;
  margin-top: 1px;
  margin-left: 11px;
}
.training-container .record-view-links .toc-item + .toc-item i::before {
  margin-top: -60px;
  margin-left: 11px;
}
.training-container .record-view-links .toc-item a.no-link {
  color: var(--gray-color-400) !important;
  background-color: transparent !important;
}
.training-container .record-view-links .toc-item a.no-link:hover {
  color: var(--gray-color-400) !important;
  background-color: transparent !important;
}
.training-container .record-view-links .toc-item.completed {
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.completed i {
  border-color: var(--navbar-link-color);
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.completed i::before {
  border-color: var(--navbar-link-color);
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.completed i::after {
  border-color: var(--navbar-link-color);
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.active {
  color: var(--navbar-link-color);
  background-color: var(--gray-color-300);
}
.training-container .record-view-links .toc-item.active a {
  padding-left: 15px !important;
}
.training-container .record-view-links .toc-item.active i {
  border-color: var(--navbar-link-color);
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.active i:before {
  border-color: var(--navbar-link-color);
  color: var(--navbar-link-color);
}
.training-container .record-view-links .toc-item.toc-item-first i::before {
  display: none;
}
.training-container .record-view-links .toc-item.toc-item-last i::after {
  display: none;
}
.training-container .page-container.nav-minimized .record-view-links {
  z-index: 20;
}
.training-container .page-container.nav-minimized .record-view-links li a {
  font-size: 0;
  line-height: 1;
  position: relative;
  text-overflow: initial;
  width: auto;
}
.training-container .page-container.nav-minimized .record-view-links li a .badge {
  position: absolute;
  top: 0px;
  right: 3px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
.training-container .page-container.nav-minimized .record-view-links li.divider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.training-container .page-container.nav-minimized .record-view-links > .active > a > i {
  color: var(--primary-button-background-color);
}
.training-container .page-container.nav-minimized .record-view-links > .active > a:hover > i {
  color: var(--primary-button-background-color);
}
.training-container .page-container.nav-minimized .record-view-links > .active > a:focus > i {
  color: var(--primary-button-background-color);
}
.training-container .page-container.nav-minimized .nav-header {
  display: none;
  border: none;
}
.training-container .page-container.no-options-menu {
  margin-top: 111px;
}
.training-container .page-container.no-options-menu .page-sidebar {
  top: 111px;
  height: calc(100vh - 111px);
}
.training-container .page-sidebar {
  margin-left: 0;
  top: 152px;
  height: calc(100vh - 152px);
  width: 280px;
}
.training-container .page-sidebar .record-view-links {
  padding-top: 16px;
}
.training-container .page-sidebar .record-view-links .nav-header:first-child {
  margin-top: -10px;
  padding-top: 0;
}
.training-container .page-sidebar .nav.nav-list .divider {
  margin: 7px 6px;
}
.training-container .page-sidebar .nav.nav-list > .nav-header {
  border-top: none;
  padding-top: 0;
}
.training-container .record-view-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 11;
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.training-container .page-container {
  margin-top: 148px;
}
.training-container .page-content {
  padding: 13px 0;
  margin-left: 280px;
}
.training-container .page-content-body {
  margin-top: 0;
}
.training-container .page-content-body h4 {
  font-weight: 400;
  font-size: 24px;
  padding-bottom: 10px;
  display: inline-block;
}
.training-container .page-content-body .alert h4 {
  color: #d9655b;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
}
.training-container .page-content-body .alert-danger h4 {
  display: block;
}
.training-container .pageHeaderContainer {
  padding: 13px 18px !important;
}
.training-container .optionsMenu {
  padding: 4px 18px 14px;
}
.training-container .page-container.nav-header {
  border-top: 1px solid var(--gray-color-400);
  padding: 10px 0px 2px;
  margin: 0px 6px 5px 8px;
}
.training-container .nav-minimized .record-view-links .icon-stack .fa-circle {
  line-height: 1;
  margin-top: 7px;
}
.training-container .searchInput {
  margin: -4px 2px 0 0;
}
.training-container .panel {
  border-color: var(--gray-color-400);
  box-shadow: none;
}
.training-container .panel .panel-heading {
  background-color: var(--white-color);
  border: none;
  padding: 13px 18px;
}
.training-container .panel .panel-heading .panel-title-small {
  font-size: 22px;
}
.training-container .panel .panel-body {
  padding: 8px 18px 13px;
}
.training-container .help-block.error {
  margin-top: 18px;
  padding: 10px 20px;
  font-size: 16px;
  color: #c44140;
  border: 1px solid #c44140;
  background-color: #fcd9d9;
  border-radius: 4px;
}
.training-container .question-section + .help-block.error {
  margin-bottom: 42px;
}
.training-container iframe {
  border: 1px solid var(--gray-color-400);
  border: none;
}
.training-container .alert.alert-danger {
  padding: 10px 35px 10px 24px;
}
.training-container .trainer-signoff-alert {
  margin: 15px;
}
.pdfContainer #docViewerWrapper {
  position: absolute;
  top: 1px;
  left: 1px;
}
/* --- Expanded Sidebar --- */
div:hover > .tabMinimizeContainer {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
.tabMinimizeContainer {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  border-radius: 100%;
  right: -12px;
  position: absolute;
  z-index: 900;
  top: 57px;
  height: 22px;
  width: 22px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
}
.tabMinimizeContainer .tabMinimize {
  color: var(--secondary-button-text-color) !important;
  font-size: 16px;
  padding: 0;
  text-shadow: none;
}
.record-view-container .tabMinimizeContainer {
  left: 218px;
  top: 158px;
}
.nav-minimized .tabMinimizeContainer .tabMinimize {
  padding-left: 5px;
  padding-right: 4px;
}
.page-container.nav-minimized #sidebarContainer {
  width: 54px;
}
.page-container.nav-minimized #sidebarContainer .page-sidebar {
  width: 54px;
}
.page-container.nav-minimized #sidebarContainer .tabMinimizeContainer {
  left: 42px;
}
.page-container.nav-minimized .page-content {
  margin-left: 55px;
}
#docContentArea.nav-minimized .page-sidebar {
  width: 54px;
}
#docContentArea.nav-minimized #directory .nav {
  z-index: 20;
}
#docContentArea.nav-minimized #directory .nav li a {
  font-size: 0;
  line-height: 1;
  position: relative;
  text-overflow: initial;
  width: auto;
}
#docContentArea.nav-minimized #directory .nav li.divider {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#docContentArea.nav-minimized #directory .nav > .active > a > i {
  color: var(--primary-button-background-color);
}
#docContentArea.nav-minimized #sectionHeader {
  margin-left: 55px;
}
#docContentArea.nav-minimized #breadcrumb {
  margin-left: 55px;
}
#docContentArea.nav-minimized #fileDisplay {
  margin-left: 55px;
}
#calendarItemOptions1Widget .nav-header {
  border: none;
}
.calendarItemOptionsToggle:hover {
  text-decoration: none;
}
/* ----- Analytics ----- */
.analytics-container .page-sidebar {
  width: 275px;
  margin-left: 0;
}
.analytics-container .page-header {
  left: 276px;
  right: 0;
}
.analytics-container .page-content {
  padding: 0 18px;
  margin-left: 276px;
}
.analytics-container .page-content-wrapper-full .page-content {
  margin-left: 0;
}
.analytics-container .page-content-wrapper-full .page-header {
  left: 0px;
}
/* ----- Workspace ----- */
.workspace-container {
  /* ----- Workspace Minimized ----- */
}
.workspace-container .page-sidebar-wrapper {
  width: 200px;
}
.workspace-container .page-sidebar {
  width: 200px;
  margin-left: 0;
}
.workspace-container .page-sidebar .nav.nav-list {
  padding-top: 9px;
}
.workspace-container .page-header {
  left: 201px;
  right: 0;
}
.workspace-container .page-sub-header {
  top: 104px;
  position: relative;
  left: 201px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: var(--white-color);
  padding: 5px 18px;
  position: fixed;
  right: 0;
  z-index: 11;
}
.workspace-container .page-content {
  padding: 0;
  margin-left: 201px;
}
.workspace-container .cg-busy-backdrop {
  padding: 0 18px;
}
.workspace-container table.table .recordListOptionsToggle {
  visibility: hidden;
}
.workspace-container table.table .recordListOptionsToggle > a.btn-link {
  padding: 1px;
}
.workspace-container table.table tr:hover .recordListOptionsToggle {
  visibility: visible;
}
.workspace-container table.table tr > th > a {
  font-size: 14px;
  font-weight: 600;
}
.workspace-container table.table .table-condensed th {
  padding: 7px 4px;
  vertical-align: middle;
}
.workspace-container .worker-job-monitor {
  margin: 55px 18px 5px 18px;
}
.workspace-container .grid-view tr.selected .recordListOptionsToggle {
  visibility: visible;
}
.workspace-container .grid-view .table-condensed td {
  padding: 6px 5px;
  vertical-align: middle;
}
.workspace-container .grid-view .table-condensed.density-comfortable td {
  padding: 12px 5px;
}
.workspace-container .grid-view .table-condensed.density-compact td {
  padding: 2px 4px;
}
.workspace-container .grid-view .table tr td:first-child {
  width: 18px;
}
.workspace-container .grid-view .table tr td:last-child {
  width: 26px;
}
.workspace-container .grid-view .table tr th:first-child {
  width: 18px;
}
.workspace-container .grid-view .table tr th:last-child {
  width: 26px;
}
.workspace-container .grid-view .table tr.selected td {
  background-color: var(--gray-color-200);
}
.workspace-container #workspaceGridContainer {
  margin: 0px;
  padding: 0;
}
.workspace-container #workspaceGridContainer .grid-view {
  padding-top: 0;
}
.workspace-container #workspaceGridContainer .grid-view .table {
  margin: 4px 0 30px;
}
.workspace-container #workspaceGridContainer .grid-view .pagination {
  padding-left: 6px;
}
.workspace-container #workspaceGridContainer table.table tr > th {
  font-size: 14px;
  font-weight: 600;
}
.workspace-container #workspaceGridContainer #workspace-grid-container table td {
  font-size: 16px;
}
.workspace-container #workspaceGridContainer #workspace-grid-container.compact-table table th:first-child i {
  font-size: 14px;
}
.workspace-container #workspaceGridContainer #workspace-grid-container.compact-table table td {
  font-size: 14px;
}
.workspace-container #workspaceGridContainer table th {
  word-wrap: break-word;
  max-width: 300px;
}
.workspace-container #workspaceGridContainer table i.icon-pkey {
  font-weight: 600;
  color: var(--navbar-link-color);
}
.workspace-container .bottom-pane {
  bottom: 3px;
}
.workspace-container .ui-resizable-s {
  cursor: row-resize;
  bottom: 0;
  height: 3px;
  border-top: 1px solid var(--gray-color-400);
}
.workspace-container .ui-resizable-resizing .ui-resizable-s {
  cursor: row-resize;
}
.workspace-container .right-pane {
  margin-right: 3px;
}
.workspace-container .ui-resizable-e {
  cursor: col-resize;
  background-color: var(--white-color);
  border-left: 1px solid var(--gray-color-400);
  width: 3px;
  right: 0;
}
.workspace-container .ui-resizable-resizing .ui-resizable-e {
  cursor: col-resize;
}
.workspace-container .ui-resizable-helper {
  border: 1px dotted gray;
}
.workspace-container .page-container.nav-minimized #sidebarContainer,
.workspace-container .page-container.nav-minimized #sidebarContainer .page-sidebar {
  background-color: var(--secondary-background-color);
  width: 25px;
}
.workspace-container .page-container.nav-minimized #sidebarContainer .tabMinimizeContainer,
.workspace-container .page-container.nav-minimized #sidebarContainer .page-sidebar .tabMinimizeContainer {
  left: initial;
}
.workspace-container .page-container.nav-minimized #sidebarContainer .nav-header,
.workspace-container .page-container.nav-minimized #sidebarContainer .page-sidebar .nav-header {
  display: none;
  border: none;
}
.workspace-container .page-container.nav-minimized .page-content {
  margin-left: 25px;
}
.workspace-container .page-container.nav-minimized .page-header {
  left: 26px;
}
.workspace-container .page-container.nav-minimized .page-sub-header {
  left: 26px;
}
.workspace-container .page-container.nav-minimized .nav.filterList {
  display: none;
}
.workspace-container .page-container.nav-minimized .nav.filterList li a {
  line-height: 10px;
  font-size: 0;
  position: relative;
  padding: 11px 18px 0;
  margin: 2px 0 2px;
}
.workspace-container .page-container.nav-minimized .nav.filterList li a .badge {
  position: absolute;
  top: 0;
  right: 3px;
  font-size: 10px;
  padding: 1px 5px;
  font-weight: 600;
  text-shadow: none;
}
.workspace-container .page-container.nav-minimized .nav.filterList > .active > a > i {
  color: var(--primary-button-background-color);
}
.workspace-container .page-container.nav-minimized .nav.filterList > .active > a:hover > i {
  color: var(--primary-button-background-color);
}
.workspace-container .page-container.nav-minimized .nav.filterList > .active > a:focus > i {
  color: var(--primary-button-background-color);
}
.workspace-container .page-container.nav-header {
  border-top: 1px solid var(--gray-color-400);
  padding: 10px 0px 2px;
  margin: 0px 6px 5px 8px;
}
#workspaceGridContainer table td {
  word-wrap: break-word;
  max-width: 300px;
}
#listOptionsContainer {
  margin: 8px 20px;
}
.listOptionsContainer {
  margin: 8px 20px;
}
#recordView {
  padding: 0;
  overflow: hidden;
  border-top: 1px solid var(--gray-color-400);
  border-left: 1px solid var(--gray-color-400);
  z-index: 2;
}
#recordAdditionalOptions span.caret {
  display: none;
}
#recordViewFrame {
  border: none;
  background: var(--white-color);
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
}
td.aw-column-key {
  max-width: 100px;
  word-wrap: break-word;
}
#aw-columns .drag-cancel {
  width: 30px;
  text-align: center;
}
#aw-columns .aw-column-handler {
  width: 30px;
  text-align: center;
}
.record-view-container.inline-view {
  margin-top: 0;
}
.record-progress-container {
  margin: 4px 0 14px;
}
.record-progress-container .record-progress-percent {
  font-size: 17px;
  font-weight: 600;
  padding: 0 4px 0 12px;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row {
  overflow: hidden;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row > div {
  padding: 8px 0;
  margin-bottom: -99991px;
  padding-bottom: 99999px;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row > div:first-child {
  padding-left: 6px;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row > div:not(:first-child) {
  border-left: 1px solid var(--gray-color-300);
  padding-left: 14px;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row > div .text-ellipsis::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row:nth-child(even) {
  background: var(--gray-color-100);
  border-top: var(--gray-color-300) 1px solid;
  border-bottom: var(--gray-color-300) 1px solid;
}
.panel.keyvalue-data .panel-body .row-fluid.record-details-row:nth-child(odd) {
  background: var(--white-color);
}
.modal-body hr {
  margin: 10px 0;
}
.modal-body .panel.keyvalue-data {
  border: none;
  padding: 0;
}
.modal-body .panel.keyvalue-data .panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.modal-body .grid-view {
  padding-top: 0;
}
.modal-body .grid-view table.items th:hover a:after {
  right: -8px;
}
.modal-body > table.items {
  margin-bottom: 0;
}
.favorite-star i {
  cursor: pointer;
}
.favorite-star i.fas {
  color: #FFAB00;
}
.favorite-star i.fas:hover:before {
  color: #eb982c;
}
.favorite-star i.far {
  color: var(--gray-color-700);
}
.favorite-star i.far:hover:before {
  color: var(--secondary-button-text-color);
}
#favorite_button {
  text-decoration: none;
}
.chat-window.small .search-box input {
  border: none;
}
.chat-window.large input {
  border: none;
}
/* ----- Users and Groups Administration - Create User tabs override ----- */
.admin-container {
  margin-top: 45px;
}
.admin-container .admin-navbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 11;
}
.admin-container .page-container {
  margin-top: 91px;
}
.admin-container .page-header {
  left: 241px;
  top: 91px;
  right: 0;
}
.admin-container .page-content {
  padding: 0 18px;
  margin-left: 240px;
}
.admin-container .page-content-body {
  margin-top: 65px;
}
.admin-container .page-content-body.page-content-full-height {
  margin-top: 0px;
}
.admin-container .page-sidebar {
  width: 240px;
  top: 91px;
  height: calc(100vh - 91px);
}
.admin-container .admin-main-menu {
  background-color: var(--white-color);
  border-bottom: 1px solid var(--gray-color-400);
  margin-bottom: 0;
  padding: 0 3px;
}
.admin-container .admin-main-menu > .active > a {
  background-color: transparent;
  border-bottom: 3px solid var(--primary-button-background-color) !important;
  border-radius: 0;
  color: var(--primary-button-background-color);
  font-weight: 600;
  padding-bottom: 9px !important;
}
.admin-container .admin-main-menu > li > a:hover {
  background-color: var(--gray-color-200);
  border-radius: 0;
}
.admin-container .admin-main-menu > li.active > a:hover {
  background-color: var(--gray-color-200);
  border-radius: 0;
}
.admin-container .admin-main-menu.nav-pills > li > a,
.admin-container .admin-main-menu.nav-tabs > li > a {
  line-height: 20px;
  margin: 0;
  padding: 13px 14px 12px;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav {
  margin-bottom: 20px;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav.nav-tabs {
  border-bottom: 1px solid var(--gray-color-400);
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > li.span6.center {
  margin-bottom: -1px;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > li.span6.center > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  margin: 0 2px 0 0;
  padding: 8px 12px;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > li.span6.center > a:hover {
  background-color: var(--gray-color-300);
  border-color: #eeeeee #eeeeee #dddddd;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > li.span6.center > a:focus {
  background-color: var(--gray-color-300);
  border-color: #eeeeee #eeeeee #dddddd;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > .span6.center.active > a {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400) !important;
  border-bottom-color: transparent !important;
  color: var(--secondary-text-color);
  font-weight: normal;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > .span6.center.active > a:hover {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400) !important;
  border-bottom-color: transparent !important;
  color: var(--secondary-text-color);
  font-weight: normal;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > .span6.center.active > a:focus {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400) !important;
  border-bottom-color: transparent !important;
  color: var(--secondary-text-color);
  font-weight: normal;
}
.admin-container .form-horizontal fieldset div ul.row-fluid.nav-tabs > li.span6.center.active > a:hover {
  background-color: var(--gray-color-300);
  border-color: #eeeeee #eeeeee #dddddd;
}
.admin-main-menu > .active a:focus,
.admin-main-menu > .active a:hover {
  background-color: transparent;
  border-bottom: 3px solid var(--primary-button-background-color) !important;
  border-radius: 0;
  color: var(--primary-button-background-color);
  font-weight: 600;
}
.admin-main-menu > li > a:focus {
  background-color: transparent;
  border-radius: 0;
}
.header-panels .page-header-container {
  border-left: 1px solid var(--gray-color-400);
  display: inline-block;
  float: left;
  height: 36px;
  line-height: 20px !important;
  position: relative;
}
.header-panels .page-header-container:first-child {
  border-left: none;
}
.header-panels .page-header-container:last-child > div {
  padding-right: 0;
}
.header-panels .page-header-container .page-header-label {
  color: var(--gray-color-800);
  font-size: 14px;
  margin-top: -3px;
  padding: 0 18px;
}
.header-panels .page-header-container .page-header-value {
  color: var(--secondary-text-color);
  font-size: 16px;
  font-weight: 600;
  padding: 2px 18px 0;
}
.header-panels .page-header-container > .btn-group {
  padding: 3px 0 3px 18px;
}
.header-panels .page-header-container.details-button > div {
  padding: 3px 18px;
}
.header-panels .page-header-container.details-button + .page-header-container > .btn-group {
  padding: 3px 0 3px 18px;
}
.learning-note {
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
  font-size: 18px;
  padding: 60px 70px;
  margin-top: 120px;
  border-radius: 4px;
  line-height: 24px;
}
.learning-note .learning-note-header {
  font-weight: 600;
  font-size: 20px;
}
.learning-note .btn-large {
  padding: 9px 17px;
  font-size: 16px;
}
.learning-note-small {
  padding: 40px 70px 30px;
  font-size: 20px;
}
.alert-learning-text {
  color: var(--secondary-text-color);
}
.note-instructions {
  text-align: center;
  margin: 10px 0;
}
.note-button {
  text-align: center;
  margin: 10px 0;
}
.note-container {
  margin: auto;
  max-width: 600px;
}
.note {
  font-size: 18px;
  margin-top: 80px;
  line-height: 24px;
  text-align: center;
}
.note i.note-icon {
  font-size: 52px;
  color: var(--gray-color-400);
  font-weight: 300;
}
.note .note-header {
  font-size: 28px;
  font-weight: 300;
  margin-top: 20px;
}
.note .note-message {
  margin-top: 36px;
  font-size: 18px;
  color: var(--gray-color-700);
  font-weight: 400;
}
.note .btn-large {
  padding: 9px 17px;
  font-size: 16px;
}
.note .note-links {
  list-style: none;
  margin: 36px 0 0;
}
.note .note-links li {
  padding-top: 16px;
}
.note .note-list ul li {
  margin-left: 20px;
}
.note-warning {
  border-color: #FFAB00;
}
.note-warning i.note-icon {
  color: #FFAB00;
}
.note-warning .note-header {
  color: #FFAB00;
}
.note-error {
  border-color: #d9655b;
}
.note-error i.note-icon {
  color: #d9655b;
}
.note-error .note-header {
  color: #d9655b;
}
.note-success {
  border-color: #5ec25b;
}
.note-success i.note-icon {
  color: #5ec25b;
}
.note-success .note-header {
  color: #5ec25b;
}
.note-info {
  border-color: #3aa1e3;
}
.note-info i.note-icon {
  color: #3aa1e3;
}
.note-info .note-header {
  color: #3aa1e3;
}
.note-small {
  padding: 40px 70px 30px;
  font-size: 20px;
}
.question-section {
  margin-top: 2px;
  margin-bottom: 22px;
}
.learning-content {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content label {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content input {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content button {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content select {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content textarea {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.learning-content label.radio label {
  margin-bottom: 1px;
}
.learning-content .radio input[type="radio"] {
  margin: 6px 12px 0 -20px;
}
.learning-content .checkbox input[type="checkbox"] {
  margin: 6px 12px 0 -20px;
}
.answer-area > .radio {
  margin: 0 0 0 22px;
}
.answer-area > .radio ~ .radio {
  margin-top: 0;
}
.answer-area .help-block.error {
  margin-top: 18px;
  padding: 10px 20px;
  font-size: 16px;
  color: #c44140;
  border: 1px solid #c44140;
  background-color: #fcd9d9;
  border-radius: 4px;
}
.form-inline .answer-area label.error {
  color: inherit;
}
.form-inline .select2-container.error .select2-choices {
  border-color: #b94a48 !important;
}
.form-inline select.error {
  color: var(--secondary-text-color);
}
.form-inline input.error {
  color: var(--secondary-text-color);
}
.form-inline textarea.error {
  color: var(--secondary-text-color);
}
.form-vertical label {
  margin-top: 12px;
}
.form-vertical .answer-area label.error {
  color: inherit;
}
.form-vertical .select2-container.error .select2-choices {
  border-color: #b94a48 !important;
}
.form-vertical select.error {
  color: var(--secondary-text-color);
}
.form-vertical input.error {
  color: var(--secondary-text-color);
}
.form-vertical textarea.error {
  color: var(--secondary-text-color);
}
.assessment-question-item > .panel {
  margin: 10px 0;
}
.assessment-question-item .panel-heading {
  padding-top: 12px;
  z-index: unset;
}
.assessment-question-item .bootstrap-select > .dropdown-toggle {
  width: auto;
  float: right;
}
.assessment-question-item .bootstrap-select .glyphicon {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}
.assessment-question-item .question-view-section {
  margin: 0 44px 16px;
}
.assessment-question-item .question-view-section form {
  margin: 0;
}
.assessment-question-item .editable-field-form-section > form > .editable-field[data-edit="false"] {
  font-size: 18px;
  padding: 2px 6px;
  margin: 0;
}
.assessment-question-item .editable-field-form-section > form > .editable-field[data-edit="false"]:hover {
  background-color: var(--gray-color-200);
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0;
}
.assessment-question-item .editable-field-form-section > form > .editable-field[data-edit="false"].help-text {
  color: var(--secondary-header-color);
  font-size: 14px;
}
.assessment-question-item .btn-link > .fa-disabled {
  color: var(--primary-button-background-color) !important;
}
.assessment-question-item .panel-body {
  padding: 0 !important;
}
.assessment-question-item .panel-default {
  margin: 10px;
}
.assessment-question-item .panel-record-data .panel-heading {
  display: flex;
  align-items: center;
  background-color: transparent;
  border-bottom: none;
}
.assessment-question-item .panel-record-data .panel-heading .panel-title-small {
  display: flex;
  flex-grow: 1;
}
.assessment-question-item .panel-record-data .panel-heading .panel-title-small .question-header {
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
}
.assessment-question-item .panel-record-data .panel-heading .panel-title-small .required-btn {
  margin-top: 6px;
}
.assessment-question-list + .panel.panel-noBorder {
  margin: 2px 8px;
}
.assessment-question-list + .panel.panel-noBorder .button-section-container {
  text-align: left;
}
.assessment-subsection-list + .panel-noBorder {
  border-top: dashed 1px var(--gray-color-400);
}
.quiz-explanation td {
  border-top: none;
}
.quiz-explanation .alert.alert-danger,
.quiz-explanation .alert.alert-success {
  margin-bottom: 0;
  padding: 10px 35px 10px 24px;
}
.question-answers-section {
  margin: 0 0 0 22px;
}
.question-number {
  float: left;
  min-width: 24px;
  margin-right: 10px;
  margin-left: 20px;
}
.question {
  overflow: hidden;
}
.question ol li {
  line-height: 26px;
}
.question ul li {
  line-height: 26px;
}
.questions-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 350px;
}
.questions-sortable li {
  margin: 0 0 16px;
  padding: 8px 10px 8px 36px;
  font-size: 18px;
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
}
.questions-sortable li i {
  position: absolute;
  margin-left: -22px;
}
.multi-choice-answer-choices-container {
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
  min-width: 300px;
  max-width: 300px;
  padding: 20px;
  border-radius: 4px;
}
.multi-choice-answer-choices {
  margin-top: 14px;
  line-height: 30px;
}
table.learning-quiz-results > tbody > tr.quiz-question > td {
  padding: 16px 14px;
}
table.learning-quiz-results > tbody > tr.quiz-explanation > td {
  padding: 6px 12px 28px;
}
.learning-score {
  display: inline-block;
  font-size: 16px;
  color: var(--gray-color-700);
}
.learning-score .score {
  display: inline-block;
  font-size: 22px;
  color: var(--secondary-text-color);
}
.project-view .panel > .panel-body {
  padding: 20px 18px;
}
.project-view .grid-view table {
  margin-bottom: 0;
}
.project-view .help-block {
  line-height: 1.4em;
  padding: 4px 0 6px;
}
/* ----- Dashboard ----- */
#dashboard .row-fluid [class*="span"] {
  margin-left: 1.20481928%;
}
#dashboard .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
#dashboard .row-fluid .span12 {
  width: 100%;
}
#dashboard .row-fluid .span11 {
  width: 91.56626506%;
}
#dashboard .row-fluid .span10 {
  width: 83.13253012%;
}
#dashboard .row-fluid .span9 {
  width: 74.69879518%;
}
#dashboard .row-fluid .span8 {
  width: 66.26506024%;
}
#dashboard .row-fluid .span7 {
  width: 57.8313253%;
}
#dashboard .row-fluid .span6 {
  width: 49.39759036%;
}
#dashboard .row-fluid .span5 {
  width: 40.96385542%;
}
#dashboard .row-fluid .span4 {
  width: 32.53012048%;
}
#dashboard .row-fluid .span3 {
  width: 24.09638554%;
}
#dashboard .row-fluid .span2 {
  width: 15.6626506%;
}
#dashboard .row-fluid .span1 {
  width: 7.22891566%;
}
#dashboard .module .moduleContent table.table {
  font-size: 14px;
}
#dashboard .module .moduleContent table.table th {
  font-size: 14px;
}
#dashboard .module .moduleContent table.table tr {
  font-size: 14px;
}
#dashboard .module .moduleContent table.table td {
  font-size: 14px;
}
#dashboard .module .moduleContent table.table-matrix tr td:first-child {
  border-left: none;
  padding-left: 6px;
}
#dashboard .module .moduleContent table.table-matrix tr td:last-child {
  padding-right: 6px;
}
#dashboard .module .moduleContent table.table-matrix thead > tr:nth-child(2) > th {
  font-weight: 400;
}
#dashboard .module .moduleContent table.table-matrix tbody > tr > td:first-child {
  font-weight: 400;
}
#dashboard .module .moduleContent table tr th:last-child {
  padding-right: 6px;
}
#dashboard .module .moduleContent table + .pagination {
  border-top: 2px solid var(--gray-color-400);
  margin: 0 0 -2px;
  padding: 8px 0 0;
}
#dashboard .module .moduleContent .table-matrix {
  border-radius: 4px;
}
#dashboard .module .moduleContent .pull-left + .pagination {
  border-top: 2px solid var(--gray-color-400);
  margin: 0 0 -2px;
  padding: 8px 0 0;
}
#dashboard .module .moduleContent .pagination .header {
  margin: -13px 0 0;
  font-size: 13px;
}
#dashboard .module .moduleContent .summary {
  font-weight: 400;
  padding: 14px 12px 4px 0;
}
#dashboard .module .moduleContent .savedFilterGadget {
  padding: 0 10px 0 10px;
}
#dashboard .module .moduleContent .grid-view {
  padding: 0;
}
#dashboard .module .moduleContent .grid-view .table {
  margin-bottom: 0;
  font-size: 14px;
}
#dashboard .module .moduleContent .grid-view table.table tbody > tr > th {
  font-size: 14px;
}
#dashboard .module .moduleContent > .container-fluid {
  padding: 1px 18px 18px;
  background-color: transparent;
}
#dashboard .module .moduleContent > form > .panel-body-large {
  padding: 1px 18px 18px;
}
#dashboard .module .moduleContent .container-fluid .table-matrix {
  margin-bottom: 0;
}
#dashboard .module .moduleContent .tabular-scroll .grid-view > .row-fluid:first-child {
  overflow-x: auto;
}
#dashboard .module .moduleContent .matrix-scroll {
  overflow-x: auto;
}
#dashboard #complete-grid .listLabelOptionsToggle .btn-link {
  text-align: left;
  font-size: 14px;
  white-space: unset;
}
td.analytics-column-totals {
  font-size: 14px;
}
.module {
  overflow: auto;
}
.module .moduleContent {
  position: relative;
  overflow: visible;
  background-color: transparent;
}
.module .moduleContent .showMore .loading-indicator {
  margin-bottom: 6px;
}
.module .moduleFrame {
  overflow: auto;
}
.module .moduleFrame div[id^="training-grid"] table.items tr td.options-column,
.module .moduleFrame div[id^="training-grid"] table.items tr th.options-column {
  display: none;
}
.module .moduleFrame .analytics-view .report-tabs {
  margin-bottom: 0;
  padding-left: 16px;
}
.tab-content {
  overflow: auto;
}
.modal-picker {
  width: 800px;
  margin-left: -400px;
}
.modal-picker .grid-view.ace-picker .table tr td:first-child {
  padding-left: 18px;
}
.modal-picker .grid-view.ace-picker .table tr td:last-child {
  padding-right: 18px;
}
.modal-picker .grid-view.ace-picker .table tr th:first-child {
  padding-left: 18px;
}
.modal-picker .grid-view.ace-picker .table tr th:last-child {
  padding-right: 18px;
}
.modal-picker .grid-view.ace-picker i {
  font-size: 15px;
}
.page-header-fixed-top {
  border-bottom: 1px solid var(--gray-color-400) !important;
  box-shadow: 0 4px 2px -2px rgba(170, 170, 170, 0.1);
}
/*---------- Workflow -------------*/
.workflow-transition-partial {
  display: inline-block;
  width: 80%;
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  padding: 7px 10px;
  margin: 5px 0;
  text-align: center;
}
.workflow-step-full {
  width: 100%;
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  margin: 5px 0;
  text-align: center;
  text-transform: uppercase;
  border-radius: 8px;
}
.workflow-step-full > div {
  padding: 12px;
  font-weight: 600;
  font-size: 18px;
}
.workflow-step-partial {
  display: inline-block;
  width: 80%;
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
  padding: 12px;
  font-weight: 600;
  font-size: 18px;
  margin: 5px 0;
  text-align: center;
  text-transform: uppercase;
  border-radius: 8px;
}
.workflow-transition-full {
  width: 100%;
  background-color: var(--gray-color-200);
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  margin: 10px 0 5px;
  text-align: center;
  font-size: 18px;
}
.workflow-transition-full > div {
  padding: 7px 10px;
}
/*---------- Filters -------------*/
.filterList .filterDropDown {
  display: none;
  position: absolute;
  right: 0px;
  bottom: -2px;
}
.filterList .favoriteFilter {
  position: relative;
}
.filterList .favoriteFilter:hover > .filterDropDown {
  display: block;
}
.filterList .favoriteFilter.selected {
  background-color: var(--secondary-button-disabled-color);
}
.filterList .favoriteFilter.selected > .filterDropDown {
  display: block;
}
.modal-small {
  width: 350px;
  margin-left: -175px;
}
.modal-small .modal-header {
  padding: 11px 20px 9px 30px;
}
.modal-small .modal-body {
  border: none !important;
  padding: 0 30px 20px;
}
.modal-medium {
  width: 500px;
  margin-left: -250px;
}
.modal-large {
  width: 800px;
  margin-left: -400px;
}
.modal-xlarge {
  width: 1000px;
  margin-left: -500px;
}
.modal-xlarge .modal-body {
  max-height: initial;
}
.modal-xxlarge {
  width: 1200px !important;
  margin-left: -600px !important;
}
.modal-xxlarge .modal-body {
  max-height: initial;
}
.modal-xxlarge.fade.in {
  top: 0;
}
.activity-log-modal .modal-body {
  max-height: 650px;
}
.modal-fullscreen {
  width: 98% !important;
  margin-left: -49% !important;
}
.modal-fullscreen .modal-body {
  max-height: initial;
}
.modal-fullscreen.fade.in {
  top: 0;
}
.modal-no-padding .modal-body {
  padding: 0px !important;
}
@media (max-width: 1200px) {
  .modal-xxlarge.fade.in {
    top: 1%;
    right: 1%;
    left: 1%;
    bottom: auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 979px) {
  .modal.fade.in {
    margin-left: 0 !important;
    width: 98% !important;
    top: 0 !important;
  }
}
.alert-table tr td p {
  margin: 0;
}
#report-list .list-item:hover {
  background-color: var(--gray-color-200);
}
.report-grid th {
  font-size: 14px !important;
}
.report-grid td {
  font-size: 14px !important;
}
.report-grid .table-condensed th {
  padding: 7px 5px;
}
.report-grid .table-condensed td {
  padding: 7px 5px;
}
/* --------- 45 degree header table ----------- */
.table.table-45-degree tbody tr:first-child td {
  border-top-width: 1px;
}
table.table.table-45-degree tbody tr:first-child td {
  border-top-width: 1px;
}
table#optionsTable.table-bordered tfoot tr td {
  border-top-width: 1px;
}
table#choicesTable.table-bordered tfoot tr td {
  border-top-width: 1px;
}
table.detail-view.table tbody > tr > th {
  background: transparent;
  color: var(--secondary-text-color) !important;
  font-weight: 400;
}
.table-striped tbody > tr:nth-child(odd) > td {
  background-color: var(--gray-color-200) !important;
}
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: var(--gray-color-200) !important;
}
.table-striped tbody > tr:nth-child(even) > td {
  background-color: var(--white-color) !important;
}
.table-striped tbody > tr:nth-child(even) > th {
  background-color: var(--white-color) !important;
}
/*-------- Notifications --------- */
#alertWidget .modal-header {
  background-color: var(--white-color);
}
#alertWidget .modal-body {
  max-height: 350px;
  border-top: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
#alertWidget #notification-list.list-view {
  padding-top: 0;
  margin-top: -1px;
}
#alertWidget #notification-list.list-view .list-item {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 19px;
  padding: 6px 10px;
}
#alertWidget #notification-list.list-view .list-item:hover {
  background-color: var(--gray-color-200);
}
#alertWidget #notification-list.list-view .media > .pull-left {
  margin: 2px 9px 0 1px;
}
#alertWidget #notification-list.list-view .time {
  color: var(--gray-color-800);
  font-size: 14px;
  margin-top: 0;
}
#alertWidget #notification-list.list-view p:first-child {
  font-weight: 600;
}
#alertWidget .markRead {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#tasksWidget .modal-header {
  background-color: var(--white-color);
}
#tasksWidget .modal-body {
  max-height: 350px;
  border-top: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
#tasksWidget #notification-list.list-view {
  padding-top: 0;
  margin-top: -1px;
}
#tasksWidget #notification-list.list-view .list-item {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 19px;
  padding: 6px 10px;
}
#tasksWidget #notification-list.list-view .list-item:hover {
  background-color: var(--gray-color-200);
}
#tasksWidget #notification-list.list-view .media > .pull-left {
  margin: 2px 9px 0 1px;
}
#tasksWidget #notification-list.list-view .time {
  color: var(--gray-color-800);
  font-size: 14px;
  margin-top: 0;
}
#tasksWidget #notification-list.list-view p:first-child {
  font-weight: 600;
}
.no-results {
  font-style: italic;
  color: var(--secondary-button-text-color);
  font-size: 14px;
}
.list-item {
  padding: 15px 0;
  border-top: 1px solid var(--gray-color-400);
}
.list-item .list-item {
  padding: 15px 0;
  border-top: 1px solid var(--gray-color-400);
}
.list-item > .media .media-heading {
  font-weight: 600;
  font-size: 16px;
  margin: -2px 0 0;
}
.list-item > .media .media-heading .job-title {
  font-weight: 400;
  font-size: 14px;
  color: var(--gray-color-800);
  padding-left: 25px;
  display: inline-block;
}
.list-item > .media .media-heading .username {
  font-weight: 400;
  font-size: 14px;
  color: var(--gray-color-800);
  padding-left: 5px;
  display: inline-block;
}
.list-item > .media .media-body-value {
  display: inline-block;
  width: 250px;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.list-item > .media .media-body ul.inline > li {
  padding-left: 0;
}
.list-item > .media .media-body ul {
  margin: 0;
}
.list-item > .media .media-body .pull-right .button-column {
  padding: 2px 10px 0 0;
}
.list-item > .media .media-body-item {
  color: var(--gray-color-800);
  font-size: 14px;
  line-height: 20px;
}
.list-item > .media .media-body-item i {
  padding-right: 5px;
}
.media-body-right {
  overflow: hidden;
}
.media-body-right .media-body-value {
  display: inline-block;
  width: 250px;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  vertical-align: top;
}
.media-body-right .media-body-item {
  color: var(--gray-color-800);
  font-size: 14px;
  margin: 0 0 2px 0;
}
.media-body-right .media-body-item i {
  padding-right: 5px;
}
.media-body-right .media-heading {
  margin: 0 0 2px 0;
}
.media-body-left {
  float: left;
  margin-right: 12px;
}
/*---------- Profile -----------*/
.dropDownMenu.avatar {
  margin: 18px 13px;
}
.dropDownMenu.nav {
  float: none;
  margin: 0;
  padding: 15px 0 10px 0;
}
.dropDownMenu.nav > li {
  float: none;
  display: block;
  margin: 0 18px;
}
.dropDownMenu.nav > li > a {
  padding: 4px 18px;
  font-size: 16px;
  color: var(--primary-button-background-color);
  text-shadow: none;
  height: 20px;
  margin: 0 -18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.dropDownMenu.nav > li > a > i {
  font-size: 15px;
  color: var(--gray-color-800);
}
.dropDownMenu.nav > li > a:focus,
.dropDownMenu.nav > li > a:hover {
  background-color: var(--gray-color-200);
  color: var(--primary-button-background-color);
  cursor: pointer;
  text-decoration: none;
}
.dropDownMenu.nav > .divider {
  margin: 5px 13px;
}
li.nav-header .dropDownMenu.nav > .active > a {
  color: var(--primary-button-background-color);
}
#chartControls {
  font-size: 20px;
  padding: 18px 0;
  text-align: center;
}
#chartControls .dropDownMenu.nav > li > span {
  padding: 3px 18px;
  font-size: 16px;
  color: var(--primary-button-background-color);
  text-shadow: none;
  height: 20px;
  margin: 0 -18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: block;
}
#chartControls .dropDownMenu.nav > li > span:hover {
  text-decoration: none;
  background-color: var(--gray-color-200);
  color: var(--primary-button-background-color);
}
#chartControls .dropDownMenu.nav > li > span:focus {
  text-decoration: none;
  background-color: var(--gray-color-200);
  color: var(--primary-button-background-color);
}
#chartControls .dropdown-option {
  cursor: pointer;
}
#chartControls .dropdown .dropdown-menu {
  padding: 0;
}
#chartControls .dropdown .dropdown-menu .chart-drop {
  padding: 0;
}
#chartControls .dropdown .dropdown-menu .chart-drop .nav-header {
  padding: 0;
}
#chartControls .dropdown .chart-drop {
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: none;
}
#chartControls .dropdown .dash-drop .dropDownMenu.nav {
  padding-top: 10px;
}
#chartControls .btn-link.dropdown {
  padding: 0;
}
#chartControls a.btn-link {
  color: var(--primary-button-background-color) !important;
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.profileInfoContainer {
  padding: 18px 0;
}
.profileInfoContainer > #avatarContainer {
  width: 90px;
  margin: 5px 0;
}
.profileInfoContainer .content {
  margin-top: 6px;
  padding-left: 110px;
}
.profileInfoContainer .content .sectionTitle {
  font-size: 22px;
  padding: 0;
  margin: 5px 0;
  font-weight: 600;
}
.profileInfoContainer .content .condensed > div {
  padding: 0;
  margin-top: 10px;
  min-height: 10px !important;
}
.profileInfoContainer .content.noAvatar {
  margin-top: 6px;
  padding-left: 0;
}
.tabContainer {
  margin: 10px 0 0 0;
  padding-top: 5px;
}
.tabContainer .tab-content {
  background-color: var(--white-color);
}
.tabContainer + .ajax-container .row-fluid .container-fluid {
  padding: 18px 0;
}
.tabContainer.tabs-borderless {
  margin: 10px -18px 0;
}
.tabContainer.tabContainer-enclosed {
  margin: 0 -18px;
  padding: 10px 15px;
  background-color: var(--gray-color-200);
  border-bottom: 1px solid var(--gray-color-400);
  border-top: 1px solid var(--gray-color-400);
}
.tabs-left > .nav.nav-tabs {
  border-color: var(--gray-color-400);
  border-bottom: none;
}
.tabs-left > .nav.nav-tabs > li {
  margin-right: -1px;
}
.tabs-right > .nav.nav-tabs {
  border-color: var(--gray-color-400);
  border-bottom: none;
}
.tabs-right > .nav.nav-tabs > li {
  margin-left: -1px;
}
.tab-pane > .container-fluid {
  padding: 15px 20px;
}
/*---------- Activity Stream -------- */
.activityStream .dateHeader {
  color: var(--gray-color-900);
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
  letter-spacing: 0.01em;
}
.activityStream .media {
  padding-top: 16px;
  margin-top: 5px;
  border-top: 2px solid var(--gray-color-400);
}
.activityStream > div > div > .media > .media-body {
  min-height: 60px;
}
.activityStream .activityList {
  list-style: none;
  margin: -3px 0 0;
}
.activityStream .activity {
  padding-bottom: 5px;
  margin-bottom: 9px;
  padding-top: 3px;
  border-bottom: 1px solid var(--gray-color-300);
}
.activityStream .activity:last-child {
  border-bottom: none;
  padding: 5px 0 0 0;
  margin-bottom: 10px;
}
.activityStream .activityBody blockquote {
  margin: 5px 0;
  border-color: var(--gray-color-400);
}
.activityStream .activityBody blockquote p {
  color: var(--gray-color-800);
  font-size: 14px;
  font-weight: normal;
}
.activityStream .initiator {
  font-weight: 600;
}
.activityStream .commentForm {
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 5px 8px;
}
.activityStream .commentForm .media {
  border-top: none;
}
.activityStream .commentForm .commentBtns {
  padding: 8px 10px 6px;
}
.activityStream .expand {
  background: url('../images/expandAll.png') no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 15px;
}
.activityStream .collapse {
  background: url('../images/collapseAll.png') no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 15px;
}
.media > .pull-left {
  margin: 0 18px 0 2px;
}
.media > .pull-left.smallPadding {
  margin: 0 8px 0 2px;
}
.media .avatarText {
  margin-top: 0 !important;
}
.media .media-heading {
  font-size: 14px;
  font-weight: 400;
}
.media-object {
  margin-top: 0 !important;
}
.activityFooter {
  margin: 3px 0;
  font-weight: 400;
  font-size: 14px;
}
.activityFooter img {
  margin-top: -6px;
}
.activityFooter .timestamp {
  color: var(--gray-color-800);
  padding-left: 0;
}
.activityFooter a {
  font-weight: 400;
}
.comment .comment-author {
  font-size: 14px !important;
}
.comment .activityFooter a {
  font-size: 14px !important;
}
.comment .dropdown-menu li > a > i {
  color: var(--secondary-button-text-color);
  display: inline-block;
  margin-right: 12px;
}
.dotSeparator {
  font-weight: 400;
  color: var(--gray-color-400);
  font-size: 18px;
  top: 2px;
  padding: 0 6px;
  position: relative;
  display: inline-block;
}
.showMore {
  font-weight: 600;
  color: var(--gray-color-800) !important;
  font-size: 14px;
  margin: 8px 0 5px;
  display: block;
}
/*---------- Gadgets ------------*/
.upcomingEventsGadget .dateHeader {
  margin: 5px 0px 10px -21px;
  color: var(--gray-color-800);
  font-weight: 400;
  font-size: 18px;
  padding: 4px 41px 4px 29px;
  border: 1px solid var(--gray-color-400);
  border-left-color: transparent;
  display: inline-block;
}
.upcomingEventsGadget .eventItem {
  padding: 10px 15px 13px;
  margin-bottom: 10px;
  border: 1px solid var(--gray-color-400);
  border-left: 4px solid var(--gray-color-400);
  border-radius: 4px 0 0 4px;
  background-color: var(--white-color);
}
.upcomingEventsGadget .eventTitle {
  font-weight: 600;
  font-size: 14px;
}
.upcomingEventsGadget .eventDesc {
  padding: 8px 0 5px;
  font-size: 13px;
  line-height: 20px;
}
.upcomingEventsGadget .eventFooter {
  margin: 10px 0 0;
  font-size: 12px;
}
.upcomingEventsGadget .eventDate {
  color: var(--gray-color-800);
}
.upcomingEventsGadget .eventDate i {
  color: var(--gray-color-800);
  font-size: 14px;
  padding-right: 5px;
}
/*---------- Avatar -----------*/
#avatarContainer .avatar {
  position: relative;
}
#avatarContainer #editAvatar:hover {
  cursor: pointer;
}
.editAvatarPreview {
  display: inline-flex;
  margin: 10px 0 30px;
  height: 100%;
  width: 100%;
}
.editAvatarPreview .avatar {
  margin: auto 20px;
  vertical-align: middle;
}
.edit-avatar-icon-container {
  display: inline-block;
  position: absolute;
  right: 0;
  border-radius: 4px;
  padding: 0 3px;
  border: 1px solid var(--gray-color-400);
}
.edit-avatar-icon-container .icon {
  font-size: 14px;
  color: var(--gray-color-800);
}
/*---------- Error -------------*/
.page-notice .number {
  letter-spacing: -10px;
  margin-top: 0px;
  line-height: 158px;
  font-size: 158px;
  font-weight: 300;
  color: #7bbbd6;
  text-align: right;
}
.page-notice .details {
  padding-top: 20px;
}
.page-notice .details h4 {
  padding-top: 15px;
  line-height: 25px;
}
.page-error .number {
  letter-spacing: -10px;
  margin-top: 0px;
  line-height: 158px;
  font-size: 158px;
  font-weight: 300;
  color: #ec8c8c;
  text-align: right;
}
.page-error .details {
  padding-top: 20px;
}
.page-error .details h4 {
  padding-top: 15px;
  line-height: 25px;
}
.form-horizontal label.error + div.error {
  margin-bottom: 5px;
  margin-left: 25px;
}
.form-horizontal input + .error,
.form-horizontal select + .error,
.form-horizontal textarea + .error,
.form-horizontal .input-prepend + .error,
.form-horizontal .input-append + .error {
  margin-top: 2px;
}
/*------------ Button Restyle ---------- */
a.btn {
  color: var(--primary-button-background-color);
}
a.btn:hover {
  color: var(--secondary-button-text-color);
  cursor: pointer;
  text-decoration: none;
  background-color: var(--gray-color-100);
}
.btn {
  background-color: var(--white-color);
  background-image: none;
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  box-shadow: none;
  color: var(--primary-button-background-color);
  font-weight: 400;
  text-shadow: none;
  vertical-align: baseline;
  white-space: nowrap;
  padding: 5px 16px;
  margin-bottom: 0;
  font-size: 16px;
}
.btn:active {
  background-color: var(--secondary-button-active-color);
  box-shadow: none;
  color: var(--primary-button-background-color);
  text-decoration: none;
  text-shadow: none;
}
.btn.active {
  color: var(--gray-color-1000);
}
.btn:hover {
  background-color: var(--gray-color-100);
  color: var(--primary-button-background-color);
  cursor: pointer;
  text-decoration: none;
}
.btn:focus {
  background-color: var(--secondary-button-active-color);
  outline: none;
}
.btn .caret {
  border-top-color: var(--primary-button-background-color);
}
.btn [class^="fa-"] {
  color: var(--secondary-button-text-color);
  top: 1px;
  position: relative;
}
.btn [class*=" fa-"] {
  color: var(--primary-button-background-color);
  top: 1px;
  position: relative;
}
.btn.btn-link {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-color: transparent;
  border-radius: 0;
  cursor: pointer;
  color: var(--primary-button-background-color);
}
.btn.btn-link:hover {
  color: var(--primary-button-background-color);
  background-color: transparent !important;
  border: 1px solid transparent !important;
  background-image: none !important;
}
.btn.btn-link:hover .caret {
  opacity: 1 !important;
}
.btn.btn-link:focus {
  color: var(--primary-button-background-color);
  background-color: transparent !important;
  border: 1px solid transparent !important;
  background-image: none !important;
}
.btn.btn-link:focus .caret {
  opacity: 1 !important;
}
.btn.btn-link:active {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.btn .btn-stacked-icon {
  display: inline-block;
  position: relative;
  width: 0.85em;
  height: 1.25em;
  line-height: initial;
  margin-right: 5px;
  text-align: center;
  margin-top: -5px;
  width: 15px;
}
.btn .btn-stacked-icon i {
  color: var(--gray-color-900);
  vertical-align: middle;
}
.btn .btn-stacked-icon i.fa-stack-2x {
  font-size: 16px;
}
.btn .btn-stacked-icon i.fa-stack-1x {
  top: 4px !important;
  left: -13px;
  font-size: 11px;
  background-color: var(--gray-color-100);
  border-radius: 100%;
}
.btn.disabled i.fa-stack-1x {
  background-color: var(--secondary-button-disabled-color);
}
.fc-button {
  background-color: var(--gray-color-200);
  background-image: none;
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  box-shadow: none;
  color: var(--secondary-button-text-color);
  font-weight: 600;
  text-shadow: none;
  vertical-align: baseline;
  white-space: nowrap;
}
.fc-button:active {
  background-color: #dbdbdb;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbdbdb), to(#dbdbdb));
  background-image: -webkit-linear-gradient(top, #dbdbdb, #dbdbdb);
  background-image: -o-linear-gradient(top, #dbdbdb, #dbdbdb);
  background-image: linear-gradient(to bottom, #dbdbdb, #dbdbdb);
  background-repeat: repeat;
  box-shadow: none;
  color: var(--secondary-button-text-color);
  text-decoration: none;
  text-shadow: none;
}
.fc-button:hover {
  cursor: pointer;
  background-color: var(--gray-color-100);
  color: var(--secondary-button-text-color);
  text-decoration: none;
}
thead .fc-day-header {
  background-color: var(--gray-color-100);
}
.fc-widget-header,
.fc-widget-content {
  border: 1px solid var(--gray-color-400);
}
.fc-border-separate {
  border-color: var(--gray-color-400);
}
.fc-header .fc-state-active {
  background-color: var(--gray-color-300);
}
.fc-header-title h2 {
  color: var(--secondary-text-color);
}
.fc-state-highlight {
  background: var(--gray-color-200);
}
.ace-message-options a {
  background-image: none;
  border-radius: 4px;
  box-shadow: none;
  text-shadow: none;
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-group.open > .dropdown-toggle {
  background-color: var(--secondary-button-active-color) !important;
  box-shadow: none;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0969a7 !important;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #cf4a3e !important;
}
.nav .dropdown-toggle .caret {
  border-top-color: var(--secondary-button-text-color);
  border-bottom-color: var(--secondary-button-text-color);
}
.nav > li > a:hover {
  background-color: var(--gray-color-300);
}
.btn.active {
  background-color: var(--info-primary-color);
  border-color: #3aa1e3;
  box-shadow: none;
  cursor: default;
}
.btn.active:active {
  background-color: #d9edf7;
  box-shadow: none;
  cursor: default;
}
.btn.active:focus {
  background-color: #d9edf7;
  box-shadow: none;
  cursor: default;
}
.btn.active:hover {
  background-color: #d9edf7;
  box-shadow: none;
  cursor: default;
}
.fc-header .fc-state-active {
  background-color: #d9d9d9;
  box-shadow: none;
  cursor: default;
}
.btn.disabled {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.btn.disabled:active {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.btn.disabled:focus {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.btn.disabled:hover {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-500) !important;
  opacity: 1;
  cursor: default;
}
.btn.disabled i {
  color: var(--gray-color-500) !important;
  opacity: 1;
}
.btn[disabled] {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-400) !important;
  opacity: 1;
  cursor: default;
}
.btn[disabled] i {
  color: var(--gray-color-400);
  opacity: 1;
}
.fc-state-disabled {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-400) !important;
  opacity: 1;
  cursor: default;
}
.fc-state-disabled:hover {
  background-color: var(--white-color);
  background-image: none;
  border-color: var(--gray-color-400);
  color: var(--gray-color-400) !important;
  opacity: 1;
  cursor: default;
}
.btn-primary,
a.btn-primary {
  background-color: var(--primary-button-background-color);
  background-image: none !important;
  border-color: var(--primary-button-background-color);
  color: var(--white-color) !important;
  font-weight: 400;
  text-decoration: none;
  text-shadow: none;
}
.btn-primary .caret,
a.btn-primary .caret {
  border-top-color: var(--white-color);
}
.btn-primary i,
a.btn-primary i {
  color: var(--white-color) !important;
}
.btn-primary:focus,
a.btn-primary:focus {
  background-color: #0969a7;
  border-color: #0969a7;
}
.btn-primary:hover,
a.btn-primary:hover {
  background-color: #0969a7;
  border-color: #0969a7;
}
.btn-primary:active,
a.btn-primary:active {
  background-color: #0969a7;
  border-color: #0969a7;
}
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #b8cbdb !important;
  background: #3a87c2 !important;
  border-color: #5382a6;
}
.btn-primary.disabled:active,
.btn-primary[disabled]:active {
  color: #b8cbdb !important;
  background: #3a87c2 !important;
  border-color: #5382a6;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  color: #b8cbdb !important;
  background: #3a87c2 !important;
  border-color: #5382a6;
}
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
  color: #b8cbdb !important;
  background: #3a87c2 !important;
  border-color: #5382a6;
}
a.btn.btn-danger,
.btn.btn-danger {
  background-color: #d9655b;
  background-image: none !important;
  border-color: #d14b3f;
  color: var(--white-color) !important;
  font-weight: 400;
  text-decoration: none;
  text-shadow: none;
}
a.btn.btn-danger:focus,
.btn.btn-danger:focus {
  background-color: #d9655b;
}
a.btn.btn-danger:hover,
.btn.btn-danger:hover {
  background-color: #cf4a3e;
}
a.btn.btn-danger:active,
.btn.btn-danger:active {
  background-color: #ab3d33;
}
a.btn.btn-danger [class^="fa-"],
.btn.btn-danger [class^="fa-"] {
  color: var(--white-color);
}
a.btn.btn-danger [class*=" fa-"],
.btn.btn-danger [class*=" fa-"] {
  color: var(--white-color);
}
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #e3bebb !important;
  background: #c46a62 !important;
  border-color: #b8635c;
}
.btn-danger.disabled:active,
.btn-danger[disabled]:active {
  color: #e3bebb !important;
  background: #c46a62 !important;
  border-color: #b8635c;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover {
  color: #e3bebb !important;
  background: #c46a62 !important;
  border-color: #b8635c;
}
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus {
  color: #e3bebb !important;
  background: #c46a62 !important;
  border-color: #b8635c;
}
a.btn.btn-warning,
.btn.btn-warning {
  background-color: #FFAB00;
  background-image: none !important;
  border-color: #f69532;
  color: var(--white-color) !important;
  font-weight: 600;
  text-decoration: none;
  text-shadow: none;
}
a.btn.btn-warning:focus,
.btn.btn-warning:focus {
  background-color: #FFAB00;
}
a.btn.btn-warning:hover,
.btn.btn-warning:hover {
  background-color: #f9a632;
}
a.btn.btn-warning:active,
.btn.btn-warning:active {
  background-color: #eb9e2f;
}
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #e3bebb !important;
  background: #ffb753 !important;
  border-color: #f8b34f;
}
.btn-warning.disabled:active,
.btn-warning[disabled]:active {
  color: #e3bebb !important;
  background: #ffb753 !important;
  border-color: #f8b34f;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover {
  color: #e3bebb !important;
  background: #ffb753 !important;
  border-color: #f8b34f;
}
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus {
  color: #e3bebb !important;
  background: #ffb753 !important;
  border-color: #f8b34f;
}
.close {
  color: var(--black-color);
  text-shadow: 0 1px 0 var(--white-color);
}
.close:hover,
.close:focus {
  color: var(--black-color);
}
.sign-icon-danger > i {
  color: #df5144 !important;
  font-size: 16px;
}
.sign-icon-success > i {
  color: #5ec25b !important;
  font-size: 16px;
}
.btn-small {
  font-size: 14px !important;
  padding: 3px 10px;
  border: 1px solid var(--gray-color-400);
}
.btn-small [class*=" fa-"] {
  margin-right: 2px;
}
.btn-group-divider {
  background-color: var(--gray-color-400);
  background-image: none;
  border: 0;
  height: 16px;
  margin: 7px 8px 7px 7px !important;
  padding: 0;
  vertical-align: bottom;
  width: 1px;
}
.btn-group-divider.btn:hover {
  background-color: var(--white-color);
  background-image: none;
  cursor: default !important;
}
.btn-group-divider-left {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
.btn-group > .btn {
  font-size: 15px;
}
.btn-group > .btn:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.btn-group > .btn:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.btn-group > .btn:focus {
  background-color: var(--secondary-button-active-color);
}
.btn-group > .btn.btn-primary:focus {
  background-color: #0969a7;
}
.btn-group > .dropdown-toggle {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
 > .btn.btn-group + .dropdown-toggle {
  box-shadow: none;
}
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.btn-link[disabled]:hover {
  color: var(--secondary-text-color);
  text-decoration: none;
}
.btn-link[disabled]:focus {
  color: var(--secondary-text-color);
  text-decoration: none;
}
.btn-link.dropdown.open {
  cursor: auto;
}
td a.btn {
  margin-right: 5px;
}
/*---------- Metrics ----------*/
.tabular-config-columns .adys-toggle-bar {
  font-size: 21px;
  padding: 28px 0 8px;
}
.metrics-condition {
  margin-bottom: 16px;
}
.metrics-condition .condition-widget .wsf-info .short {
  display: block;
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  height: 32px;
  vertical-align: middle;
}
.metrics-condition > div {
  vertical-align: top;
}
.config-menu {
  background-color: var(--secondary-background-color);
}
.config-menu .panel-heading {
  padding: 10px 13px;
  background-color: var(--secondary-background-color);
}
.config-menu .panel-heading h4 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 13px;
  color: var(--secondary-button-text-color);
}
.config-menu .panel-group .panel + .panel {
  margin-top: -1px;
}
.config-menu .panel-default {
  border: none;
}
.config-menu .panel-body {
  background-color: var(--secondary-background-color);
  padding: 10px 16px;
}
.config-menu label {
  font-size: 12px;
  line-height: 12px;
}
.config-menu input {
  font-size: 12px;
  line-height: 12px;
}
.config-menu button {
  font-size: 12px;
  line-height: 12px;
}
.config-menu select {
  line-height: 12px;
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu textarea {
  line-height: 12px;
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="text"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="password"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="datetime"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="datetime-local"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="date"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="month"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="time"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="week"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="number"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="email"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="url"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="search"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="tel"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu input[type="color"] {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu .uneditable-input {
  background-color: var(--white-color);
  margin-bottom: 7px;
  font-size: 13px;
}
.config-menu .help-block {
  font-size: 11px;
}
.config-menu .help-inline {
  font-size: 11px;
}
#chartDisplayContainer {
  display: table;
}
#chartDisplayContainer > div {
  display: table-cell;
  padding: 0 18px;
  vertical-align: middle;
}
#report-filters + div .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
#report-filters + .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
#report-filters + .container-fluid > .row-fluid > .span3 {
  margin-left: 0;
}
#report-filters + .container-fluid > .row-fluid > .span3 + div.span1 {
  margin-left: 18px;
  padding-top: 10px;
}
#report-filters + .container-fluid > .row-fluid > .span12 {
  margin-left: 0;
}
#report-filters + .container-fluid .span6 > .adys-widget {
  background-color: transparent;
  border: none;
  padding: 0;
}
#report-filters > div > .hint {
  margin: 2px 0 34px;
  color: var(--gray-color-1000);
}
#report-filters .metrics-add-criteria {
  padding: 22px 0 !important;
}
#report-filters.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.custom-modal-dialog {
  width: 800px !important;
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  box-shadow: 0 3px 7px rgba(var(--black), 0.3);
}
.custom-modal-dialog .auto-grow .table {
  margin-bottom: 0;
}
.custom-modal .custom-modal-footer .btn:first-child {
  order: 1 !important;
}
div#display .metrics-report-view .page-sidebar {
  top: 1px;
  height: calc(100vh - 1px);
}
.metricsv2-container div#display .metrics-report-view .page-sidebar {
  top: 108px;
  height: calc(100vh - 108px);
}
.metricsv2-container div#display .metrics-report-view .custom-nav {
  margin-top: 0;
}
.metricsv2-container .page-content-body {
  margin-top: 110px;
}
.metricsv2-container .page-sidebar-menu {
  border-top: 1px solid var(--gray-color-400);
  margin-top: 2px;
  overflow-x: auto;
}
.metricsv2-container .page-content-wrapper .page-header {
  padding: 6px 18px;
}
.metricsv2-container .page-content-wrapper-full .page-content {
  padding: 0;
}
.metricsv2-container .table-content {
  background-color: var(--white-color);
}
.metricsv2-container .analytics-view .search-box i {
  color: var(--gray-color-800);
}
.metricsv2-container .analytics-view .report-container .tree li.condition:last-child:before {
  background: var(--gray-color-200);
}
.report-container .report-data {
  background-color: var(--secondary-background-color);
}
.report-container .report-data .panel-custom-default {
  border-color: var(--gray-color-300);
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(var(--black), 0.08);
}
.report-container .chart-grid .chart-grid-section {
  overflow: initial;
}
.report-container .panel-custom-default > .panel-heading {
  letter-spacing: 0.03em;
}
.metrics-report-view {
  border-top: 1px solid var(--gray-color-400);
}
.metrics-report-view .metrics-report-sidebar .page-sidebar {
  width: 250px;
  min-width: 250px;
}
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container {
  margin-left: 251px;
  display: block;
}
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container table.table thead th,
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container table.table tbody td,
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container table.table tfoot td {
  font-size: 14px;
}
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container table.table th,
.metrics-report-view .metrics-report-sidebar + .metrics-data-view-container table.table td {
  padding: 8px 6px;
}
.metrics-report-view .page-sidebar {
  top: 105px;
  height: calc(100vh - 105px);
}
.metrics-report-view .page-sidebar .sidebar-header {
  color: var(--gray-color-800);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 18px;
  padding: 13px 0 2px;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.metrics-report-view .page-sidebar .metrics-panel-body {
  margin: 0 18px;
  font-size: 15px;
}
.metrics-report-view #report-filters {
  padding-bottom: 100px;
}
.metrics-report-view .metrics-prompts {
  font-size: 14px;
  padding-bottom: 18px;
}
.metrics-report-view .metrics-prompts .metrics-condition {
  border-top: 1px solid var(--gray-color-400);
  margin-bottom: 12px;
  padding-top: 6px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-field,
.metrics-report-view .metrics-prompts .metrics-condition .metrics-operator {
  width: auto;
  font-weight: 600;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-field.open,
.metrics-report-view .metrics-prompts .metrics-condition .metrics-operator.open {
  background-color: transparent;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-field.wsf-border,
.metrics-report-view .metrics-prompts .metrics-condition .metrics-operator.wsf-border {
  border: none;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-field.wsf-border .wsf-info,
.metrics-report-view .metrics-prompts .metrics-condition .metrics-operator.wsf-border .wsf-info {
  background-color: transparent;
  padding: 0;
}
.metrics-report-view .metrics-prompts .metrics-condition:first-child {
  border-top: none;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-operator {
  font-weight: 400;
  color: var(--gray-color-800);
  font-size: 13px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values {
  margin-right: 0;
  font-size: 14px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values {
  background-color: transparent;
  border: none;
  width: 212px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values.condition-widget {
  margin-top: -8px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-info {
  display: none;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-content-wrapper {
  position: relative;
  border: none;
  margin-top: 0;
  box-shadow: none;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-content-search {
  padding: 8px 0 2px;
  border-bottom: none;
  background-color: transparent;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-content-search > i {
  left: 12px;
  top: 16px;
  font-weight: 400;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-content-search > input {
  border-radius: 6px;
  padding: 0;
  height: 32px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-search-result {
  border: none;
  height: 100%;
  width: 212px;
  max-height: 198px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-item-list {
  padding: 3px 0px 3px 0px;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-item-list:hover {
  background-color: transparent;
}
.metrics-report-view .metrics-prompts .metrics-condition .metrics-values .metrics-list-values .wsf-item-list > i {
  margin-top: 2px;
}
.metrics-report-view .metrics-prompts input {
  padding: 0 2px;
  margin: 0 0 4px;
  font-size: 14px;
  height: 25px;
}
.metrics-report-view .metrics-prompts .metrics-date-value {
  width: 85px;
}
.metrics-report-view .metrics-prompts .btn {
  display: block;
  margin-left: auto;
  margin-right: 18px;
}
.metrics-report-view .metrics-prompts + .metrics-filters {
  border-top: 1px solid var(--gray-color-400) !important;
}
.metrics-report-view .metrics-prompts + .metrics-filters .tree {
  background-color: var(--white-color);
}
.metrics-report-view .metrics-filters {
  font-size: 14px;
}
.metrics-report-view .metrics-filters .hint {
  font-size: 13px;
  padding: 4px 0 8px;
  color: var(--gray-color-800);
}
.metrics-report-view .metrics-filters .metrics-condition {
  margin-bottom: 14px;
}
.metrics-report-view .metrics-filters .metrics-condition-operator {
  font-weight: 400;
  color: var(--gray-color-800);
  font-size: 13px;
}
.metrics-report-view .metrics-filters .metrics-conditions-values {
  display: block;
  margin: 4px 0 0;
  font-size: 14px;
  color: #3071a9;
}
.metrics-report-view .metrics-filters .metrics-conditions-values .semi-bold {
  font-weight: 400;
}
.metrics-report-view .metrics-matrix-data-view {
  padding: 18px 18px 60px 18px;
}
.preview-mode {
  font-size: 13px;
  background-color: #d9edf7;
  color: #1970b9;
  padding: 9px 8px;
  text-align: center;
}
.preview-mode b {
  font-weight: 600;
}
.metrics-layout .page-content-body {
  margin-top: 104px;
}
.metrics-layout .worker-job-monitor.alert {
  margin: 18px;
}
.metrics-layout .metrics-report-view .worker-job-monitor.alert {
  margin: 18px;
}
.metrics-layout .page-content-wrapper .page-header {
  border-bottom: 1px solid var(--gray-color-400);
}
/* --- Report Layout --- */
#column2 #sectionContent {
  overflow: auto;
}
/* ---  Checklist --- */
.checklistInputGrid table tr td {
  text-align: center;
}
.checklistInputGrid table tr td:first-child {
  background-color: var(--gray-color-200);
  font-size: 16px;
  text-align: left;
}
.checklistInputGrid table.table tbody tr.checklist-group td {
  background-color: var(--gray-color-200);
  font-size: 16px;
  font-weight: 600 !important;
  vertical-align: middle;
}
.checklistInputGrid table.table tbody tr > th {
  border-left: 1px solid var(--gray-color-400);
  font-size: 16px;
  background-color: var(--gray-color-200);
  font-weight: 600;
  text-align: center;
}
.checklist-options .empty {
  display: none;
}
.checklist-options table.table {
  margin-bottom: 0;
}
#checklistOptions-grid table {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#optionsTable.table-bordered {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#optionsTable.table-bordered tbody:first-child tr:first-child > td:first-child {
  border-top-left-radius: 0;
}
#optionsTable.table-bordered tbody:first-child tr:first-child > td:last-child {
  border-top-right-radius: 0;
}
table.table-sectioned thead > tr:first-child > th {
  background-color: var(--gray-color-200);
  font-size: 16px;
  font-weight: 600 !important;
  vertical-align: middle;
}
.table-matrix {
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  border-collapse: separate;
}
.table-matrix th {
  border-left: 1px solid var(--gray-color-400);
}
.table-matrix td {
  border-left: 1px solid var(--gray-color-400);
}
.table-matrix td:first-child {
  border-left: none;
}
.table-matrix tr:first-child th:first-child {
  border-left: none;
}
.table-matrix thead:first-child tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.table-matrix thead:first-child tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.table-matrix thead:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-matrix thead:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-matrix tbody:first-child tr:first-child > td:first-child {
  border-top-left-radius: 3px;
}
.table-matrix tbody:first-child tr:first-child > td:last-child {
  border-top-right-radius: 3px;
}
.table-matrix tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.table-matrix tbody:first-child tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.table-matrix tbody:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.table-matrix tbody:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.table-matrix tbody:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-matrix tbody:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-matrix tfoot:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.table-matrix tfoot:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.table-matrix tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-matrix tfoot:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-bordered {
  border-color: var(--gray-color-400);
  border-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.table-bordered thead:first-child tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.table-bordered thead:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-bordered thead:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-bordered tbody:first-child tr:first-child > td:first-child {
  border-top-left-radius: 3px;
}
.table-bordered tbody:first-child tr:first-child > td:last-child {
  border-top-right-radius: 3px;
}
.table-bordered tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 3px;
}
.table-bordered tbody:first-child tr:first-child > th:last-child {
  border-top-right-radius: 3px;
}
.table-bordered tbody:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.table-bordered tbody:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.table-bordered tbody:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-bordered tbody:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 3px;
}
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 3px;
}
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 3px;
}
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 3px;
}
.table-matrix.table-bordered thead:first-child tr:first-child th {
  text-align: center;
}
.table.table-bordered tr > th {
  background-color: var(--gray-color-200);
  border-left: 1px solid var(--gray-color-400);
  font-size: 16px;
  font-weight: 500;
}
.table.table-bordered tr:first-child td {
  border-top-width: 1px;
}
tbody.table.table-bordered + tbody tr:first-child td {
  border-top: none;
}
.table.table-bordered.table-striped tr > th {
  background-color: var(--gray-color-200);
}
table.training-matrix thead > tr > th .btn {
  font-size: 16px;
  font-weight: 400 !important;
}
table.training-matrix thead > tr:first-child > th .dropdown-menu {
  font-weight: 400 !important;
  text-align: left;
}
table.training-matrix tbody > tr > td:first-child .btn {
  font-size: 16px;
  font-weight: 400 !important;
}
table.table-45-degree {
  border-collapse: collapse;
  border-bottom: 1px solid var(--gray-color-400);
  width: auto;
}
table.table-45-degree td {
  padding: 12px 10px 6px;
  width: 44px;
  border-top: 1px solid var(--gray-color-400);
  border-left: 1px solid var(--gray-color-400);
  border-right: 1px solid var(--gray-color-400);
  vertical-align: middle;
  text-align: center;
}
table.table-45-degree .renditiontype {
  background-color: var(--gray-color-200);
}
table.table-45-degree tbody > tr > th {
  background-color: var(--gray-color-200);
  width: 340px;
  max-width: 340px;
  font-weight: 600;
}
table.table-45-degree tbody > tr > td:first-child {
  background-color: var(--gray-color-200);
  width: 340px;
  max-width: 340px;
}
table.table-45-degree tbody > tr > td:first-child div {
  text-align: left;
}
table.table-45-degree tbody > tr > td:first-child > div > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 330px;
  text-align: left;
  padding-left: 0;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-button-background-color) !important;
}
table.table-45-degree tbody > tr > td:first-child > div > a:hover {
  text-decoration: underline;
}
table.table-45-degree tbody > tr > td.analytics-row-total {
  background-color: var(--gray-color-200);
  width: 340px;
  max-width: 340px;
}
table.table-45-degree thead > tr:nth-child(2) > th {
  background-color: var(--white-color);
  width: 340px;
  max-width: 340px;
}
table.table-45-degree tfoot > tr > td {
  background-color: var(--gray-color-200);
  width: 340px;
  max-width: 340px;
}
table.table-45-degree th.row-header {
  width: auto;
}
table.table-45-degree th {
  height: 80px;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  position: relative;
  vertical-align: bottom;
  padding: 0;
  line-height: 0.8;
  pointer-events: none;
}
table.table-45-degree th > div {
  top: 0px;
  height: 200px;
  -ms-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
  overflow: hidden;
  border-left: 1px solid var(--gray-color-400);
  border-top: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
  position: relative;
  left: 100px;
}
table.table-45-degree th:last-child > div {
  border-right: 1px solid var(--gray-color-400);
}
table.table-45-degree th a {
  -ms-transform: skew(45deg, 0deg) rotate(315deg);
  -moz-transform: skew(45deg, 0deg) rotate(315deg);
  -webkit-transform: skew(45deg, 0deg) rotate(315deg);
  -o-transform: skew(45deg, 0deg) rotate(315deg);
  transform: skew(45deg, 0deg) rotate(315deg);
  position: absolute;
  bottom: 83px;
  left: -97px;
  display: block;
  width: 240px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  height: 22px;
  color: var(--secondary-button-text-color) !important;
  padding: 18px 7px 6px;
  color: var(--primary-button-background-color) !important;
  pointer-events: auto;
}
table.table-45-degree th span {
  -ms-transform: skew(45deg, 0deg) rotate(315deg);
  -moz-transform: skew(45deg, 0deg) rotate(315deg);
  -webkit-transform: skew(45deg, 0deg) rotate(315deg);
  -o-transform: skew(45deg, 0deg) rotate(315deg);
  transform: skew(45deg, 0deg) rotate(315deg);
  position: absolute;
  bottom: 83px;
  left: -97px;
  display: block;
  width: 240px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  height: 22px;
  color: var(--secondary-button-text-color) !important;
  padding: 18px 7px 6px;
}
.modal-sidebar-container {
  width: 1100px;
  margin-left: -550px;
}
.modal-sidebar-container .modal-body {
  background-color: var(--gray-color-200);
  padding: 0;
}
.modal-sidebar-container .modal-body .modal-sidebar {
  float: left;
  width: 210px;
}
.modal-sidebar-container .modal-body .modal-content-container {
  margin-left: 210px;
  padding: 18px;
  border-left: 1px solid var(--gray-color-400);
}
.modal-sidebar-container .modal-body .modal-content-container .form-search > div {
  margin: 0;
  padding: 0;
}
.modal-sidebar-container .modal-body .modal-content-container .form-search > div .filter {
  margin: 0;
  padding: 0 0 12px;
}
.modal-content-container {
  min-height: 364px;
  background-color: var(--white-color);
}
.modal-header {
  padding: 11px 20px 4px;
  border: none;
}
.modal-header .close {
  color: var(--gray-color-400);
  opacity: 1;
  margin-top: 8px;
  font-size: 34px;
  font-weight: 400;
}
.modal-header .close:hover {
  color: var(--secondary-button-text-color);
}
.modal-header h4 {
  font-weight: 400;
  font-size: 22px;
}
.modal-header + .modal-body {
  border-top: 1px solid var(--gray-color-400);
}
.modal-header > .tabbable > .nav.nav-tabs {
  border-bottom: none;
}
.modal-footer {
  background-color: var(--white-color);
  padding: 14px 20px 15px;
  border-top: 1px solid var(--gray-color-400);
  box-shadow: inset 0 1px 0 var(--white-color);
  border-radius: 0 0 10px 10px;
}
.modal-footer .help-block {
  margin-bottom: 0;
}
.modal-footer:empty {
  padding: 0;
}
.modal-subfooter {
  background-color: var(--white-color);
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--gray-color-400);
}
.modal-subfooter .pagination {
  margin: 6px 18px 3px !important;
}
.modal-table .modal-body {
  border-top: 1px solid var(--gray-color-400);
  padding: 0;
}
.modal-table .modal-body .grid-view .table {
  margin-bottom: 0;
}
.modal-table .modal-body > div > .table {
  margin-bottom: 0;
}
.modal-table .grid-view .modal-body {
  padding: 0;
}
.modal-table .grid-view .modal-body .table {
  margin-bottom: 0;
}
.modal-message .modal-header {
  padding: 14px 28px 6px;
}
.modal-message .modal-body {
  padding: 12px 28px;
  line-height: 21px;
  border-top: none;
}
.modal-message .modal-footer {
  padding: 18px 28px 26px;
  border-top: none;
}
.modal-confirm.modal-confirm-danger .modal-header {
  border-top: 7px solid #d9655b;
}
.modal-confirm.modal-confirm-danger .modal-header > h4 > i {
  color: #d9655b;
}
.modal-confirm.modal-confirm-warning .modal-header {
  border-top: 7px solid #FFAB00;
}
.modal-confirm.modal-confirm-warning .modal-header > h4 > i {
  color: #FFAB00;
}
.modal-confirm.modal-confirm-success .modal-header {
  border-top: 7px solid #5ec25b;
}
.modal-confirm.modal-confirm-success .modal-header > h4 > i {
  color: #5ec25b;
}
.modal-confirm.modal-confirm-info .modal-header {
  border-top: 7px solid #3aa1e3;
}
.modal-confirm.modal-confirm-info .modal-header > h4 > i {
  color: #3aa1e3;
}
.modal-confirm.modal-confirm-info .modal-footer .info-button {
  font-weight: 600;
  border-color: #3aa1e3;
  background-color: #3aa1e3;
}
.modal-confirm {
  overflow: hidden;
  border: none;
  width: 560px;
  margin-left: -280px;
}
.modal-confirm .panel {
  color: var(--secondary-text-color);
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
}
.modal-confirm .well {
  color: var(--secondary-text-color);
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
  background-color: var(--gray-color-200);
  max-height: 75px;
  overflow: auto;
}
.modal-confirm table {
  color: var(--secondary-text-color);
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
  margin-top: 18px;
}
.modal-confirm .modal-header {
  margin-bottom: 10px;
  text-align: center;
  padding: 15px 30px 0 30px;
}
.modal-confirm .modal-header h4 {
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
}
.modal-confirm .modal-header i {
  display: block;
  margin: 0 0 15px 0;
  font-size: 56px;
  padding: 10px;
  vertical-align: middle;
}
.modal-confirm .modal-header .close {
  margin-top: 0;
  margin-right: -8px;
}
.modal-confirm .modal-body {
  margin-bottom: 25px;
  color: var(--gray-color-800);
  font-size: 17px;
  text-align: center;
}
.modal-confirm .modal-footer {
  text-align: center;
  padding: 18px 30px 30px 40px;
}
.modal-confirm .modal-footer .btn {
  padding: 10px 20px;
  font-size: 16px;
  min-width: 70px;
}
.modal-confirm .modal-footer .btn + .btn {
  margin-left: 6px;
}
.modal-confirm .modal-body-height-large {
  height: 550px;
}
.modal-confirm.modal-large {
  width: 660px;
}
.modal-confirm.modal-confirm-warning.modal-submit {
  width: 380px;
  height: 331px;
  margin-left: -190px;
  font-weight: 400;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-header h4 {
  font-weight: 400;
  margin-top: 20px;
  font-size: 17px;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-header i {
  font-weight: 400;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-body {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0px;
  text-align: left;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-footer {
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 32px;
  gap: 5px;
  padding-left: 22px;
  padding-right: 22px;
  margin: 0 auto 20px auto;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-footer .btn {
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.modal-confirm.modal-confirm-warning.modal-submit .modal-footer .btn + .btn {
  margin-left: 5px;
}
.modal-signoff {
  width: 500px;
  margin-left: -250px;
}
.modal-signoff .modal-tall-body {
  max-height: fit-content;
}
.modal-signoff .modal-body {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: left;
}
.modal-signoff .modal-body .signoff-note {
  padding: 0 20px;
  letter-spacing: 0.01em;
  font-size: 16px;
  line-height: 19px;
}
.modal-signoff .modal-body form.padded {
  margin: 0 auto;
  padding: 12px 20px;
}
.modal-signoff .modal-body .disclaimer-note-container {
  text-align: left;
  padding-top: 12px;
  font-size: 16px;
}
#module_current_user {
  position: relative;
}
#module_current_user .progress-append {
  position: absolute;
  top: 8px;
  padding-left: 9px;
}
/*--------- Progress Bars -----------*/
.progress {
  padding: 0;
  border-radius: 4px;
  box-shadow: none;
  border: none;
  background-color: var(--gray-color-300);
  background-image: none;
  filter: none;
}
.progress .bar {
  border-right: none;
  border-left: none;
  box-shadow: none;
  background-image: none;
  filter: none;
}
.progress .bar + .bar {
  border-right: none;
  border-left: none;
  box-shadow: none;
}
.progress .bar-danger {
  background-color: #d9655b;
}
.progress .bar-success {
  background-color: #5ec25b;
}
.progress .bar-info {
  background-color: #3aa1e3;
}
.progress .bar-warning {
  background-color: #FFAB00;
}
.progress .bar-note {
  background-color: #8270DB;
}
.progress-xxlarge {
  margin-bottom: 0px;
  height: 45px;
}
.progress-xxxxlarge {
  margin-bottom: 0px;
  height: 165px;
}
.progress-small {
  border-radius: 8px;
  height: 10px;
  margin: 5px 5px 1px 0;
  background-color: var(--gray-color-300);
  background-image: none;
  filter: none;
  padding: 0;
}
.progress-small .bar {
  background-image: none;
  filter: none;
}
.progress-small .bar:first-child {
  border-radius: 8px 0 0 8px;
}
.progress-small .bar:last-child {
  border-radius: 0 8px 8px 0;
}
.progress-small .bar:only-child {
  border-radius: 8px;
}
.progress-mini {
  height: 6px;
  border-radius: 8px;
  margin: 5px 5px 1px 0;
  background-color: var(--gray-color-300);
  background-image: none;
  filter: none;
  padding: 0;
}
.progress-mini .bar {
  background-image: none;
  filter: none;
}
.progress-mini .bar:first-child {
  border-radius: 8px 0 0 8px;
}
.progress-mini .bar:last-child {
  border-radius: 0 8px 8px 0;
}
.progress-mini .bar:only-child {
  border-radius: 8px;
}
.progress-danger .bar {
  background-color: #d9655b;
}
.progress-success .bar {
  background-color: #5ec25b;
}
.progress-info .bar {
  background-color: #3aa1e3;
}
.progress-warning .bar {
  background-color: #FFAB00;
}
.input-xlarge {
  width: 280px;
}
select.input-mini {
  width: 74px;
}
select.input-small {
  width: 104px;
}
select.input-medium {
  width: 164px;
}
select.input-large {
  width: 224px;
}
select.input-xlarge {
  width: 296px;
}
select.input-xxlarge {
  width: 544px;
}
.select2-container.input-mini {
  width: 41px;
}
.select2-container.input-small {
  width: 71px;
}
.select2-container.input-medium {
  width: 131px;
}
.select2-container.input-large {
  width: 191px;
}
.select2-container.input-xlarge {
  width: 251px;
}
.select2-container.input-xxlarge {
  width: 511px;
}
.select2-container.input-signer {
  width: 261px;
}
.select2 {
  margin-bottom: 0;
}
.select2 .btn {
  background-color: var(--gray-color-100);
  color: var(--gray-color-900) !important;
  padding: 9px 12px 5px !important;
}
.select2 .btn > i {
  color: var(--gray-color-900);
}
.select2 .btn:hover {
  background-color: var(--white-color);
}
.select2-results {
  margin: 0 !important;
  padding: 0 !important;
}
.select2-results .select2-no-results {
  background: var(--gray-color-100) !important;
  padding: 2px 5px;
}
.select2-results .select2-searching {
  background: var(--gray-color-100) !important;
  padding: 2px 5px;
}
.select2-results .select2-ajax-error {
  background: var(--gray-color-100) !important;
  padding: 2px 5px;
}
.select2-results .select2-selection-limit {
  background: var(--gray-color-100) !important;
  padding: 2px 5px;
}
.select2-results .select2-highlighted {
  background: var(--primary-button-background-color);
}
.select2-results .select2-result-label {
  white-space: nowrap;
  height: 26px;
}
.select2-results .select2-result-label > .data-title {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 3px;
}
.select2-results .select2-result-label > .data-image + .data-title {
  padding: 3px 0 0 4px;
}
.select2-container-multi .select2-choices {
  border-radius: 4px 0 0 4px !important;
  background-color: var(--gray-color-100) !important;
  background-image: none !important;
  border-color: var(--gray-color-400) !important;
  box-shadow: none !important;
  color: var(--primary-text-color);
  min-height: 36px !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  background-color: var(--white-color) !important;
  background-image: none !important;
  border: 1px solid var(--gray-color-500) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--primary-text-color) !important;
  font-weight: 400;
  line-height: 28px !important;
  font-size: 16px;
  padding: 1px 20px 1px 10px !important;
  margin: 2px 0 2px 5px !important;
}
.select2-container-multi .select2-choices .select2-search-choice > div {
  max-width: 197px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-container-multi .select2-choices .select2-search-choice > div .avatar {
  margin-top: 1px !important;
  margin-left: 2px !important;
}
.select2-container-multi .select2-choices .select2-search-choice.select2-avatar {
  padding: 0 20px 0 0 !important;
  border-radius: 32px !important;
}
.select2-container-multi .select2-choices .select2-search-choice.select2-avatar img {
  margin-right: 2px;
}
.select2-container-multi .select2-choices .select2-search-field input {
  height: 24px !important;
  line-height: 24px !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background-color: transparent !important;
}
.select2-container-multi .select2-search-choice-close {
  left: auto !important;
  right: 4px !important;
  top: 9px;
}
.select2-drop {
  background-color: var(--gray-color-100) !important;
  box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.05) !important;
  color: var(--primary-text-color) !important;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: var(--secondary-button-disabled-color) !important;
  border: 1px solid var(--gray-color-400) !important;
  color: var(--gray-color-800);
  cursor: not-allowed;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid rgba(82, 168, 236, 0.8) !important;
}
.select2-drop-active {
  border: 1px solid rgba(82, 168, 236, 0.8);
}
.panel-solid-left {
  border-left-width: 4px;
}
.numberTotal {
  float: left;
  left: 0;
  padding: 4px 0 4px 0;
  margin-right: 6px;
  font-weight: bold;
}
.graph {
  position: relative;
  width: 150px;
  border: 1px solid var(--gray-color-700);
  padding: 2px;
  margin-right: 40px;
  margin-left: 30px;
  border-radius: 4px;
}
.graph .bar {
  display: block;
  position: relative;
  background-color: #428bca;
  color: var(--secondary-text-color);
  height: 1.3em;
  line-height: 1.3em;
  border-radius: 4px;
}
.graph .bar span {
  position: absolute;
  left: 160px;
  font-weight: bold;
}
.angular-modal {
  top: 10% !important;
  position: fixed;
}
.no-configuration-gadget {
  font-size: 20px;
  text-align: center;
  padding: 20px;
}
.nav.nav-tabs {
  border-bottom: 2px solid var(--gray-color-400);
  margin-bottom: 12px;
}
.nav.nav-tabs > .active > a {
  background-color: transparent;
  border: none;
  border-bottom: 3px solid var(--primary-button-background-color);
  border-radius: 0;
  color: var(--primary-button-background-color);
  font-weight: 600;
  margin-top: 1px;
  padding-bottom: 8px;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li > a {
  border: none;
  line-height: 20px;
  margin: 0;
  padding: 12px 16px;
}
.nav-tabs > li > a:hover {
  background-color: var(--gray-color-200);
  cursor: pointer;
}
.nav-tabs > li > a:focus {
  background-color: transparent;
  border-radius: 0;
}
.nav-tabs > li:first-child > a {
  margin-left: 0;
}
.nav-tabs > .active > a:hover {
  background-color: var(--gray-color-200);
  color: var(--primary-button-background-color);
  font-weight: 600;
}
.nav-tabs > li.active > a:hover {
  background-color: var(--gray-color-200);
  cursor: pointer;
}
.nav-tabs .badge {
  display: inline;
}
.nav-tabs > li.tabs-link > a:hover {
  border: none;
  text-decoration: underline;
}
.nav-tabs.pull-left > li:last-child > a {
  margin-left: 0;
}
/* --- RegLib tabs override --- */
#regSidebar .nav-tabs > li {
  margin-bottom: -1px;
}
#regSidebar .nav-tabs > li > a {
  margin: 0;
  line-height: 20px;
  border: 1px solid transparent;
}
#regSidebar .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
#regSidebar .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
#regSidebar .nav-tabs > .active > a:hover {
  background-color: var(--white-color);
  border-bottom-color: transparent !important;
  color: var(--gray-color-900);
}
#regSidebar .nav > li > a:hover {
  text-decoration: none;
  background-color: var(--gray-color-300);
}
#regSidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: var(--gray-color-300);
}
#regSidebar .nav.nav-tabs > .active > a {
  background-color: var(--white-color);
  border-bottom-color: transparent !important;
  color: var(--gray-color-900);
}
.dropDownAjaxContent .dropdown-menu {
  margin-top: 2px;
  min-width: 160px;
}
.dropDownAjaxContent .dropdown-menu > .nav-header {
  margin: 0;
  padding: 0;
  text-shadow: none;
}
.dropDownAjaxContent .dropdown-menu > .nav-header .nav {
  padding: 0 !important;
  margin: 0 !important;
}
.dropDownAjaxContent .dropdown-menu > .nav-header li > a {
  clear: both;
  color: var(--secondary-text-color);
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
  padding: 4px 18px;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}
.dropDownAjaxContent .dropdown-menu > .nav-header li > a > i {
  color: var(--secondary-button-text-color);
  display: inline-block;
  margin-right: 12px;
}
.dropDownAjaxContent .dropdown-menu > .nav-header .nav-header {
  border-top: none;
  margin: 0;
  padding: 6px 0 2px 22px;
}
#calendar-sidebar .dropdown-menu .divider {
  background-color: var(--gray-color-400);
  border-bottom: none;
  margin: 5px 0 6px !important;
}
.workflow-context-menu ul.dropdown-menu > li.nav-header {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.dropdown-submenu:hover > a {
  text-align: left;
  text-decoration: none;
  color: var(--secondary-text-color);
  background-color: var(--gray-color-200);
  background-image: -moz-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--gray-color-200)), to(var(--gray-color-200)));
  background-image: -webkit-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -o-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: linear-gradient(to bottom, var(--gray-color-200), var(--gray-color-200));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#fff2f2f2', GradientType=0);
}
.dropdown-submenu:focus > a {
  text-align: left;
  text-decoration: none;
  color: var(--secondary-text-color);
  background-color: var(--gray-color-200);
  background-image: -moz-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--gray-color-200)), to(var(--gray-color-200)));
  background-image: -webkit-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: -o-linear-gradient(top, var(--gray-color-200), var(--gray-color-200));
  background-image: linear-gradient(to bottom, var(--gray-color-200), var(--gray-color-200));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#fff2f2f2', GradientType=0);
}
/* --- Help Center --- */
.help-center-content .page-content {
  padding: 0;
}
#helpContent .jumbotron {
  height: 310px;
  /*background-image: linear-gradient(305deg, #26b565, #15a997 45%, #13a3b3 60%, #0097eb);*/
  background: linear-gradient(297deg, #18cdaa, #22BAAC 20%, #1DB0C1 50%, #0081BF);
  text-align: center;
}
#helpContent .jumbotron .container {
  padding-top: 64px;
  color: var(--white-color);
  text-shadow: 0 1px 2px var(--black-color);
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03rem;
  width: 100%;
}
#helpContent .jumbotron h2 {
  font-weight: 400;
  font-size: 37px;
}
#helpContent .jumbotron p {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
#helpContent .help-content-container {
  padding: 0 80px;
}
@media (max-width: 767px) {
  #helpContent .help-content-container {
    padding: 0 10px;
  }
}
#helpContent .row-fluid {
  margin: -56px auto;
  max-width: 2000px;
}
#helpContent .row-fluid .span6 .card-column .panel {
  height: 100%;
}
#helpContent .row-fluid .span6 .card-column .panel .panel-heading {
  padding-top: 22px;
}
#helpContent .row-fluid .span6 .card-column .panel .panel-body {
  padding-bottom: 15px;
  color: var(--secondary-text-color);
}
#helpContent .row-fluid .span6 .card-column .panel .panel-body:hover .fa-copy {
  display: inline-block;
}
#helpContent .fa-copy {
  display: none;
  color: var(--secondary-text-color);
}
.table-wrap {
  margin: 10px 0 0 0;
  overflow-x: auto;
}
#help #loading {
  left: 210px;
  right: 0;
}
.avatar-inline .avatar {
  float: none;
  display: inline-block;
}
.avatar-list {
  display: inline-block;
}
.avatar-list .avatar {
  float: none;
  display: inline-block;
}
.avatarTile {
  display: inline-block;
  position: relative;
  top: -3px;
}
.avatarTile .avatarTileTitle {
  float: left;
  padding: 5px 8px 5px 0;
  font-size: 13px;
}
.avatarTile .avatar {
  margin: 0 5px 0 0;
  float: none;
  display: inline-block;
}
.table-borderless td {
  border: 0 !important;
}
.table-borderless tr {
  border: 0 !important;
}
.table-borderless th {
  border: 0 !important;
}
.table-condensed th {
  padding: 5px 5px;
}
.table-condensed td {
  padding: 5px 5px;
}
.field-render .error {
  color: #b94a48;
}
.field-render .help-block {
  margin-bottom: 0;
}
.savedFilterGadget {
  overflow: auto;
}
.fa-check-empty {
  cursor: pointer;
}
.hover-pointer {
  cursor: pointer;
}
.unread-record {
  font-weight: 600;
}
.selectpicker[name="versions"] + .bootstrap-select {
  margin: 0;
}
ul.list-group.ui-sortable {
  list-style: none;
}
ul.loading {
  opacity: 0.7;
}
ul.loading > * {
  background-color: #DCDCDC;
}
ul.sortable-transitions {
  margin: 0 0 0 -16px;
  list-style: none;
}
ul.sortable-transitions.unsortable-transitions {
  margin: 0 0 0 -9px;
}
ul.sortable-transitions.unsortable-transitions > li > i {
  display: none;
}
/* ---- High charts ---- */
.highcharts-container {
  color: var(--white-color);
}
.highcharts-background {
  fill: var(--white-color);
}
.highcharts-scrollable-mask {
  fill: var(--white-color);
}
.highcharts-axis-title,
.highcharts-credits,
.highcharts-title,
.highcharts-subtitle,
.highcharts-xaxis-title,
.highcharts-yaxis-title,
.highcharts-legend,
.highcharts-series {
  color: var(--primary-text-color) !important;
  fill: var(--primary-text-color) !important;
}
.highcharts-legend-item text {
  color: var(--gray-color-900) !important;
  fill: var(--gray-color-900) !important;
}
.highcharts-data-labels {
  color: var(--gray-color-900) !important;
  fill: var(--gray-color-900) !important;
}
.highcharts-axis-labels text {
  cursor: pointer !important;
}
.highcharts-data-labels tspan,
.highcharts-labels tspan {
  cursor: pointer !important;
  color: var(--gray-color-900) !important;
  fill: var(--gray-color-900) !important;
  stroke: var(--gray-color-900) !important;
  stroke-width: 0;
}
.highcharts-data-labels text,
.highcharts-labels text {
  color: var(--gray-color-900) !important;
  fill: var(--gray-color-900) !important;
}
.highcharts-data-labels span,
.highcharts-labels span {
  color: var(--gray-color-900) !important;
  fill: var(--gray-color-900) !important;
}
.highcharts-container hr {
  margin: 3px 0;
}
.highcharts-point:hover {
  cursor: pointer;
}
.table-backdrop {
  text-align: center;
  margin: 0;
}
.modal-backdrop {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: var(--gray-color-800);
}
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: var(--gray-color-800);
}
.pun {
  font-size: 14px;
  color: var(--gray-color-600);
}
.slimScrollBar {
  background: var(--gray-color-700) !important;
}
.add-details {
  margin-left: 18px !important;
  padding-left: 18px;
  border-left: 1px solid var(--gray-color-400);
}
#iFrameLoadingMessage {
  color: var(--gray-color-700);
  padding: 10px 0 0 10px;
}
.custom-grid-container {
  margin-bottom: 20px;
  overflow: initial;
}
.custom-grid-container table {
  background-color: var(--white-color);
  margin-bottom: 0;
}
.custom-grid-container td > span > .checkbox:first-child,
.custom-grid-container td > span > .radio:first-child {
  margin-top: 0;
}
.checklist-container .floatThead-container.floated {
  border-bottom: 1px solid var(--gray-color-400);
  box-shadow: 0 4px 6px -6px #ddd;
}
.custom-grid-container.checklist-container {
  margin-bottom: 0;
}
.custom-grid-container.checklist-container table thead tr th {
  line-height: 19px;
  height: 20px;
  background-color: var(--gray-color-200);
  font-weight: 600;
}
#checklist-form {
  margin-bottom: 0;
}
.last_change {
  font-size: 14px;
  font-style: italic;
  float: right;
}
.main-list.list-item:first-of-type,
.sub-list-item.list-item:first-of-type {
  border-top: none;
}
.main-list.list-item .file-type-icon,
.sub-list-item.list-item .file-type-icon {
  margin: 0;
  padding-left: 10px;
}
.main-list.list-item .reorderIcon,
.sub-list-item.list-item .reorderIcon {
  cursor: move;
}
.main-list.list-item .list-view {
  padding-top: 0;
}
.main-list.list-item .items {
  background-color: var(--gray-color-200);
  border-left: 3px solid var(--gray-color-400);
  margin-top: 10px;
  padding-top: 0;
}
.main-list.list-item .loading-indicator {
  background-origin: content-box;
  padding: 18px 0;
}
.sub-list-item.list-item {
  padding: 15px 15px 15px 8px;
}
.adys-search > i.fa-search {
  cursor: default !important;
}
.wsf-content-search > i.fa-search {
  cursor: default !important;
}
.wsf-search-box input {
  border-radius: 2px 0 0 2px !important;
}
.form-admin-alert {
  margin-bottom: 0px;
}
.chart-drop > .dropDownMenu {
  height: auto;
  max-height: 225px;
  overflow-x: auto;
  width: 225px;
}
.ajax-container.modal-content-container {
  overflow: auto;
}
/* ----- Document File Revision Panel ----- */
.document_revisions .signature-link {
  padding-left: 0px !important;
}
.document_revisions .signature-link a {
  padding-left: 4px;
}
.document_revisions .button-column {
  width: auto;
}
.revision_select {
  position: absolute;
  right: 18px;
  top: 13px;
  z-index: 2;
}
.revision_select .bootstrap-select {
  width: auto !important;
}
.revision_select_preview {
  position: absolute;
  right: -13px;
  top: -8px;
  z-index: 2;
}
.avatar-last-approve .avatar,
.avatar-last-error .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #FFAB00;
}
.avatar-last-approve:after,
.avatar-last-error:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: #FFAB00;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-last-approve:after {
  content: "\f058";
}
.avatar-last-error:after {
  content: "\f057";
}
.avatar-approve .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #5cb85c;
}
.avatar-approve:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: #5ec25b;
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-unread .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--gray-color-600);
}
.avatar-unread:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: var(--gray-color-600);
  content: "\f070";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.agreeemnt-avatar.avatar-unread:after,
.agreeemnt-avatar.avatar-read:after,
.agreeemnt-avatar.avatar-approve:after {
  bottom: 3px;
}
.avatar-read .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #FFAB00;
}
.avatar-read:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: #FFAB00;
  content: "\f06e";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-reject .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #d9655b;
}
.avatar-reject:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: #d9655b;
  content: "\f057";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-no-decision .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--gray-color-600);
}
.avatar-no-decision:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: var(--gray-color-600);
  content: "\f059";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-in-review .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--gray-color-600);
}
.avatar-in-review:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: var(--gray-color-600);
  content: "\e29e";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.avatar-return .avatar {
  margin-left: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--gray-color-600);
}
.avatar-return:after {
  background-color: var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  color: #d9655b;
  content: "\f1da";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 900;
  line-height: 10px;
  margin-left: -11px;
  position: absolute;
}
.inspector-avatar-icon:after {
  margin-left: -13px;
}
#remote-share-grid .avatarTile {
  top: 0px;
}
/* ----- Dashboard Container ----- */
.dashboard-container .page-header-title-wrapper #dashboard-favorite {
  padding: 0 !important;
  top: -1px;
}
.dashboard-container .page-header-title-wrapper #dashboard-favorite i {
  font-size: 19px !important;
  padding-right: 3px !important;
}
.dashboard-container .page-header-title-wrapper .page-header-title {
  color: var(--secondary-text-color) !important;
  font-weight: 400;
}
.dashboard-container .page-header-title-wrapper .page-header-title.btn {
  font-size: 24px;
}
.dashboard-container .page-header-title-wrapper .page-header-title.btn .caret {
  color: var(--secondary-text-color);
}
.dashboard-container .page-header-title-wrapper .btn {
  box-shadow: none !important;
  padding: 2px 3px !important;
}
.dashboard-container .page-header-title-wrapper .btn-group {
  box-shadow: none !important;
  padding: 2px 3px !important;
}
.dashboard-container .page-content-wrapper .page-header {
  background-color: var(--white-color);
  border-bottom: 1px solid var(--gray-color-400);
  padding: 0 18px;
}
.dashboard-container .page-content-wrapper .btn-toolbar {
  margin-top: 0;
}
/* ----- Record Form Container ----- */
.record-form-container .page-content-wrapper .page-header {
  background-color: var(--white-color);
  border-bottom: 1px solid var(--gray-color-400);
}
.record-form-container .page-content-body {
  margin-top: 126px;
}
.record-form-container .panel {
  border-color: var(--gray-color-300);
  border-radius: 10px;
  background-color: var(--white-color);
  box-shadow: 0 0 4px 0 rgba(var(--black), 0.08);
}
.record-form-container .panel-default > .panel-heading {
  background-color: transparent;
  border-bottom: none;
  padding: 8px 15px 0 !important;
}
.record-form-container .panel-default > .panel-heading .panel-title {
  font-size: 22px;
  line-height: 33px;
  padding: 3px 0 0;
}
.record-form-container .panel-body {
  padding: 0 16px 8px;
}
.record-form-container .panel-body .row-fluid:first-child {
  margin-top: 10px;
}
.record-form-container .panel-body span.help-block {
  padding-top: 1px;
}
.record-form-container .panel-body > .form-actions {
  border: none;
  padding-bottom: 0;
  padding-left: 8px;
}
.record-form-container .form-actions {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-300);
  border-radius: 10px;
}
.record-form-container hr {
  border-color-top: #dbdbdb;
}
.record-form-container .select-on-check-all-bulk {
  margin: 0 6px 0 0;
}
.record-form-container .table.table-borderless tbody td {
  vertical-align: middle;
}
.record-form-container .table.table-borderless tbody tr:first-child td {
  border-top: 2px solid var(--gray-color-400) !important;
}
.record-form-container #bulkEditContainer .form-actions {
  border: none;
  padding-bottom: 0;
  padding-left: 8px;
}
.modal-body #sidebar-scrollspy {
  display: none;
}
.modal-body .scrollspy-form-container {
  margin-right: 0;
}
#sidebar-scrollspy {
  position: fixed;
  right: 0;
  margin-top: -20px;
  width: 220px;
  border-left: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  border-top: none;
  border-bottom: none;
  height: calc(100vh - 107px);
  overflow-y: auto;
  overflow-x: hidden;
}
#sidebar-scrollspy .nav-header {
  border-top: none;
  font-size: 14px;
  margin-left: 16px;
}
#sidebar-scrollspy .nav.nav-tabs {
  border-top: none;
  border-bottom: none;
}
#sidebar-scrollspy .nav.nav-tabs > li {
  display: block;
  width: 100%;
}
#sidebar-scrollspy .nav.nav-tabs > li > a {
  font-size: 15px;
  display: block;
  padding: 8px 16px;
}
#sidebar-scrollspy .nav.nav-tabs > li.active > a {
  border-bottom: none;
  display: block;
}
.scrollspy-form-container {
  margin-right: 220px;
}
.form-modal-container .panel {
  border-radius: 4px;
  box-shadow: none;
}
.form-modal-container .panel-default > .panel-heading {
  background-color: var(--white-color);
  border-bottom: none;
  padding: 8px 15px 0 !important;
}
.form-modal-container .panel-default > .panel-heading .panel-title {
  font-size: 22px;
  line-height: 33px;
  padding: 3px 0;
}
.form-modal-container .panel-body {
  padding: 4px 16px 8px;
}
.form-modal-container .panel-body .row-fluid:first-child {
  margin-top: 14px;
}
.form-modal-container .modal-body {
  background-color: var(--gray-color-200);
}
.extrarow {
  background-color: var(--gray-color-200);
}
.calTable .textarea-option {
  width: 250px;
}
.calTable textarea {
  resize: both;
  line-height: 24px;
}
.recordOptions .no-link {
  padding: 4px 18px;
}
span.pagerSpan {
  padding: 3px 10px 2px !important;
}
.resizable {
  resize: both;
  overflow: auto;
}
.parent-object-link {
  padding-bottom: 10px;
}
/* ----- Record inline edit ----- */
.editable-field[data-edit="false"]:hover {
  background-color: var(--gray-color-200);
  border-radius: 4px;
  margin: -6px;
  padding: 6px;
}
.editable-field[data-edit="true"]:hover {
  background-color: none;
  cursor: initial;
}
.editable-field[data-edit="true"]:hover .inline-edit-btn {
  display: none !important;
}
.field {
  position: relative;
  line-height: 20px;
}
.field .editable-field .value {
  padding-right: 18px;
}
.field .inline-edit-btn {
  background-color: var(--gray-color-200);
  color: var(--secondary-button-text-color);
  cursor: pointer;
  display: none;
  font-size: 14px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 1;
}
.record-view-forms .inline-edit-btn {
  top: 35px;
}
#transition_menu + .dropdown-menu > li > a {
  padding: 9px 18px;
}
.editable-field:hover .inline-edit-btn {
  display: block !important;
}
.editable-field .form-actions {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 8px;
}
.btn.btn-link.link-dropdown {
  color: var(--primary-button-background-color) !important;
  font-size: 16px;
  font-weight: normal !important;
  padding: 0;
  text-decoration: none;
}
.btn.btn-link.btn-text {
  border: none !important;
  padding: 0;
}
.btn.btn-link.btn-text:hover {
  border: none !important;
  text-decoration: underline;
}
#all-training-grid .nav-header {
  padding-left: 0;
}
#complete-grid .nav-header {
  padding-left: 0;
}
#chart_category,
#chart_type {
  margin-top: 7px;
}
/* -----Loading indicator ----- */
.loading-indicator,
.ui-autocomplete-loading {
  background: url(../images/ace_loading.gif) no-repeat;
  background-position: center;
  background-size: auto 25px;
  height: 28px;
}
.cg-busy-backdrop {
  opacity: 1;
}
.workflow-gui .loading-overlay {
  background-color: var(--white-color);
}
.workflow-gui .loading-indicator {
  top: 60px;
}
.loading-icon .loading-indicator {
  margin-bottom: 0;
  margin-top: 4px;
}
.loading-background {
  background-color: var(--white-color);
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.05);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: absolute;
  width: 60px;
  z-index: 1000;
}
.ace-chat-row {
  margin: 0 !important;
  padding: 12px 0 10px;
  position: relative !important;
}
.group .ace-chat-row:nth-of-type(n+2) {
  border-top: none;
  padding-top: 0;
}
.group .ace-chat-row:nth-of-type(n+2) .ace-avatar {
  display: none;
}
.group .ace-chat-row:nth-of-type(n+2) .ace-user {
  display: none;
}
.group .ace-chat-row:nth-of-type(n+2) .ace-datetime {
  display: none;
}
.inspection-container .inspection-quick-filter > * {
  box-sizing: border-box;
}
.inspection-quick-filter {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
}
.inspection-quick-filter > div:not(:first-child) {
  margin-left: -2px;
}
.inspection-quick-filter input,
.inspection-quick-filter select {
  padding-left: 6px;
  margin-bottom: 0;
  height: 40px;
}
.inspection-quick-filter select {
  width: 6em;
}
.inspection-search input {
  border-collapse: collapse;
}
select.selectpicker {
  padding: 0 8px 0 40px;
}
.inspection-submit {
  padding-top: 2px;
  line-height: 36px;
  flex-shrink: 1;
  border-collapse: collapse;
}
.inspection-container {
  display: flex;
  border-collapse: collapse;
  padding: 0px 10px;
  flex: 1 1 auto;
  flex-direction: column;
}
.inspection-live-alert {
  flex: 1;
}
.inspection-live-alert .alert {
  margin-bottom: 6px;
}
.inspection-header {
  flex: 1;
}
.inspection-tools {
  flex-shrink: 1;
}
.inspection-wrapper {
  display: flex;
  flex-direction: row;
}
.inspection-user {
  width: 40px;
  flex: none;
  margin-left: 20px;
  margin-top: 16px;
}
.inspection-content {
  flex: 1 1 auto;
  position: relative;
}
.inspection-message {
  padding: 8px 10px;
  margin-bottom: 2px;
  border-radius: 3px;
  position: relative;
}
.inspection-pagination {
  text-align: center;
  flex: 1 1 auto;
}
.inspection-info {
  font-weight: 600;
  margin-bottom: 0.5em;
}
.inspection-continue .inspection-info {
  display: none;
  margin-bottom: 0;
}
.inspection-divider {
  text-align: center;
  width: 100%;
  margin: 0 3em 0 0;
}
.inspection-date {
  display: inline-block;
  background-color: var(--white-color);
  position: relative;
  padding: 5px 10px;
}
.inspection-divider::before {
  content: '';
  position: relative;
  border: 1px solid #ddd;
  display: block;
  top: 1em;
  width: 100%;
  flex: 1 1 auto;
}
.inspection-addon > div:first-child {
  margin-top: 4px;
}
.inspection-addon > div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 0.8em;
}
.inspection-edit-info {
  border-collapse: collapse;
  color: #999;
}
.inspection-tag {
  margin: 0.5em;
}
.inspection-tag:first-child {
  margin-left: 0;
  margin-right: 0.5em;
}
.record-tag {
  padding: 0.5em;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.dynamic-filter-dropdown > div.search-result {
  padding: 0;
}
.unread-warning {
  z-index: 1000;
  box-sizing: border-box;
  border-collapse: collapse;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.unread-warning .mark-as-read {
  font-size: 1.5rem;
  color: var(--secondary-text-color);
  opacity: 0.3;
}
.unread-full {
  background-color: #e9f5fa;
  color: var(--secondary-text-color);
}
.unread-full .message {
  flex-shrink: 1;
}
.unread-full .btn-view {
  flex-grow: 1;
}
.unread-full .btn-link {
  flex-shrink: 1;
}
.unread-full > div {
  margin-right: 0.5rem;
}
.chat-history .modal-info {
  height: 1.5rem;
  padding-top: 0.5rem;
  margin-left: -21px;
  margin-right: -21px;
  margin-bottom: -4px;
  padding-left: 21px;
}
.unread-alert {
  display: none;
  color: red;
  padding-left: 4px;
}
.new-message .unread-alert {
  display: inline-block;
}
.scribe.new-message .chat-info-icon i {
  color: red;
}
.unread-compact {
  justify-content: center;
}
.unread-compact .center-message {
  text-align: center;
  border-radius: 1rem;
  border: 1px solid #ddd;
  background-color: var(--white-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.unread-compact .center-message .btn:first-child {
  padding-right: 0.25rem;
}
.unread-compact .center-message .btn:nth-child(2) {
  padding-left: 0.25rem;
}
.unread-compact.unread-warning {
  padding: 0.5rem;
  position: absolute;
  width: 99.5%;
  top: 32px;
}
.live-container .unread-warning {
  padding: 0.75rem;
}
.unread-break {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}
.unread-break .middle-line {
  height: 1px;
  border-top: 1px solid #ecbebe;
  width: 100%;
  margin-bottom: -1.15rem;
}
.unread-break .unread-info {
  background-color: #bf5050;
  padding: 0.5rem;
  font-size: 0.75rem;
  color: var(--white-color);
  border: 2px solid #ecbebe;
  border-radius: 0.5rem;
  font-weight: bold;
  font-style: italic;
}
.scribe-info .ace-avatar {
  margin: 0 10px;
}
.scribe-info .ace-chat-content {
  padding-left: 26px;
}
.ace-datetime {
  display: inline-block;
  color: var(--gray-color-700);
  font-size: 12px;
}
.ace-datetime div {
  display: inline-block;
}
.ace-chat-small {
  padding: 1px 0;
}
.ace-chat-small .ace-datetime .ace-time {
  font-size: 10px;
}
.ace-chat-small .ace-message-content {
  font-size: 14px;
}
.ace-chat-small a.btn-small {
  padding: 0 8px;
  font-size: 12px !important;
}
.ace-message-content p {
  margin-bottom: 0;
}
.color-box {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: var(--gray-color-400);
  position: relative;
  left: 5px;
  top: 5px;
}
.reviewSuccess {
  color: #5ec25b;
}
.reviewSuccess:hover {
  color: #22A06B;
  text-decoration: none;
}
.filter.additional_filter {
  display: none;
  padding-top: 0;
}
.toggle_filter-container {
  display: block;
  font-size: 14px;
}
i.expand-caret,
.toggle_filter-container i.filter_icon {
  color: var(--gray-color-800);
  cursor: pointer;
}
#moreData-grid .table-bordered {
  border-collapse: collapse;
}
#moreData-grid td {
  background-color: var(--white-color);
}
.risk-indicator-row {
  border-left: solid 3px transparent;
}
.folderToggle,
.checkboxSelectable,
.select-on-check-all,
.select-on-check {
  color: var(--gray-color-800);
  cursor: pointer;
}
.condition-widget {
  position: relative !important;
  margin-right: 6px;
}
.condition-widget .icon-small > i {
  color: var(--secondary-text-color);
}
.metrics-values {
  position: relative !important;
  margin-right: 6px;
}
.metrics-values > input {
  display: inline-block;
  position: static !important;
}
.metrics-values > .metrics-multi-values {
  display: inline-block;
  position: static !important;
}
input.metrics-scalar-widget {
  border-radius: 4px !important;
  margin-top: 0 !important;
}
.scribe-tag {
  font-size: 14px;
}
.record-badge {
  font-size: 13px;
  font-weight: 400;
}
.chat-info-icon {
  width: 36px !important;
}
.user-directory-list.list-view .list-item {
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  min-height: 130px;
  padding: 14px 14px 10px;
  background-color: var(--white-color);
}
.user-directory-list.list-view .list-item > .media > .pull-left {
  margin: 4px 18px 0 2px;
}
.user-directory-list.list-view .list-item > .media .media-heading {
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 4px;
}
.user-directory-list.list-view .list-item > .media .media-heading .job-title {
  padding: 0;
}
.user-directory-list.list-view .list-item > .media .media-body-item i {
  font-size: 16px;
  padding-right: 4px;
}
.user-directory-list.list-view .list-item > .media .media-body-right .media-body-item i {
  font-size: 16px;
  padding-right: 4px;
}
.user-directory-list.list-view .items + .pagination {
  margin: 18px 0 40px 0;
}
.adys-toggle-bar i {
  right: 0;
  top: 6px;
}
.adys-search-input::-ms-clear {
  display: none;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: 1px solid var(--gray-color-400);
  border-radius: 4px;
  background-color: var(--white-color);
  box-shadow: 0 0 3px 1px rgba(var(--black), 0.05);
  padding: 0;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: var(--secondary-text-color);
  padding: 0px;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none;
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: none;
}
.tooltipster-sidetip.tooltipster-shadow .media-footer {
  padding: 0;
  margin: 0;
  width: 320px;
}
.tooltipster-sidetip.tooltipster-shadow .media-footer .btn-group {
  width: 279px;
}
.tooltipster-sidetip.tooltipster-shadow .media-footer a.btn {
  border-radius: 0 0 4px 4px !important;
  border-right: none;
  border-bottom: none;
  border-left: none;
  padding-top: 8px;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--white-color);
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--white-color);
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--white-color);
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--white-color);
}
.link-tooltip.media {
  margin: 0;
  width: 320px;
}
.link-tooltip.media > .pull-right {
  margin-top: 24px;
  margin-right: 18px;
  position: relative;
}
.link-tooltip.media .media-heading {
  font-size: 18px;
  font-weight: 600;
}
.link-tooltip.media .media-body {
  margin-top: 6px;
  color: var(--gray-color-800);
  font-size: 14px;
  width: 218px;
  padding: 12px 0 16px 18px;
}
.link-tooltip.media .media-body i {
  font-size: 12px;
  margin-right: 4px;
}
.link-tooltip.media .ellipsis-content {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
}
a.avatar-status {
  cursor: default;
  position: relative;
  display: inline-block;
}
a.avatar-status .user-status {
  position: absolute;
  font-size: 10px;
  border: 2px solid var(--white-color);
  border-radius: 100%;
  bottom: 3px;
  right: 0;
}
div.avatar-status {
  cursor: default;
  position: relative;
  display: inline-block;
}
div.avatar-status .user-status {
  position: absolute;
  font-size: 10px;
  border: 2px solid var(--white-color);
  border-radius: 100%;
  bottom: -3px;
  right: 0;
}
.person-tooltip .media-heading {
  margin: 0;
}
.record-tooltip .media {
  margin: 0;
  width: 400px;
  border-top: 3px solid var(--navbar-link-color);
}
.record-tooltip .media .media-body {
  width: 364px;
  padding: 12px 18px 16px 18px;
}
.record-tooltip .media .row-fluid {
  min-height: 24px;
}
.record-tooltip .media .content {
  padding-top: 12px;
  color: var(--secondary-text-color);
}
.record-tooltip .media .sub-header {
  margin-bottom: 5px;
}
.record-tooltip .media .record-key {
  display: inline-block;
  font-weight: 600;
  max-width: 173px;
}
.record-tooltip .media .status .label {
  display: inline-block;
  max-width: 173px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.record-tooltip .media-footer {
  padding: 0;
  margin: 0;
  width: 400px;
}
.record-tooltip .media-footer .btn-group {
  width: 359px;
}
.record-tooltip.media .row-fluid [class*="span"] {
  min-height: 24px;
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0 \0) {
  select {
    background: none \9;
    padding: 5px \9;
  }
}
@media (max-width: 767px) {
  .master-view .nav-list {
    width: 130px;
    max-width: 130px;
    margin: 14px 0;
  }
  .master-view .nav-list li a {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 120px;
    padding: 5px 15px;
    margin-left: -10px;
  }
  .master-view .tab-pane > .container-fluid > .row-fluid > [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .master-view .tab-pane > .container-fluid > .row-fluid > .span12 {
    width: 100%;
    box-sizing: border-box;
  }
  .master-view .tab-pane > .container-fluid > .row-fluid > [class*="offset"]:first-child {
    margin-left: 0;
  }
  .detailed-view > .row-fluid > [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .detailed-view > .row-fluid > .span12 {
    width: 100%;
    box-sizing: border-box;
  }
  .tab-pane > .container-fluid {
    padding: 10px;
  }
  .panel > .container-fluid {
    padding: 10px;
  }
  .moduleContent > .container-fluid {
    padding: 10px;
  }
}
@media (max-width: 1450px) {
  .navbar .nav-tools .divider-vertical + li + .divider-vertical {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .navbar .createRecordMenuItem .create-label {
    display: none !important;
    border-radius: 10px !important;
    padding: 4px 8px 3px 10px;
  }
}
@media (max-width: 1100px) {
  html[data-type-mode="AUPA"] .navbar .createRecordMenuItem .create-label {
    display: none !important;
    border-radius: 10px !important;
    padding: 4px 8px 3px 10px;
  }
}
@media (max-width: 900px) {
  .navbar.navbar-inverse .global-search.expanded {
    position: fixed;
    left: 0;
  }
  .navbar.navbar-inverse .global-search.expanded input:focus {
    position: fixed;
    left: 10px;
    z-index: 1;
    right: 0;
    width: 97% !important;
    background-color: var(--white-color) !important;
    padding-right: 20px !important;
    padding-left: 40px !important;
    border: 1px solid var(--gray-color-400);
    border-radius: 6px;
  }
  .navbar.navbar-inverse .global-search.expanded i.fa-search {
    left: 12px;
    z-index: 2;
    position: fixed;
  }
  .navbar.navbar-inverse .global-search.expanded .inner-icon {
    border: none;
  }
  .search-panel {
    position: fixed;
    left: 10px;
    right: 0;
    margin-top: 30px !important;
    width: 97% !important;
  }
}
@media (max-width: 920px) {
  .navbar .nav-tools li.menu-item-dropdown.dropdown {
    display: none !important;
  }
}
@media (max-width: 992px) {
  html[data-type-mode="AUPA"] .navbar .nav-tools li.menu-item-dropdown.dropdown {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .navbar.navbar-inverse .global-search input {
    width: 1px !important;
  }
  .navbar.navbar-inverse .global-search .inner-icon {
    border: none;
    cursor: pointer;
  }
  .navbar.navbar-inverse .global-search .inner-icon i {
    color: var(--navbar-link-color);
    font-weight: 900;
  }
}
@media (max-width: 780px) {
  html[data-type-mode="AUPA"] .navbar.navbar-inverse .global-search input {
    width: 1px !important;
  }
  html[data-type-mode="AUPA"] .navbar.navbar-inverse .global-search .inner-icon {
    border: none;
    cursor: pointer;
  }
  html[data-type-mode="AUPA"] .navbar.navbar-inverse .global-search .inner-icon i {
    color: var(--navbar-link-color);
    font-weight: 900;
  }
}
@media (max-width: 800px) {
  #dashboard .row-fluid .span6 {
    width: 100%;
  }
  #dashboard .row-fluid [class*="span"] {
    margin-left: 0;
  }
}
/* The switch - the box around the slider */
.toggle-option {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 34px;
}
.toggle-option + .toggle-sub-label {
  margin-top: 0;
}
/* Hide default HTML checkbox */
.toggle-option input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  height: 24px;
  margin-top: 6px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray-color-400);
  transition: 0.2s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 5px;
  bottom: 4px;
  background-color: var(--white-color);
  transition: 0.2s;
}
input:checked + .slider {
  background-color: var(--primary-button-background-color);
}
input:focus + .slider {
  box-shadow: 0 0 1px #1970b9;
}
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.site-container .controls {
  margin-left: 210px;
}
.fileLink .loading-indicator {
  margin: 0px;
}
.downloadOption .loading-indicator {
  margin: 0px;
}
.dropdownRightAlignContainer {
  display: flex;
}
.dropdownRightAlignContainer .leftPanel {
  flex-grow: 1;
}
.dropdownRightAlignContainer .rightPanel {
  flex-shrink: 0;
  display: flex;
}
.grid-input {
  resize: vertical;
}
/*--------- Risk Matrix -----------*/
.selected-cell-backdrop {
  opacity: 0.3;
}
.edit-risk-matrix-cell {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}
.risk-matrix-cell:hover .edit-risk-matrix-cell {
  display: block;
  cursor: pointer;
}
.risk-matrix-cell:hover {
  cursor: cell;
}
.risk-matrix-column-label,
.risk-matrix-row-section,
.risk-matrix-row-label,
.risk-matrix-row-container,
.risk-matrix-column-container,
.risk-matrix-table-column,
.risk-matrix-table-grid {
  display: flex;
}
.risk-matrix-column-label,
.risk-matrix-row-label {
  color: gray;
  align-items: center;
  border: 1px solid var(--gray-color-400);
  justify-content: center;
  margin: 1px;
  background-color: var(--gray-color-200);
}
.risk-matrix-column-label {
  width: 131px;
}
.risk-matrix-row-label {
  width: 10px;
  text-align: center;
  padding: 30px 10px;
  height: 18px;
}
.rm-column-label-system {
  height: 30px;
}
.rm-column-label-output {
  height: 80px;
}
.risk-matrix-row-section {
  flex-direction: column;
}
#riskLevelTable tr:hover {
  background-color: var(--gray-color-200);
}
#riskLevelTable th {
  border-bottom: 1px solid #ddd;
}
.risk-matrix-row-container {
  flex-direction: column;
  flex-grow: 1;
}
.riskMatrix-table-heading,
.risk-matrix-column-container {
  width: 844px;
  margin: 0 auto;
}
.risk-matrix-column-container {
  flex-direction: row-reverse;
  flex-grow: 1;
  justify-content: center;
}
.risk-matrix-table-column {
  flex-direction: column;
  width: 135px;
}
.risk-matrix-cell {
  border: 1px solid var(--gray-color-400);
  height: 18px;
  position: relative;
  padding: 30px 10px;
  margin: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rm-chart-header {
  margin: 1px;
  border: 1px solid var(--gray-color-400);
  border-left: none;
  width: 144px;
  height: 55px;
  margin-left: -166px;
  background: linear-gradient(to top right, var(--white-color) calc(50% - 1px), var(--gray-color-600), var(--white-color) calc(50% + 1px));
  position: relative;
}
.rm-header-row {
  width: 70px;
  bottom: 20px;
  left: 10px;
  position: absolute;
}
.rm-header-column {
  width: 70px;
  top: 20px;
  right: 20px;
  position: absolute;
}
.rm-create-btn,
.inspection-folder-path .folder-blue-color {
  margin-right: 10px;
}
.risk-list-label {
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100px;
  white-space: break-spaces;
}
.ace-state > .state-content {
  padding: 4px 18px;
  border-radius: 32px;
  font-weight: 400;
  font-size: 15px;
  background-color: var(--white-color) !important;
}
.state-machine-wrapper {
  border-color: var(--gray-color-400);
}
.ws-body {
  background-color: var(--white-color);
}
.state-machine-workflow {
  background-image: linear-gradient(to bottom, rgba(var(--white), 0.73) 0, rgba(var(--white), 0.73) 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEUAAABkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRKhaQ5AAAACXRSTlMAzTPDPPOcYzDwMr8AAAAAJ0lEQVQoz2OAA44EBkzAYjAqSFdBJRhQF4IzGQThIBDOGoyOH8GCAD6lDB4uR0cOAAAAAElFTkSuQmCC);
  background: linear-gradient(to bottom, rgba(var(--white), 0.85) 0, rgba(var(--white), 0.85) 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAG1BMVEUAAABkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRKhaQ5AAAACXRSTlMAzTPDPPOcYzDwMr8AAAAAJ0lEQVQoz2OAA44EBkzAYjAqSFdBJRhQF4IzGQThIBDOGoyOH8GCAD6lDB4uR0cOAAAAAElFTkSuQmCC);
  background-size: 20px;
}
.transition-label-overlay {
  background-color: var(--white-color);
  color: var(--secondary-button-text-color);
  font-size: 14px;
  z-index: 9999 !important;
  padding: 4px 6px;
  max-width: 250px;
  border: 1px solid var(--gray-color-500);
  border-radius: 4px;
  text-align: center;
}
.transition-highlight path {
  stroke: var(--primary-button-background-color) !important;
}
.basicCustomField {
  padding: 5px 0;
}
.form-none {
  margin: 0 0;
}
.step-section {
  margin-bottom: 14px;
}
.step-section .step-comment {
  border: 1px solid var(--gray-color-400);
  border-top: none;
  /*height: 158px;*/
}
#step-condition-grid .condition-icon {
  margin-right: 10px;
}
.step-table {
  border: 1px solid var(--gray-color-400);
  width: 100%;
}
.step-table th {
  background-color: var(--gray-color-200);
  padding: 4px 10px;
  line-height: 22px !important;
}
.step-table th .drag {
  margin: 7px 1px !important;
  color: var(--gray-color-900);
}
.step-table th .btn {
  padding: 5px 11px;
}
.step-table th .step-number {
  display: inline-block;
  padding: 7px 16px 4px;
  font-weight: 600;
  color: var(--gray-color-900);
}
.step-table tr.step-field td {
  border: 1px solid var(--gray-color-400);
  width: 25%;
  vertical-align: top;
}
.step-table i {
  color: var(--gray-color-900) !important;
}
.step-table tfoot td {
  background-color: var(--gray-color-200);
  color: var(--gray-color-900);
}
.step-table tfoot td a {
  color: var(--gray-color-900);
}
.step-table tfoot td a:hover {
  color: var(--gray-color-1000);
  text-decoration: none;
}
.step-table tfoot td a i {
  margin-right: 8px;
}
.step-table .num,
.step-table .opt {
  width: 3rem;
}
.step-table .stepNum {
  display: flex;
  height: 50%;
  align-items: center;
  justify-content: center;
}
.group-step-table th .grouped-step-drag {
  margin: 0px 5px 0px 1px !important;
}
.group-step-table th .drag {
  margin-right: 5px !important;
}
.min-time-spent-rendition {
  position: fixed;
  margin-top: -53px;
  right: 180px;
  z-index: 11;
  text-align: center;
}
.select-board-container {
  margin: 100px auto 20px;
  width: 300px;
  text-align: center;
}
.select-board-container .select-board-title {
  color: var(--gray-color-900);
  margin-bottom: 50px;
}
.select-board-container .select-board-title i {
  font-size: 60px;
  color: var(--gray-color-600);
  display: contents;
}
.select-board-container .list-group {
  margin: 0;
}
#worker-job-test-suite-result,
#worker-job-test-plan-result {
  margin: 10px 20px 24px;
}
.test-plan-container {
  width: 100%;
}
.test-plan-container .main-list {
  width: 100%;
  border: 1px solid var(--gray-color-400);
  margin-bottom: 10px;
  overflow: hidden;
}
.test-plan-container .main-list .list-header {
  border-bottom: 1px solid var(--gray-color-400);
  display: flex;
  background-color: var(--gray-color-200);
  padding: 4px 4px;
}
.test-plan-container .main-list .list-header .header-item {
  flex: 80%;
}
.test-plan-container .main-list .list-header .header-item .drag {
  margin: 7px 4px !important;
  color: var(--gray-color-900);
}
.test-plan-container .main-list .list-header .header-item .step-number {
  display: inline-block;
  font-weight: 600;
  color: var(--gray-color-900);
  font-size: 18px;
  margin-left: 4px;
  margin-right: 4px;
  width: 40px;
  vertical-align: middle;
}
.test-plan-container .main-list .list-header .header-item .tpd-assoc-label {
  display: inline-block;
  margin: 6px 6px 6px 10px;
}
.test-plan-container .main-list .list-header .header-item .step-number + .tpd-assoc-label {
  margin: 6px 2px;
}
.test-plan-container .main-list .list-header .header-options {
  flex: 20%;
  text-align: right;
  padding: 6px 8px;
}
.test-plan-container .main-list .tpd-item {
  border-top: 1px solid var(--gray-color-400);
}
.test-plan-container .main-list .tpd-item .sub-list {
  display: flex;
  padding: 2px 10px;
  border-bottom: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-200);
}
.test-plan-container .main-list .tpd-item .sub-list .sub-list-header {
  flex: 80%;
  padding-left: 18px;
}
.test-plan-container .main-list .tpd-item .sub-list .sub-list-header .step-number {
  display: inline-block;
  font-weight: 600;
  color: var(--gray-color-900);
  font-size: 18px;
  margin-left: -4px;
  margin-right: 4px;
  width: 40px;
  vertical-align: middle;
}
.test-plan-container .main-list .tpd-item .sub-list .sub-list-header .tpd-assoc-label {
  display: inline-block;
  margin: 6px 2px;
}
.test-plan-container .main-list .tpd-item .sub-list .header-options {
  flex: 20%;
  text-align: right;
  padding: 6px 8px;
}
.test-plan-container .main-list .tpd-item:first-child {
  border-top: none;
}
.test-plan-container .main-list .tpd-field-values {
  display: flex;
  font-size: 15px;
  flex-flow: row wrap;
  box-sizing: border-box;
  padding: 12px 12px 2px 12px;
}
.test-plan-container .main-list .tpd-field-values .tpd-field-value {
  flex: 0 0 25%;
  box-sizing: border-box;
}
.test-plan-container .main-list .tpd-field-values .tpd-field-value > div:first-child {
  padding: 2px 2px 6px;
}
.test-plan-container .main-list .tpd-field-values .tpd-field-value > div {
  padding: 2px 2px 20px;
}
.items .step-item {
  position: relative;
}
.items .step-item .inline-edit-btn {
  top: 10px;
  right: 18px;
  position: absolute;
  color: var(--gray-color-900);
}
.items .step-item .inline-edit-btn:hover {
  cursor: pointer;
  color: var(--gray-color-1000);
}
.items .step-item:hover .inline-edit-btn {
  display: block;
}
.items .step-item:hover .batch-execution-btns {
  display: block !important;
}
.step-execution-section {
  display: flex;
  margin-bottom: 8px;
  box-sizing: border-box;
  width: 100%;
}
.step-execution-section .step-num-container {
  flex: 0 0 45px;
  border: 1px solid var(--gray-color-400);
  align-self: stretch;
  display: flex;
  box-sizing: border-box;
  background-color: var(--gray-color-200);
}
.step-execution-section .step-num-container .step-num {
  align-self: center;
  flex-grow: 1;
  text-align: center;
  font-weight: 600;
  box-sizing: border-box;
  color: var(--primary-text-color);
}
.step-execution-section .right-container {
  flex-grow: 1;
  box-sizing: border-box;
}
.step-execution-section .right-container .header-container {
  border: 1px solid var(--gray-color-400);
  border-left: none;
}
.step-execution-section .right-container .header-container .execution-status {
  margin: 5px 30px 5px 22px;
  min-width: 125px;
  display: inline-block;
}
.step-execution-section .step-execution-container .test-steps {
  display: flex;
  box-sizing: border-box;
  flex-flow: row wrap;
  background-color: var(--secondary-button-active-color);
  color: var(--gray-color-1000);
}
.step-execution-section .step-execution-container .test-steps .step-field {
  flex: 1 0 33%;
  border: 1px solid var(--gray-color-400);
  box-sizing: border-box;
  border-top: none;
  border-left: none;
  padding: 4px 6px;
  background-color: transparent;
}
.step-execution-section .step-execution-container .test-steps .step-field .media {
  margin-top: 0;
}
.step-execution-section .step-execution-container .test-step-executions {
  display: flex;
  box-sizing: border-box;
  flex-flow: row wrap;
}
.step-execution-section .step-execution-container .test-step-executions .step-field {
  flex: 1 0 50%;
  border: 1px solid var(--gray-color-400);
  box-sizing: border-box;
  border-top: none;
  border-left: none;
  padding: 4px 6px;
}
.step-execution-section .step-execution-container .test-step-executions .step-field .media {
  margin-top: 0;
}
.step-execution-section .step-execution-container .test-step-executions .step-field.step-flag {
  border: 1px solid #d9655b;
  background-color: #fcd9d9;
}
.step-execution-section .step-execution-container .test-step-executions .step-field.step-flag-no-sign {
  border: 1px solid #FFAB00;
  background-color: #fcf8e3;
}
.step-item form .step-execution-section {
  margin-bottom: 0;
}
.step-item form .step-execution-section .test-step-executions .step-field label,
.step-item form .step-execution-section .execution-status .step-field label {
  margin-top: 0;
  font-weight: 600;
}
.step-item form .step-execution-section .test-step-executions .step-field label.text-ellipsis,
.step-item form .step-execution-section .execution-status .step-field label.text-ellipsis {
  display: none;
}
.step-item form .form-actions {
  border: 1px solid var(--gray-color-400);
  border-top: none;
  text-align: center;
}
.external-workspace-container .page-content {
  margin-left: 0 !important;
}
.external-record-view-container .page-content {
  padding: 55px 0 !important;
  margin-left: 0 !important;
}
.curriculum .dropdown-menu {
  margin-left: 60px;
}
.curriculum .btn {
  text-align: center !important;
}
.tabs-sub .nav-tabs a {
  font-size: 14px;
}
.row-fluid.first-child {
  margin-left: 91px;
}
.datepicker th {
  width: 33px;
  height: 22px;
  vertical-align: bottom;
}
.datepicker th.switch {
  width: auto;
  padding: 2px 0 2px;
}
.datepicker th.next,
.datepicker th.prev,
.datepicker th.prevYear,
.datepicker th.nextYear {
  font-size: 32px;
  font-weight: 400;
  line-height: 22px;
}
.followBtnToggle .dropdown-menu {
  min-width: 200px;
}
#external-landing-page-content {
  background-color: #F0F2F5;
  margin: 0;
  height: 100vh;
}
#external-landing-page-content #external-landing-container {
  justify-content: center;
  align-items: flex-start;
  column-gap: 40px;
  display: flex;
  padding-top: 145px;
}
#external-landing-page-content #external-landing-container .tile {
  height: 425px;
  width: 300px;
  background: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  display: flex;
}
#external-landing-page-content #external-landing-container .tile .header {
  padding-top: 56px;
  padding-left: 16px;
  padding-right: 16px;
  background: white;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  column-gap: 32px;
  display: flex;
}
#external-landing-page-content #external-landing-container .tile .header .title {
  color: #245478;
  font-size: 30px;
  font-weight: 500;
  word-wrap: break-word;
}
#external-landing-page-content #external-landing-container .tile .header .icon {
  width: 96px;
  text-align: center;
  color: #0B7CC5;
  font-size: 96px;
  font-weight: 900;
  word-wrap: break-word;
}
#external-landing-page-content #external-landing-container .tile .content {
  align-self: stretch;
  height: 165px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  column-gap: 47px;
  display: flex;
}
#external-landing-page-content #external-landing-container .tile .content .body {
  align-self: stretch;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-start;
  column-gap: 10px;
  display: inline-flex;
  margin-bottom: 10px;
}
#external-landing-page-content #external-landing-container .tile .content .body .left-column {
  text-align: -moz-center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.38px;
  word-wrap: break-word;
  align-self: center;
}
#external-landing-page-content #external-landing-container .tile .content .body .left-column .pending {
  color: #FFAB00;
}
#external-landing-page-content #external-landing-container .tile .content .body .left-column .complete {
  color: #5EC25B;
}
#external-landing-page-content #external-landing-container .tile .content .body .left-column .incomplete {
  color: #D9655B;
}
#external-landing-page-content #external-landing-container .tile .content .body .right-column {
  align-self: center;
  color: #232323;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.38px;
  word-wrap: break-word;
}
#external-landing-page-content #external-landing-container .tile .content .footer {
  align-self: stretch;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  display: flex;
}
#agreement-recipient-state-modal .modal-body,
#external-logs-modal .modal-body {
  padding: 0px;
}
#agreementGrid .table {
  margin-bottom: 0px;
}
.assessment-response-panel {
  text-align: center;
  padding-top: 12px;
  margin-bottom: 20px;
}
.assessment-response-panel .panel-body {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 1px;
}
.assessment-response-panel .panel-footer {
  background-color: transparent;
  border: none;
  text-align: center;
  padding-top: 0;
  color: var(--gray-color-800);
}
.condition-item .condition-column {
  float: left;
  width: 30%;
}
.condition-item .media-heading {
  width: 80%;
}
.assessment-configure-button {
  float: left;
  padding: 0 6px;
}
.fa-disabled {
  color: #6c757d !important;
}
.fa-required {
  color: #d9534f !important;
}
.fa-optional {
  color: #3071a9 !important;
}
.flag-btn {
  margin: 0 6px;
}
span.sectionWeight {
  display: inline-block;
  height: 20px;
  border: 1px var(--gray-color-400) solid;
  border-radius: 4px;
  padding: 8px;
}
.button-section-container {
  text-align: center;
}
.questionWeight {
  display: inline-block;
}
.subsectionTitle .control-label {
  padding-left: 20px;
  text-align: left !important;
}
.assessment-branch,
.copy-question {
  padding: 0px 8px;
}
.panel-noBorder {
  border: none;
}
.panel .panel-heading .editable-field {
  display: inline-block;
}
.section-container,
.record_view_grouped > .container-fluid > .container-fluid {
  padding: 0px;
}
#recipient-user-grid .button-column > a,
#organizer-user-grid .button-column > a,
#organizer-group-grid .button-column > a {
  float: right;
}
.question-weight {
  margin-right: 10px;
  border: 1px var(--gray-color-400) solid;
  padding: 5px;
  border-radius: 4px;
}
.manage-conditions-dropdown .nav-header {
  margin: 5px 18px !important;
  text-align: left;
}
.manage-conditions-header {
  padding: 0px !important;
  margin-left: -14px !important;
}
.assessment-condition-list .list-view .items {
  padding-top: 0px;
}
.assessment-condition-list .items {
  border-left: none !important;
  background-color: var(--white-color) !important;
  margin-bottom: -15px;
}
.assessment-condition-list-draft .items {
  margin-bottom: 0px;
}
.merged-tag {
  border: 1px #6c757d solid;
  border-radius: 10px;
  padding: 4px 8px;
  margin-left: 18px;
  margin-right: 15px;
}
.panel-noBorder .panel-body .form-horizontal {
  margin-top: 30px !important;
  padding-top: 20px;
  border: 1px var(--gray-color-400) solid !important;
  border-radius: 4px;
}
.question-header-draft-section {
  display: inline-flex;
  align-items: center;
}
.question-header-draft-section .bootstrap-select {
  margin-bottom: 0;
  margin-right: 20px;
  margin-left: auto !important;
}
.question-header-draft-section .questionWeight .editable-field-more {
  margin-top: 0;
  margin-bottom: 0;
}
.question-header-draft-section .questionWeight form {
  margin: 0 0 0;
}
.question-header-recipient-section {
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  padding: 5px;
}
.response-risk .thumbnail {
  padding-right: 8px;
}
.assessment-paging-list .ace-paging-dropdown {
  margin-bottom: 0px;
}
.question-view-section {
  margin: 20px;
}
.subQuestion-modal {
  margin-top: 100px;
}
.subQuestion-modal .modal-body {
  position: static;
}
.subQuestion-modal .modal-body .subquestion-panel {
  position: absolute;
  bottom: 0;
  margin-bottom: 62px;
  z-index: 100;
  width: 1170px;
}
.subQuestion-modal .modal-body .assessment-question-item:last-child {
  padding-bottom: 25px;
}
.subQuestion-modal .modal-body .assessment-question-item .assessment-response-options-list .option-delete {
  margin: 0 6px;
}
.subQuestion-modal .modal-body,
.assess-review-modal {
  overflow-y: auto !important;
  max-height: 700px !important;
}
.question-options {
  display: flex;
  flex-shrink: 1;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.assessment-score-value .editable-field {
  display: inline-block;
}
.assessment-score-info-row {
  padding: 10px;
  border: 1px var(--gray-color-400) solid;
  margin: -1px;
  border-right: none;
}
.question-content-grid {
  display: grid;
  grid-template-columns: 80% 20%;
  border-bottom: 1px var(--gray-color-400) solid;
}
.assessment-question-container .ui-sortable {
  margin-top: 10px;
}
.assessment-question-container .ui-sortable .empty {
  padding-left: 10px;
}
.question-content-grid .row-fluid {
  padding-left: 20px;
}
.question-content-first-row {
  display: grid;
  align-items: center;
  margin: 20px 0px;
}
.assessment-answer {
  padding: 20px;
}
.assessment-answer-label {
  border-bottom: 1px var(--gray-color-400) solid;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.question-response-grid-list {
  padding: 0 20px;
}
.question-response-grid-list .selected-answer {
  background-color: var(--info-primary-color);
}
.assessment-response-options-list .grid-view {
  padding-bottom: 0;
}
.assessment-response-options-list + .panel {
  margin-top: 0;
}
.assessment-response-options-list + .panel .button-section-container {
  text-align: left;
}
.assessment-score-value .editable-field .input-large,
.assessment-score-value .editable-field .form-vertical {
  margin-bottom: 0;
}
.assessment-score-value .editable-field .editable-field-more:empty {
  display: none;
}
.manage-sections .table {
  margin-bottom: 0;
}
.assessment-question-form > .editable-field:not(:last-child) {
  margin-bottom: 20px;
}
.subQ-counter {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  margin: 12px 0 0 -15px;
  padding: 2px;
  background-color: var(--gray-color-400);
  color: var(--gray-color-1000);
}
.question-section .assessment-input {
  margin-bottom: 0;
}
.assessment-score-info .editable-field-value .form-vertical {
  margin-top: 0 !important;
}
.response-panel-list {
  margin-bottom: 20px;
}
.response-panel-list .response-panel-section {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 5px;
  margin-bottom: 10px;
}
.response-panel-list .response-panel-sidebar-main {
  grid-template-columns: auto;
}
.response-panel-list #response-panel-risk-score-section {
  grid-template-columns: repeat(3, 1fr);
}
.response-panel-list #response-panel-main-risk-score-section {
  grid-template-columns: repeat(2, 1fr);
}
.span-8-column {
  margin-left: 0 !important;
}
.span-8-column .assessment-response-panel {
  margin-bottom: 0 !important;
}
.questionWeight .input-medium,
.questionWeight .input-mini {
  margin-bottom: 0;
  margin-right: 10px;
}
.flagged .panel {
  border: 1px #d9534f solid;
}
.ace-paging-nav .dropdown-section {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-paging-nav-modal {
  position: sticky;
  top: -12px;
  background-color: var(--white-color);
  z-index: 5;
}
.fixed-paging-nav-modal > .row-fluid > .span3:first-child {
  text-align: left;
}
.view-response-app .ace-paging-nav > hr {
  margin-top: 10px;
}
.assessment-score-info-row {
  display: flex;
}
.assessment-score-info-row .assessment-score-label,
.assessment-score-info-row .assessment-scoer-value {
  flex-basis: 50%;
  display: flex;
  align-items: center;
}
.assessment-score-value .form-vertical > select {
  width: 140px !important;
  margin-bottom: 0 !important;
}
.assessment-subsection-item .panel-heading .panel-title-small {
  line-height: 28px;
}
.assessment-subsection-item .panel-heading .panel-title-small .smallText {
  line-height: 24px;
}
.assessment-subsection-item .panel-heading .editable-field {
  margin-left: 10px;
}
.assessment-subsection-item .panel-heading .editable-field .form-vertical {
  margin-bottom: 0 !important;
}
.assessment-subsection-item .panel-heading .editable-field .form-vertical .input-xlarge {
  margin: 0 !important;
}
.assessment-subsection-item .panel-heading .editable-field .editable-field-more {
  display: none;
}
.assessment-subsection-item > .panel {
  border: none;
  border-bottom: 1px var(--gray-color-400) solid;
  border-radius: 0;
  margin-bottom: 0;
}
.assessment-subsection-item > .panel > .panel-heading {
  border-radius: 0;
  border-top: 1px var(--gray-color-400) solid;
}
.assessment-subsection-item > .panel > .panel-body-small {
  padding: 5px 0 10px 0;
}
.subsection-btn {
  margin-top: 10px;
}
.question-area > .panel-noBorder {
  margin: 0;
}
.assess-app .question-section .assessment-input {
  width: 99%;
}
.assess-app .question-section .assessment-input[type=checkbox] {
  width: 16px;
}
.assess-app .question-section .assessment-input[type=radio] {
  width: 18px;
}
.assess-app .question-section select.assessment-input {
  width: 400px;
}
.assess-app .question-view-section {
  margin: 0 20px 5px;
  padding-left: 80px;
}
.assess-app .assessment-subsection-item > .panel > .panel-heading {
  border: none;
}
.assess-app .assessment-subsection-item > .panel > .panel-heading .panel-title-small {
  font-size: 18px;
  font-weight: 600 !important;
}
.assess-app .assessment-subsection-item > .panel {
  border-bottom: none !important;
}
.assess-app .assessment-subsection-item .panel-heading {
  background-color: transparent;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 0;
}
.assess-app .assessment-question-item > .panel {
  margin: 10px 0;
  border: none;
  border-radius: 0;
  border-bottom: 1px var(--gray-color-400) solid;
}
.assessment-subsection-item > .panel > .panel-heading {
  border: none;
  background-color: transparent;
}
.assessment-subsection-item > .panel > .panel-heading .panel-title-small {
  line-height: 28px;
  font-size: 20px;
  font-weight: 400 !important;
}
.assessment-subsection-item > .panel > .panel-heading .panel-title-small .pull-right i {
  font-size: 16px;
}
.assessment-subsection-item > .panel {
  border-bottom: none !important;
}
.assesment-section-app .assessment-subsection-item .panel-record-data .panel-body {
  border-bottom: 1px var(--gray-color-400) solid;
}
.follower-link:hover .follower-remove {
  display: block;
}
.follower-link .follower-remove {
  display: none;
  float: right;
}
.follower-button {
  border-bottom-right-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.note-table {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border: 1px var(--gray-color-400) solid;
  border-radius: 8px;
  padding: 10px 0px;
  margin-top: 30px;
}
.note-table .page-header-label {
  font-size: 13px;
  color: var(--gray-color-800);
}
.note-table > p {
  margin: 0px !important;
}
.note-table-border {
  border: 1px var(--gray-color-400) solid;
  height: 20px;
}
.lms-note {
  max-width: 800px;
}
.note-links > a {
  margin-top: 10px;
}
.modal-review-signoff .modal-body {
  min-height: 410px !important;
}
.note-comment {
  text-align: left;
  margin-top: 30px;
  border: 1px var(--gray-color-400) solid;
  padding: 15px;
  border-radius: 8px;
}
.note-comment .note-comment-header {
  margin-bottom: 5px;
  font-size: 14px;
}
.training-container .alert-danger {
  display: flex;
  align-items: center;
}
.training-container .alert-danger .alert-icon-container {
  flex-shrink: 1;
  top: 11px;
}
.training-container .alert-danger .text-container {
  flex-grow: 1;
  padding-left: 50px;
}
.training-container .alert-danger .pull-right {
  flex-shrink: 1;
  order: 3;
}
.training-container .alert-danger .pull-right > a {
  margin-top: 0;
}
.assess-app .assess-header {
  display: grid;
  grid-template-columns: 50% 50%;
}
.assess-app .assess-nav-compact {
  justify-self: end;
}
.assess-nav-compact .ace-paging-dropdown {
  margin-bottom: 0;
  margin-right: 20px;
  border: none;
  border-bottom: 1px var(--gray-color-400) solid;
  border-radius: 0;
}
.ace-paging-nav .dropdown-section .paging-controls {
  padding: 0 40px;
}
.content-top-margin {
  margin-top: 6px;
}
.colorpicker-circle.colorpicker-circle {
  margin-top: 0;
}
.colorpicker-circle > div {
  height: 10px;
  width: 10px;
  border-radius: 32px;
  margin-top: 8px;
}
#document-list .colorpicker-circle > div {
  margin-top: 10px;
}
.dropdown-menu.ajax-dropdown-content .nav-header {
  text-transform: none;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--primary-text-color);
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table h4 {
  margin: 3px 0;
  padding-left: 2px;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view {
  padding: 0;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view .items {
  padding-top: 0;
  margin-top: -1px;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view .items .list-item {
  padding: 9px 0;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view .items .list-item .media .pull-left {
  margin: 8px 10px !important;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view .items .list-item .media .label {
  margin-top: 2px !important;
}
.dropdown-menu.ajax-dropdown-content .nav-header .document-table #document-list.list-view .items .list-item .media .media-body-item {
  white-space: normal;
}
.tmf-viewer .learning-condensed-sidebar .page-content {
  padding: 1px 0 0 1px;
}
.ctms-container .study-filter-container {
  border-bottom: 1px solid var(--gray-color-400);
  position: fixed;
  width: 100%;
  background-color: var(--white-color);
}
.ctms-container .study-filter-container .filter-modern .inner-icon .select2 .select2-container {
  min-width: 235px;
}
.ctms-container .study-filter-container .search-field-container[data-name="country_id"]:before,
.ctms-container .study-filter-container .search-field-container[data-name="site_id"]:before {
  font-size: 16px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  box-sizing: inherit;
  margin-top: 0px;
  content: "\f105";
  display: inline-block;
  padding: 0px 8px 0 1px;
  vertical-align: middle;
  color: var(--gray-color-700);
}
.ctms-container .study-filter-container .filter-modern .inner-icon {
  display: inline-block;
}
.ctms-container .tmf-viewer-sidebar-container {
  margin-top: 65px;
  border-right: 1px solid var(--gray-color-400);
  position: fixed;
  background-color: var(--secondary-background-color);
  width: 330px;
  height: calc(100vh - 111px);
  overflow: auto;
}
.ctms-container .tmf-viewer-sidebar-container .tmf-viewer-sidebar-content {
  padding: 14px;
}
.ctms-container .tmf-viewer-sidebar-container .tmf-viewer-sidebar-content > .dropdown.listOptionsToggle {
  background-color: var(--white-color);
  margin-bottom: 6px;
  width: 100%;
  text-align: left;
  padding: 0;
}
.ctms-container .tmf-viewer-sidebar-container .tmf-viewer-sidebar-content > .dropdown.listOptionsToggle a {
  padding: 2px 10px !important;
  font-size: 14px;
  margin-left: 0 !important;
  display: block;
  text-align: left;
}
.ctms-container .tmf-viewer-sidebar-container .tmf-viewer-sidebar-content > .dropdown.listOptionsToggle a .caret {
  position: absolute;
  right: 12px;
}
.ctms-container .tmf-viewer-sidebar-container .expand-all,
.ctms-container .tmf-viewer-sidebar-container .collapse-all {
  position: absolute;
  right: 0;
}
.ctms-container .tmf-viewer-sidebar-container .collapse-all {
  display: none;
}
.ctms-container .tmf-viewer-content-container {
  margin-left: 330px;
  margin-top: 65px;
}
.ctms-container .tmf-viewer-content-container .tmf-viewer-content {
  padding: 14px;
}
.ctms-container .no-sidebar {
  margin-left: 0px !important;
}
.configure-path {
  border-radius: 0 8px 8px 0;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
  margin-left: -6px;
}
ul.fancytree-container {
  font-family: "ProximaNova", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  border: none !important;
  background-color: transparent !important;
  padding: 4px 0 !important;
}
ul.fancytree-container .fancytree-ico-cf span.fancytree-icon,
ul.fancytree-container .fancytree-ico-ef span.fancytree-icon {
  background-image: none;
  font-size: 15px;
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  letter-spacing: normal;
  position: relative;
  color: #62a2d8;
  padding-top: 2px;
}
ul.fancytree-container .fancytree-ico-cf span.fancytree-icon:before,
ul.fancytree-container .fancytree-ico-ef span.fancytree-icon:before {
  content: "\f07c";
  position: absolute;
  opacity: 1;
}
ul.fancytree-container .fancytree-ico-cf span.fancytree-icon:after,
ul.fancytree-container .fancytree-ico-ef span.fancytree-icon:after {
  content: "\f07c\f07c";
  opacity: 0.4;
}
span.fancytree-title {
  color: var(--black-color);
}
.modal-body > .dropdown.listOptionsToggle {
  background-color: var(--white-color);
  margin-bottom: 6px;
  width: 100%;
  text-align: left;
  padding: 0;
}
.modal-body > .dropdown.listOptionsToggle a {
  padding: 2px 10px !important;
  font-size: 14px;
  margin-left: 0 !important;
  display: block;
  text-align: left;
}
.modal-body > .dropdown.listOptionsToggle a .caret {
  position: absolute;
  right: 12px;
}
.modal-body #document-list .list-item {
  cursor: pointer;
}
.modal-body #document-list .list-item a:hover {
  text-decoration: none;
}
.modal-body #document-list .list-item .media-heading a {
  color: var(--secondary-text-color);
}
.modal-body #document-list .list-item:not(.new-item):hover {
  background-color: var(--info-primary-color);
}
.modal-retrain .modal-body {
  margin-bottom: 0;
}
.investigator-unlinked {
  color: lightgrey;
}
.investigator-linked {
  color: #0a84ff;
}
#duplicateFileOptionsModal .modal-body {
  padding: 15px 20px;
}
.modal-image-viewer {
  width: 100vw !important;
  margin-left: 0;
  top: 0 !important;
  left: 0 !important;
}
.modal-image-viewer .modal-body {
  max-height: 85vh !important;
  text-align: center;
}
.table-header .table-header-cell {
  color: var(--secondary-text-color) !important;
  font-size: 14px;
  font-weight: 400;
}
.table-row {
  padding: 8px 0 2px;
}
.category-selection {
  display: flex;
  flex-direction: column;
  width: 500px;
}
.category-selection .category {
  border: 1px solid var(--gray-color-400);
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 6px;
}
.category-selection .category:hover {
  border-color: var(--gray-color-600);
  background-color: var(--gray-color-100);
  cursor: pointer;
}
.category-selection .category.active {
  border-color: var(--primary-button-background-color);
  background-color: var(--info-primary-color);
  font-weight: 500;
}
.category-selection * {
  border-collapse: collapse;
  box-sizing: border-box;
}
.prerequisite_counter {
  display: inline-block;
  background-color: #d9534f;
  color: var(--white-color);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 2px;
  margin-left: 2px;
  line-height: 8px;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
}
.prerequisite_complete {
  font-size: 12px;
  vertical-align: top;
  margin-left: 2px;
}
.courseId > a {
  margin-left: 6px;
}
.upload-link-remove:hover {
  text-decoration: none;
}
.custom-field-list .field-container {
  width: 60px;
  float: left;
  padding-top: 9px;
  text-align: center;
}
.custom-field-list .field-container .field-icon {
  font-size: 28px;
}
.wsf .icon-circle-blank {
  color: var(--secondary-text-color);
  font-weight: 300 !important;
}
.wsf .icon-circle {
  color: var(--secondary-text-color);
  font-weight: 900 !important;
}
.wsf .icon-circle:before {
  content: "\f192";
}
.attachment-field {
  width: 100%;
}
.attachment-field > .pull-right {
  margin-top: -16px;
}
.attachment-field > .pull-right .listOptionsToggle {
  padding: 0;
  margin: 0;
}
.attachment-field > .pull-right .listOptionsToggle > a {
  text-decoration: none !important;
}
.attachment-field > .pull-right .listOptionsToggle > a:hover {
  text-decoration: none !important;
}
.attachment-field input {
  margin: 0;
  background-color: var(--white-color);
}
.why {
  background-color: var(--white-color);
  border: 1px solid var(--gray-color-400);
}
.why .why-header {
  border-bottom: 1px solid var(--gray-color-400);
}
.upload-link-remove:hover {
  text-decoration: none;
}
.customform-display > .form- > .ng-scope > .row-fluid {
  margin-bottom: 20px;
}
.controls .upload-attachments .attachment {
  margin: 10px 0 0 5px;
}
.controls .upload-attachments .attachment > .close {
  margin-left: 10px;
}
.ace-table-container .table {
  table-layout: fixed;
  width: 100%;
}
.ace-table-container .table > thead,
.ace-table-container .table > thead > tr > th,
.ace-table-container .table td {
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
}
.ace-table-container .table > thead > tr:first-child,
.ace-table-container .table > thead > tr > th,
.ace-table-container .table td:first-child {
  background-color: var(--gray-color-200);
}
.ace-table-container .table > thead > tr:first-child > th,
.ace-table-container .table > thead > tr > th > th,
.ace-table-container .table td:first-child > th {
  text-align: center;
  vertical-align: middle;
}
.ace-table-container .table > thead > tr:first-child > th:not(:first-child) > div:first-child,
.ace-table-container .table > thead > tr > th > th:not(:first-child) > div:first-child,
.ace-table-container .table td:first-child > th:not(:first-child) > div:first-child {
  border-bottom: 1px solid var(--gray-color-400);
}
.ace-table-container .table > tbody > tr > td:first-child {
  background-color: var(--gray-color-200);
  text-align: center;
  vertical-align: inherit;
}
.ace-table-container .table .empty {
  background-color: var(--white-color) !important;
  text-align: left !important;
}
.ace-table-container button {
  float: left;
  margin-top: -10px;
}
.field-group .row-fluid:nth-child(2) {
  margin-bottom: 20px;
}
.table-on-form .controls > table > thead > tr > th,
.table-on-form .controls > table td {
  border: 1px solid var(--gray-color-400);
}
.table-on-form .controls > table > thead > tr > th,
.table-on-form .controls > table td:first-child {
  background-color: var(--gray-color-200);
}
.field-render > .ace-table-container {
  padding-bottom: 30px;
}
.worker-job-monitor.alert .semi-bold {
  width: 100% !important;
}
.chat-preview {
  display: none;
  flex-direction: column;
  min-height: 18px;
  padding: 5px 10px;
  border-top: 1px solid var(--gray-color-300);
}
.preview-content {
  display: none;
}
.preview-header {
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
}
.preview-header .summary {
  flex-grow: 1;
}
.preview-header a {
  flex-shrink: 1;
}
.preview.expanded .preview-header .summary {
  visibility: hidden;
}
.preview.expanded .preview-content {
  display: block;
  flex-grow: 1;
  overflow: auto;
  padding-top: 5px;
}
.chat-window.scribe .scribe-messages {
  height: inherit !important;
}
.chat-window.scribe.preview .chat-body {
  height: 285px;
}
.chat-window.scribe.preview .chat-preview {
  display: flex;
}
.chat-window.scribe .summary .avatar:not(:first-child) {
  margin-left: -11px;
}
.chat-window.scribe.preview.expanded .chat-body {
  height: 165px;
}
.chat-window.scribe.preview.expanded .chat-preview {
  height: 144px;
}
.preview-wrapper {
  display: flex;
  flex-direction: row;
  padding: 5px 10px;
}
.preview-wrapper .preview-text {
  padding-left: 5px;
  padding-right: 5px;
}
.more-avatar {
  float: left;
  border: 1px solid var(--gray-color-300);
  width: 22px;
  height: 22px;
  text-align: center;
  background-color: var(--gray-color-300);
  border-radius: 100%;
}
.live-messages-container.preview {
  display: flex;
  flex-direction: column;
}
.live-messages-container.preview > .messages {
  flex-grow: 1;
}
.live-messages-container.preview .chat-preview {
  display: flex;
  flex-shrink: 1;
}
.live-messages-container.preview.expanded .chat-preview {
  max-height: 200px;
}
.worker-job-monitor {
  display: flex;
  align-items: center;
  padding: 10px 20px;
}
.worker-job-monitor > .worker-job-action {
  margin-left: auto;
  float: right;
}
.worker-job-monitor > .worker-job-alert-icon {
  font-size: 24px;
}
.worker-job-monitor > .worker-job-close {
  margin-right: 20px;
}
.worker-job-monitor > .progress {
  margin-bottom: 0px !important;
  flex-grow: 1;
  margin: 0 30px;
}
.worker-job-monitor .link-text-styling {
  color: #5ec25b;
  margin-right: 10px;
}
.ng-pristine > .postFunctionForm > .muted {
  margin-top: -28px;
}
.ng-pristine > .postFunctionForm .checkbox {
  margin-top: 20px;
}
.batch-summary-table {
  width: 100%;
  table-layout: fixed;
}
.batch-summary-table > tbody > tr > td:first-child {
  background-color: var(--gray-color-100);
  width: 20%;
  max-width: 30%;
}
.batch-panel-section .panel {
  padding-top: 0px;
}
.batch-panel-section .panel-body {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.batch-panel-section .panel-footer {
  text-align: left;
  padding: 10px 8px;
}
.stack-activity-stream.fa-stack {
  vertical-align: top;
  top: 3px;
}
.stack-activity-stream.fa-stack .fa-stack-2x {
  font-size: 16px;
  color: var(--primary-button-background-color) !important;
}
.stack-activity-stream.fa-stack .fa-stack-1x {
  left: 6px;
  font-size: 10px;
  color: white;
  vertical-align: middle;
}
.stack-activity-stream.fa-stack .fa-history {
  color: var(--primary-button-background-color) !important;
}
/* ----- EBR Tabs ----- */
.batch-step-container {
  overflow: visible;
}
.batch-step-container .panel-group .panel {
  overflow: visible;
  margin-bottom: 20px;
  border-color: var(--gray-color-400);
}
.batch-step-container .panel-group .panel .panel-collapse {
  overflow: hidden;
}
.batch-step-container .panel-group .panel .panel-collapse.in {
  overflow: visible;
}
.batch-step-container .panel-group .panel .panel-heading {
  padding: 18px 10px 5px 18px;
}
.batch-step-container .panel-group .panel .panel-heading .panel-title .help-block {
  margin-left: 25px;
}
.batch-step-container .panel-group .panel .panel-heading .panel-title .btn {
  padding: 0 8px;
}
.batch-step-container .panel-group .panel .panel-body {
  border-top: none;
}
.batch-step-container .panel-group .panel .panel-body .panel-body-content {
  min-height: 15px;
}
.batch-step-container .panel-group .panel .panel-body .btn-group > .btn:last-child {
  margin-left: 5px;
  border-radius: 8px;
}
.batch-step-container .panel-group .panel .panel-body .batch-bulk-actions {
  margin-bottom: 10px;
}
.batch-step-container .panel-group .panel .panel-body .ebr-btn-group {
  display: flex;
  justify-content: center;
}
.batch-step-container .panel-group .panel .panel-body .ebr-btn-group .btn-round {
  border-radius: 8px;
}
.batch-step-container .panel-group .panel .step-section,
.batch-step-container .panel-group .panel .group-step-section {
  margin-bottom: 14px;
}
.batch-step-container .panel-group .panel .step-section .group-step-table > tbody > tr > th > .pull-right,
.batch-step-container .panel-group .panel .group-step-section .group-step-table > tbody > tr > th > .pull-right,
.batch-step-container .panel-group .panel .step-section .step-table > tbody > tr > th > .pull-right,
.batch-step-container .panel-group .panel .group-step-section .step-table > tbody > tr > th > .pull-right {
  color: #1970b9 !important;
}
.batch-step-container .panel-group .panel .step-section .group-step-table > tbody > tr > th > .pull-right > a,
.batch-step-container .panel-group .panel .group-step-section .group-step-table > tbody > tr > th > .pull-right > a,
.batch-step-container .panel-group .panel .step-section .step-table > tbody > tr > th > .pull-right > a,
.batch-step-container .panel-group .panel .group-step-section .step-table > tbody > tr > th > .pull-right > a {
  padding: 8px !important;
}
.batch-step-container .panel-group .panel .step-section .group-step-table > tbody > tr > th > .pull-right .btn-link,
.batch-step-container .panel-group .panel .group-step-section .group-step-table > tbody > tr > th > .pull-right .btn-link,
.batch-step-container .panel-group .panel .step-section .step-table > tbody > tr > th > .pull-right .btn-link,
.batch-step-container .panel-group .panel .group-step-section .step-table > tbody > tr > th > .pull-right .btn-link {
  color: #1970b9 !important;
}
.batch-step-container .panel-group .panel .step-section:last-of-type {
  margin-bottom: 20px;
}
.batch-step-container .panel-group .panel .step-table,
.batch-step-container .panel-group .panel .group-step-table {
  border: 1px solid var(--gray-color-400);
  width: 100%;
}
.batch-step-container .panel-group .panel .step-table .step-number,
.batch-step-container .panel-group .panel .group-step-table .step-number {
  display: inline-block;
  padding: 7px 0px 4px;
  font-weight: 800;
  color: var(--primary-text-color);
}
.batch-step-container .panel-group .panel .step-table .group,
.batch-step-container .panel-group .panel .group-step-table .group {
  margin: 7px 1px !important;
  padding-left: 5px;
  padding-right: 5px;
}
.batch-step-container .panel-group .panel .step-table tr.step-field td,
.batch-step-container .panel-group .panel .group-step-table tr.step-field td {
  width: 25%;
  vertical-align: top;
}
.batch-step-container .panel-group .panel .step-table tr.step-field td .tooltip-hover,
.batch-step-container .panel-group .panel .group-step-table tr.step-field td .tooltip-hover {
  width: auto !important;
}
.batch-step-container .panel-group .panel .step-table tr.step-execution-field td,
.batch-step-container .panel-group .panel .group-step-table tr.step-execution-field td {
  border: 1px solid var(--gray-color-400);
  width: 25%;
  vertical-align: top;
  background-color: var(--gray-color-200);
}
.batch-step-container .panel-group .panel .group-step-table {
  background-color: var(--gray-color-100);
}
.batch-step-container .panel-group .panel .group-step-table tr.step-field {
  background-color: var(--white-color);
  padding: 0px 20px 20px 20px;
}
.batch-step-container .panel-group .panel .group-step-table .group-step-field > td {
  padding: 0px 20px;
}
.ebr-step > .row-fluid:last-of-type > .panel-default > .panel-body > .button-section-container {
  padding: 0px !important;
  margin-top: 20px !important;
}
.ebr-step .batch-step-container {
  margin-bottom: 20px;
}
.ebr-step .batch-step-container .accordion-toggle > i {
  margin-right: 10px;
}
.ebr-step .panel {
  box-shadow: none;
}
.ebr-step .panel .panel {
  margin: 0 0 10px 0;
}
.ebr-step .subsection-btn {
  margin-top: 0;
}
.reviewExecutionContainer .page-sidebar-wrapper,
.executionContainer .page-sidebar-wrapper {
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
}
.reviewExecutionContainer .page-sidebar-wrapper #sidebarContainer,
.executionContainer .page-sidebar-wrapper #sidebarContainer {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 210px;
  background-color: var(--gray-color-200);
  border-right: 1px solid var(--gray-color-400);
  color: var(--gray-color-900);
}
.reviewExecutionContainer .list-view .form-edit-active .signature-section,
.executionContainer .list-view .form-edit-active .signature-section {
  display: none;
}
.reviewExecutionContainer .group-step-section,
.executionContainer .group-step-section {
  margin-bottom: 14px;
}
.reviewExecutionContainer .group-step-section .group-step-table,
.executionContainer .group-step-section .group-step-table {
  width: 100%;
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
}
.reviewExecutionContainer .group-step-section .group-step-table tr.step-field,
.executionContainer .group-step-section .group-step-table tr.step-field {
  background-color: var(--white-color);
  padding: 0px 20px 20px 20px;
}
.reviewExecutionContainer .group-step-section .group-step-table .group-step-field > td,
.executionContainer .group-step-section .group-step-table .group-step-field > td {
  padding: 0px 20px;
}
.reviewExecutionContainer .group-step-section .group-step-table .step-number,
.executionContainer .group-step-section .group-step-table .step-number {
  display: inline-block;
  padding: 7px 0px 4px;
  font-weight: 800;
  color: var(--primary-text-color);
}
.reviewExecutionContainer .group-step-section .group-step-table .group,
.executionContainer .group-step-section .group-step-table .group {
  margin: 7px 1px !important;
  padding-left: 5px;
  padding-right: 5px;
}
.reviewExecutionContainer .inline-edit-btn,
.executionContainer .inline-edit-btn {
  color: var(--primary-button-background-color) !important;
  display: none;
}
.reviewExecutionContainer .group-step-section {
  margin-bottom: 14px;
}
.reviewExecutionContainer .group-step-section .group-step-table {
  width: 100%;
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
}
.reviewExecutionContainer .group-step-section .group-step-table tr.step-field {
  background-color: var(--white-color);
  padding: 0px 20px 20px 20px;
}
.reviewExecutionContainer .group-step-section .group-step-table .group-step-field > td {
  padding: 0px 20px;
}
.reviewExecutionContainer .group-step-section .group-step-table .step-number {
  display: inline-block;
  padding: 7px 0px 4px;
  font-weight: 800;
  color: var(--primary-text-color);
}
.reviewExecutionContainer .group-step-section .group-step-table .group {
  margin: 7px 1px !important;
  padding-left: 5px;
  padding-right: 5px;
}
.highcharts-credits {
  display: none;
}
.assessment-grid-section {
  display: grid;
  grid-gap: 16px;
  padding: 12px 0 24px;
}
.assessment-grid-section > div.assessment-grid-panel {
  border: 1px solid var(--gray-color-400);
  text-align: center;
  padding: 20px;
  font-size: 30px;
  margin-bottom: 0;
  box-shadow: none;
}
.assessment-grid-section > div.assessment-grid-panel .panel-title-small {
  margin-bottom: 18px;
  font-size: 19px;
  font-weight: 400;
  display: block;
}
.assessment-section-col-2 {
  grid-template-columns: 25% 75%;
}
.assessment-section-col-3 {
  grid-template-columns: 18% 19% 63%;
  grid-template-areas: 'assessment-col-1 . .' 'assessment-col-1 . .';
}
.assessment-section-col-3 > div.assessment-grid-panel:first-child {
  grid-area: assessment-col-1;
}
.assessment-section-col-3-row-1 {
  grid-template-areas: 'assessment-col-1 . assessment-col-3' 'assessment-col-1 . assessment-col-3';
}
.assessment-section-col-3-row-1 > div.risk-count-panel {
  grid-area: assessment-col-3;
  margin-right: 32px;
}
.assessment-section-col-3-row-1 > div.overall-risk-panel p {
  margin-bottom: 0;
}
.assessment-section-col-3-row-1 > div.answered-panel .progressbar {
  margin-top: 38px;
}
#accordionExpand > i {
  margin-right: 4px;
}
#ace-ebr-field-search > .adys-widget {
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  margin-top: -10px;
}
.execution-nav.sub-section {
  padding-left: 40px;
}
.execution-nav.heading {
  padding-left: 60px;
}
.ebr-progress-area {
  margin-right: 30px;
}
.executionContainer #sidebarContainer {
  border-right: 1px solid var(--gray-color-400);
}
.reviewExecutionContainer {
  border-top: 1px solid var(--gray-color-400);
}
.reviewExecutionContainer #sidebarContainer #sidebar {
  padding-top: 25px;
  width: 300px;
  position: fixed;
  overflow: auto;
  height: 100%;
  border-right: 1px solid var(--gray-color-400);
}
.reviewExecutionContainer,
.executionContainer {
  display: grid;
  grid-template-columns: [sidebar-start] 300px [sidebar-end] 1fr;
  grid-template-rows: auto;
  grid-auto-rows: 20px 1fr;
  grid-template-areas: "sidebar header" "sidebar ." "sidebar main";
  column-gap: 10px;
}
.reviewExecutionContainer #sidebarContainer,
.executionContainer #sidebarContainer {
  grid-area: sidebar;
}
.reviewExecutionContainer .batch-stop,
.executionContainer .batch-stop {
  grid-area: header;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  background-color: #fcf8e3;
  color: #f0ad4e;
  font-weight: 500;
}
.reviewExecutionContainer .batch-summary-table,
.executionContainer .batch-summary-table {
  text-align: center;
  grid-area: main;
}
.reviewExecutionContainer .page-sidebar-wrapper .nav-list,
.executionContainer .page-sidebar-wrapper .nav-list {
  padding: 0;
}
.reviewExecutionContainer .page-sidebar-wrapper li:first-child,
.executionContainer .page-sidebar-wrapper li:first-child {
  padding-left: 16px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--gray-color-800);
  font-weight: 600;
}
.reviewExecutionContainer .page-sidebar-wrapper > li,
.executionContainer .page-sidebar-wrapper > li {
  display: flex;
  flex-direction: column;
}
.reviewExecutionContainer .page-sidebar-wrapper > a,
.executionContainer .page-sidebar-wrapper > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviewExecutionContainer .execution-nav,
.executionContainer .execution-nav {
  min-width: 220px;
  max-width: 400px;
}
.reviewExecutionContainer .batch-execution-summary,
.executionContainer .batch-execution-summary {
  grid-area: main;
}
.reviewExecutionContainer .batch-execution-summary .list-view,
.executionContainer .batch-execution-summary .list-view {
  width: 100%;
  padding: 0;
}
.reviewExecutionContainer .batch-execution-summary .list-view .items,
.executionContainer .batch-execution-summary .list-view .items {
  padding: 0;
}
.reviewExecutionContainer .batch-execution-summary .ebr-execution .step-num-container,
.executionContainer .batch-execution-summary .ebr-execution .step-num-container {
  flex-direction: column;
}
.reviewExecutionContainer .batch-execution-summary .ebr-execution .step-num-container .step-num,
.executionContainer .batch-execution-summary .ebr-execution .step-num-container .step-num {
  display: flex;
  align-items: center;
}
.reviewExecutionContainer #ebr-execution-panel,
.executionContainer #ebr-execution-panel {
  border-bottom: none;
}
.reviewExecutionContainer #ebr-execution-panel > li,
.executionContainer #ebr-execution-panel > li {
  width: 100%;
  position: relative;
}
.reviewExecutionContainer #ebr-execution-panel > li > a,
.executionContainer #ebr-execution-panel > li > a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviewExecutionContainer #ebr-execution-panel > li > .active,
.executionContainer #ebr-execution-panel > li > .active {
  background-color: var(--gray-color-200);
}
.reviewExecutionContainer #ebr-execution-panel > li .in-progress-state,
.executionContainer #ebr-execution-panel > li .in-progress-state {
  color: #eb9e2f;
}
.reviewExecutionContainer #ebr-execution-panel > li .initial-state,
.executionContainer #ebr-execution-panel > li .initial-state {
  color: var(--gray-color-700);
}
.reviewExecutionContainer #ebr-execution-panel > li .completed-state,
.executionContainer #ebr-execution-panel > li .completed-state {
  color: #5cb85c;
}
.reviewExecutionContainer #ebr-execution-panel > li .heading:after,
.executionContainer #ebr-execution-panel > li .heading:after,
.reviewExecutionContainer #ebr-execution-panel > li .sub-section:after,
.executionContainer #ebr-execution-panel > li .sub-section:after {
  z-index: -1;
  position: absolute;
  content: '';
  border-left: 1px solid var(--gray-color-400);
  height: 25px;
  top: 31px;
}
.reviewExecutionContainer #ebr-execution-panel > li .heading:after,
.executionContainer #ebr-execution-panel > li .heading:after {
  left: 67.5px;
}
.reviewExecutionContainer #ebr-execution-panel > li .sub-section:after,
.executionContainer #ebr-execution-panel > li .sub-section:after {
  left: 47.5px;
}
.reviewExecutionContainer #ebr-execution-panel > .last-child .sub-section:after,
.executionContainer #ebr-execution-panel > .last-child .sub-section:after,
.reviewExecutionContainer #ebr-execution-panel > .last-child .heading:after,
.executionContainer #ebr-execution-panel > .last-child .heading:after {
  height: 0px;
}
.revivew-section-minimized {
  display: block;
  padding: 10px;
}
.revivew-section-minimized .section-btn {
  margin-bottom: 20px;
  margin-top: -10px;
}
.ebr-container .nav-header {
  display: none;
}
.ebr-container .reviewExecutionContainer .active > a,
.ebr-container .executionContainer .active > a {
  color: var(--primary-button-background-color) !important;
}
.ebr-container .manageReviews .tabs-above > .nav-tabs .active > a,
.ebr-container .myProgress .tabs-above > .nav-tabs .active > a {
  color: var(--gray-color-800);
}
.ebr-container .manageReviews .tabs-above > .nav-tabs > li > a,
.ebr-container .myProgress .tabs-above > .nav-tabs > li > a {
  font-weight: 400 !important;
  color: var(--gray-color-800);
}
.ebr-container .manageReviews li:first-child .tab-count,
.ebr-container .myProgress li:first-child .tab-count {
  color: var(--primary-button-background-color);
}
.ebr-container .manageReviews li:nth-child(2) .tab-count,
.ebr-container .myProgress li:nth-child(2) .tab-count {
  color: #eb982c;
}
.ebr-container .manageReviews li:nth-child(3) .tab-count,
.ebr-container .myProgress li:nth-child(3) .tab-count {
  color: var(--gray-color-500);
}
.ebr-container .manageReviews li:last-of-type .tab-count,
.ebr-container .myProgress li:last-of-type .tab-count {
  color: #69c758;
}
.ebr-container .manageReviews .tab-count,
.ebr-container .myProgress .tab-count {
  font-size: 26px;
  background-color: transparent;
}
.ebr-container .review-tabs .tab-count {
  font-size: 16px;
  background-color: transparent;
  color: var(--primary-link-color);
  padding-right: 0;
}
.ebr-container .ajax-container .list-view,
.ebr-container .ajax-container .items {
  padding-top: 0 !important;
}
.step-field-assoc {
  width: 100%;
  border: 1px solid #d9655b;
}
.step-field-assoc .step-buttons {
  text-align: center;
}
.batch-step-signature {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.batch-step-signature .media {
  margin-top: 0;
}
.batch-step-signature .step-signature-btn {
  margin: 5px;
}
.ebr-step-modal > form {
  margin: 0 !important;
}
.group-step-table th {
  line-height: 38px;
  padding: 8px 20px;
}
.step-execution-section .grayout-section .test-steps label {
  color: var(--gray-color-800);
}
.step-execution-section .grayout-section .test-steps label + .value {
  color: var(--gray-color-700);
}
.step-execution-section .grayout-section .test-step-executions .step-field label {
  color: var(--gray-color-800);
}
.step-execution-section .grayout-section .test-step-executions .step-field label + .value {
  color: var(--gray-color-700);
}
#my-ebr-execution-grid .table > tbody > tr > td {
  vertical-align: baseline !important;
}
.modal-sidebar-container .ebr-role-modal {
  background-color: var(--white-color);
}
.modal-sidebar-container .ebr-role-modal .modal-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0px;
  max-height: 550px;
  overflow: auto;
  padding: 10px 0 0 0;
  padding-bottom: 25px;
  background-color: var(--gray-color-200);
}
.modal-sidebar-container .ebr-role-modal .modal-content-container {
  max-height: 550px;
  overflow: auto;
}
.ebr-execution .step-num-container {
  flex-direction: column;
}
.ebr-execution .step-num-container .step-num {
  display: flex;
  align-items: center;
}
.step-flag > .pull-right > i {
  color: #d9655b;
}
.batch-execution-btns {
  display: none;
  position: absolute;
  right: 40px;
  top: 6px;
  z-index: 1;
}
.condition-stop {
  color: #ec8c8c;
}
.condition-default {
  color: #FFAB00;
}
.half-circle {
  background: radial-gradient(closest-side, var(--white-color) 80%, transparent 0 99.9%, var(--white-color) 0), conic-gradient(from 270deg, var(--primary-button-background-color) calc(var(--pgPercentage) * 1%), #d9d9d9 0);
}
.full-circle {
  background: radial-gradient(closest-side, var(--white-color) 80%, transparent 0 99.9%, var(--white-color) 0), conic-gradient(var(--primary-button-background-color) calc(var(--pgPercentage) * 1%), #d9d9d9 0);
}
.progress-bar-section {
  height: 5rem;
}
.progressbar {
  margin: 0 auto;
  --pgPercentage: var(--percent-value);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-size: cover;
  max-width: 100%;
}
.progressbar-xsmall {
  width: 2.5rem;
  height: 2.5rem;
}
.progressbar-small {
  width: 5rem;
  height: 5rem;
}
.progressbar::before {
  content: var(--progressbar-text-value) '%';
}
.half-circle .progress-bar-text {
  margin-top: -25px;
}
.progress-bar-text-regular {
  font-size: 17px;
}
.progress-bar-text-small {
  font-size: 10px;
}
.half-circle .progress-bar-text-small {
  margin-top: -13px;
}
.progress-bar-section-small {
  height: 2.5rem;
}
.progress-bar-section-xsmall {
  height: 1rem;
}
.btn-highlight-gray {
  background-color: var(--gray-color-300);
}
.assessment-subsection-container-sidebar {
  margin-right: 320px;
}
.assessment-sidebars {
  width: 280px;
  position: fixed;
  right: 0;
  margin: 20px;
  box-shadow: 0 0 8px -2px rgba(var(--black), 0.1);
  border-left: 1px solid var(--gray-color-400);
  padding-left: 20px;
  margin-top: -10px;
  height: 100%;
}
.sidebar-minimized-clear {
  display: none;
}
.assessment-sub-question-item {
  margin-left: 30px;
}
.response-section-list {
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  padding: 15px 15px 0;
  margin-bottom: 15px;
}
.response-section-list .assessment-section-title {
  font-size: 18px;
}
.response-section-list .response-list-flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.response-section-list .response-list-flex-container > div:first-of-type {
  margin-top: 14px !important;
}
.response-section-list .response-list-flex-container > div:first-of-type > .progress-bar-section .progressbar-small {
  width: 4rem;
  height: 4rem;
}
.response-section-list .response-list-flex-container > div {
  margin: 10px;
}
.response-section-list .response-list-flex-container .list-border-right {
  border-right: 1px solid var(--gray-color-300);
  padding-right: 32px;
}
.response-section-list .response-list-flex-container .progress.progress-regular {
  margin-bottom: 0;
}
.response-section-list .response-list-flex-container > .assessment-distribution-bar {
  padding-top: 8px;
}
.response-section-list .response-list-flex-container > .assessment-distribution-bar > .progress {
  margin-top: 2px;
  margin-bottom: 0 !important;
}
.assignment-icon {
  padding: 0 3px;
}
.step-flag-no-sign > .pull-right > i {
  color: #FFAB00;
}
.flex-layout .container-fluid {
  padding: 0;
}
.modal-body-message {
  padding: 12px 28px;
  line-height: 21px;
  border-top: none;
  margin: 25px;
  color: var(--gray-color-800);
  font-size: 17px;
  text-align: center;
}
.highcharts-credits {
  display: none;
}
.assessment-grid-section {
  display: grid;
  grid-gap: 16px;
  padding: 12px 0 24px;
}
.assessment-grid-section > div.assessment-grid-panel {
  border: 1px solid var(--gray-color-400);
  text-align: center;
  padding: 20px;
  font-size: 30px;
  margin-bottom: 0;
  box-shadow: none;
}
.assessment-grid-section > div.assessment-grid-panel .panel-title-small {
  margin-bottom: 18px;
  font-size: 19px;
  font-weight: 400;
  display: block;
}
.assessment-section-col-2 {
  grid-template-columns: 25% 75%;
}
.assessment-section-col-3 {
  grid-template-columns: 18% 19% 63%;
  grid-template-areas: 'assessment-col-1 . .' 'assessment-col-1 . .';
}
.assessment-section-col-3 > div.assessment-grid-panel:first-child {
  grid-area: assessment-col-1;
}
.assessment-section-col-3-row-1 {
  grid-template-areas: 'assessment-col-1 . assessment-col-3' 'assessment-col-1 . assessment-col-3';
}
.assessment-section-col-3-row-1 > div.risk-count-panel {
  grid-area: assessment-col-3;
  margin-right: 32px;
}
.assessment-section-col-3-row-1 > div.overall-risk-panel p {
  margin-bottom: 0;
}
.assessment-section-col-3-row-1 > div.answered-panel .progressbar {
  margin-top: 38px;
}
.half-circle {
  background: radial-gradient(closest-side, var(--white-color) 80%, transparent 0 99.9%, var(--white-color) 0), conic-gradient(from 270deg, var(--primary-button-background-color) calc(var(--pgPercentage) * 1%), #d9d9d9 0);
}
.full-circle {
  background: radial-gradient(closest-side, var(--white-color) 80%, transparent 0 99.9%, var(--white-color) 0), conic-gradient(var(--primary-button-background-color) calc(var(--pgPercentage) * 1%), #d9d9d9 0);
}
.progress-bar-section {
  height: 5rem;
}
.progressbar {
  margin: 0 auto;
  --pgPercentage: var(--percent-value);
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-size: cover;
  max-width: 100%;
}
.progressbar-xsmall {
  width: 2.5rem;
  height: 2.5rem;
}
.progressbar-small {
  width: 5rem;
  height: 5rem;
}
.progressbar::before {
  content: var(--progressbar-text-value) '%';
}
.half-circle .progress-bar-text {
  margin-top: -25px;
}
.progress-bar-text-regular {
  font-size: 17px;
}
.progress-bar-text-small {
  font-size: 10px;
}
.half-circle .progress-bar-text-small {
  margin-top: -13px;
}
.progress-bar-section-small {
  height: 2.5rem;
}
.progress-bar-section-xsmall {
  height: 1rem;
}
.assessment-subsection-container-sidebar {
  margin-right: 320px;
}
.assessment-sidebars {
  width: 280px;
  position: fixed;
  right: 0;
  margin: 20px;
  box-shadow: 0 0 8px -2px rgba(var(--black), 0.1);
  border-left: 1px solid var(--gray-color-400);
  padding-left: 20px;
  margin-top: -10px;
  height: 100%;
}
.assessment-sub-question-item {
  margin-left: 30px;
}
.response-section-list {
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  padding: 15px 15px 0;
  margin-bottom: 15px;
}
.response-section-list .assessment-section-title {
  font-size: 18px;
}
.response-section-list .response-list-flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.response-section-list .response-list-flex-container > div {
  margin: 10px;
}
.response-section-list .response-list-flex-container .list-border-right {
  border-right: 1px solid var(--gray-color-300);
  padding-right: 32px;
}
.response-section-list .response-list-flex-container .progress.progress-regular {
  margin-bottom: 0;
}
.flex-layout .container-fluid {
  padding: 0;
}
.ebr-review-confirm .modal-body {
  border-top: none;
  margin-bottom: 0;
}
.ebr-review-confirm .modal-footer {
  border-top: none;
}
.file-input-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid var(--gray-color-400);
  background-color: var(--gray-color-100);
  width: 360px;
  border-radius: 8px;
  position: relative;
}
.file-input-container.file-input-container-hover {
  border: 1px solid var(--primary-button-background-color);
}
.file-input-container .max-file-size {
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 14px;
  color: var(--gray-color-800);
}
.file-input-container .drag-drop {
  padding: 10px;
}
.file-input-container .file-input-btn {
  padding: 5px 10px;
  border: 1px solid var(--gray-color-400);
  background-color: var(--white-color);
  color: var(--primary-button-background-color);
  cursor: pointer;
  margin-bottom: 10px;
}
.file-input-container .added-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  border: 1px solid var(--gray-color-200);
  background-color: #d9edf7;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.file-input-container .added-file .file-name {
  color: var(--black-color);
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
  white-space: nowrap;
}
.file-input-container .added-file .file-size {
  margin-right: 10px;
  width: 80px;
}
.file-input-container .added-file .remove {
  color: var(--primary-button-background-color);
}
.ebr-section-desc {
  width: 97%;
}
.grid-view .fixed {
  position: fixed;
  width: 100%;
  background-color: white;
  border-bottom: 2px solid;
  border-bottom-color: var(--gray-color-400);
}
.grid-view .clone {
  display: none;
}
.trainer-container .container-fluid {
  padding-left: 0px;
}
.learning-assessments-tab label.radio:has(input[type="radio"]:checked) {
  background-color: #dff0d8;
}
.learning-assessments-tab label.radio {
  width: 100%;
  height: 30px;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.learning-assessments-tab label.radio label {
  margin-top: 6px;
}
.learning-assessments-tab .progress {
  height: 30px;
  margin: 0px;
}
.learning-assessments-tab .progress-success {
  background-color: #5ec25b !important;
  --primary-button-background-color: #5ec25b !important;
}
.learning-assessments-tab .progress-pass-rate {
  height: 60px;
}
.learning-assessments-tab .pass-percent {
  color: #5ec25b;
}
.learning-assessments-tab .correct-answer {
  color: #5ec25b;
  margin: 5px 0;
}
.learning-assessments-tab .response-distribution-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30%;
}
.learning-assessments-tab .response-distribution-container .course-pass-rate {
  font-size: 24px;
  font-weight: 500;
  margin-top: 4px;
}
.learning-assessments-tab .material-ajax-container .list-item {
  margin-top: 20px;
  padding: 20px 10px 0 10px;
}
.learning-assessments-tab .material-ajax-container .list-item .response-section-list {
  margin-bottom: 0;
  border: none;
  padding: 0;
}
.learning-assessments-tab .material-ajax-container .list-item .response-section-list .response-list-flex-container div:nth-of-type(3) {
  display: flex;
  align-items: center;
}
.learning-assessments-tab .material-ajax-container .list-item .response-section-list .response-list-flex-container .list-border-right {
  display: inherit;
  flex-direction: column;
  justify-content: center;
}
.learning-assessments-tab .material-ajax-container div:nth-of-type(2) {
  border-top: none;
  padding-top: 0;
}
.disabledText {
  pointer-events: none;
}
.disabledText .fancytree-title {
  color: var(--gray-color-600);
}
.disabledText .trainer-assessment-dashboard .row-fluid .help-block {
  margin-top: 6px;
}
.training-management-tools .help-block {
  margin-top: 6px;
}
.overall-assessment-data {
  display: flex;
  height: 100px;
  border: 1px solid var(--gray-color-400);
  border-radius: 8px;
  padding-right: 20px;
}
.overall-assessment-data .progress-pass-rate {
  margin: auto 0;
}
.learning-assessments-tab .progress .bar {
  color: var(--primary-text-color) !important;
}
.assessment-dashboard-view > .row-fluid > div:first-of-type {
  margin-left: 10px;
}
.assessment-dashboard-view > .row-fluid .pull-right {
  margin-top: 8px;
}
.assessment-dashboard-view > label.radio > label {
  margin-top: 23px !important;
}
.assessment-dashboard-view .question-section {
  margin-bottom: 0 !important;
}
.assessment-dashboard-view .questions-sortable,
.assessment-dashboard-view .questions-matching {
  margin-top: 20px !important;
}
.assessment-dashboard-view .response-section-list {
  padding: 5px;
}
.assessment-dashboard-view .response-section-list .response-list-flex-container > div:nth-of-type(3) {
  display: inherit;
  align-items: center;
}
.assessment-dashboard-view .response-section-list .response-list-flex-container .list-border-right {
  display: inherit;
  flex-direction: column;
  justify-content: center;
}
.assessment-dashboard-view .response-section-list .response-list-flex-container .assessment-distribution-bar {
  padding-top: 11px;
}
.learner-results .grid-view {
  padding: 0px 20px;
}
.avg-score-text {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-button-background-color);
}
.pass-rate-text {
  font-size: 20px;
  font-weight: 600;
  color: #5cb85c;
}
.answer-distribution .correct-answer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.answer-distribution .progress .bar {
  color: var(--primary-text-color) !important;
}
.answer-distribution .progress .ace-bar {
  justify-content: flex-start !important;
  padding-left: 8px;
}
.answer-distribution .progress .ace-bar > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ace-count-placeholder {
  font-size: 14px;
}
.post-function-help-block {
  margin-left: 190px;
}
.limited-view {
  width: 100%;
  overflow: auto;
  max-height: 600px;
}
.learning-container .title-wrapper .page-header-title-wrapper,
.training-container .title-wrapper .page-header-title-wrapper {
  width: calc(100vw - 400px);
  margin-top: 8px;
}
.learning-container .title-wrapper .page-header-title-wrapper.sub-page-header-title-wrapper,
.training-container .title-wrapper .page-header-title-wrapper.sub-page-header-title-wrapper {
  margin: 4px 0 2px;
  width: 50%;
}
.learning-container .title-wrapper .page-header-title-wrapper .page-header-title,
.training-container .title-wrapper .page-header-title-wrapper .page-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
}