@charset "UTF-8";
* {
  box-sizing: border-box; }

/*html {
  overflow-y: scroll;
}*/
body {
  font-family: "Lato", Arial, sans;
  font-size: 0.85rem;
  color: #4B4B4B;
  background: #FFFFFF;
  /* background: #fafafa !important; */ }

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/100);
  src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AUi-qJCY.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: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/100);
  src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-q.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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/300);
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/300);
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/400);
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/400);
  src: local("Lato Regular"), local("Lato-Regular"), url(../../../../fonts/Lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/700);
  src: local("Lato Bold"), local("Lato-Bold"), url(../../../../fonts/Lato-Bold.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: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/900);
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwaPGR_p.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: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/stats/Lato/normal/900);
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(../../../../fonts/Montserrat-Regular.ttf) format("ttf"); }

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(../../../../fonts/Montserrat-Bold.ttf) format("ttf"); }

@font-face {
  font-family: 'simple-line-font-family';
  src: url("Simple-Line-Icons.eot?v=2.4.0");
  src: url("Simple-Line-Icons.eot?v=2.4.0#iefix") format("embedded-opentype"), url("Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("Simple-Line-Icons.woff?v=2.4.0") format("woff"), url("Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
  font-weight: 800;
  font-style: normal; }

*:focus, .modal-content .modal-header .close:focus {
  outline-color: transparent;
  outline: 0 !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", Arial, sans;
  margin: 0;
  font-weight: normal !important; }

h3 {
  font-weight: 700;
  font-size: 22px; }

h5 {
  font-size: 0.78rem;
  font-weight: 700; }

sub, sup {
  padding: 0 4px; }

.fa, .far, .fas {
  font-size: 0.85rem; }

.fa-lg {
  font-size: 1.1em; }

a {
  color: #4B4B4B; }
  a:hover, a:focus {
    color: #4B4B4B;
    text-decoration: none; }

pre {
  font-family: "Lato", Arial, sans;
  color: #4B4B4B;
  font-size: 100%;
  margin-bottom: 0; }

.font-montserrat {
  font-family: "montserrat", Arial, sans !important; }

.font-lato {
  font-family: "Lato", Arial, sans !important; }

.lowercase {
  text-transform: lowercase; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.first-letter:first-letter {
  text-transform: uppercase;
  display: block; }

.fa-sm {
  font-size: .6em !important; }

.font-lg {
  font-size: 1.1em !important; }

.font-xl {
  font-size: 1.4em !important;
  line-height: 1em; }

.text-main {
  color: #4B4B4B; }

.text-black {
  color: #000000; }

.text-gray {
  color: #838383; }

.text-success {
  color: #40c33b !important; }

.text-info {
  color: #1e90ff !important; }

.text-error {
  color: #d2032f; }

.text-disabled {
  color: #838383 !important; }

.text-muted {
  color: #c1c1c1 !important; }

.text-teal {
  color: teal !important; }

.text-dms {
  color: #fa6501 !important; }

.text-qms {
  color: #0d4aa3 !important; }

.text-kpi {
  color: #3c933c !important; }

.text-rsk {
  color: #ed0a1b !important; }

.text-cmp {
  color: #fdbb11 !important; }

.comp-color {
  border-color: #6f42c1;
  background: #6f42c1; }

.risk-color {
  border-color: #ed0a1b;
  background: #ed0a1b; }

.text-status-danger {
  color: #d2032f !important; }

.text-status-green {
  color: #40c33b !important; }

.text-status-warning {
  color: #f9b900 !important; }

.background-color {
  background: #DDDDDD; }

.simple-icon {
  font-style: normal;
  font-family: "simple-line-icons";
  font-weight: 700; }

.glyphicon {
  font-style: normal;
  font-family: "simple-line-icons";
  font-weight: 500; }
  .glyphicon.glyphicon-arrow-right::after {
    content: "\e079"; }
  .glyphicon.glyphicon-arrow-left::before {
    content: "\e07a"; }

.simple-icon.iconsOverlayed,
.fa.iconsOverlayed, .far.iconsOverlayed, .fas.iconsOverlayed {
  position: relative;
  font-size: 16px;
  line-height: 0; }
  .simple-icon.iconsOverlayed i,
  .fa.iconsOverlayed i, .far.iconsOverlayed i, .fas.iconsOverlayed i {
    background: #FFFFFF;
    border-radius: 50%;
    font-size: 75%;
    position: absolute;
    right: 2px;
    top: 8px;
    color: #4B4B4B; }

.simple-icon.iconsOverlayed,
.fa.iconsOverlayed, .far.iconsOverlayed, .fas.iconsOverlayed {
  position: relative;
  font-size: 16px; }
  .simple-icon.iconsOverlayed i,
  .fa.iconsOverlayed i, .far.iconsOverlayed i, .fas.iconsOverlayed i {
    background: #FFFFFF;
    border-radius: 50%;
    font-size: 75%;
    position: absolute;
    right: 2px;
    top: 6px;
    color: #4B4B4B; }

button:hover .simple-icon.icon-doc.iconsOverlayed i, .button:focus .simple-icon.icon-doc.iconsOverlayed i {
  background-color: transparent !important;
  color: #FFFFFF !important; }

.dropdown-menu .simple-icon.iconsOverlayed i {
  right: 16px; }

.dropdown-menu .fa.iconsOverlayed i, .far.iconsOverlayed i, .fas.iconsOverlayed i {
  right: 10px; }

td .simple-icon.iconsOverlayed i {
  right: 2px;
  top: 6px; }

.badge-orange {
  background-color: #FD6A02;
  color: #FFFFFF; }

.badge-green {
  background-color: #40c33b;
  color: #FFFFFF; }

.badge-red {
  background-color: #ed0a1b;
  color: #FFFFFF; }

.badge-violet {
  background-color: #6f42c1;
  color: #FFFFFF; }

.badge-status-green {
  color: #FFFFFF !important;
  border: 1px solid #40c33b !important;
  background-color: #40c33b !important; }

.badge-status-warning {
  color: #4B4B4B !important;
  border: 1px solid #f9b900 !important;
  background-color: #f9b900 !important; }

.badge-status-danger {
  color: #FFFFFF !important;
  border: 1px solid #d2032f !important;
  background-color: #d2032f !important; }

.badge-status-outline-green {
  background-color: #FFFFFF !important;
  border: 1px solid #40c33b !important;
  color: #40c33b !important; }

.badge-status-outline-warning {
  background-color: #4B4B4B !important;
  border: 1px solid #f9b900 !important;
  color: #f9b900 !important; }

.badge-status-outline-danger {
  background-color: #FFFFFF !important;
  border: 1px solid #d2032f !important;
  color: #d2032f !important; }

.badge.cursor-click:focus,
.badge.cursor-click:hover {
  color: #000000; }

.badge.disabled,
tr.disabled .badge {
  opacity: 0.3; }

.badge.badge-pending-read {
  background: #1e90ff;
  border: 1px solid #1e90ff;
  color: #FFFFFF; }

.badge.badge-pending-step {
  background: #4B4B4B;
  border: 1px solid #4B4B4B;
  color: #FFFFFF; }

.badge.badge-due {
  background: #ed0a1b;
  border: 1px solid #ed0a1b;
  color: #FFFFFF; }

.badge.badge-pending-due {
  background: #1e90ff;
  border: 1px solid #1e90ff;
  color: #FFFFFF; }

.badge.badge-new {
  background: yellowgreen;
  border: 1px solid yellowgreen;
  color: #FFFFFF; }

.badge.badge-published {
  background: violet-color;
  border: 1px solid violet-color;
  color: #FFFFFF; }

.badge.badge-favorite {
  background: #4B4B4B;
  border: 1px solid #4B4B4B;
  color: #FFFFFF; }

.badge.badge-tag {
  border-radius: 0 !important;
  color: #4B4B4B;
  border: 1px solid #4B4B4B;
  background: #FFFFFF;
  padding: 6px 12px !important;
  font-weight: 700; }
  .badge.badge-tag.priority-high {
    color: #d2032f;
    border-color: #d2032f; }
    .badge.badge-tag.priority-high:focus, .badge.badge-tag.priority-high:hover {
      background: #f5f5f5; }
  .badge.badge-tag.priority-medium {
    color: #f9b900;
    border-color: #f9b900; }
    .badge.badge-tag.priority-medium:focus, .badge.badge-tag.priority-medium:hover {
      background: #f5f5f5; }
  .badge.badge-tag.priority-low {
    color: #40c33b;
    border-color: #40c33b; }
    .badge.badge-tag.priority-low:focus, .badge.badge-tag.priority-low:hover {
      background: #f5f5f5; }
  .badge.badge-tag:focus, .badge.badge-tag:hover {
    background: #DDDDDD; }

.badge.badge-published {
  background: violet-color;
  border: 1px solid violet-color;
  color: #FFFFFF; }

.badge.badge-favorite {
  background: transparent !important;
  border: 1px solid teal !important;
  color: teal !important;
  border-radius: 4px !important; }

.badge.badge-tag {
  border-radius: 0 !important;
  color: #4B4B4B;
  border: 1px solid #4B4B4B;
  background: #FFFFFF;
  padding: 6px 12px !important;
  font-weight: 700; }
  .badge.badge-tag.priority-high {
    color: #d2032f;
    border-color: #d2032f; }
    .badge.badge-tag.priority-high:focus, .badge.badge-tag.priority-high:hover {
      background: #f5f5f5; }
  .badge.badge-tag.priority-medium {
    color: #f9b900;
    border-color: #f9b900; }
    .badge.badge-tag.priority-medium:focus, .badge.badge-tag.priority-medium:hover {
      background: #f5f5f5; }
  .badge.badge-tag.priority-low {
    color: #40c33b;
    border-color: #40c33b; }
    .badge.badge-tag.priority-low:focus, .badge.badge-tag.priority-low:hover {
      background: #f5f5f5; }
  .badge.badge-tag:focus, .badge.badge-tag:hover {
    background: #DDDDDD; }

.bold-700 {
  font-weight: 700; }

.success {
  color: #40c33b; }

.alert-dismissible .close {
  padding: .55rem 1.25rem !important;
  opacity: 0.5 !important;
  text-shadow: none; }

.alert-dismissible .close:hover {
  opacity: 0.8 !important;
  color: inherit; }

.alert-danger {
  color: #d2032f;
  border-color: #d2032f;
  background-color: transparent; }
  .alert-danger a {
    text-decoration: underline;
    color: #d2032f !important; }

.alert-danger-alt {
  color: #f5f5f5;
  border-color: #d2032f;
  background-color: #d2032f; }
  .alert-danger-alt a {
    text-decoration: underline;
    color: #4B4B4B !important; }

.alert-warning {
  color: #f9b900;
  background-color: transparent;
  border-color: #f9b900; }
  .alert-warning a {
    text-decoration: underline;
    color: #f9b900; }

.alert-success {
  color: #40c33b;
  background-color: transparent;
  border-color: #40c33b; }
  .alert-success a {
    text-decoration: underline;
    color: #40c33b; }

.alert-info {
  color: #177bab;
  background-color: transparent;
  border-color: #177bab; }
  .alert-info a {
    text-decoration: underline;
    color: #177bab; }
  .alert-info ul {
    list-style: inside; }

.alert-danger span::before,
.alert-danger-alt span::before,
.alert-warning span::before,
.alert-success span::before,
.alert-info span::before {
  font-family: "Font Awesome 6 Free";
  padding-right: 4px;
  font-weight: 600; }

.alert-danger span.alert-icon::before,
.alert-danger-alt span.alert-icon::before,
.alert-warning span.alert-icon::before {
  content: "\f071"; }

.alert-success span.alert-icon::before {
  content: "\f058"; }

.alert-info span.alert-icon::before {
  content: "\f05a"; }

.ui-notification {
  top: 70px !important; }
  .ui-notification.alert,
  .ui-notification .alert {
    padding: .7rem 3rem .7rem 1.25rem;
    border-radius: 0; }
  .ui-notification.killed {
    z-index: -1; }

.alert table {
  font-size: 0.78rem;
  width: 100%; }
  .alert table thead tr th {
    color: #d2032f !important; }
  .alert table th, .alert table td {
    padding: 0.4rem !important; }

.message-alert {
  border: 1px solid #d8d8d8;
  border-radius: 0.3rem !important;
  padding: 0 !important; }
  .message-alert .notification-title {
    padding: 2rem;
    background: #FFFFFF;
    line-height: 1.8;
    border-radius: 0.3rem !important; }
    .message-alert .notification-title span {
      font-size: 24px; }
    .message-alert .notification-title h4 {
      font-size: 16px; }

.badge-success {
  background-color: #40c33b; }

.badge-outline-success {
  color: #40c33b !important;
  border: 1px solid #40c33b;
  background: #FFFFFF; }
  .badge-outline-success:hover, .badge-outline-success:focus {
    background: #DDDDDD; }

.badge-secondary {
  background-color: rgba(0, 0, 0, 0.4) !important;
  color: #4B4B4B; }
  .badge-secondary:hover, .badge-secondary:focus {
    background: rgba(0, 0, 0, 0.2) !important; }

.filter-news .simple-icon, .filter-due .simple-icon {
  font-size: 0.78rem;
  margin-left: 0.25rem !important;
  margin-top: 0.25rem !important; }

.filter-news .icon,
.btn-outline-secondary:hover .filter-news .icon,
.btn-outline-secondary:hover .filter-news .icon {
  color: #FD6A02 !important; }

.filter-due .icon,
.btn-outline-secondary:hover .filter-due .icon,
.btn-outline-secondary:hover .filter-due .icon {
  color: #6f42c1 !important; }

.filter-news button:hover .icon, .filter-news button:focus .icon, .filter-due button:hover .icon, .filter-due button:focus .icon {
  color: #FFFFFF; }

.filter-news .icon:hover, .filter-news .icon:focus {
  opacity: .7; }

.filter-due {
  cursor: default; }

.text-error.fa-star-of-life {
  font-size: 8px;
  position: relative;
  bottom: 5px; }

/* scrollbar width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

/* scrollbar Track */
::-webkit-scrollbar-track {
  background: #f5f5f5;
  border: 1px solid #d8d8d8; }

/* scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #858585;
  border-radius: 8px; }

/* scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #404040; }

.nav-tabs .nav-link {
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  border: none;
  color: #4B4B4B;
  font-size: 15px;
  padding: 8px 30px; }
  .nav-tabs .nav-link.active {
    color: #40c33b;
    border-bottom: 2px solid #40c33b;
    cursor: default; }
    .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
      background-color: #FFFFFF; }
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: transparent;
    color: #40c33b; }

.nav-tabs.has-btn .nav-link,
.nav-tabs.has-btn .nav-link.active {
  height: 65px; }

.nav-tabs .nav-item .input-group input {
  border: 1px solid #d8d8d8 !important;
  width: 75%; }

.nav-tabs .nav-item .input-group .input-group-text {
  margin-left: -1px;
  border-radius: 0;
  background: #FFFFFF; }

.nav-tabs .nav-item textarea::placeholder,
.nav-tabs .nav-item input::placeholder {
  opacity: 1 !important; }

.nav-tabs .collapseExpand {
  top: 0;
  position: absolute;
  right: 15px; }

.wrappedText {
  color: #4B4B4B;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.wrapped {
  overflow-wrap: break-word;
  white-space: normal; }

.td-limit {
  max-width: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.workarea .workarea-body .table-borderless {
  border-bottom: none !important; }
  .workarea .workarea-body .table-borderless tr:last-child {
    border-bottom: none !important; }
  .workarea .workarea-body .table-borderless tr:hover {
    background: #FFFFFF !important; }

.workarea .workarea-body .table-borderless td {
  vertical-align: top !important; }

.wrapper .header .module-name {
  font-family: 'Montserrat', sans-serif; }
  .wrapper .header .module-name .modulo-title {
    background: #4B4B4B;
    color: #FFFFFF;
    padding: .2em .4em;
    border-radius: .25rem;
    font-size: 0.85rem;
    margin-right: 5px; }

.show > .btn-primary.dropdown-toggle {
  background-color: #FFFFFF;
  border-color: #40c33b;
  color: #40c33b; }

.show > .btn-outline-primary.dropdown-toggle {
  background-color: #40c33b;
  border-color: #40c33b;
  color: #FFFFFF !important; }

.show > .btn.dropdown-toggle:focus {
  box-shadow: none; }

.dropdown-menu {
  padding: 0.5rem;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background: #f5f5f5; }
  .dropdown-menu .dropdown-item {
    color: #4B4B4B;
    line-height: 22px;
    margin-bottom: 5px; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
      border-radius: 15px;
      background: #DDDDDD;
      transition: background-color 0.3s;
      color: #4B4B4B; }
    .dropdown-menu .dropdown-item.active {
      background: #40c33b;
      color: #FFFFFF;
      border-radius: 20px; }
      .dropdown-menu .dropdown-item.active:hover, .dropdown-menu .dropdown-item.active:focus {
        background: #40c33b;
        color: #FFFFFF; }
      .dropdown-menu .dropdown-item.active span, .dropdown-menu .dropdown-item.active span.text-success {
        color: #f5f5f5 !important; }
    .dropdown-menu .dropdown-item span {
      vertical-align: middle;
      padding-right: 5px; }

.dropdown-menu.selectable .dropdown-item.active {
  color: #FFFFFF;
  background: #c1c1c1; }
  .dropdown-menu.selectable .dropdown-item.active:before {
    font-family: "simple-line-icons";
    content: "\e080";
    padding-right: 5px; }

.section-disabled .field.field-chips {
  border-color: #d8d8d8 !important; }
  .section-disabled .field.field-chips label.text-success {
    color: #838383 !important; }

.wrapper.collapsed hr {
  margin: 10px 0; }

.no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 60px); }
  .no-results .center {
    border-radius: 2px;
    width: 100%;
    margin: auto 30px;
    font-size: 18px; }

.ui-widget.ui-widget-content {
  font-size: 0.85rem;
  min-width: 250px;
  font-family: 'Lato';
  z-index: 55;
  padding: 10px; }

.ui-contextmenu {
  font-family: "Lato", Arial, sans;
  /*min-width: 230px;*/
  width: 230px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  padding: 0.78rem 0;
  font-size: 16px; }
  .ui-contextmenu .ui-menu-item {
    list-style-image: none;
    margin-bottom: 5px; }
    .ui-contextmenu .ui-menu-item:hover, .ui-contextmenu .ui-menu-item:focus {
      border-radius: 15px;
      background: #DDDDDD;
      transition: background-color 0.3s;
      color: #4B4B4B; }
    .ui-contextmenu .ui-menu-item .ui-menu-item-wrapper {
      border: none;
      padding: 6px 30px 6px 50px;
      color: #4B4B4B; }
      .ui-contextmenu .ui-menu-item .ui-menu-item-wrapper .ui-icon {
        width: 20px;
        left: 20px;
        text-indent: inherit;
        background-image: none;
        line-height: 16px; }
      .ui-contextmenu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
        margin: 0;
        border: none;
        background: none; }

.page-link {
  color: #4B4B4B;
  border: none; }
  .page-link:hover {
    color: #838383; }

.pagination .page-link:focus {
  box-shadow: none; }

.pagination .page-item.active .page-link {
  color: #4B4B4B;
  font-weight: 700;
  padding: 9px 0.78rem;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #d8d8d8;
  z-index: 0; }

.pagination .page-item.disabled .page-link {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.2); }

.page-config-detail .filters-wrapper {
  margin-top: 2px; }
  .page-config-detail .filters-wrapper .FiltersContentTitle {
    background: #DDDDDD;
    padding: 10px 20px; }
  .page-config-detail .filters-wrapper .showFiltersContent {
    padding: 0 10px;
    margin-top: 10px;
    background: #f5f5f5;
    border-bottom: 2px solid #d8d8d8;
    border-radius: 15px 15px 0 0; }

.page-config-detail .filters-container {
  position: relative;
  width: 100%; }
  .page-config-detail .filters-container #listFilter {
    padding: 20px 0;
    flex-wrap: wrap; }
    .page-config-detail .filters-container #listFilter .filter {
      margin: 4px; }
      .page-config-detail .filters-container #listFilter .filter .footer .btn {
        min-width: auto;
        width: auto;
        padding: 0.4rem 1.5rem; }
      .page-config-detail .filters-container #listFilter .filter .fa-spinner.fa-spin {
        position: absolute;
        top: 7px;
        right: 10px;
        color: #FFFFFF; }
      .page-config-detail .filters-container #listFilter .filter .btn {
        min-width: 112px;
        text-align: left;
        border-width: 1px;
        position: relative;
        width: 100%; }
        .page-config-detail .filters-container #listFilter .filter .btn .label {
          font-size: 0.85rem;
          line-height: 0.85rem;
          padding-right: 20px; }
          .page-config-detail .filters-container #listFilter .filter .btn .label h5 {
            display: inline-block; }
          .page-config-detail .filters-container #listFilter .filter .btn .label .micro-icon {
            position: relative;
            top: -3px;
            left: 4px;
            font-size: 6px; }
          .page-config-detail .filters-container #listFilter .filter .btn .label:active {
            background: transparent; }
        .page-config-detail .filters-container #listFilter .filter .btn .fa-angle-down, .page-config-detail .filters-container #listFilter .filter .btn .icon-arrow-down {
          margin-top: 7px; }
        .page-config-detail .filters-container #listFilter .filter .btn .filter-name {
          margin-right: 10px; }
      .page-config-detail .filters-container #listFilter .filter .dropdown-menu {
        width: 465px; }
        .page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item {
          margin-bottom: 0; }
          .page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item.active, .page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item:active {
            background: revert !important; }
          .page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item .badge {
            margin: 1px 0 0 0;
            padding: 3px; }
        .page-config-detail .filters-container #listFilter .filter .dropdown-menu .actions.footer {
          height: auto;
          padding: 0.85rem 1.5rem;
          bottom: 1px;
          position: absolute; }
        .page-config-detail .filters-container #listFilter .filter .dropdown-menu .filter-list-container {
          max-height: 250px;
          overflow-x: hidden;
          overflow-y: auto;
          padding-bottom: 10px; }
          .page-config-detail .filters-container #listFilter .filter .dropdown-menu .filter-list-container .gform .input-group + label {
            top: 8px !important; }

.filterDatepicker .field {
  margin-bottom: 2em !important; }

.filterDatepicker .dropdown-item button.toggle {
  background: transparent;
  border: none;
  text-align: left;
  padding: 0; }
  .filterDatepicker .dropdown-item button.toggle label span {
    font-size: 16px;
    line-height: initial; }

.filterDatepicker .dropdown-item button {
  min-width: 40px !important; }

.filterDatepicker .dropdown-item.filterActions {
  margin-top: 0;
  margin-bottom: -15px; }

.filterDatepicker .dropdown-item:hover, .filterDatepicker .dropdown-item:focus {
  background: #f5f5f5; }

.datepicker > .btn {
  min-width: 112px;
  text-align: left;
  border-width: 1px;
  margin: 4px; }

.datepicker .filter-container {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  position: absolute;
  max-width: 100%;
  background: white;
  height: auto;
  z-index: 1000;
  min-width: 600px;
  margin: -2px 4px 0 4px; }

.datepicker .filter-content {
  padding: 0.85rem 1.5rem; }

.datepicker .footer {
  padding: 0.85rem 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .datepicker .footer .btn {
    min-width: auto;
    width: auto;
    padding: 0.4rem 1.5rem; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu.filterDatepicker .filter-list-container .gform .field .input-group + label {
  top: 18px !important; }
  .page-config-detail .filters-container #listFilter .filter .dropdown-menu.filterDatepicker .filter-list-container .gform .field .input-group + label span {
    background: #f5f5f5 !important; }

.filter-search {
  margin-bottom: 10px; }
  .filter-search input {
    background: #DDDDDD !important;
    color: #4B4B4B !important;
    border-radius: 6px 6px 0 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    padding: 0.7rem 1.5rem; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click {
  display: flex;
  margin: 0; }

.filter label.cursor-click span {
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click h4 {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click input[type='checkbox'] {
  display: none; }

.dropdown-menu .dropdown-item label.cursor-click input[type='checkbox'] {
  display: none; }

.tab-pane label.cursor-click input[type='checkbox'], .tab-pane label.cursor-click input[type=radio] {
  display: none; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .fa-check, .page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .icon-check {
  margin-left: 0px;
  margin-right: 6px;
  line-height: 1.7em; }

.page-config-detail .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .badge {
  min-width: 40px;
  font-weight: normal;
  height: 20px;
  line-height: 16px; }

.page-config-detail#RecomendedReadersSection .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .badge,
.page-config-detail#CCSection .filters-container #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .badge {
  color: #FFFFFF;
  line-height: 10px; }

#filter {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 15px;
  padding: 5px 10px;
  background: #FFFFFF;
  border-top: 1px solid #d8d8d8;
  z-index: 999; }

.filters-expanded-container {
  /*position: fixed;*/
  z-index: 0; }
  .filters-expanded-container .filters-expanded {
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 15px; }
    .filters-expanded-container .filters-expanded .filters-expanded-item {
      color: #838383; }
      .filters-expanded-container .filters-expanded .filters-expanded-item.active {
        color: #838383; }
  .filters-expanded-container .buttons {
    margin-right: 24px;
    margin-top: 0.78rem;
    height: 40px; }
    .filters-expanded-container .buttons .fa, .filters-expanded-container .buttons .simple-icon {
      color: rgba(0, 0, 0, 0.4); }
  .filters-expanded-container .steps .step {
    color: #4B4B4B;
    border: 1px solid #d8d8d8;
    background-color: #FFFFFF;
    flex-grow: 1;
    height: 40px;
    text-align: center;
    margin: 0 -1px;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px; }
    .filters-expanded-container .steps .step.active {
      font-weight: 700;
      color: #FFFFFF;
      background-color: #40c33b; }
    .filters-expanded-container .steps .step:first-child {
      border-radius: 30px 0 0 30px !important;
      border-right: none;
      margin: 0 -2px; }

.filters-expanded-container .steps.d-flex {
  width: 99%; }

.filters-expanded-container .steps .step button {
  position: absolute;
  border-radius: 0 30px 30px 0;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  border: 1px solid #d8d8d8;
  line-height: 0.78rem; }

.filters-expanded-container .steps .step:nth-last-child(2) {
  border-radius: 0 30px 30px 0; }

.filters-expanded-container .steps .step.next:last-child {
  border-right: none; }

.filters-expanded-container .steps .step:hover {
  color: #4B4B4B !important;
  background-color: #DDDDDD;
  cursor: pointer; }

.filters-expanded-container .steps .step.active:hover {
  color: #FFFFFF !important; }

.filters-expanded-container .steps .step .badge {
  position: absolute;
  top: -6px;
  right: 0;
  z-index: 10;
  background: #4B4B4B;
  border-radius: 50%;
  color: #FFFFFF;
  height: 20px;
  width: 20px;
  padding: 4px; }

.filters-expanded-container .steps .step:last-child,
.change-state-container .steps .step:last-child {
  display: inline-block;
  width: 0 !important;
  height: 0;
  padding: 0;
  border: none !important; }

.change-state-container {
  position: relative;
  width: 100%; }
  .change-state-container .steps .step {
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    left: 0;
    padding: 0 10px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.4);
    cursor: default;
    flex-grow: 1;
    border: 1px solid #d8d8d8;
    height: 40px;
    margin-left: -1px;
    background: #f5f5f5; }
    .change-state-container .steps .step:after, .change-state-container .steps .step:before {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .change-state-container .steps .step:after {
      border-color: rgba(255, 255, 255, 0);
      border-left-color: #f5f5f5;
      border-width: 18px;
      margin-top: -18px;
      z-index: 1; }
    .change-state-container .steps .step:before {
      border-color: rgba(107, 107, 107, 0);
      border-left-color: #d8d8d8;
      border-width: 19px;
      margin-top: -19px;
      z-index: 1; }
    .change-state-container .steps .step:last-child {
      border-right: none; }
    .change-state-container .steps .step:nth-last-child(2):after, .change-state-container .steps .step:nth-last-child(2):before, .change-state-container .steps .step:hover:nth-last-child(2):after, .change-state-container .steps .step:hover:nth-last-child(2):before, .change-state-container .steps .step.active:nth-last-child(2):after, .change-state-container .steps .step.active:nth-last-child(2):before {
      border-left-color: transparent !important; }
    .change-state-container .steps .step.active {
      font-weight: 700;
      /*cursor: pointer;*/ }
      .change-state-container .steps .step.active i {
        color: white !important; }
    .change-state-container .steps .step.next {
      font-weight: 700;
      color: #4B4B4B;
      cursor: pointer;
      background: #FFFFFF; }
      .change-state-container .steps .step.next:after {
        border-left-color: #FFFFFF; }
      .change-state-container .steps .step.next:hover, .change-state-container .steps .step.next:focus {
        background-color: #DDDDDD; }
      .change-state-container .steps .step.next:focus:after, .change-state-container .steps .step.next:focus:before, .change-state-container .steps .step.next:hover:after, .change-state-container .steps .step.next:hover:before {
        border-left-color: #DDDDDD; }
    .change-state-container .steps .step.historic {
      font-weight: 700;
      background: #d0cfd4 !important;
      color: #FFFFFF; }
      .change-state-container .steps .step.historic:hover {
        pointer-events: none; }
      .change-state-container .steps .step.historic:after, .change-state-container .steps .step.historic:before {
        border-left-color: #d0cfd4; }
    .change-state-container .steps .step:first-child {
      border-radius: 30px 0 0 30px !important; }
    .change-state-container .steps .step:nth-last-child(2) {
      border-radius: 0 30px 30px 0; }
    .change-state-container .steps .step:nth-child(6) ~ li.show {
      display: inline-block;
      margin-top: 4px;
      width: calc(98%/6); }
    .change-state-container .steps .step:nth-child(6) ~ li:not(.show) {
      display: none; }
    .change-state-container .steps .step:nth-child(-n+6) ~ li:last-child.showBtn {
      display: none; }
    .change-state-container .steps .step:nth-child(n+7) ~ li:last-child.showBtn {
      display: initial !important; }
    .change-state-container .steps .step:nth-child(n+7) ~ li:last-child {
      position: unset !important; }
    .change-state-container .steps .step:nth-child(n+7) ~ li:last-child:after,
    .change-state-container .steps .step:nth-child(n+7) ~ li:last-child:before {
      border-left-color: transparent;
      border: none; }
    .change-state-container .steps .step span {
      white-space: nowrap;
      padding: 0 0px 0 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
    .change-state-container .steps .step button {
      position: absolute;
      border-radius: 0 30px 30px 0;
      width: 42px;
      height: 40px;
      top: 0;
      right: 0;
      border: 1px solid #d8d8d8;
      z-index: 2;
      line-height: 0;
      padding: 0; }
      .change-state-container .steps .step button span {
        line-height: normal;
        padding: 0 10px !important; }
    .change-state-container .steps .step i {
      position: absolute;
      text-align: center;
      top: 8px;
      right: 8px;
      z-index: 1; }
  .change-state-container .steps.d-flex {
    width: 99%; }
  .change-state-container.CCopy .step:before {
    border-left-color: transparent !important; }
  .change-state-container.CCopy .step:after {
    left: 10px !important;
    border-left-color: transparent; }

.gu-mirror .btn {
  text-align: left;
  min-width: 112px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  font-size: 0.85rem;
  max-width: 100%; }
  .gu-mirror .btn .label {
    line-height: 0.85rem;
    padding-right: 20px; }

.badge {
  color: #FFFFFF;
  font-size: 0.78rem;
  font-weight: normal; }

.page-config-detail .action-bar {
  padding: 6px 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8; }
  .page-config-detail .action-bar .btn {
    padding: 8px 16px;
    border: none; }

.page-config-detail .loading {
  padding: 0.78rem 0; }

.config-entity .entity {
  padding: 0.85rem 30px 23px 0; }
  .config-entity .entity form .nav {
    border-bottom: 1px solid #d8d8d8; }

.config-entity .separator {
  margin-bottom: 53px; }

.entity #columns table {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 30px; }

.entity #general .col-sm-9, .entity #general .col-sm-10 {
  max-width: 350px; }

.entity #columns .col-sm-9, .entity #columns .col-sm-10 {
  max-width: 350px; }

.entity hr {
  margin-top: 11px;
  margin-bottom: 11px; }

.dynamic-fields {
  position: relative;
  width: 94%;
  margin-left: 3%; }
  .dynamic-fields .dynamic-fields-title {
    color: #4B4B4B;
    font-weight: normal;
    padding: 0.8em;
    cursor: pointer;
    border-bottom: 1px solid #d8d8d8; }

.dynamic-fields-title.workarea-title {
  font-size: 0.85rem !important; }

.dynamic-fields-title:hover, .dynamic-fields-title:focus {
  color: #838383 !important; }

.dynamic-fields .dynamic-fields-title span {
  position: absolute;
  right: 10px;
  top: 15px; }

.document-entity .topbar h1 {
  font-size: 20px;
  font-family: "montserrat", Arial, sans; }
  .document-entity .topbar h1 span {
    vertical-align: middle; }

.document-entity .topbar h2 {
  font-size: 0.85rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4); }

.document-entity .topbar .user {
  padding: 5px;
  border-radius: 30px;
  /*cursor: pointer;*/ }
  .document-entity .topbar .user .username {
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0px 8px; }
  .document-entity .topbar .user img {
    border: none;
    padding: 0;
    width: auto;
    height: 20px; }

.document-entity .topbar .user img {
  width: 20px; }

.document-entity .actionsCtrl .btn i {
  color: #4B4B4B; }

.document-entity .actionsCtrl .separator, .document-entity .actionsCtrl .topbar-actions .separator {
  width: 1px;
  background: #d8d8d8;
  margin: 0 5px; }

.document-entity .form-content {
  max-width: 100%; }

.document-entity .badge {
  margin: 0 0 4px 6px;
  color: #4B4B4B;
  line-height: 18px;
  padding: 4px 0.78rem;
  font-size: 0.78rem;
  border: 1px solid #d8d8d8; }
  .document-entity .badge.historic-badge {
    color: #FFFFFF;
    border: 1px solid #d2032f;
    background: #d2032f; }

.nav-pills .nav-link {
  border-radius: 0px;
  padding: 8px 0.78rem;
  color: #4B4B4B;
  cursor: pointer; }
  .nav-pills .nav-link.active {
    background: transparent;
    color: #838383; }

.comments .comment-image {
  flex-shrink: 0; }

.comments .comment-body .comment-details {
  font-size: 0.85rem;
  color: #838383;
  margin-top: 2px !important; }
  .comments .comment-body .comment-details .comment-date {
    color: rgba(0, 0, 0, 0.4); }

.comments .comment-body ul.comment-details li {
  margin-right: 10px; }
  .comments .comment-body ul.comment-details li:first-child {
    min-width: 25px; }

.comments .comment-body .comment-content {
  font-size: 0.78rem;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4); }

.comment-actions label a::before {
  content: "\e093";
  font-family: "simple-line-icons";
  margin-left: 6px; }

.comments .comment-body textarea.form-control {
  font-size: 0.85rem;
  padding: 5px 10px; }

.comment {
  margin: auto 40px; }
  .comment .chat-container {
    width: 80%;
    margin: 20px auto; }
    .comment .chat-container.chat-admin .chat-bubble.chat-right, .comment .chat-container.chat-admin .chat-bubble.chat-reply-right, .comment .chat-container.chat-admin .chat-bubble.chat-left {
      background: #fffce0; }
    .comment .chat-container.chat-admin .chat-bubble.chat-right:before, .comment .chat-container.chat-admin .chat-bubble.chat-reply-right:before {
      border-right: 10px solid #fffce0;
      border-top: 10px solid #fffce0; }
    .comment .chat-container.chat-admin .chat-bubble.chat-left:before {
      border-left: 10px solid #fffce0;
      border-top: 10px solid #fffce0; }
    .comment .chat-container.chat-admin .chat-bubble .chat-header .chat-title:before {
      font-family: 'Font Awesome 5 Free';
      content: "\f508";
      font-weight: 700;
      font-size: 18px;
      margin-right: 5px;
      color: rgba(0, 0, 0, 0.5); }
    .comment .chat-container .chat-bubble {
      width: 80%;
      margin: 20px auto;
      padding: 20px 30px;
      color: #4B4B4B;
      position: relative;
      text-align: left; }
      .comment .chat-container .chat-bubble.chat-right {
        margin-left: 10px;
        border-radius: 0 6px 6px 6px; }
      .comment .chat-container .chat-bubble.chat-left {
        margin-right: 10px;
        background: #d6efd6;
        border-radius: 6px 0 6px 6px; }
      .comment .chat-container .chat-bubble.chat-reply-left {
        margin-left: 10px;
        width: 70%; }
        .comment .chat-container .chat-bubble.chat-reply-left:before {
          content: "";
          width: 0px;
          height: 0px;
          position: absolute;
          border-left: 10px solid #DDDDDD;
          border-right: 10px solid transparent;
          border-top: 10px solid #DDDDDD;
          border-bottom: 10px solid transparent;
          right: -19px;
          top: 6px; }
      .comment .chat-container .chat-bubble.chat-reply-right {
        margin-right: 10px;
        width: 70%; }
        .comment .chat-container .chat-bubble.chat-reply-right:before {
          content: "";
          width: 0px;
          height: 0px;
          position: absolute;
          border-left: 10px solid transparent;
          border-right: 10px solid #DDDDDD;
          border-top: 10px solid #DDDDDD;
          border-bottom: 10px solid transparent;
          left: -19px;
          top: 6px; }
      .comment .chat-container .chat-bubble .chat-header {
        padding-bottom: 6px;
        border-bottom: 1px solid #c1c1c1;
        margin-bottom: 10px; }
        .comment .chat-container .chat-bubble .chat-header .chat-title {
          font-size: 17px;
          font-weight: 700; }
      .comment .chat-container .chat-bubble .chat-content {
        position: relative;
        width: 100%; }
        .comment .chat-container .chat-bubble .chat-content .msg-content {
          background: #FFFFFF;
          line-height: 22px;
          padding: 20px;
          margin: 0 auto 10px;
          border: 1px solid #c1c1c1;
          max-height: 250px;
          overflow: auto; }
        .comment .chat-container .chat-bubble .chat-content .notifyContainer {
          max-height: 80px;
          overflow: auto; }
          .comment .chat-container .chat-bubble .chat-content .notifyContainer .notifiedChip {
            display: inline-block;
            font-size: 0.78rem !important;
            background: #FFFFFF;
            color: #4B4B4B;
            border: 1px solid #d8d8d8;
            border-radius: 30px !important;
            padding: 2px 0.78rem;
            margin-bottom: 7px;
            margin-right: 7px; }
      .comment .chat-container .chat-bubble.chat-left:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid #d6efd6;
        border-right: 10px solid transparent;
        border-top: 10px solid #d6efd6;
        border-bottom: 10px solid transparent;
        right: -19px;
        top: 0; }
      .comment .chat-container .chat-bubble.chat-right:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid #f5f5f5;
        border-top: 10px solid #f5f5f5;
        border-bottom: 10px solid transparent;
        left: -19px;
        top: 0; }
      .comment .chat-container .chat-bubble img {
        border-radius: 50%; }

.followup-container .chat-bubble {
  width: 80%;
  margin: 10px 20px 0 20px;
  padding: 20px 30px;
  color: #4B4B4B;
  border-radius: 0 6px 6px 6px;
  position: relative;
  text-align: left;
  background: #f5f5f5; }
  .followup-container .chat-bubble:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #f5f5f5;
    border-top: 10px solid #f5f5f5;
    border-bottom: 10px solid transparent;
    left: -19px;
    top: 0; }

#RelatedSlide {
  color: #4B4B4B;
  background-color: #f5f5f5;
  border-left: 2px solid #c1c1c1;
  display: none;
  position: fixed;
  z-index: 5;
  width: 40%;
  padding: 15px;
  right: 30px;
  height: 100vh;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  overflow: auto;
  top: 60px; }
  #RelatedSlide .related-content {
    padding: 15px 0 0 0; }

.workarea .workarea-title {
  border: 1px solid #d8d8d8;
  background: #f5f5f5;
  color: #4B4B4B;
  font-weight: 700;
  padding: 0.5rem 1rem;
  line-height: 1rem; }
  .workarea .workarea-title span {
    display: inline-block;
    vertical-align: middle; }
    .workarea .workarea-title span.validate-icon {
      vertical-align: top; }
  .workarea .workarea-title label {
    margin-bottom: 0; }
  .workarea .workarea-title .btn-group button {
    padding: 4px 6px;
    color: #4B4B4B; }
    .workarea .workarea-title .btn-group button:hover, .workarea .workarea-title .btn-group button:focus {
      color: #838383; }
  .workarea .workarea-title li a {
    padding-left: 10px;
    cursor: pointer; }
    .workarea .workarea-title li a:hover {
      color: #4B4B4B !important; }
  .workarea .workarea-title li:last-child {
    position: absolute;
    right: 30px; }
  .workarea .workarea-title.title-collapse {
    width: 100%;
    position: relative; }
    .workarea .workarea-title.title-collapse:hover {
      cursor: pointer;
      color: #40c33b; }
    .workarea .workarea-title.title-collapse tip-cont span {
      position: absolute;
      top: -10px;
      right: 0; }
      .workarea .workarea-title.title-collapse tip-cont span.fileType {
        top: -30px !important;
        left: -15px;
        width: 50px;
        height: 50px; }
    .workarea .workarea-title.title-collapse tooltip tip {
      top: 0 !important; }
  .workarea .workarea-title.title-table {
    border: none;
    padding: 0; }
    .workarea .workarea-title.title-table a.disabled {
      pointer-events: none; }
      .workarea .workarea-title.title-table a.disabled i {
        pointer-events: none;
        color: #c1c1c1; }
    .workarea .workarea-title.title-table tip-cont span.icon {
      left: -5px;
      position: absolute;
      top: -15px; }
  .workarea .workarea-title table td span.iconsOverlayed {
    top: -5px;
    right: -5px; }
    .workarea .workarea-title table td span.iconsOverlayed i, .workarea .workarea-title table td span.iconsOverlayed span {
      right: 8px;
      top: 0; }

.workarea .workarea-body {
  border: 1px solid #d8d8d8;
  padding: 20px 16px 10px 16px;
  margin-top: -1px;
  position: relative;
  width: 100%;
  background: #FFFFFF; }
  .workarea .workarea-body label span {
    padding-right: 0px; }
  .workarea .workarea-body .workarea-image-container {
    /*   max-height: 300px;
      overflow-x: hidden;
      overflow-y: auto; */
    background-color: #d8d8d8; }
  .workarea .workarea-body tr:last-child {
    border-bottom: 2px solid #d8d8d8; }
  .workarea .workarea-body .input-group > .ui-select-bootstrap.dropdown > div {
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden; }
  .workarea .workarea-body .input-group > .ui-select-bootstrap.dropdown > div input {
    border: none; }
  .workarea .workarea-body .footer-highlight {
    margin: 15px -20px -11px;
    background: #f5f5f5;
    border-bottom: 2px solid #000000;
    padding: 10px;
    border-top: 1px solid #d8d8d8; }

.chips .ui-select-bootstrap.dropdown > div {
  max-height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 3px; }

.chips .ui-select-bootstrap.dropdown > div input {
  border: none; }

.dropdown-header {
  font-size: 0.85rem; }

.dropdown-item {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.85rem;
  min-width: 180px;
  cursor: pointer; }
  .dropdown-item .icon-thumbnail {
    margin-top: 8px; }
  .dropdown-item .error {
    color: #ed0a1b; }
  .dropdown-item:focus {
    color: #838383 !important; }
  .dropdown-item.active, .dropdown-item:active {
    background-color: #DDDDDD; }

.pageViews .dropdown-item label {
  margin-bottom: 0px; }

.panel-primary > .panel-heading {
  color: #40c33b;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
  margin: 30px 0;
  padding-bottom: 5px; }

.panel-primary .workarea-title:focus, .panel-primary .workarea-title:hover {
  cursor: cursor; }

.dropdown-menu[x-placement^=bottom-start] .caret {
  background: url("../../../static/img/icon-caret.png") no-repeat;
  width: 11px;
  height: 8px;
  border: none;
  margin-left: 4px; }

.dropdown-toggle {
  cursor: pointer; }
  .dropdown-toggle::after {
    content: none; }

#filter-dragg {
  display: flex;
  margin-bottom: 17px; }

.big-filters .filter {
  color: #4B4B4B;
  border: 1px solid #d8d8d8;
  flex: 1;
  text-align: center;
  background: #FFFFFF;
  padding: 6px 10px;
  cursor: pointer;
  min-width: 167px;
  margin-right: -1px; }
  .big-filters .filter.selected {
    color: #FFFFFF;
    background: dodgerblue; }
    .big-filters .filter.selected .title a {
      color: #FFFFFF; }
    .big-filters .filter.selected .value {
      color: #FFFFFF; }
      .big-filters .filter.selected .value span {
        color: #FFFFFF !important; }
  .big-filters .filter .title {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase; }
  .big-filters .filter .value {
    font-size: 0.85rem;
    color: #838383; }
    .big-filters .filter .value .orange {
      color: #FD6A02; }
    .big-filters .filter .value .blue {
      color: dodgerblue; }
    .big-filters .filter .value .green {
      color: #3c933c; }

#blueFilter {
  padding: 0; }

.selection-options {
  display: none;
  top: 41px;
  width: 350px;
  background: #FFFFFF;
  border: 1px solid #d8d8d8;
  position: absolute;
  right: -351px;
  z-index: 10;
  padding: 15px 22px 90px;
  overflow-y: auto; }
  .selection-options .close-bt {
    color: inherit;
    font-size: 11px;
    line-height: 40px;
    height: 40px;
    display: block; }
  .selection-options.visible {
    right: -1px; }
  .selection-options .title {
    font-weight: bold;
    font-size: 0.78rem;
    margin: 20px 0 0.78rem 0; }
  .selection-options .selectboxit {
    height: 40px;
    min-width: 210px; }
    .selection-options .selectboxit .selectboxit-text {
      font-size: 0.78rem;
      min-width: 200px;
      height: 40px;
      line-height: 40px; }
  .selection-options .selectboxit-container span {
    height: 40px;
    line-height: 40px; }
  .selection-options .selectboxit-container .selectboxit-options {
    min-width: 210px !important;
    font-size: 0.78rem; }
    .selection-options .selectboxit-container .selectboxit-options a {
      height: 40px;
      line-height: 40px; }
  .selection-options > ul {
    margin: 0 -22px; }
    .selection-options > ul > li {
      padding: 0 22px;
      height: 30px;
      line-height: 30px;
      font-size: 0.78rem;
      cursor: default;
      position: relative; }
      .selection-options > ul > li .menu-wrapper {
        display: none;
        top: 0;
        right: 0;
        position: absolute; }
        .selection-options > ul > li .menu-wrapper:hover .menu {
          display: block; }
        .selection-options > ul > li .menu-wrapper:hover .menu-bt {
          background-color: #DDDDDD; }
        .selection-options > ul > li .menu-wrapper .menu {
          width: 115px;
          background: #FFFFFF;
          border: 1px solid #d8d8d8;
          position: absolute;
          right: 0;
          top: 30px;
          z-index: 3;
          display: none; }
          .selection-options > ul > li .menu-wrapper .menu li a {
            color: #838383;
            height: 22px;
            line-height: 22px;
            padding-left: 16px;
            display: block; }
            .selection-options > ul > li .menu-wrapper .menu li a:hover {
              text-decoration: none;
              background: #DDDDDD; }
        .selection-options > ul > li .menu-wrapper .menu-bt {
          background: url("../../../static/img/options-menu-bt.png") center center no-repeat;
          width: 26px;
          height: 30px;
          display: block; }
      .selection-options > ul > li .code {
        margin-right: 10px;
        float: left; }
      .selection-options > ul > li .description {
        float: left;
        width: 223px;
        height: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .selection-options > ul > li:hover {
        background: #DDDDDD; }
        .selection-options > ul > li:hover .menu-wrapper {
          display: block; }

.page.ng-leave {
  z-index: 9999; }

.page.ng-enter {
  z-index: 8888; }

.menu-subtitle {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 10px; }
  .menu-subtitle span.text-transform-code {
    text-transform: none; }

.dashboard-list-container {
  overflow: auto;
  max-height: 300px; }

.section-title {
  color: #4B4B4B;
  font-size: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 5px;
  text-transform: uppercase; }
  .section-title tooltip {
    text-transform: none; }
  .section-title .btn-group {
    margin-top: 3px; }

.inline-flex {
  display: inline-flex; }
  .inline-flex div {
    padding: 10px; }

.section-preview {
  border: none !important;
  padding: 0 !important; }

.nav-link.edit-content::before {
  content: "\f303";
  font-family: "Font Awesome 6 Free";
  font-size: 0.78rem;
  padding-right: 4px;
  font-weight: 900; }

.fileUpload {
  display: inline-block;
  cursor: pointer; }
  .fileUpload input[type="file"] {
    display: none; }

tooltip .custom {
  text-align: left;
  width: 400px; }

.config-module .form-control {
  width: 100%;
  font-size: 16px;
  color: #4B4B4B;
  border: none !important;
  padding-left: 0;
  text-align: center; }
  .config-module .form-control:focus {
    border-bottom: 1px solid #40c33b !important; }

.config-module .badge {
  font-size: 100%;
  font-weight: normal;
  color: #FFFFFF;
  display: inline-table; }

.config-module .workarea-body ul li {
  line-height: 28px; }
  .config-module .workarea-body ul li ul {
    padding-left: 20px;
    padding-top: 6px; }

.config-module .dashboard-list-container {
  margin-top: -8px; }

.config-module .form-control {
  width: 100%;
  font-size: 16px;
  color: #4B4B4B;
  border: none !important;
  padding-left: 25px;
  text-align: left;
  height: 50px;
  padding-top: 15px; }

.workarea-section-title {
  padding: 8px;
  border: 1px solid #d8d8d8;
  font-weight: 700;
  text-transform: uppercase; }
  .workarea-section-title:hover {
    background: rgba(0, 0, 0, 0.04); }

.workarea-title span.far, .workarea-section-title span.far {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4); }

.company {
  border: 1px solid #c1c1c1;
  padding: 20px 20px 30px 20px;
  margin-bottom: 30px; }
  .company img {
    max-height: 120px;
    width: auto; }

.company-name ul li a::after {
  content: "|";
  padding-left: 5px; }

.company-name ul li:last-child a::after {
  content: ""; }

.arrow-rotate {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg); }

span.badge.badge-indicator {
  padding: 10px 15px;
  font-size: 20px;
  font-weight: normal; }
  span.badge.badge-indicator.positive {
    color: #3c933c;
    border: 1px solid #3c933c; }
  span.badge.badge-indicator.negative {
    color: #ed0a1b;
    border: 1px solid #ed0a1b; }

.badge-indicator .up {
  color: green;
  font-size: 0.85rem; }
  .badge-indicator .up::before {
    font-family: "simple-line-icons";
    content: '\e607';
    padding-left: 5px;
    padding-right: 2px;
    font-size: 10px; }

.badge-indicator .down {
  color: red;
  font-size: 0.85rem; }
  .badge-indicator .down::before {
    font-family: "simple-line-icons";
    content: '\e604';
    padding-left: 5px;
    padding-right: 2px;
    font-size: 10px; }

.letterCircle {
  border-radius: 50%;
  behavior: url(PIE.htc);
  width: 36px;
  height: 36px;
  padding: 8px;
  background: #FFFFFF;
  border: 1px solid #37ab58;
  color: #3c933c;
  text-align: center;
  font: 32px; }

.avatar {
  position: relative;
  width: 100%; }
  .avatar img.round {
    background: #FFFFFF; }
  .avatar .edit {
    position: absolute;
    right: 0;
    top: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    background: #FFFFFF;
    width: 40px;
    height: 40px; }
    .avatar .edit span {
      line-height: 38px;
      font-weight: 700; }
    .avatar .edit:hover {
      background: #d8d8d8; }

tooltip .simple-icon {
  /* background: $white-color; */
  cursor: pointer; }

.config-module .configMainInfo, .config-module .configMainContent {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

.config-module .configMainInfo {
  flex: 0 0 260px;
  max-width: 260px;
  background: #DDDDDD;
  max-height: calc(100vh - 200px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 30px;
  margin-left: 15px; }

.config-module .avatarImg a {
  display: none; }

.config-module.collapsed .configMainInfo {
  background: #FFFFFF; }

.config-module .configMainContent {
  flex: 0 0 calc(100% - 275px);
  max-width: calc(100% - 275px);
  padding-left: 30px; }

.config-module.collapsed .configMainInfo {
  max-width: 70px; }

.config-module.collapsed .configMainContent {
  flex: 0 0 calc(100% - 85px);
  max-width: calc(100% - 85px); }

.config-module.collapsed .configMainInfoContent .dropdown,
.config-module.collapsed .configMainInfoContent .config-info,
.config-module.collapsed .configMainInfoContent .config-details {
  display: none; }

.config-module.collapsed .configMainInfo .toggle {
  display: none; }

.config-module.collapsed .avatarImg {
  width: 60px;
  position: absolute;
  top: 15px;
  left: -5px; }
  .config-module.collapsed .avatarImg a {
    position: absolute;
    right: 1px;
    top: -6px;
    cursor: pointer;
    display: block; }
    .config-module.collapsed .avatarImg a > i {
      background: #4B4B4B;
      color: #FFFFFF;
      padding: 5px;
      border-radius: 50%; }

.configMainInfo .toggle {
  padding: 0;
  margin: 0 -15px 0 0;
  transform: rotate(180deg); }
  .configMainInfo .toggle a {
    padding: 18px;
    display: flex;
    cursor: pointer;
    height: 50px;
    border-top: 1px solid #ececec; }
    .configMainInfo .toggle a:hover {
      cursor: pointer;
      color: #40c33b; }

label.cursor-click {
  margin-bottom: 0;
  /*  span {
    background: transparent;
    &:focus,
    &:hover {
      background: transparent;
    }
  }*/ }
  label.cursor-click .fa-square:hover::before {
    content: "\f14a"; }
  label.cursor-click .fa-circle:hover::before {
    content: "\f058"; }

.config-module .search-control {
  border: 1px solid #d8d8d8 !important;
  border-radius: 0 6px 6px 0;
  max-width: 100%;
  padding: 0;
  height: 43px;
  color: #4B4B4B; }

.config-module .form-control.search-control:focus {
  z-index: 1; }

.config-module .workarea.box {
  margin-bottom: 30px;
  background: #f5f5f5;
  border: 1px solid #c1c1c1;
  position: relative; }
  .config-module .workarea.box .body-box {
    padding: 0 15px; }
    .config-module .workarea.box .body-box .selectArrow {
      z-index: 1; }
  .config-module .workarea.box .footer-box {
    background: rgba(0, 0, 0, 0.04);
    padding: 10px 15px;
    border-top: 1px solid #d8d8d8;
    margin-top: 15px;
    border-bottom: 2px solid #40c33b; }
  .config-module .workarea.box .ui-select-multiple.ui-select-bootstrap {
    display: contents; }
  .config-module .workarea.box input, .config-module .workarea.box select, .config-module .workarea.box textarea {
    background: #FFFFFF; }
  .config-module .workarea.box .gform input:focus:placeholder-shown + label span, .config-module .workarea.box .gform input:not(:placeholder-shown) + label span,
  .config-module .workarea.box .gform input:disabled:not(:placeholder-shown) + label span, .config-module .workarea.box .gform select:not(:placeholder-shown) + label span,
  .config-module .workarea.box .gform select:disabled:not(:placeholder-shown) + label span,
  .config-module .workarea.box .gform .field.field-chips label > span {
    background: #f5f5f5; }
  .config-module .workarea.box .field.field-chips,
  .config-module .workarea.box .field.field-table {
    background: #FFFFFF; }

.gform .field.field-chips label > span {
  background: #FFFFFF; }

.inmodal .gform .selectArrow {
  bottom: 4px; }

.AdminFormWA.collapsed .WA-AdminMainContent {
  flex: 0 0 calc(100% - 75px);
  max-width: calc(100% - 75px); }

.AdminFormWA.collapsed .WA-AdminAddContent {
  width: 75px;
  height: 100%; }
  .AdminFormWA.collapsed .WA-AdminAddContent .toggle a:after {
    content: "\f0ca"; }
  .AdminFormWA.collapsed .WA-AdminAddContent .wa-admin-add {
    display: none; }

.WA-AdminAddContent,
.WA-AdminMainContent {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }
  .WA-AdminAddContent textarea::placeholder,
  .WA-AdminAddContent input::placeholder,
  .WA-AdminMainContent textarea::placeholder,
  .WA-AdminMainContent input::placeholder {
    opacity: 1 !important; }

.WA-AdminMainContent {
  flex: 0 0 calc(100% - 350px);
  max-width: calc(100% - 350px);
  padding-left: 30px; }
  .WA-AdminMainContent [data-draggable="item"] {
    list-style: none; }
    .WA-AdminMainContent [data-draggable="item"] .drag-title {
      display: none; }

.WA-AdminAddContent {
  flex: 0 0 350px;
  max-width: 350px;
  max-height: calc(100vh - 70px);
  overflow-x: none;
  overflow-y: auto;
  padding-bottom: 30px; }
  .WA-AdminAddContent .toggle {
    padding: 15px 0px;
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 50px; }
    .WA-AdminAddContent .toggle a {
      padding: 18px;
      margin-left: -1px;
      margin-right: -1px;
      cursor: pointer; }
      .WA-AdminAddContent .toggle a:hover {
        border: none;
        background-color: #DDDDDD; }
      .WA-AdminAddContent .toggle a:after {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: 700; }
  .WA-AdminAddContent input.form-control {
    border: 1px solid #d8d8d8 !important;
    width: 70% !important; }
  .WA-AdminAddContent ::-webkit-placeholder {
    opacity: 1 !important;
    color: #000000; }
  .WA-AdminAddContent .input-group-text {
    border-radius: 0; }
  .WA-AdminAddContent .AdminAdd-container-title {
    padding: 0.8rem !important;
    border-bottom: 2px solid #d8d8d8;
    border: 1px solid #d8d8d8;
    background: #DDDDDD; }
  .WA-AdminAddContent .reference-list {
    max-height: 250px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #c1c1c1;
    height: 250px; }

.TableHasTreeView .TreeView {
  padding: 10px;
  min-width: 390px;
  max-width: 390px;
  float: left;
  margin: 20px 10px 20px 0;
  background: #f5f5f5; }
  .TableHasTreeView .TreeView .treeTitle {
    border-bottom: 1px solid #d8d8d8;
    margin: -10px; }
    .TableHasTreeView .TreeView .treeTitle .btn-group {
      padding: 0 0 10px 0 !important;
      width: 90px; }
      .TableHasTreeView .TreeView .treeTitle .btn-group button:hover {
        background-color: #DDDDDD;
        border-color: #d8d8d8 !important;
        color: #4B4B4B !important;
        transition: background-color 0.3s; }
  .TableHasTreeView .TreeView .anchor:focus, .TableHasTreeView .TreeView .anchor:hover {
    background: #f5f5f5;
    border-radius: 15px;
    transition: background-color 0.3s; }
  .TableHasTreeView .TreeView select:not(:placeholder-shown) + label span {
    background: #f5f5f5; }
  .TableHasTreeView .TreeView .btn-group {
    width: 100%;
    padding: 0.85rem 0; }
    .TableHasTreeView .TreeView .btn-group .btn {
      width: 50%; }
  .TableHasTreeView .TreeView .TreeView-content {
    padding: 15px;
    position: relative; }
    .TableHasTreeView .TreeView .TreeView-content label span {
      background: #DDDDDD; }
  .TableHasTreeView .TreeView .tree-container {
    max-width: 375px;
    overflow: auto; }
    .TableHasTreeView .TreeView .tree-container .ivh-treeview-node {
      white-space: nowrap; }

.TableHasTreeView .treeOpen {
  display: none; }

.TableHasTreeView.toggleTree .TreeView {
  display: none; }

.TableHasTreeView.toggleTree .treeOpen {
  display: block;
  position: absolute;
  left: 0;
  margin-top: 20px;
  padding: 0.5rem 1rem;
  z-index: 1; }

.TableHasTreeView.toggleTree .dragscroll {
  width: calc(100% - 25px);
  margin-left: 40px; }

.TableHasTreeView .dragscroll {
  width: calc(100% - 400px); }

.TableHasTreeView.collapsed .TreeView {
  display: none; }

.TableHasTreeView.collapsed .dragscroll {
  width: 100%;
  margin-left: 0; }

.wrapper.compact-layout .TreeView.gform .btn-group .btn {
  height: 35px !important; }

.table-badge-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr); }
  .table-badge-container .table-badge-content:nth-of-type(2) {
    order: 2; }
  .table-badge-container .table-badge-content:nth-of-type(1) {
    order: 1; }
  .table-badge-container .badge {
    margin: 4px 4px 4px 0px;
    border-radius: 15px;
    padding: 6px 12px; }
  .table-badge-container .simple-icon, .table-badge-container .fas, .table-badge-container .fa-solid, .table-badge-container .monogram {
    display: none; }

#filters .workarea .workarea-title.collapsed span.simple-icon, #share .workarea .workarea-title.collapsed span.simple-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

#filters .workarea .workarea-title span.simple-icon, #share .workarea .workarea-title span.simple-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#filters .workarea .workarea-title .simple-icon.icon-arrow-down, #share .workarea .workarea-title .simple-icon.icon-arrow-down {
  color: #4B4B4B; }

#filters .workarea .workarea-body, #share .workarea .workarea-body {
  padding: 10px 15px; }

#DashboardPreFilters .workarea .workarea-title {
  color: #4B4B4B; }

#DashboardPreFilters .workarea .workarea-body {
  padding: 5px 10px 0 10px; }
  #DashboardPreFilters .workarea .workarea-body .input-group-btn {
    margin-right: 0 !important; }

.wfStateContainer {
  display: flex;
  margin-bottom: 15px;
  background: white;
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 6px; }
  .wfStateContainer strong {
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 0.85rem; }
  .wfStateContainer hr {
    margin: 5px 0; }
  .wfStateContainer p {
    margin-bottom: 10px; }
  .wfStateContainer .fa-toggle-off, .wfStateContainer .fa-toggle-on {
    font-size: 0.78rem !important;
    vertical-align: text-top;
    margin-top: 3px;
    margin-left: 3px; }
  .wfStateContainer .wfStateBox {
    float: left;
    margin: 0 10px 0px 0px;
    border: 1px solid #ddd;
    padding: 5px 5px 10px;
    border-radius: 6px;
    width: 100%;
    background: #f5f5f5; }
    .wfStateContainer .wfStateBox:last-child {
      margin-right: 0; }

.wrapper .icon-thumbnail {
  font-size: 18px; }

.wrapper > .header {
  background: #FFFFFF;
  top: 0;
  position: fixed;
  z-index: 60;
  height: 60px;
  color: #4B4B4B;
  width: 100%;
  border-bottom: 1px solid #d8d8d8; }
  .wrapper > .header .header-item {
    padding: 15px 0; }
    .wrapper > .header .header-item.user .dropdown {
      display: inline; }
    .wrapper > .header .header-item .fa-question-circle, .wrapper > .header .header-item .fa-gears {
      font-size: 20px;
      line-height: normal; }
  .wrapper > .header .configInterface button, .wrapper > .header .helpPortal button {
    border-radius: 50% !important;
    height: 35px;
    width: 35px;
    padding: 5px 0 !important; }
    .wrapper > .header .configInterface button:hover, .wrapper > .header .configInterface button:focus, .wrapper > .header .helpPortal button:hover, .wrapper > .header .helpPortal button:focus {
      background: #DDDDDD;
      transition: background-color 0.3s; }
  .wrapper > .header .helpPortal {
    line-height: 30px; }
  .wrapper > .header .config .btn[disabled] .module-name, .wrapper > .header .config .btn[disabled] .fa, .wrapper > .header .config .btn[disabled] .simple-icon {
    color: #4B4B4B; }
  .wrapper > .header .module-changer .btn[disabled] .module-name, .wrapper > .header .module-changer .btn[disabled] .fa, .wrapper > .header .module-changer .btn[disabled] .simple-icon {
    color: #4B4B4B; }
  .wrapper > .header .config .btn:hover, .wrapper > .header .module-changer .btn:hover {
    color: #838383; }
  .wrapper > .header .config.open .btn-white, .wrapper > .header .module-changer.open .btn-white {
    background-color: rgba(0, 0, 0, 0.4); }
  .wrapper > .header .config.open .btn {
    background-color: transparent; }
  .wrapper > .header .module-changer.open .btn {
    background-color: transparent; }
  .wrapper > .header .module-changer .dropdown-item {
    min-width: 100px;
    cursor: pointer;
    font-size: 0.85rem; }
    .wrapper > .header .module-changer .dropdown-item.active, .wrapper > .header .module-changer .dropdown-item:active {
      background: #DDDDDD !important; }
  .wrapper > .header .module-changer .btn {
    border: none;
    font-size: 15px;
    padding: 5px 15px;
    border-radius: 0; }
  .wrapper > .header .module-changer .dropdown-menu {
    min-width: 0 !important; }
  .wrapper > .header .modules-pills {
    margin-top: 20px; }
    .wrapper > .header .modules-pills #modulo-pill-name-1 {
      background-color: #fa6501 !important; }
    .wrapper > .header .modules-pills #modulo-pill-name-2 {
      background-color: #0d4aa3 !important; }
    .wrapper > .header .modules-pills #modulo-pill-name-3 {
      background-color: #3c933c !important; }
    .wrapper > .header .modules-pills #modulo-pill-name-4 {
      background-color: #ed0a1b !important; }
    .wrapper > .header .modules-pills #modulo-pill-name-5 {
      background-color: #fdbb11 !important; }
  .wrapper > .header .menu .btn {
    border: none;
    border-radius: 50%;
    color: #4B4B4B;
    padding: 8px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 22px;
    margin-right: 0;
    margin-top: 0.85rem;
    background-color: #FFFFFF;
    line-height: 15px; }
    .wrapper > .header .menu .btn .fa, .wrapper > .header .menu .btn .simple-icon {
      font-size: 16px; }
    .wrapper > .header .menu .btn:hover {
      background-color: #DDDDDD; }
  .wrapper > .header .logotype {
    padding: 20px 30px;
    margin-right: 20px; }
    .wrapper > .header .logotype .text {
      color: #4B4B4B;
      display: inline-block;
      font-size: 21px;
      margin-top: -1px; }
  .wrapper > .header .user {
    padding-right: 30px;
    padding-top: 10px; }
    .wrapper > .header .user .name {
      font-size: 15px;
      color: #4B4B4B;
      margin-top: 5px;
      margin-right: 15px; }
    .wrapper > .header .user .btn {
      padding: 0 0 0 10px;
      border-radius: 0;
      border-top: none;
      border-bottom: none; }
    .wrapper > .header .user .img-thumbnail {
      padding: 0;
      margin: 0;
      width: auto;
      height: 40px; }
    .wrapper > .header .user .flex .img-thumbnail {
      width: 40px; }
    .wrapper > .header .user .dropdown-menu {
      width: 280px; }
      .wrapper > .header .user .dropdown-menu .dropdown-item {
        padding: 0.7rem 1.5rem; }
  .wrapper > .header .search {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    margin-top: 7px;
    /*width: 650px;*/
    width: 45%;
    max-width: 100%;
    padding: 0;
    height: 46px; }
    .wrapper > .header .search .reset, .wrapper > .header .search .btn-advanced {
      padding-right: 10px;
      padding-left: 10px;
      line-height: 14px; }
    .wrapper > .header .search .reset, .wrapper > .header .search .lens button, .wrapper > .header .search .dropdown-toggle {
      background: transparent;
      color: #4B4B4B; }
    .wrapper > .header .search .reset .fa, .wrapper > .header .search .lens .fa, .wrapper > .header .search .dropdown-toggle .fa, .wrapper > .header .search .reset .simple-icon, .wrapper > .header .search .lens .simple-icon, .wrapper > .header .search .dropdown-toggle .simple-icon {
      color: #4B4B4B;
      width: 20px; }
    .wrapper > .header .search input.search-control {
      color: #4B4B4B;
      border-radius: 0;
      background: transparent;
      transition: width 0.2s;
      font-size: 16px;
      height: 43px;
      border: none;
      -webkit-transition: all 0.30s ease-in-out;
      -moz-transition: all 0.30s ease-in-out;
      -ms-transition: all 0.30s ease-in-out;
      -o-transition: all 0.30s ease-in-out; }
      .wrapper > .header .search input.search-control:focus {
        box-shadow: 0 0 3px #212529;
        border-radius: 6px 0 0 6px;
        color: #4B4B4B; }
      .wrapper > .header .search input.search-control .btn {
        font-size: 0.85rem; }
        .wrapper > .header .search input.search-control .btn.btn-primary {
          background: #40c33b; }
    .wrapper > .header .search .lens {
      border-radius: 0 6px 6px 0;
      height: 46px;
      margin-right: -1px;
      margin-top: -1px;
      padding: 6px; }
    .wrapper > .header .search .dropdown-menu.advanced {
      padding: 20px;
      border-radius: 0 0 10px 10px;
      width: 451px;
      margin-top: -1px;
      background: #FFFFFF; }
      .wrapper > .header .search .dropdown-menu.advanced select {
        padding-top: 0;
        padding-bottom: 0; }
      .wrapper > .header .search .dropdown-menu.advanced button {
        border-radius: 6px; }
  .wrapper > .header .notifications .badge-container {
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2px; }
    .wrapper > .header .notifications .badge-container .badge {
      min-width: 36px;
      font-size: 0.85rem;
      padding-left: 8px;
      padding-right: 8px;
      margin-top: 5px; }
  .wrapper > .header .notifications .dropdown-menu {
    min-width: 282px; }
    .wrapper > .header .notifications .dropdown-menu h4.menu-subtitle {
      padding: 7px 15px 0.78rem; }
    .wrapper > .header .notifications .dropdown-menu .dropdown-item {
      padding: 2px 15px 6px;
      font-size: 0.85rem;
      color: #4B4B4B;
      margin-left: 7px; }
      .wrapper > .header .notifications .dropdown-menu .dropdown-item .badge {
        width: 41px;
        height: 18px; }
      .wrapper > .header .notifications .dropdown-menu .dropdown-item .text {
        font-size: 0.85rem;
        color: #4B4B4B;
        margin-left: 7px; }
  .wrapper > .header .dropdown.NotificationBell {
    padding: 15px 0; }
    .wrapper > .header .dropdown.NotificationBell .pending {
      position: relative;
      top: -6px;
      right: 8px;
      font-size: 10px; }
    .wrapper > .header .dropdown.NotificationBell .dropdown-menu {
      width: 250px; }
  .wrapper > .header .dropdown .dropdown-item .icon-thumbnail {
    margin-top: -2px; }
  .wrapper > .header .dropdown .dropdownCombo {
    position: relative; }
    .wrapper > .header .dropdown .dropdownCombo .dropdownAvatar {
      position: relative;
      text-align: center;
      width: 38px;
      height: 38px;
      margin: 6px 4px;
      background-color: rgba(0, 0, 0, 0.04);
      -webkit-border-radius: 50px;
      border-radius: 50px;
      overflow: hidden; }
    .wrapper > .header .dropdown .dropdownCombo .dropdownModule {
      position: relative;
      text-align: center;
      margin-right: 10px;
      overflow: hidden;
      color: white;
      margin-top: -2px; }
    .wrapper > .header .dropdown .dropdownCombo .dropdownData {
      display: block;
      overflow: hidden;
      padding: 5px 10px; }
      .wrapper > .header .dropdown .dropdownCombo .dropdownData:hover, .wrapper > .header .dropdown .dropdownCombo .dropdownData:focus {
        background: #DDDDDD;
        transition: background-color 0.3s;
        border-radius: 15px; }
      .wrapper > .header .dropdown .dropdownCombo .dropdownData .dropdownTitle {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 0.85rem;
        font-weight: 700; }
      .wrapper > .header .dropdown .dropdownCombo .dropdownData .dropdownTxt,
      .wrapper > .header .dropdown .dropdownCombo .dropdownData .dropdownTxt a {
        color: #1e90ff;
        font-size: 13px; }
    .wrapper > .header .dropdown .dropdownCombo + .dropdownCombo {
      border-top: 1px solid #d8d8d8; }
  .wrapper > .header .img-company {
    width: auto;
    height: 30px;
    margin: 0px 10px 0 0; }

.sidebar button .icon-thumbnail {
  margin-top: -2px;
  min-width: auto;
  margin-right: 12px; }

.topbar .topbar-actions .btn {
  color: #4B4B4B;
  height: 30px;
  width: 30px;
  padding: 5px 0px !important;
  margin-right: 2px;
  border-radius: 50%; }
  .topbar .topbar-actions .btn:hover, .topbar .topbar-actions .btn:focus {
    text-decoration: none;
    color: #838383;
    background-color: #DDDDDD;
    transition: background-color 0.5s; }
    .topbar .topbar-actions .btn:hover .simple-icon.icon-doc.iconsOverlayed i,
    .topbar .topbar-actions .btn:hover .simple-icon.icon-doc.iconsOverlayed i, .topbar .topbar-actions .btn:focus .simple-icon.icon-doc.iconsOverlayed i,
    .topbar .topbar-actions .btn:focus .simple-icon.icon-doc.iconsOverlayed i {
      background-color: #FFFFFF !important;
      color: #4B4B4B !important; }

.topbar .topbar-actions .btn-group > .btn-group:not(:first-child) > .btn, .topbar .topbar-actions .btn-group > .btn:not(:first-child), .topbar .topbar-actions .btn-group > .btn-group:not(:last-child) > .btn, .topbar .topbar-actions .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 50%; }

.reconnect-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2500;
  background-color: rgba(0, 0, 0, 0.4); }

.reconnect-alert-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background-color: #FFFFFF;
  min-width: 25%;
  max-width: 35%;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87); }

.reconnect-alert-content {
  order: 1;
  padding: 24px; }
  .reconnect-alert-content h2 {
    font-size: 20px;
    margin-bottom: 5px; }

.reconnect-alert-action {
  display: flex;
  justify-content: flex-end;
  order: 2;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 8px; }

.actions.footer {
  background: #FFFFFF;
  bottom: 0;
  position: fixed;
  z-index: 40;
  height: 60px;
  color: #4B4B4B;
  width: 100%;
  border-top: 1px solid #d8d8d8;
  left: 0;
  padding: 0.85rem 40px; }

.wrapper .header .notifications .dropdown-menu .seeMore {
  font-size: 0.85rem;
  padding: 2px 15px 6px;
  display: inherit; }

.wrapper .sidebar {
  z-index: 50;
  top: 60px;
  position: fixed;
  height: calc(100vh - 60px);
  border-right: 1px solid #d8d8d8;
  background: #f5f5f5;
  padding: 15px 0; }
  .wrapper .sidebar .links {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 10px;
    text-align: center;
    font-family: "montserrat", Arial, sans;
    max-height: calc(100vh - 170px); }
    .wrapper .sidebar .links li .link-menu,
    .wrapper .sidebar .links li .link-menu.collapsed {
      padding: 15px 20px;
      font-size: 15px;
      max-width: 100%;
      white-space: normal;
      cursor: pointer;
      display: flex;
      border-bottom: 1px solid #ececec; }
      .wrapper .sidebar .links li .link-menu:hover,
      .wrapper .sidebar .links li .link-menu.collapsed:hover {
        background: #c1c1c1;
        color: #000000; }
    .wrapper .sidebar .links li.link {
      color: #4B4B4B;
      font-size: 15px;
      text-decoration: none;
      overflow: hidden;
      transition: background-color 0.3s;
      padding: 8px 10px;
      max-width: 100%;
      white-space: normal;
      cursor: pointer;
      text-align: center; }
      .wrapper .sidebar .links li.link .icon-thumbnail {
        border-radius: 20px;
        height: 30px;
        line-height: 32px;
        width: 60px;
        position: relative;
        left: 30px;
        margin-bottom: 2px !important;
        transition: background-color 0.3s;
        display: block; }
      .wrapper .sidebar .links li.link.active .icon-thumbnail {
        background: #000000; }
      .wrapper .sidebar .links li.link:hover .icon-thumbnail, .wrapper .sidebar .links li.link:focus .icon-thumbnail {
        background: #DDDDDD !important;
        transition: background-color 0.3s; }
      .wrapper .sidebar .links li.link:hover .icon-title, .wrapper .sidebar .links li.link:focus .icon-title {
        color: #000000; }
      .wrapper .sidebar .links li.link .double-icon {
        position: relative;
        width: 100%;
        max-width: 29px;
        top: -2px; }
        .wrapper .sidebar .links li.link .double-icon .simple-icon {
          font-size: 0.78rem; }
      .wrapper .sidebar .links li.link .icon-title {
        line-height: normal;
        text-align: center;
        font-size: 12px; }
  .wrapper .sidebar .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 0.78rem;
    color: #4B4B4B; }
  .wrapper .sidebar .credits {
    bottom: 0;
    position: fixed;
    font-size: 9px;
    line-height: 0.78rem;
    padding: 10px;
    text-transform: uppercase;
    color: #000000;
    background: #f5f5f5;
    max-width: 100px; }
    .wrapper .sidebar .credits a {
      color: #4B4B4B;
      text-decoration: underline; }
  .wrapper .sidebar .sidebarMenuOptions {
    left: 85px !important;
    border: 1px solid #d8d8d8;
    background: #f5f5f5;
    top: 4px !important;
    padding: 10px 5px;
    border-radius: 10px;
    transform: none !important;
    position: relative;
    box-shadow: -1px 1px 2px 2px rgba(0, 0, 0, 0.05);
    max-height: calc(100% - 100px);
    overflow: auto; }
    .wrapper .sidebar .sidebarMenuOptions a:active i.text-success {
      color: #FFFFFF !important;
      font-weight: normal !important; }

.wrapper .content {
  margin-top: 60px;
  margin-right: 25px; }
  .wrapper .content .page {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 5px; }

.wrapper.expanded .header .menu .btn {
  background-color: #DDDDDD; }

.wrapper.expanded .sidebar {
  min-width: 145px;
  max-width: 145px; }
  .wrapper.expanded .sidebar .actions {
    padding-right: 0; }
    .wrapper.expanded .sidebar .actions .btn-primary {
      width: 107px; }
  .wrapper.expanded .sidebar .sidebarMenuOptions {
    left: 150px !important; }

.wrapper.expanded .content {
  margin-left: 160px; }

.wrapper.collapsed .sidebar {
  min-width: 80px;
  max-width: 80px;
  /* overflow: hidden; */
  background: #f5f5f5;
  max-height: calc(100vh - 60px); }
  .wrapper.collapsed .sidebar .icon-title {
    left: 85px;
    background: #f5f5f5;
    position: fixed;
    padding: 10px 20px;
    color: #4B4B4B;
    border-radius: 6px;
    margin-top: -35px;
    display: none;
    border: 1px solid #d8d8d8; }
  .wrapper.collapsed .sidebar .links {
    max-height: calc(100vh - 60px); }
    .wrapper.collapsed .sidebar .links li.link .icon-thumbnail {
      left: 0px; }
    .wrapper.collapsed .sidebar .links .admin-modules .link {
      padding-left: 24px; }
  .wrapper.collapsed .sidebar .links .link:hover .icon-title,
  .wrapper.collapsed .sidebar .actions:hover .icon-title,
  .wrapper.collapsed .sidebar .links .link-menu:hover .icon-title {
    display: block !important;
    cursor: pointer; }
  .wrapper.collapsed .sidebar h4 {
    display: none; }
  .wrapper.collapsed .sidebar .btn-primary {
    width: inherit; }
  .wrapper.collapsed .sidebar .arrow-rotate {
    margin-left: 6px; }

.wrapper.collapsed .content {
  margin-left: 95px; }

.expanded .sidebar li:hover, .expanded .sidebar li.link:hover {
  width: 100%; }

.expanded .sidebar li ul {
  padding-left: 10px;
  padding-bottom: 10px; }

.expanded .sidebar .links .sidebar-sub-menu ul {
  margin-bottom: 10px; }
  .expanded .sidebar .links .sidebar-sub-menu ul .links li.link {
    font-size: 0.85rem;
    padding: 3px 15px 3px 30px; }
    .expanded .sidebar .links .sidebar-sub-menu ul .links li.link .icon-thumbnail {
      left: 24px !important; }

.collapsed .sidebar li.sidebar-sub-menu li.link {
  color: #FFFFFF;
  padding: 8px 20px 8px 0px; }

.collapsed .sidebar li.sidebar-sub-menu:hover ul {
  display: block;
  left: 73px;
  background: #4B4B4B;
  position: fixed;
  padding: 9px 20px;
  border-radius: 0 6px 6px 0;
  margin-top: -35px;
  font-weight: 700; }

.collapsed .sidebar li.sidebar-sub-menu ul, .collapsed .sidebar li.sidebar-sub-menu .icon-arrow-down {
  display: none; }

.collapsed .sidebar .links .sidebar-sub-menu .link:hover .icon-title,
.collapsed .sidebar .sidebar-sub-menu .link:hover .icon-title {
  display: none !important; }

.collapsed .sidebar li.sidebar-sub-menu ul .link:hover {
  opacity: 0.8;
  color: #FFFFFF !important;
  background: none !important; }

/************************* Doc sidebar */
.docWrapper {
  position: relative;
  width: 100%;
  min-height: 100%; }
  .docWrapper .doc-sidebar {
    position: fixed;
    z-index: 19;
    top: 60px;
    height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    overflow: auto;
    background: #f5f5f5;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8; }
    .docWrapper .doc-sidebar .links li a {
      color: #4B4B4B;
      font-family: "montserrat", Arial, sans;
      font-size: 0.78rem;
      text-decoration: none;
      overflow: hidden;
      transition: background-color 0.3s;
      padding: 8px 10px;
      max-width: 100%;
      white-space: normal;
      display: block;
      cursor: pointer;
      text-align: center;
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden; }
      .docWrapper .doc-sidebar .links li a .icon-title {
        line-height: 16px;
        text-align: center;
        font-size: 12px; }
      .docWrapper .doc-sidebar .links li a .icon-thumbnail {
        display: block;
        font-size: 18px;
        border-radius: 20px;
        height: 30px;
        line-height: 32px;
        margin-bottom: 2px !important;
        padding: 2px; }
        .docWrapper .doc-sidebar .links li a .icon-thumbnail.monogram {
          font-size: 18px;
          font-weight: 700; }
      .docWrapper .doc-sidebar .links li a.active .icon-thumbnail {
        line-height: 28px;
        color: #FFFFFF;
        background: #DDDDDD; }
      .docWrapper .doc-sidebar .links li a:hover .icon-thumbnail, .docWrapper .doc-sidebar .links li a:focus .icon-thumbnail {
        background: #DDDDDD;
        transition: background-color 0.3s; }
    .docWrapper .doc-sidebar .links li.content-menu ul {
      position: relative;
      padding: 0 15px !important;
      font-family: "Lato", Arial, sans;
      margin-bottom: 10px;
      background: #f5f5f5;
      font-size: 12px;
      cursor: default;
      font-weight: bold; }
      .docWrapper .doc-sidebar .links li.content-menu ul li {
        hyphens: auto;
        word-break: break-word;
        position: relative;
        padding-left: 5px; }
        .docWrapper .doc-sidebar .links li.content-menu ul li:before {
          content: "";
          display: inline-block;
          width: 1px;
          height: 100%;
          position: absolute;
          left: -15px;
          top: 0;
          background: #4B4B4B; }
        .docWrapper .doc-sidebar .links li.content-menu ul li a {
          padding: 3px;
          white-space: normal;
          overflow: hidden;
          max-width: 100%;
          width: 100%;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-size: 11px;
          font-weight: 700;
          text-align: left !important;
          display: inline-flex; }
    .docWrapper .doc-sidebar .links li.content-menu a {
      /*&.collapsed .icon-title {
            color: $text-light;
          }*/ }
      .docWrapper .doc-sidebar .links li.content-menu a:not(.active) .docWrapper .doc-sidebar .links li.content-menu a.collapsed .icon-thumbnail {
        background: #f5f5f5;
        color: #4B4B4B; }
        .docWrapper .doc-sidebar .links li.content-menu a:not(.active) .docWrapper .doc-sidebar .links li.content-menu a.collapsed .icon-thumbnail:hover, .docWrapper .doc-sidebar .links li.content-menu a:not(.active) .docWrapper .doc-sidebar .links li.content-menu a.collapsed .icon-thumbnail:focus {
          background: #DDDDDD;
          color: #4B4B4B; }
      .docWrapper .doc-sidebar .links li.content-menu a.active .simple-icon {
        color: #FFFFFF; }
      .docWrapper .doc-sidebar .links li.content-menu a:not(.collapsed) .icon-thumbnail {
        background: #DDDDDD; }
        .docWrapper .doc-sidebar .links li.content-menu a:not(.collapsed) .icon-thumbnail:focus, .docWrapper .doc-sidebar .links li.content-menu a:not(.collapsed) .icon-thumbnail:hover {
          background: #DDDDDD; }
      .docWrapper .doc-sidebar .links li.content-menu a:not(.active) .docWrapper .doc-sidebar .links li.content-menu a:hover .icon-thumbnail {
        color: #4B4B4B;
        background: #DDDDDD; }
    .docWrapper .doc-sidebar .links li.section-disabled a {
      color: #838383 !important;
      pointer-events: none; }
    .docWrapper .doc-sidebar .links li.section-disabled:hover, .docWrapper .doc-sidebar .links li.section-disabled:focus {
      background: transparent !important; }
    .docWrapper .doc-sidebar .links li.section-disabled.content-menu ul li:hover, .docWrapper .doc-sidebar .links li.section-disabled.content-menu ul li:focus {
      background: transparent !important; }
    .docWrapper .doc-sidebar .links .toggle a {
      padding: 10px 5px; }
    .docWrapper .doc-sidebar .links .toggle:hover {
      background: transparent !important; }
    .docWrapper .doc-sidebar .links .toggle a:hover {
      cursor: pointer;
      color: #000000; }
    .docWrapper .doc-sidebar .simple-icon {
      font-weight: normal; }
  .docWrapper.expanded .doc-sidebar {
    min-width: 160px;
    max-width: 160px; }
    .docWrapper.expanded .doc-sidebar .links .toggle {
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg); }
  .docWrapper.expanded .doc-content {
    margin-left: 175px;
    width: calc(100% - 175px); }
  .docWrapper.collapsed .doc-sidebar {
    min-width: 50px;
    max-width: 50px;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
    .docWrapper.collapsed .doc-sidebar li ul, .docWrapper.collapsed .doc-sidebar li a .icon-arrow-down {
      display: none; }
  .docWrapper.collapsed .doc-content {
    margin-left: 70px;
    width: calc(100% - 70px); }
  .docWrapper .nav-link {
    padding: 0;
    position: relative; }
    .docWrapper .nav-link.collapsed .icon-arrow-down {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .docWrapper .nav-link .icon-arrow-down {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      position: absolute;
      top: 16px;
      left: 63%;
      font-weight: 700; }
  .docWrapper hr {
    margin: 0 0 5px 0 !important; }

/* MAIN SIDEBAR COLLAPSED Doc sidebar expanded*/
.docWrapper.collapsed .doc-sidebar .links a:hover .icon-title {
  display: block;
  cursor: pointer; }

.docWrapper.collapsed .doc-sidebar .links .content-menu a:hover .icon-title {
  display: none; }

.docWrapper.collapsed .doc-sidebar .links .content-menu a:not(.collapsed) .icon-thumbnail {
  background: #f5f5f5; }

.docWrapper.collapsed .doc-sidebar .links li .icon-thumbnail {
  height: 30px;
  width: 30px;
  left: 0;
  line-height: 28px; }

.docWrapper.collapsed .doc-sidebar .links li ul {
  display: none;
  position: fixed;
  left: 160px;
  background: #f5f5f5;
  margin-top: -50px;
  border: 1px solid #d8d8d8;
  border-radius: 6px; }
  .docWrapper.collapsed .doc-sidebar .links li ul li a {
    line-height: 0.85rem; }

.docWrapper.collapsed .doc-sidebar .links li.content-menu:hover ul {
  display: block !important; }

.docWrapper.collapsed .doc-sidebar .icon-title {
  left: 150px;
  background: #f5f5f5;
  position: fixed;
  padding: 10px 20px;
  color: #4B4B4B;
  border-radius: 6px;
  margin-top: -35px;
  border: 1px solid #d8d8d8;
  display: none; }

/* MAIN SIDEBAR COLLAPSED */
.wrapper.collapsed .docWrapper {
  /* Doc sidebar collapsed */ }
  .wrapper.collapsed .docWrapper.collapsed .doc-sidebar .links li ul, .wrapper.collapsed .docWrapper.collapsed .doc-sidebar .icon-title {
    left: 150px; }
  .wrapper.collapsed .docWrapper.collapsed .doc-sidebar .links li a .icon-thumbnail {
    left: 0; }

/* MAIN SIDEBAR EXPANDED */
.wrapper.expanded .docWrapper {
  /* Doc sidebar collapsed */ }
  .wrapper.expanded .docWrapper.collapsed .doc-sidebar .links li ul, .wrapper.expanded .docWrapper.collapsed .doc-sidebar .icon-title {
    left: 210px;
    padding: 10px; }

.doc-sidebar .links li.content-menu:hover {
  background: transparent !important; }

.imageupload .file-tab .thumbnail {
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 0;
  padding: 2rem; }

.user .imageupload .file-tab .thumbnail {
  border-radius: 50%; }

.file-tab.panel-body label {
  position: absolute;
  top: 60px;
  width: 70%;
  left: 15%;
  padding: 5rem;
  text-align: center; }

/************************* Admin Tools sidebar */
.docWrapper.adminTools.expanded .doc-sidebar {
  min-width: 250px;
  max-width: 250px; }

.docWrapper.adminTools.expanded .doc-content {
  margin-left: 280px;
  width: calc(100% - 280px); }

.docWrapper.adminTools.collapsed .doc-sidebar {
  min-width: 60px;
  max-width: 60px; }

.docWrapper.adminTools.collapsed .doc-content {
  margin-left: 90px;
  width: calc(100% - 90px); }

/********* GFORM */
.gform {
  font-size: 0.85rem;
  /* textarea:focus { padding-top: $size-5; } */ }
  .gform .field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 1.5em;
    margin-top: -1.0em;
    position: relative;
    width: 100%; }
  .gform .field-button {
    display: flex;
    margin-bottom: 1.5em;
    margin-top: -1.0em; }
    .gform .field-button tooltip, .gform .field-button tip-cont {
      display: flex; }
  .gform .form-inline-flex {
    display: inline-flex; }
  .gform label, .gform input, .gform select, .gform textarea {
    transition: all 0.1s;
    touch-action: manipulation; }
  .gform input, .gform select, .gform textarea, .gform .field-box {
    border: 1px solid #d8d8d8;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 6px;
    padding: 5px 10px 0;
    cursor: text;
    color: #4B4B4B;
    background: transparent;
    z-index: 1;
    line-height: 24px !important;
    flex: 1 1 auto; }
  .gform .dropdown-toggle input {
    background: white; }
  .gform textarea {
    line-height: 36px;
    width: 100%; }
  .gform input, .gform select, .gform textarea {
    height: 45px;
    padding: 8px; }
  .gform input[type="date"] {
    padding-right: 24px; }
  .gform input:focus, .gform select:focus, .gform textarea:focus {
    outline: 0;
    border-bottom: 1px solid #40c33b; }
    .gform input:focus + label, .gform select:focus + label, .gform textarea:focus + label {
      background: transparent;
      z-index: 5;
      max-width: max-content; }
      .gform input:focus + label.bg-color, .gform select:focus + label.bg-color, .gform textarea:focus + label.bg-color {
        background: #f5f5f5; }
  .gform label {
    z-index: 2; }
  .gform input:placeholder-shown + label,
  .gform textarea:placeholder-shown + label,
  .gform select:placeholder-shown + label {
    cursor: text;
    max-width: max-content;
    white-space: nowrap;
    overflow: auto;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.125rem) scale(1); }
  .gform ::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit; }
  .gform input:focus::-webkit-input-placeholder,
  .gform textarea:focus::-webkit-input-placeholder {
    opacity: 1; }
  .gform input:not(:placeholder-shown) + label, .gform input:focus + label {
    transform: translate(0, 0) scale(1); }
  .gform textarea:not(:placeholder-shown) + label, .gform textarea:focus + label {
    transform: translate(0, 0) scale(1); }
  .gform select:focus + label {
    transform: translate(0, 0) scale(1); }
  .gform input:focus:placeholder-shown + label,
  .gform input:placeholder-shown + label,
  .gform input:not(:placeholder-shown) + label {
    position: relative;
    left: 10px;
    top: 8px; }
  .gform textarea:focus:placeholder-shown + label, .gform textarea:placeholder-shown + label, .gform textarea:not(:placeholder-shown) + label {
    position: relative;
    left: 10px;
    top: 8px; }
  .gform select + label, .gform .input-group + label, .gform .field-box + label {
    position: relative;
    left: 10px;
    top: 8px; }
  .gform input:focus:placeholder-shown + label, .gform input:not(:placeholder-shown) + label {
    top: 18px !important; }
  .gform textarea:focus:placeholder-shown + label, .gform textarea:not(:placeholder-shown) + label {
    top: 18px !important; }
  .gform select + label, .gform .input-group + label, .gform .field-box + label {
    top: 18px !important; }
  .gform .field button.inLine {
    margin-top: 32px;
    height: 44px; }
  .gform input:focus:placeholder-shown + label span,
  .gform input:not(:placeholder-shown) + label span,
  .gform input:disabled:not(:placeholder-shown) + label span,
  .gform select:not(:placeholder-shown) + label span,
  .gform select:disabled:not(:placeholder-shown) + label span,
  .gform textarea:not(:placeholder-shown) + label span,
  .gform .input-group + label span {
    background: #FFFFFF; }
  .gform input:disabled::placeholder,
  .gform select:disabled::placeholder,
  .gform textarea:disabled::placeholder {
    color: #838383; }
  .gform select:disabled + .selectArrow {
    color: #A3A3A3; }
  .gform select.arrow {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .gform select.arrow:focus {
      background-image: linear-gradient(45deg, #4b4b4b 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #4b4b4b 50%), linear-gradient(to right, #ccc, #ccc) !important;
      background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
      outline: 0; }
  .gform label > span {
    background: transparent; }
    .gform label > span.check, .gform label > span.radio {
      background: transparent; }
  .gform .selectArrow {
    bottom: 10px;
    position: absolute;
    right: 15px;
    z-index: 0; }
  .gform .expand-search input:placeholder-shown {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: opacity .100s ease-in-out;
    -moz-transition: opacity .100s ease-in-out;
    -ms-transition: opacity .100s ease-in-out;
    -o-transition: opacity .100s ease-in-out;
    transition: opacity .100s ease-in-out; }
    .gform .expand-search input:placeholder-shown::-webkit-input-placeholder {
      opacity: 1;
      transition: inherit; }

.field.field-chips, .field.field-table {
  border: 1px solid #d8d8d8;
  padding: 10px;
  margin-top: 1em;
  border-radius: 6px; }

.field.field-chips input {
  border: none !important; }

.gform .field label {
  font-family: "montserrat", Arial, sans; }

.gform .field.field-chips label, .gform .field.field-table label {
  position: relative;
  top: -24px; }

.gform .field.field-chips chips-modal {
  margin-top: -30px; }

.gform input[type='checkbox'], .gform input[type='radio'] {
  -webkit-appearance: none;
  border: none !important;
  display: none; }

.gform .input-group-append {
  position: absolute;
  right: 0;
  height: 45px;
  z-index: 3; }
  .gform .input-group-append.addValue {
    position: relative; }

.gform input:disabled:focus:placeholder-shown + label, .gform input:disabled:placeholder-shown + label, .gform input:disabled:not(:placeholder-shown) + label {
  color: #838383 !important;
  z-index: 2;
  max-width: max-content; }

.gform textarea:disabled:focus:placeholder-shown + label, .gform textarea:disabled:placeholder-shown + label, .gform textarea:disabled:not(:placeholder-shown) + label {
  color: #838383 !important;
  z-index: 2;
  max-width: max-content; }

.gform select:disabled + label {
  color: #838383 !important;
  z-index: 2;
  max-width: max-content; }
  .gform select:disabled + label.text-success {
    color: #838383 !important; }

.gform .field-box.disabled + label {
  color: #838383 !important; }

.gform input:disabled, .gform textarea:disabled,
.gform select:disabled, .gform .field-box.disabled {
  border-color: #d8d8d8 !important;
  color: #838383 !important; }

.gform .field-box.disabled + label span {
  background: #FFFFFF; }

.gform .workarea-title {
  position: relative; }

.editable-container {
  width: 200px;
  position: relative;
  margin-top: 10px;
  -webkit-transition: width 2s;
  transition: width 2s; }
  .editable-container.no-display {
    width: 0; }

.gform input:placeholder-shown + label .simple-icon {
  display: none; }

li .field input[type="number"], li .field select {
  min-width: 200px; }

form label {
  color: #4B4B4B;
  font-size: 0.85rem !important;
  line-height: 24px !important; }
  form label.requiredField span::before {
    content: '*';
    font-size: 1rem;
    color: #ed0a1b; }

form .form-group {
  margin-bottom: 20px; }

form .form-control[type="text"] {
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer; }
  form .form-control[type="text"]:focus {
    border-bottom-color: #40c33b; }
  form .form-control[type="text"]:disabled {
    background: transparent;
    border: none; }

form .form-control[type="password"] {
  border-bottom: 1px solid #d8d8d8; }
  form .form-control[type="password"]:focus {
    border-bottom-color: #40c33b; }
  form .form-control[type="password"]:disabled {
    background: transparent;
    border: none; }

form .input-group input.form-control {
  border: 1px solid #d8d8d8;
  padding: 0.85rem; }

form input.form-control, form textarea.form-control {
  border-radius: 0;
  border: none;
  max-width: 100%;
  color: #838383; }

form input.form-control:focus, form textarea.form-control:focus {
  color: #838383; }

form .form-control[type="password"] {
  padding: 4px 0; }

form select.form-control {
  border-radius: 2px;
  height: auto; }

form textarea.form-control {
  background: #FFFFFF;
  padding: 10px 15px;
  border: 1px solid #d8d8d8; }
  form textarea.form-control:focus {
    background: #DDDDDD; }

form .fa-toggle-on {
  font-size: 18px;
  color: #40c33b; }

.form-control:focus {
  border-bottom: 1px solid #40c33b;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

.fa-toggle-on.default {
  font-size: 18px;
  color: #40c33b; }

form .fa-toggle-off, .fa-toggle-off.default {
  font-size: 18px;
  color: #4B4B4B; }

form .separator {
  margin-bottom: 30px; }

form .actions {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px; }

.chips .ui-select-container input.form-control {
  width: 100% !important; }

.bootstrap-tagsinput {
  border: none;
  box-shadow: none; }
  .bootstrap-tagsinput input {
    border: 1px solid #d8d8d8;
    padding: 4px;
    min-width: 100px;
    border-radius: 10px; }

bootstrap-tagsinput.disabled .bootstrap-tagsinput .tag span,
.bootstrap-tagsinput .tag.label + input {
  display: none; }

bootstrap-tagsinput.hasMultivalue .tag.label + input {
  display: inline !important;
  position: relative;
  left: 10px;
  bottom: 12px; }

.bootstrap-tagsinput input:disabled {
  pointer-events: none;
  border: 1px solid transparent;
  padding: 0; }

.bootstrap-tagsinput.disabled div, .bootstrap-tagsinput.disabled input {
  pointer-events: none;
  border: 1px solid transparent;
  padding: 0; }

.ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control.ng-untouched.ng-valid.ng-scope.ng-valid-required.ng-dirty.ng-empty,
.ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control.ng-dirty.ng-empty.ng-invalid.ng-invalid-required {
  background: transparent; }

.chips .ui-select-container .ui-select-match-item, .ui-select-multiple.ui-select-bootstrap .ui-select-match-item, .bootstrap-tagsinput .tag {
  display: inline-block;
  font-size: 0.78rem;
  color: #4B4B4B;
  border: 1px solid #d8d8d8;
  border-radius: 30px !important;
  padding: 0.4rem 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 20px;
  margin-top: 4px; }

.chips .ui-select-bootstrap.dropdown > div {
  margin-top: 0; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item .icon-user {
  cursor: pointer;
  opacity: 0.8; }
  .ui-select-multiple.ui-select-bootstrap .ui-select-match-item .icon-user:focus, .ui-select-multiple.ui-select-bootstrap .ui-select-match-item .icon-user:hover {
    opacity: 1; }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  margin-bottom: 6px; }

.chips .ui-select-container .ui-select-match-item .close {
  text-shadow: none;
  margin-left: 5px;
  color: #4B4B4B;
  cursor: pointer; }
  .chips .ui-select-container .ui-select-match-item .close:hover {
    opacity: 1; }

.ui-select-multiple.ui-select-bootstrap {
  padding: 0;
  border: none;
  /* margin: 0 $size-10 0$size-10;  */
  /* display:contents; */ }

.bootstrap-tagsinput {
  background-color: transparent; }
  .bootstrap-tagsinput .tag {
    white-space: nowrap;
    padding: 0.4rem 0.75rem; }

.inputfile {
  display: none; }
  .inputfile + label {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.75em;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 -10px; }
    .inputfile + label:focus, .inputfile + label:hover {
      border-bottom: 1px solid #4B4B4B; }
    .inputfile + label span::before {
      content: "\e093";
      font-family: "simple-line-icons";
      padding-right: 6px; }

.gform .workarea-title .field {
  margin-bottom: 0; }

input:-webkit-autofill {
  background-color: #FFFFFF; }

.image-upload input {
  display: none; }

.image-upload img {
  width: 100%;
  height: auto;
  cursor: pointer; }

.imgCrop {
  position: absolute;
  width: 100%;
  background: #FFFFFF;
  top: 0;
  z-index: 10;
  background: #f5f5f5;
  border-top: none;
  height: 100%;
  display: inline-table; }
  .imgCrop button {
    width: 25%;
    text-transform: uppercase;
    padding: 10px;
    line-height: 18px !important;
    margin-top: 20px;
    margin-bottom: 20px; }

select option:disabled {
  color: rgba(0, 0, 0, 0.2); }

.datetimepicker {
  margin-top: 0; }
  .datetimepicker .table td {
    border: 1px solid #e0e0e0;
    border-radius: 0; }
  .datetimepicker .table th {
    border: 1px solid #e0e0e0;
    border-radius: 0; }
  .datetimepicker .table tr:hover {
    background-color: #FFFFFF; }
  .datetimepicker .table thead {
    border-radius: 10px; }
    .datetimepicker .table thead tr:first-child {
      background-color: #DDDDDD;
      color: #40c33b; }
  .datetimepicker .current {
    background-color: #4B4B4B;
    color: #FFFFFF; }
    .datetimepicker .current:focus, .datetimepicker .current:hover {
      background-color: #4B4B4B;
      color: #FFFFFF; }
  .datetimepicker .active {
    background-color: #40c33b;
    border-color: #40c33b;
    background-image: none;
    text-shadow: none;
    color: #FFFFFF !important; }
    .datetimepicker .active.disabled {
      background-color: #40c33b;
      border-color: #40c33b;
      background-image: none;
      text-shadow: none; }
      .datetimepicker .active.disabled:hover {
        background-color: #40c33b;
        border-color: #40c33b;
        background-image: none;
        text-shadow: none; }
    .datetimepicker .active:hover {
      background-color: #40c33b;
      border-color: #40c33b;
      background-image: none;
      text-shadow: none; }

/* FILTER BY DATE */
.calendar-container {
  max-height: fit-content !important;
  height: auto !important; }

#listFilter div.dropdown-item.gform:hover, #listFilter div.dropdown-item.gform:focus, #listFilter div.dropdown-item.gform:active {
  background-color: revert !important; }

.calendar-content {
  height: 100vh !important;
  position: relative;
  width: 100% !important; }
  .calendar-content .dropdown-menu {
    padding: .5rem 0 0 0 !important; }

.datetimepicker-footer {
  background-color: #FFFFFF;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border: 1px solid #d8d8d8;
  margin-top: -1px;
  border-radius: 0 0 4px 4px; }
  .datetimepicker-footer .btn {
    width: 30% !important;
    text-align: center !important; }

.dropdown-menu.filterDatepicker {
  height: 220px !important; }

.form-control {
  border-radius: 2px;
  box-shadow: none;
  border-color: #d8d8d8;
  font-size: 0.85rem;
  height: 45px;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */ }
  .form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .form-control:focus {
    box-shadow: none; }

select.theme-clean {
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 0;
  padding-right: 0; }

.ta-scroll-window > .ta-bind {
  min-height: 150px !important; }

.search-bar .input-group-append .btn {
  border-radius: 0;
  padding: 0.78rem; }

.search .btn {
  height: 45px; }

.expand-search {
  position: relative;
  top: 23px;
  left: 37px;
  transform: translate(-51%, -51%);
  transition: all 1s;
  width: 75px;
  background: #FFFFFF;
  border: 1px solid #d8d8d8; }
  .expand-search:hover {
    width: 300px;
    cursor: pointer;
    position: relative;
    left: 152px; }
  .expand-search input[type=search] {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 39px;
    display: none;
    cursor: pointer;
    border: none !important;
    padding: 6px 10px; }
    .expand-search input[type=search]:focus {
      border: none; }
  .expand-search .simple-icon {
    padding: 15px;
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    transition: all 1s;
    cursor: pointer; }

.expand-search:hover input {
  display: block; }

.expand-search:hover .simple-icon {
  background: #07051a;
  color: #FFFFFF; }

.field-help {
  top: -10px;
  position: relative;
  font-size: 80%; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%; }

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  border-bottom: 1px solid #40c33b !important; }

.bootstrap-select .btn:not(:disabled):not(.disabled),
.bootstrap-select .btn.disabled, .bootstrap-select .btn:disabled,
.bootstrap-select .btn.disabled:hover, .bootstrap-select .btn:disabled:hover {
  cursor: pointer;
  height: 45px;
  border: 1px solid #d8d8d8;
  background: #FFFFFF;
  min-width: 200px; }

.bootstrap-select .btn.disabled, .bootstrap-select .btn:disabled, .bootstrap-select .btn.disabled:hover, .bootstrap-select .btn:disabled:hover {
  color: #4B4B4B !important; }

.bootstrap-select .dropdown-item.disabled, .bootstrap-select .dropdown-item:disabled {
  color: #d8d8d8 !important; }

.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton,
.bootstrap-select .bs-searchbox {
  padding: 0;
  background: #DDDDDD !important;
  margin-top: -9px;
  margin-left: -1px;
  margin-right: -1px;
  border-radius: 6px 6px 0 0; }

.bootstrap-select input::placeholder {
  opacity: 1 !important; }

.bootstrap-select select {
  -webkit-appearance: none; }

.bootstrap-select .dropdown-menu.inner {
  padding-top: 10px; }

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  background: #4B4B4B !important; }

.bootstrap-select .bootstrap-select .dropdown-menu li a span.text {
  color: #4B4B4B !important; }

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active
.dropdown-item.active:hover,
.bootstrap-select .dropdown-item.active:focus,
.bootstrap-select .dropdown-item:active:hover,
.bootstrap-select .dropdown-item:active:focus,
.bootstrap-select .dropdown-menu li.active small {
  color: #FFFFFF !important; }

.bootstrap-select .no-results {
  background: #DDDDDD;
  height: 40px;
  font-size: 0.85rem;
  margin-top: 10px; }

.bootstrap-select .module-1 .text-muted {
  color: #fa6501 !important; }

.bootstrap-select .module-1 .active .text-muted {
  color: #f5f5f5 !important; }

.bootstrap-select .module-2 .text-muted {
  color: #0d4aa3 !important; }

.bootstrap-select .module-2 .active .text-muted {
  color: #f5f5f5 !important; }

.bootstrap-select .module-3 .text-muted {
  color: #3c933c !important; }

.bootstrap-select .module-3 .active .text-muted {
  color: #f5f5f5 !important; }

.bootstrap-select .module-4 .text-muted {
  color: #ed0a1b !important; }

.bootstrap-select .module-4 .active .text-muted {
  color: #f5f5f5 !important; }

.bootstrap-select .module-5 .text-muted {
  color: #fdbb11 !important; }

.bootstrap-select .module-5 .active .text-muted {
  color: #f5f5f5 !important; }

.textarea_countDown {
  text-align: right;
  font-size: 12px;
  margin-top: -10px; }

input.hasPlaceholder::-webkit-input-placeholder {
  opacity: 1; }

input::-moz-placeholder {
  opacity: 0;
  transition: inherit; }

textarea::-moz-placeholder {
  opacity: 0;
  transition: inherit; }

.hasError {
  border: 1px solid #de0707 !important;
  /*border-radius: $size-6;*/ }

.gform input + span.option {
  color: #4B4B4B;
  cursor: pointer; }

.gform input:disabled + span.option {
  color: #838383 !important;
  pointer-events: none; }
  .gform input:disabled + span.option + span.option {
    color: #838383 !important;
    pointer-events: none; }

.gform input:not(disabled) + span.option {
  color: #4B4B4B !important;
  cursor: pointer; }
  .gform input:not(disabled) + span.option + span.option {
    cursor: pointer; }
  .gform input:not(disabled) + span.option.text-success {
    color: #fa6501 !important;
    cursor: pointer; }

.dateSaved {
  display: none; }

.bootstrap-tagsinput .tag {
  white-space: break-spaces; }

/* Loaders */
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9); }
  .loader.section-loader {
    position: absolute;
    height: -webkit-fill-available;
    z-index: 39; }

.loader-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block; }
  .loader-container .pulse {
    height: 112px;
    width: 112px;
    position: fixed;
    top: 0;
    left: -56px;
    z-index: 2000; }
    .loader-container .pulse:before, .loader-container .pulse:after {
      border-radius: 50%;
      content: '';
      position: absolute; }
    .loader-container .pulse:before {
      background: #40c33b;
      height: 22.4px;
      width: 22.4px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .loader-container .pulse:after {
      animation: pulse-loading 1.5s infinite;
      border: 11.2px solid #40c33b;
      height: 100%;
      width: 100%; }

@keyframes pulse-loading {
  from {
    opacity: 1;
    transform: scale(0); }
  to {
    opacity: 0;
    transform: scale(1); } }

#scroll {
  position: fixed;
  right: 15px;
  bottom: 65px;
  z-index: 10;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #FFFFFF;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px; }
  #scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -13px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-bottom-color: #4B4B4B; }
  #scroll:hover {
    background-color: #FFFFFF;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }

.splash {
  position: absolute;
  z-index: 2000;
  color: gray;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.splash-title {
  text-align: center;
  max-width: 500px;
  margin: 15% auto;
  padding: 20px; }
  .splash-title h1 {
    font-size: 26px; }

#loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #FFFFFF; }

.ajax-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  /* -1 * image width / 2 */
  margin-top: -32px;
  /* -1 * image height / 2 */
  display: block; }

/************ MATRIZ */
.risk-box.high-risk {
  background: #cb2b39 !important; }

.risk-box.medium-risk {
  background: #ea7f36 !important; }

.risk-box.low-medium-risk {
  background: #ffd700 !important; }

.risk-box.low-risk {
  background: #88ba4c !important; }

.riskHigh::before {
  color: #d2032f;
  content: "\f30c"; }

.riskSame::before {
  color: #1568b8;
  content: "\f337"; }

.riskLow::before {
  color: #59bb55;
  content: "\f309"; }

.risk-matrix {
  width: 100% !important;
  height: 600px !important;
  margin: 15px !important; }
  .risk-matrix .risk-box {
    width: calc(20% - 4px) !important;
    height: calc(20% - 4px) !important;
    margin: 0 !important;
    border: none !important;
    padding: 4px 2px;
    overflow: hidden; }
  .risk-matrix .risk-matrix-item-inherent {
    border: none !important;
    margin: 3px;
    text-align: center;
    z-index: 3; }
  .risk-matrix .overlay {
    background: RGBa(255, 255, 255, 0.05); }

#riskMatrixTable_paginate .paginate_button a {
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: transparent; }

#riskMatrixTable_paginate .paginate_button.page-item {
  display: none !important; }
  #riskMatrixTable_paginate .paginate_button.page-item:first-child, #riskMatrixTable_paginate .paginate_button.page-item:last-child {
    display: block !important; }

.label-matrix-inherent {
  color: #FFFFFF;
  padding: 3px !important;
  border: 1px solid #838383 !important;
  cursor: pointer; }

.label-matrix-greater-than {
  background: #b494d1 !important;
  padding: 8px !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  text-align: center;
  cursor: pointer;
  border: 1px solid #838383 !important;
  font-weight: bold; }
  .label-matrix-greater-than::after {
    content: '+';
    padding: 0 4px; }

.matrixColorSelector {
  position: relative;
  right: 0;
  width: 100%; }
  .matrixColorSelector .dropdown-colorselector {
    display: inline-grid;
    margin-right: 5px; }
    .matrixColorSelector .dropdown-colorselector .btn-colorselector {
      border-radius: 50%; }
    .matrixColorSelector .dropdown-colorselector > .dropdown-menu > li > .color-btn.selected:after {
      font-family: 'simple-line-icons' !important;
      content: "" !important; }

.matrix-container-table .table td {
  white-space: normal !important; }

.matrix-container-table .table td {
  white-space: normal !important; }

.matrix-wrapper.collapsed .table-wrapper-scroll-y,
.matrix-wrapper.collapsed .table-container {
  opacity: 0; }

.matrix-wrapper .table-wrapper-scroll-y {
  opacity: 1;
  max-height: 540px; }

.floatTL {
  z-index: 3 !important;
  width: 100%;
  height: 100%; }

.riskHigh::before,
.riskSame::before,
.riskLow::before {
  font-family: "Font Awesome 6 Free";
  padding: 0 5px;
  font-weight: 700; }

.triangle-topright {
  width: 0;
  height: 0;
  border-top: 20px solid rgba(0, 0, 0, 0.5);
  border-left: 20px solid transparent;
  position: absolute;
  top: 0;
  right: 0; }

.moreMatrixDocs {
  position: absolute;
  right: -2px;
  top: 0;
  z-index: 59;
  display: none; }
  .moreMatrixDocs label {
    position: relative;
    z-index: 1;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 4px;
    color: #FFFFFF;
    right: 2px;
    border-radius: 4px 0px 0px 4px; }
    .moreMatrixDocs label::before {
      content: '+';
      padding: 2px; }
  .moreMatrixDocs:hover label {
    opacity: 1;
    cursor: pointer; }

/* matriz riesgo/proceso*/
/* container of multi select items */
.multiSelect .checkBoxContainer {
  padding: 0;
  border: 1px solid #c1c1c1; }

.multiSelect > button {
  border: 1px solid #d8d8d8;
  font-size: 0.85rem !important;
  color: #4B4B4B;
  background-color: #FFFFFF;
  background-image: none; }
  .multiSelect > button:hover {
    background-image: none;
    border-color: #d8d8d8;
    background-color: rgba(0, 0, 0, 0.04); }

.multiSelect .multiSelectItem {
  color: #4B4B4B; }
  .multiSelect .multiSelectItem:not(.multiSelectGroup).selected, .multiSelect .multiSelectItem:hover, .multiSelect .multiSelectItem .multiSelectItem:hover {
    background-image: none !important;
    border: none !important;
    background: #f5f5f5 !important;
    color: #ed0a1b !important; }

.multiSelect .checkboxLayer {
  box-shadow: none;
  font-size: 0.85rem; }

.multiSelect .caret {
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 1px 12px !important;
  vertical-align: middle;
  border-top: 4px solid #d8d8d8;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  color: #4B4B4B !important; }

.doubleMatrix .risk-matrix {
  height: 515px !important; }

.risk-matrix .risk-matrix-item {
  width: 25px !important;
  height: 25px !important;
  overflow: hidden !important;
  border: none !important;
  margin: 3px;
  text-align: center;
  border: 1px solid #838383 !important; }
  .risk-matrix .risk-matrix-item .labelSelected {
    background: #ed0a1b !important; }

label.label-matrix, label.label-matrix-r {
  width: 25px !important;
  height: 25px !important;
  padding: 0 !important;
  z-index: 0; }

.label-matrix:hover, .label-matrix-r:hover {
  border-color: transparent !important;
  transition: background-color 0.5s;
  cursor: pointer; }

.label-matrix {
  background: #b494d1 !important; }
  .label-matrix:hover {
    background: #bb95ca; }

.label-matrix-r {
  background: #d0d164 !important; }
  .label-matrix-r:hover {
    background: #f5f5f5; }

.popup {
  background: #f5f5f5 !important;
  padding: 0 !important;
  width: 500px !important;
  max-height: 400px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  max-height: 100% !important;
  color: #4B4B4B !important; }
  .popup .title {
    padding: 1.5rem !important;
    background: #FFFFFF;
    cursor: pointer;
    font-size: 20px !important;
    text-align: center; }

.risk-matrix-item-greater-than .popup .title {
  padding: 1.5rem !important;
  background: #FFFFFF;
  cursor: pointer;
  font-size: 20px !important;
  text-align: center; }

.popup .title a, .risk-matrix-item-greater-than .popup .title {
  color: #ed0a1b !important; }

.popup ul {
  padding: 1.5rem 2rem !important;
  max-height: 300px;
  overflow: auto; }
  .popup ul li {
    cursor: pointer;
    padding: 10px 0 !important;
    text-align: left !important; }
    .popup ul li:hover {
      color: #40c33b !important; }
    .popup ul li ul {
      padding: 0rem 1rem !important; }

.popup .btn {
  text-transform: uppercase;
  padding: 0;
  line-height: 18px !important; }

.doubleMatrixSelect .multiSelect .checkboxLayer {
  box-shadow: none;
  font-size: 0.85rem;
  position: absolute;
  z-index: 1;
  background: white;
  top: 13px; }

.matrix-container .col-6 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

#printMatrizId .gform .field {
  margin-bottom: -15px !important;
  bottom: 2px !important; }

.risk-inicator {
  display: flex;
  float: left;
  font-size: 20px; }

.riskmatrix-config .tab-content {
  position: relative;
  z-index: 1; }

.riskmatrix-config .nav-tabs .nav-item {
  z-index: 2; }

.riskmatrix-config .nav {
  position: relative;
  width: 100%; }
  .riskmatrix-config .nav .nav-item {
    padding: 20px 0;
    flex-wrap: wrap; }
    .riskmatrix-config .nav .nav-item .matrix-selectValue {
      margin: 4px; }
      .riskmatrix-config .nav .nav-item .matrix-selectValue .footer .btn {
        min-width: auto;
        width: auto;
        padding: 0.4rem 1.5rem; }
      .riskmatrix-config .nav .nav-item .matrix-selectValue .fa-spinner.fa-spin {
        position: absolute;
        top: 7px;
        right: 10px;
        color: #FFFFFF; }
      .riskmatrix-config .nav .nav-item .matrix-selectValue .btn {
        min-width: 112px;
        text-align: left;
        border-width: 1px;
        position: relative;
        width: 100%; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .label {
          font-size: 0.85rem;
          line-height: 0.85rem;
          padding-right: 20px; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .label h5 {
            display: inline-block; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .label .micro-icon {
            position: relative;
            top: -3px;
            left: 4px;
            font-size: 6px; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .label:active {
            background: transparent; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .fa-angle-down, .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .icon-arrow-down {
          margin-top: 7px; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .btn .filter-name {
          margin-right: 10px; }
      .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu {
        width: 465px; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .dropdown-item {
          margin-bottom: 0; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .dropdown-item.active, .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .dropdown-item:active {
            background: revert !important; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .dropdown-item .badge {
            margin: 1px 0 0 0;
            padding: 3px; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .actions.footer {
          height: auto;
          padding: 0.85rem 1.5rem;
          bottom: 1px;
          position: absolute; }
        .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .filter-list-container {
          max-height: 250px;
          overflow-x: hidden;
          overflow-y: auto;
          padding-bottom: 10px; }
          .riskmatrix-config .nav .nav-item .matrix-selectValue .dropdown-menu .filter-list-container .gform .input-group + label {
            top: 8px !important; }

.riskmatrix-config .bootstrap-select .dropdown-menu li.active a span.text {
  color: #FFFFFF !important; }

.riskmatrix-config .matrix-configuration {
  margin-top: 15px; }
  .riskmatrix-config .matrix-configuration .matrix-row-container {
    align-items: center;
    display: flex;
    justify-content: center; }
    .riskmatrix-config .matrix-configuration .matrix-row-container #swatch {
      padding: 2px;
      display: flex;
      flex-direction: column;
      position: relative; }
      .riskmatrix-config .matrix-configuration .matrix-row-container #swatch:hover .showEdit {
        display: block; }
      .riskmatrix-config .matrix-configuration .matrix-row-container #swatch .showEdit {
        display: none;
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 20px; }
        .riskmatrix-config .matrix-configuration .matrix-row-container #swatch .showEdit i {
          color: #6b6b6b;
          font-size: 16px; }
    .riskmatrix-config .matrix-configuration .matrix-row-container input[type="color"] {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background: none;
      border: 0;
      cursor: pointer;
      height: 70px;
      width: 70px;
      padding: 0;
      border-radius: 0; }
    .riskmatrix-config .matrix-configuration .matrix-row-container input:focus {
      border-bottom: none !important; }
    .riskmatrix-config .matrix-configuration .matrix-row-container ::-webkit-color-swatch-wrapper {
      padding: 0; }
    .riskmatrix-config .matrix-configuration .matrix-row-container ::-webkit-color-swatch {
      border: 0; }
  .riskmatrix-config .matrix-configuration .legend-col {
    display: flex;
    margin-left: 40px;
    text-align: center;
    font-size: 10px; }
    .riskmatrix-config .matrix-configuration .legend-col div {
      width: 75px; }
  .riskmatrix-config .matrix-configuration .legend-row {
    margin-left: 5px;
    font-size: 10px; }
  .riskmatrix-config .matrix-configuration .eje-y {
    transform: rotate(-90deg);
    position: absolute;
    left: 5px;
    top: 45px; }
  .riskmatrix-config .matrix-configuration .eje-x {
    position: absolute;
    left: 70px;
    top: -12px; }
  .riskmatrix-config .matrix-configuration .margin-35 {
    margin-left: 35px; }
  .riskmatrix-config .matrix-configuration .margin-75 {
    margin-left: 75px !important; }
  .riskmatrix-config .matrix-configuration tooltip tip {
    min-width: 100px !important;
    text-align: center; }

.riskmatrix-config .page-config-detail .filters-container #listFilter, .riskmatrix-config .page-config-detail .filters-wrapper .showFiltersContent {
  padding: 0 0 5px 0; }
  .riskmatrix-config .page-config-detail .filters-container #listFilter button.dropdown-toggle, .riskmatrix-config .page-config-detail .filters-wrapper .showFiltersContent button.dropdown-toggle {
    width: 40px !important;
    min-width: 40px !important;
    height: 49px;
    margin-left: -1px; }

.riskmatrix-config .h4, .riskmatrix-config h4 {
  font-size: 1.2rem; }

.riskDetail .modal-body a {
  text-decoration: underline; }
  .riskDetail .modal-body a:hover, .riskDetail .modal-body a:focus {
    color: #d2032f; }

.mini-chart {
  width: 100%;
  position: relative; }
  .mini-chart .chart {
    width: 100%;
    height: 300px;
    margin: 0 -15px;
    display: flex; }
    .mini-chart .chart .legend-item {
      border: 1px solid #ed0a1b;
      margin-left: 300px; }

/* GRAFICO KPI */
#histogram {
  padding: 20px 0;
  border: 1px solid #d8d8d8; }
  #histogram .nvd3 .nv-focus {
    cursor: pointer; }
  #histogram svg {
    height: 250px; }

.nvd3 text {
  font-size: 0.78rem !important;
  font-weight: normal !important;
  font-family: "Lato", Arial, sans !important;
  fill: #4B4B4B !important; }
  .nvd3 text:focus, .nvd3 text:hover {
    font-weight: 700 !important;
    font-size: 0.78rem !important; }

.nvd3 .nv-groups path.nv-area {
  fill-opacity: 0.1; }

.nvd3 .nv-groups .nv-line {
  stroke-opacity: 1;
  stroke-width: 1.5px; }

.nvd3 .nv-axis {
  opacity: 0.8 !important; }

.nvd3 .dashed {
  stroke-dasharray: 4; }
  .nvd3 .dashed .nv-point {
    opacity: 0; }

.nvd3 .text text {
  color: rgba(98, 98, 98, 0.5);
  fill: rgba(98, 98, 98, 0.5);
  font-family: "montserrat", Arial, sans;
  font-size: 0.78rem;
  font-weight: normal; }

.nvd3.nv-noData {
  padding: 5px;
  color: #4B4B4B;
  fill: #4B4B4B;
  font-weight: normal; }

.nvd3-widget-line-chart .nv-x .tick line {
  display: none; }

.nv-legend {
  color: rgba(98, 98, 98, 0.5);
  fill: rgba(98, 98, 98, 0.5);
  font-family: "montserrat", Arial, sans;
  font-size: 0.78rem;
  font-weight: normal; }

.widget-chart .nv-point {
  stroke-opacity: 1 !important;
  stroke-width: 2px !important;
  fill-opacity: 1 !important; }

.frequencies {
  padding: 7px 20px 0;
  border: 1px solid #d8d8d8;
  margin-top: -1px; }
  .frequencies .list-inline > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 5px; }
    .frequencies .list-inline > li button {
      height: 29px;
      font-family: "montserrat", Arial, sans;
      font-size: 10px;
      margin-top: -4px; }
      .frequencies .list-inline > li button[ng-click] {
        cursor: pointer; }
    .frequencies .list-inline > li .field {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }

@-moz-document url-prefix() {
  .frequencies .list-inline > li .field {
    position: relative;
    top: -1px; }
    .frequencies .list-inline > li .field input {
      line-height: 12px;
      font-size: 12px;
      width: 160px; } }
  .frequencies input {
    height: 29px; }
  .frequencies .input-group-append button {
    height: 29px;
    padding: .375rem 1.4rem !important;
    margin-top: 0 !important; }

#printAllGraphicsId svg.nvd3-svg {
  height: 550px !important; }

/* DIAGRAMA WORKFLOW */
.diagram-container {
  margin-right: 51%;
  min-height: 100vh; }

.diagram-container-detail {
  width: 49%;
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: 80px;
  margin-right: 15px;
  min-height: 100vh; }

.workFlowDiagram.collapseDiagram .diagram-container {
  width: 50px;
  height: 100vh; }
  .workFlowDiagram.collapseDiagram .diagram-container .wf-title,
  .workFlowDiagram.collapseDiagram .diagram-container .diagram {
    display: none; }

.workFlowDiagram.collapseDiagram .diagram-container-detail {
  width: calc(100% - 90px); }

.workFlowDiagram.collapseDetail .diagram-container {
  width: calc(100% - 60px); }

.workFlowDiagram.collapseDetail .diagram-container-detail {
  width: 50px;
  height: 100vh; }
  .workFlowDiagram.collapseDetail .diagram-container-detail .card {
    display: none; }

.diagram-container-detail .toggle,
.diagram-container .toggle {
  padding: 15px 0px;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px; }
  .diagram-container-detail .toggle a,
  .diagram-container .toggle a {
    padding: 16px; }
    .diagram-container-detail .toggle a:hover,
    .diagram-container .toggle a:hover {
      cursor: pointer;
      color: #4B4B4B;
      background: #c1c1c1; }
    .diagram-container-detail .toggle a:after,
    .diagram-container .toggle a:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 700; }

.workFlowDiagram.collapseDetail .diagram-container .toggle,
.workFlowDiagram.collapseDetail .diagram-container-detail .toggle {
  padding: 15px 0; }
  .workFlowDiagram.collapseDetail .diagram-container .toggle a:after,
  .workFlowDiagram.collapseDetail .diagram-container-detail .toggle a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700; }

.workFlowDiagram .diagram-container .toggle a:after {
  content: "\f100"; }

.workFlowDiagram.collapseDiagram .diagram-container .toggle a:after {
  content: "\f0e8"; }

.workFlowDiagram .diagram-container-detail .toggle a:after {
  content: "\f101"; }

.workFlowDiagram.collapseDetail .diagram-container-detail .toggle a:after {
  content: "\f0ca"; }

.diagram-container-detail .card {
  border-radius: 0; }
  .diagram-container-detail .card + .card {
    margin-top: 15px; }
  .diagram-container-detail .card:last-child {
    margin-bottom: 100px; }

.diagram-container-detail .card-title {
  background: rgba(0, 0, 0, 0.04);
  padding: 10px;
  margin-bottom: 0; }

.diagram-container-detail .card-body {
  padding: 0; }
  .diagram-container-detail .card-body .dropdown-header {
    background: #f5f5f5;
    margin-top: -8px;
    border-radius: 4px 4px 0px 0px; }
  .diagram-container-detail .card-body .dropdown-item {
    cursor: default; }
    .diagram-container-detail .card-body .dropdown-item:hover {
      background: transparent; }

.diagram-container-detail .card-text {
  padding: 0.85rem; }
  .diagram-container-detail .card-text .usersList {
    margin: .5rem; }
    .diagram-container-detail .card-text .usersList li {
      overflow: hidden;
      border: 1px solid #c1c1c1;
      margin-top: -1px;
      padding: .3rem; }

.gu-mirror li {
  list-style: none !important;
  padding: 5px 10px 10px; }

.mermaid {
  font-size: 0.85rem; }
  .mermaid .node .label div {
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
  .mermaid svg {
    max-width: 100%; }
  .mermaid .label {
    font-family: "montserrat", Arial, sans; }
  .mermaid .actor {
    stroke: #838383 !important; }
  .mermaid .edgePath .path, .mermaid .messageLine0, .mermaid .messageLine1, .mermaid rect, .mermaid circle, .mermaid ellipse, .mermaid polygon {
    stroke: #838383 !important; }
  .mermaid .arrowheadPath {
    fill: #838383 !important; }
  .mermaid .active-step > * {
    fill: #40c33b !important; }
  .mermaid .active-step a, .mermaid .active-step .label {
    color: #FFFFFF !important; }
  .mermaid .active-step a:hover {
    color: #c1c1c1 !important; }
  .mermaid .available-step > * {
    fill: #FFFFFF !important; }
  .mermaid .available-step a, .mermaid .available-step .label {
    color: #4B4B4B !important; }
  .mermaid .available-step a:hover,
  .mermaid .available-step .label:hover {
    color: #4B4B4B !important;
    cursor: default; }
  .mermaid .historic-step > * {
    fill: #d0cfd4 !important; }
  .mermaid .historic-step a, .mermaid .historic-step .label {
    color: #FFFFFF !important; }
  .mermaid .historic-step a:hover {
    color: #c1c1c1 !important; }
  .mermaid .initial-step > * {
    fill: #FFFFFF !important; }
  .mermaid .initial-step rect,
  .mermaid .initial-step circle,
  .mermaid .initial-step ellipse,
  .mermaid .initial-step polygon {
    stroke: #000000 !important; }
  .mermaid .initial-step a, .mermaid .initial-step .label {
    color: #4B4B4B !important; }
  .mermaid .initial-step a:hover {
    color: #000000 !important; }
  .mermaid .disabled-step > * {
    fill: #f5f5f5 !important; }
  .mermaid .disabled-step a, .mermaid .disabled-step .label {
    color: #838383 !important; }
  .mermaid .disabled-step a:hover {
    color: #838383 !important; }
  .mermaid .final-step > * {
    fill: #FFFFFF !important; }
  .mermaid .final-step rect,
  .mermaid .final-step circle,
  .mermaid .final-step ellipse,
  .mermaid .final-step polygon {
    stroke: #838383 !important; }
  .mermaid .final-step a, .mermaid .final-step .label {
    color: #838383 !important; }
  .mermaid .final-step a:hover {
    color: #838383 !important; }
  .mermaid .label-step > * {
    fill: #FFFFFF !important; }
  .mermaid .label-step rect,
  .mermaid .label-step circle,
  .mermaid .label-step ellipse,
  .mermaid .label-step polygon {
    stroke-width: 0px !important; }
  .mermaid .label-step a, .mermaid .label-step .label {
    color: #000000;
    font-size: 10px;
    text-transform: capitalize; }
  .mermaid .label-step a:hover {
    color: #000000 !important; }
  .mermaid .classGroup text {
    font-size: 18px !important;
    line-height: 40px; }
  .mermaid .edgeLabel {
    color: #000000;
    font-size: 10px;
    text-transform: capitalize; }

.subway {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .subway .li {
    transition: all 200ms ease-in;
    width: calc(80% / 6); }
  .subway .subway-title {
    margin: 0 auto;
    padding: 15px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    color: #c1c1c1;
    pointer-events: none;
    text-transform: uppercase; }
  .subway .status {
    padding: 0px 40px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #d8d8d8;
    position: relative;
    width: 100%;
    transition: all 200ms ease-in;
    text-align: center;
    pointer-events: none; }
    .subway .status:before {
      content: '';
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 25px;
      border: 1px solid #c1c1c1;
      position: absolute;
      top: -15px;
      left: 42%;
      transition: all 200ms ease-in; }
    .subway .status:after {
      color: #c1c1c1;
      content: "\e080";
      position: absolute;
      top: -10px;
      margin: 0 auto;
      font-family: "simple-line-icons";
      font-weight: normal;
      width: 30px;
      left: 42%;
      height: 30px; }
  .subway .li.complete .subway-title {
    color: #28a745;
    cursor: pointer;
    pointer-events: visible; }
    .subway .li.complete .subway-title:hover, .subway .li.complete .subway-title:focus {
      color: #448853; }
  .subway .li.complete .status {
    border-top: 2px solid #28a745;
    cursor: pointer;
    pointer-events: visible; }
    .subway .li.complete .status:before {
      border: 1px solid #28a745;
      transition: all 200ms ease-in; }
    .subway .li.complete .status:after {
      color: #28a745; }
  .subway .li.active .subway-title {
    color: #28a745;
    font-weight: 700;
    cursor: pointer;
    pointer-events: visible; }
    .subway .li.active .subway-title:hover, .subway .li.active .subway-title:focus {
      color: #448853; }
  .subway .li.active .status {
    border-top: 2px solid #28a745;
    cursor: pointer;
    pointer-events: visible; }
    .subway .li.active .status:before {
      border: 1px solid #28a745;
      transition: all 200ms ease-in;
      background: #28a745; }
    .subway .li.active .status:after {
      content: ""; }

@media (min-device-width: 780px) and (max-device-width: 1400px) {
  .subway .li {
    transition: all 200ms ease-in;
    width: inherit;
    width: calc(100% / 6); } }

@media (min-device-width: 320px) and (max-device-width: 779px) {
  .subway {
    list-style-type: none;
    display: block; }
  .subway .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
    width: calc(100% / 6); }
  .subway .subway-title {
    width: 100px; }
  .subway .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in; } }

.dashboard .box-title {
  color: #40c33b;
  /*.boxClose {
      font-size: $font-size-small;
      float: right;
      line-height: 24px;
      &:focus, &:hover {
        cursor: pointer;
        opacity: 0.8;
      }
    }*/ }
  .dashboard .box-title .handle {
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid #d8d8d8;
    color: #4B4B4B;
    border-radius: 5px;
    font-size: 0.85rem;
    padding: 5px 15px;
    margin-right: 5px; }
    .dashboard .box-title .handle:focus, .dashboard .box-title .handle:hover {
      cursor: move;
      background-color: #f5f5f5; }

.dashboard .draggable.gu-transit {
  padding: 0 15px 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  border: 1px dashed #40c33b;
  background: rgba(0, 0, 0, 0.4); }

.dashboard .draggable .table-container {
  overflow-x: auto; }

.dashboard .draggable tooltip {
  display: inline-block !important; }

.dashboard .tui-full-calendar-popup .tui-full-calendar-confirm {
  background-color: #40c33b;
  border-color: #40c33b;
  transition: background-color 0.1s;
  line-height: inherit !important;
  color: #FFFFFF;
  font-weight: 700;
  width: 50%;
  border-radius: 0;
  font-size: 0.85rem;
  text-transform: uppercase; }
  .dashboard .tui-full-calendar-popup .tui-full-calendar-confirm:focus, .dashboard .tui-full-calendar-popup .tui-full-calendar-confirm:hover {
    background-color: #FFFFFF;
    border-color: #40c33b;
    color: #40c33b;
    border: 1px solid #40c33b; }
  .dashboard .tui-full-calendar-popup .tui-full-calendar-confirm.active, .dashboard .tui-full-calendar-popup .tui-full-calendar-confirm:active {
    background-color: #FFFFFF;
    border: 1px solid #40c33b;
    color: #40c33b; }

.dashboard .tui-full-calendar-popup .tui-full-calendar-popup-section-item {
  height: 45px;
  padding: 6px 9px;
  border: 1px solid #d8d8d8;
  border-radius: 0;
  margin-bottom: 10px; }

.dashboard .tui-full-calendar-popup .tui-full-calendar-section-allday {
  border: 1px solid #c1c1c1 !important;
  padding: 0 0 0 8px !important; }

.dashboard .tui-full-calendar-popup .tui-full-calendar-button.tui-full-calendar-section-private {
  height: 45px; }

.dashboard .tui-full-calendar-popup .tui-full-calendar-dropdown-menu {
  top: 45px; }
  .dashboard .tui-full-calendar-popup .tui-full-calendar-dropdown-menu li {
    border: none !important; }

.dashboard .tui-full-calendar-weekday-grid-date-decorator {
  background: #40c33b !important; }

.dashboard .dashboardLayoutSwitch:hover .dashboardLayout {
  display: block !important; }

.dashboard .dashboardLayout {
  top: 0 !important;
  left: -22px !important; }
  .dashboard .dashboardLayout .selected {
    background: #DDDDDD;
    border-radius: 15px;
    color: #f5f5f5; }
    .dashboard .dashboardLayout .selected:hover, .dashboard .dashboardLayout .selected:focus {
      color: #f5f5f5; }

.dashboard .handle::after {
  font-family: 'simple-line-icons';
  content: "\e023";
  cursor: grab; }

.dashboard .filters-expanded-container .steps .step:hover, .dashboard .filters-expanded-container .steps .step:focus {
  background: #DDDDDD; }

.gu-mirror.dashboard-mirror {
  /*.boxClose {
    font-size: $font-size-small;
    float: right;
  }*/ }
  .gu-mirror.dashboard-mirror .handle::after {
    font-family: 'simple-line-icons';
    content: "\e023";
    cursor: grabbing; }

.modal-content {
  border-radius: 15px;
  /* SUBWAY */ }
  .modal-content .btn-sm {
    min-width: 40px; }
  .modal-content .modal-title {
    line-height: 1.8;
    max-width: 95%; }
  .modal-content .modal-header {
    display: block !important;
    padding: 1rem 2rem;
    background: #FFFFFF;
    border-radius: 15px 15px 0 0; }
    .modal-content .modal-header span {
      font-size: 24px; }
    .modal-content .modal-header h4 {
      font-size: 20px; }
    .modal-content .modal-header .close {
      padding: 1.2rem; }
    .modal-content .modal-header ul li {
      display: inline;
      padding: 2px 0;
      font-size: 0.78rem;
      color: #000000; }
  .modal-content .modal-body {
    background: #f5f5f5;
    border-radius: 0 0 15px 15px;
    padding: 1rem 2rem;
    font-size: 1.1em;
    line-height: 32px; }
    .modal-content .modal-body .tree-container {
      margin-top: 15px; }
      .modal-content .modal-body .tree-container .ivh-treeview {
        margin-top: 8px;
        margin-bottom: 10px;
        margin-left: 23px;
        border-left: 1px solid dodgerblue; }
        .modal-content .modal-body .tree-container .ivh-treeview:first-child {
          margin-left: 0px !important;
          border-bottom: 1px solid #d8d8d8;
          border-right: 1px solid #d8d8d8; }
        .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content {
          padding: 4px 19px 7px;
          border-top: 1px solid #d8d8d8; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle {
            cursor: pointer;
            padding: 3px 1px;
            width: 20px;
            height: 24px;
            display: inline-block; }
            .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .fa-folder-open, .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .icon-folder {
              color: dodgerblue; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon {
            display: inline-block;
            width: 10px;
            margin-right: 7px; }
            .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon .fa-circle {
              font-size: 6px;
              vertical-align: middle; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .anchor {
            padding: 5px 10px;
            cursor: pointer;
            white-space: normal; }
            .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .anchor:hover, .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .anchor:focus {
              background: #f5f5f5;
              border-radius: 15px; }
    .modal-content .modal-body.has-calendar {
      min-height: 450px; }
    .modal-content .modal-body .alert {
      font-size: 0.78rem;
      padding: .7rem 2rem .7rem 1.25rem;
      line-height: 20px; }
    .modal-content .modal-body table {
      width: 100% !important; }
    .modal-content .modal-body .field.field-chips,
    .modal-content .modal-body .field.field-table {
      background: transparent; }
    .modal-content .modal-body.gform textarea {
      height: auto !important; }
    .modal-content .modal-body button:hover .simple-icon.icon-doc.iconsOverlayed i,
    .modal-content .modal-body button:focus .simple-icon.icon-doc.iconsOverlayed i {
      background-color: #FFFFFF !important;
      color: #4B4B4B !important; }
  .modal-content .modal-footer {
    background: transparent;
    padding: 1rem 2rem; }
    .modal-content .modal-footer button {
      width: 48%;
      text-transform: uppercase;
      padding: 10px;
      line-height: 18px !important; }
      .modal-content .modal-footer button.btn-nav {
        width: 50px !important; }
    .modal-content .modal-footer span {
      font-size: 24px; }
    .modal-content .modal-footer h4 {
      font-size: 20px; }
    .modal-content .modal-footer .close {
      padding: 1.2rem; }
    .modal-content .modal-footer ul li {
      display: inline;
      padding: 2px 0;
      font-size: 0.78rem;
      color: #000000; }
  .modal-content .modal-body {
    background: #f5f5f5;
    padding: 1rem 2rem;
    font-size: 1.1em;
    line-height: 32px; }
    .modal-content .modal-body .tree-container {
      margin-top: 15px; }
      .modal-content .modal-body .tree-container .ivh-treeview {
        margin-top: 8px;
        margin-bottom: 10px;
        margin-left: 23px;
        border-left: 1px solid dodgerblue; }
        .modal-content .modal-body .tree-container .ivh-treeview:first-child {
          margin-left: 0px !important;
          border-bottom: 1px solid #d8d8d8;
          border-right: 1px solid #d8d8d8; }
        .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content {
          padding: 4px 19px 7px;
          border-top: 1px solid #d8d8d8; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle {
            cursor: pointer;
            padding: 3px 1px;
            width: 20px;
            height: 24px;
            display: inline-block; }
            .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .fa-folder-open, .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .icon-folder {
              color: dodgerblue; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon {
            display: inline-block;
            width: 10px;
            margin-right: 7px; }
            .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon .fa-circle {
              font-size: 6px;
              vertical-align: middle; }
          .modal-content .modal-body .tree-container .ivh-treeview .ivh-treeview-node-content .anchor {
            padding: 5px 7px;
            cursor: pointer; }
    .modal-content .modal-body.has-calendar {
      min-height: 450px; }
    .modal-content .modal-body .alert {
      font-size: 0.78rem;
      padding: .7rem 2rem .7rem 1.25rem;
      line-height: 20px; }
    .modal-content .modal-body table {
      width: 100% !important; }
    .modal-content .modal-body li.collapseExpand tooltip tip {
      min-width: auto !important; }
    .modal-content .modal-body .UserInfo tooltip tip {
      min-width: 140px !important; }
    .modal-content .modal-body .bootstrap-tagsinput {
      background-color: transparent; }
    .modal-content .modal-body .bootstrap-tagsinput .tag {
      white-space: nowrap;
      padding: 0.4rem 0.75rem; }
  .modal-content .modal-footer {
    background: #f5f5f5;
    padding: 1rem 2rem; }
    .modal-content .modal-footer button {
      width: 48%;
      text-transform: uppercase;
      padding: 10px;
      line-height: 18px !important; }
      .modal-content .modal-footer button.btn-nav {
        width: 50px !important; }
    .modal-content .modal-footer.three-btns button {
      width: 31%; }
    .modal-content .modal-footer .btn-group {
      display: block; }
      .modal-content .modal-footer .btn-group button {
        width: 100%;
        margin-bottom: 10px; }
        .modal-content .modal-footer .btn-group button:last-child {
          margin-bottom: 0; }
  .modal-content .gform input:focus:placeholder-shown + label span,
  .modal-content .gform input:not(:placeholder-shown) + label span,
  .modal-content .gform input:disabled:not(:placeholder-shown) + label span,
  .modal-content .gform input:focus + label,
  .modal-content .gform select:not(:placeholder-shown) + label span,
  .modal-content .gform select:disabled + label span,
  .modal-content .gform select:focus + label,
  .modal-content .gform textarea:focus + label,
  .modal-content .gform textarea:not(:placeholder-shown) + label span,
  .modal-content .gform .input-group + label span,
  .modal-content .gform .field.field-chips label > span {
    background: #f5f5f5; }
  .modal-content .div-list-select {
    height: calc(100vh - 310px);
    background-color: white; }
  .modal-content .list-select {
    height: calc(100vh - 310px);
    overflow: auto; }
    .modal-content .list-select .field label {
      top: 24px !important; }
    .modal-content .list-select span {
      background: #FFFFFF !important; }
  .modal-content .tab-pane .list-select {
    height: calc(100vh - 360px);
    overflow: auto; }
  .modal-content form {
    margin-block-end: 0; }
  .modal-content .subway {
    font-size: 0.85rem;
    margin-top: -15px;
    margin-bottom: 15px; }
    .modal-content .subway .li .status:after,
    .modal-content .subway .li.complete .status:after {
      top: -16px;
      width: 24px; }
    .modal-content .subway .status:after,
    .modal-content .subway .status:before {
      height: 24px;
      width: 24px;
      top: -12px; }
    .modal-content .subway.delegate-resp li,
    .modal-content .subway.references li {
      width: calc(90% / 3); }
    .modal-content .subway.ext-reach li {
      width: calc(90% / 2); }

.modal-lg {
  max-width: 990px !important; }
  .modal-lg .form-group {
    margin-bottom: 0.78rem; }
  .modal-lg .inmodal .modal-footer button {
    width: 25%; }

.modal-xl .modal-content .modal-footer button {
  width: 25%; }

.inmodal.modal-profile {
  /*.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
			color: $blue-color !important;
			border-bottom: 2px solid $blue-color;
		}
		.btn-primary {
			background-color: $blue-color;
			border-color: $blue-color;
		}
		.nav-link:hover, .nav-link:focus, .text-success, table .table-section-title th { color: $blue-color !important; }
		.table thead tr th { color: $black-color !important; }*/ }
  .inmodal.modal-profile .modal-footer {
    background: transparent;
    padding: 1rem 0 0; }

.inmodal .input-group > .ui-select-bootstrap.dropdown {
  background: transparent; }

.fullscreen,
.modal-close {
  position: absolute;
  top: 10px;
  font-size: 1.1em;
  cursor: pointer; }

.fullscreen {
  right: 40px; }

.modal-close {
  right: 15px;
  font-size: 1.8rem;
  top: -1px; }

.fullScreenModal.modal-lg, .fullScreenModal.modal-md, .fullScreenModal.modal-sm, .fullScreenModal.modal-xl {
  min-width: 100%;
  margin: 0; }
  .fullScreenModal.modal-lg .icon-size-fullscreen, .fullScreenModal.modal-md .icon-size-fullscreen, .fullScreenModal.modal-sm .icon-size-fullscreen, .fullScreenModal.modal-xl .icon-size-fullscreen {
    display: none; }
  .fullScreenModal.modal-lg .icon-size-actual, .fullScreenModal.modal-md .icon-size-actual, .fullScreenModal.modal-sm .icon-size-actual, .fullScreenModal.modal-xl .icon-size-actual {
    display: block; }
  .fullScreenModal.modal-lg td .icon-size-fullscreen, .fullScreenModal.modal-lg td .icon-size-actual, .fullScreenModal.modal-md td .icon-size-fullscreen, .fullScreenModal.modal-md td .icon-size-actual, .fullScreenModal.modal-sm td .icon-size-fullscreen, .fullScreenModal.modal-sm td .icon-size-actual, .fullScreenModal.modal-xl td .icon-size-fullscreen, .fullScreenModal.modal-xl td .icon-size-actual {
    display: block; }
  .fullScreenModal.modal-lg .inmodal .modal-footer button, .fullScreenModal.modal-md .inmodal .modal-footer button, .fullScreenModal.modal-sm .inmodal .modal-footer button, .fullScreenModal.modal-xl .inmodal .modal-footer button {
    width: 15%; }

.fullScreenModal .modal-content {
  border-radius: 0; }

.fullScreenModal .modal-content,
.fullScreenModal .modal-body {
  height: 100vh;
  width: 100%;
  background: whitesmoke; }

.icon-size-actual {
  display: none; }

td .icon-size-actual {
  display: block; }

.dropdown-item:hover .filter input:focus:placeholder-shown + label span,
.dropdown-item:hover .filter input:not(:placeholder-shown) + label span {
  background: transparent; }

.wfConfigStep .input-group-btn {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
  .wfConfigStep .input-group-btn .btn {
    width: 100%; }

.wfConfigStep .ui-select-container {
  background: transparent; }

#PreviewIndicatorId .action-buttons,
#PreviewIndicatorId .breadcrumb-container .breadcrumb.right,
#PreviewIndicatorId .chips .input-group-btn,
#PreviewIndicatorId .selectArrow {
  display: none; }

.modal-body-calendar {
  background: #f5f5f5;
  padding: 1rem 2rem;
  font-size: 1.1em; }
  .modal-body-calendar .input-group-append button {
    height: 45px; }

.menuControl button:first-child {
  border-right: none;
  border-left: none;
  padding-left: 10px;
  padding-right: 10px; }

.menuControl button:hover:first-child, .menuControl button:focus:first-child {
  background-color: #FFFFFF; }

.menuControl button.disabled:hover:nth-child(3), .menuControl button.disabled:focus:nth-child(3) {
  background-color: #FFFFFF; }

.menuControl button:nth-child(3) {
  border-right: 1px solid #d8d8d8; }

.menuControl button:last-child {
  margin-left: 8px !important; }

/* para que no se desplacen el footer y el header cuando se abre un dialogo*/
/**************** VISTA PREVIA */
.modal-preview {
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0; }
  .modal-preview .modal-body {
    min-height: 80vh !important;
    /*.header {
      z-index: 5;
      position: absolute;
      top: $size-20;
      right:$size-30;
    }*/ }

/* Slider wrapper*/
.css-slider-wrapper {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Slider */
.slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-transition: -webkit-transform 1600ms;
  transition: -webkit-transform 1600ms, transform 1600ms;
  -webkit-transform: scale(1);
  transform: scale(1); }

.slide1 {
  left: 0; }

.slide2 {
  left: 100%; }

.slide3 {
  left: 200%; }

.slide4 {
  left: 300%; }

.slide5 {
  left: 400%; }

.slide6 {
  left: 500%; }

.slide7 {
  left: 600%; }

.slide8 {
  left: 700%; }

.slide9 {
  left: 800%; }

.slide10 {
  left: 900%; }

.slide11 {
  left: 1000%; }

.slide12 {
  left: 1100%; }

.slide13 {
  left: 1200%; }

.slide14 {
  left: 1300%; }

.slide15 {
  left: 1400%; }

.slide16 {
  left: 1500%; }

.slide17 {
  left: 1600%; }

.slide18 {
  left: 1700%; }

.slide19 {
  left: 1800%; }

.slide20 {
  left: 1900%; }

.slider > div {
  padding: 0 50px;
  position: absolute;
  max-height: 100%;
  overflow: auto;
  top: 15px;
  bottom: 70px;
  right: 10px;
  left: 0; }

/* Slider inner slide effect */
/* Next and Previous arrow */
.control {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
  z-index: 55; }
  .control label {
    z-index: 0;
    display: none;
    text-align: center;
    line-height: 30px !important;
    font-size: 30px !important;
    cursor: pointer;
    opacity: 0.5; }
    .control label:hover {
      opacity: 0.7; }

.next {
  right: 3%; }

.previous {
  right: 6%; }

/* slider Doc Info */
.sliderInfo {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
  z-index: 55;
  left: 3%; }
  .sliderInfo label {
    text-align: center;
    line-height: 30px !important;
    font-size: 30px !important;
    cursor: pointer;
    opacity: 0.5; }
    .sliderInfo label:hover {
      opacity: 0.7; }

.previewInfoTitle.show {
  position: absolute;
  bottom: 20px;
  left: 6%;
  max-width: 100%;
  border: 1px solid #d8d8d8;
  z-index: 55;
  background: #FFFFFF;
  padding: 20px 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.5s; }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Slider Pagger */
.slider-pagination {
  position: absolute;
  bottom: 20px;
  text-align: center;
  z-index: 1000;
  width: 50%;
  left: 25%; }
  .slider-pagination label {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background: #d8d8d8; }

.css-slider-wrapper input[type=radio] {
  display: none !important; }

.slide-radio1:checked ~ .next .numb2,
.slide-radio2:checked ~ .next .numb3,
.slide-radio3:checked ~ .next .numb4,
.slide-radio4:checked ~ .next .numb5,
.slide-radio5:checked ~ .next .numb6,
.slide-radio6:checked ~ .next .numb7,
.slide-radio7:checked ~ .next .numb8,
.slide-radio8:checked ~ .next .numb9,
.slide-radio9:checked ~ .next .numb10,
.slide-radio10:checked ~ .next .numb11,
.slide-radio11:checked ~ .next .numb12,
.slide-radio12:checked ~ .next .numb13,
.slide-radio13:checked ~ .next .numb14,
.slide-radio14:checked ~ .next .numb15,
.slide-radio15:checked ~ .next .numb16,
.slide-radio16:checked ~ .next .numb17,
.slide-radio17:checked ~ .next .numb18,
.slide-radio18:checked ~ .next .numb19,
.slide-radio19:checked ~ .next .numb20,
.slide-radio2:checked ~ .previous .numb1,
.slide-radio3:checked ~ .previous .numb2,
.slide-radio4:checked ~ .previous .numb3,
.slide-radio5:checked ~ .previous .numb4,
.slide-radio6:checked ~ .previous .numb5,
.slide-radio7:checked ~ .previous .numb6,
.slide-radio8:checked ~ .previous .numb7,
.slide-radio9:checked ~ .previous .numb8,
.slide-radio10:checked ~ .previous .numb9,
.slide-radio11:checked ~ .previous .numb10,
.slide-radio12:checked ~ .previous .numb11,
.slide-radio13:checked ~ .previous .numb12,
.slide-radio14:checked ~ .previous .numb13,
.slide-radio15:checked ~ .previous .numb14,
.slide-radio16:checked ~ .previous .numb15,
.slide-radio17:checked ~ .previous .numb16,
.slide-radio18:checked ~ .previous .numb17,
.slide-radio19:checked ~ .previous .numb18,
.slide-radio20:checked ~ .previous .numb19 {
  display: block;
  z-index: 1; }

/* Slider Pagger event */
.slide-radio1:checked ~ .slider-pagination .page1,
.slide-radio2:checked ~ .slider-pagination .page2,
.slide-radio3:checked ~ .slider-pagination .page3,
.slide-radio4:checked ~ .slider-pagination .page4,
.slide-radio5:checked ~ .slider-pagination .page5,
.slide-radio6:checked ~ .slider-pagination .page6,
.slide-radio7:checked ~ .slider-pagination .page7,
.slide-radio8:checked ~ .slider-pagination .page8,
.slide-radio9:checked ~ .slider-pagination .page9,
.slide-radio10:checked ~ .slider-pagination .page10,
.slide-radio11:checked ~ .slider-pagination .page11,
.slide-radio12:checked ~ .slider-pagination .page12,
.slide-radio13:checked ~ .slider-pagination .page13,
.slide-radio14:checked ~ .slider-pagination .page14,
.slide-radio15:checked ~ .slider-pagination .page15,
.slide-radio16:checked ~ .slider-pagination .page16,
.slide-radio17:checked ~ .slider-pagination .page17,
.slide-radio18:checked ~ .slider-pagination .page18,
.slide-radio19:checked ~ .slider-pagination .page19,
.slide-radio20:checked ~ .slider-pagination .page20 {
  background: #4B4B4B; }

/* Slider slide effect */
.slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%); }

.slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%); }

.slide-radio5:checked ~ .slider {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%); }

.slide-radio6:checked ~ .slider {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%); }

.slide-radio7:checked ~ .slider {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%); }

.slide-radio8:checked ~ .slider {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%); }

.slide-radio9:checked ~ .slider {
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%); }

.slide-radio10:checked ~ .slider {
  -webkit-transform: translateX(-900%);
  transform: translateX(-900%); }

.slide-radio11:checked ~ .slider {
  -webkit-transform: translateX(-1000%);
  transform: translateX(-1000%); }

.slide-radio12:checked ~ .slider {
  -webkit-transform: translateX(-1100%);
  transform: translateX(-1100%); }

.slide-radio13:checked ~ .slider {
  -webkit-transform: translateX(-1200%);
  transform: translateX(-1200%); }

.slide-radio14:checked ~ .slider {
  -webkit-transform: translateX(-1300%);
  transform: translateX(-1300%); }

.slide-radio15:checked ~ .slider {
  -webkit-transform: translateX(-1400%);
  transform: translateX(-1400%); }

.slide-radio16:checked ~ .slider {
  -webkit-transform: translateX(-1500%);
  transform: translateX(-1500%); }

.slide-radio17:checked ~ .slider {
  -webkit-transform: translateX(-1600%);
  transform: translateX(-1600%); }

.slide-radio18:checked ~ .slider {
  -webkit-transform: translateX(-1700%);
  transform: translateX(-1700%); }

.slide-radio19:checked ~ .slider {
  -webkit-transform: translateX(-1800%);
  transform: translateX(-1800%); }

.slide-radio20:checked ~ .slider {
  -webkit-transform: translateX(-1900%);
  transform: translateX(-1900%); }

.slider h4 {
  border-bottom: 1px solid #d8d8d8;
  line-height: 32px; }

.slider p {
  margin: 0; }

.slider .table tr:hover {
  background-color: #FFFFFF !important; }

.slider input:focus:placeholder-shown + label span,
.slider input:not(:placeholder-shown) + label span {
  background: #FFFFFF; }

.slider .form-control:disabled, .slider .form-control[readonly] {
  background-color: transparent;
  border: none; }

.slider .bootstrap-tagsinput input {
  background-color: transparent;
  border: none; }

.previewReferencias.previewTable table {
  pointer-events: none; }

.previewReferencias.previewTable .dataTables_info, .previewReferencias.previewTable .dataTables_paginate {
  display: none; }

.previewReferencias.previewTable table.dataTable thead .sorting:after {
  content: ''; }

.previewDate input::before {
  font-family: "simple-line-icons";
  padding-right: 6px;
  content: "\e075"; }

.previewReferencias div::before {
  font-family: "simple-line-icons";
  padding-right: 6px; }

.previewReferencias ul li::before {
  font-family: "Font Awesome 6 Free";
  padding-right: 6px; }

.previewReferencias.previewSingleOption ul li::before {
  content: "\f058"; }

.previewReferencias.previewMultipleOptions ul li::before {
  content: "\f14a"; }

.previewReferencias.previewChip ul li::before, .previewReferencias.previewNumber ul li::before, .previewReferencias.previewString ul li::before {
  content: "\f111";
  font-size: 50%; }

.previewReferencias.previewTable ul li ul li::before {
  content: "\f111";
  font-size: 50%;
  margin-left: 15px; }

.zoomable-container {
  overflow: hidden;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.04);
  text-align: center; }
  .zoomable-container img {
    display: block;
    margin: 0 auto;
    /*   max-width: 100%;
    height: 100%;
    width: auto; */ }

.TextSectionFormType ul {
  list-style: disc;
  margin-left: 30px; }

.fileSection {
  position: relative;
  width: 100%;
  height: 100%; }
  .fileSection .button-container {
    text-align: center;
    position: sticky;
    bottom: 20px; }

img {
  max-width: 100%;
  height: auto; }
  img.round {
    border-radius: 50%; }

.img-thumbnail {
  border: none;
  padding: 0;
  width: auto;
  height: 20px; }

.opacity07 {
  opacity: .7; }

.flex {
  display: flex; }

.push {
  height: 50px; }

.f-g-1 {
  flex-grow: 1; }

.f-g-2 {
  flex-grow: 2; }

.m-l-auto {
  margin-left: auto !important; }

.m-r-auto {
  margin-right: auto !important; }

.m-t-20 {
  margin-top: -20px; }

.m-b-20 {
  margin-bottom: -20px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.pr-10 {
  padding-right: 10px; }

.pr-30 {
  padding-right: 30px; }

.pr-60 {
  padding-right: 60px; }

.no-margin {
  margin: -2.0em 0 0 0 !important; }

.no-gutter {
  margin-right: 0;
  margin-left: 0; }
  .no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0; }

.cursor-click {
  cursor: pointer; }

.move {
  cursor: move; }

.cursor-move {
  cursor: grab; }

.cursor-zoom {
  cursor: zoom-in; }

.cursor-default {
  cursor: default !important; }

.no-wrapped {
  white-space: nowrap; }

.no-display {
  display: none !important; }

.dis-none {
  display: none; }

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*.padding-none { padding: 0 !important; }*/
hr {
  margin: 10px 0 15px; }

.border-bottom {
  border-bottom: 1px solid #d8d8d8;
  line-height: 30px; }

.border-top {
  border-top: 1px solid #d8d8d8;
  line-height: 30px; }

.border-right {
  border-right: 1px solid #d8d8d8; }

.border-none {
  border: 1px solid transparent !important;
  padding: 0 2px !important; }

.bg-none {
  background: none !important; }

.dropdownRight {
  left: -70px !important; }

tooltip tip {
  top: 0px;
  font-weight: 500; }

tooltip tip-tip {
  font-size: 0.78rem;
  text-transform: initial; }

.input-group-append tooltip + tooltip {
  margin-left: -1px; }

.input-group-append tooltip tip {
  width: max-content !important;
  min-width: auto !important;
  text-align: left;
  top: 15px !important;
  line-height: 16px;
  padding: 6px;
  max-width: 220px; }

.btn-group tooltip .btn {
  border-radius: 0;
  height: 45px; }

.btn-group tooltip + tooltip {
  margin-left: -1px; }

.tooltip {
  opacity: 0;
  transition: opacity 1s ease-in-out; }
  .tooltip.show {
    opacity: .9;
    transition: opacity 0.5s ease-in-out; }

.tooltip-inner {
  min-width: 200px;
  max-width: 500px;
  display: table;
  position: absolute;
  background-color: #f5f5f5;
  color: #4B4B4B;
  opacity: 1;
  padding: 10px;
  border: 3px solid #d8d8d8;
  bottom: 0 !important;
  right: 0px !important; }
  .tooltip-inner p a {
    max-width: 250px; }
  .tooltip-inner img {
    max-width: 300px;
    border: 1px solid #d8d8d8; }
  .tooltip-inner table {
    max-width: 100%; }
    .tooltip-inner table td {
      border: 1px solid #d8d8d8;
      padding: 0.4rem 0.6rem !important; }

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: -6px; }

.tooltip .arrow {
  z-index: 1; }

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #d8d8d8;
  right: 100px; }

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #d8d8d8; }

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #d8d8d8; }

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #d8d8d8; }

.print-span-tooltip {
  display: block;
  padding-left: 30px;
  width: 100px;
  cursor: pointer; }

.flag-v {
  background: url("../../../static/img/icon-flag2.png") 0 -9px;
  width: 0.78rem;
  height: 9px;
  display: inline-block;
  margin-right: 5px; }

.fixedHeader-floating {
  border: none; }

.no-hand {
  pointer-events: none !important; }

.horizontal-collapse {
  height: 70px; }

.navbar-collapse.in {
  overflow-y: hidden; }

.rotate, .rotateCounterwise {
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1); }

.rotate {
  -moz-transform: rotate(180deg);
  /* FF3.5/3.6 */
  -o-transform: rotate(180deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(180deg);
  /* Saf3.1+ */
  transform: rotate(180deg);
  /* Newer browsers (incl IE9) */ }

.rotateCounterwise {
  -moz-transform: rotate(0deg);
  /* FF3.5/3.6 */
  -o-transform: rotate(0deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(0deg);
  /* Saf3.1+ */
  transform: rotate(0deg);
  /* Newer browsers (incl IE9) */ }

.vertical ul.flex {
  display: block !important; }

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #a3a3a3 !important; }

.linkDisabled.linkCurrent {
  color: #000000 !important;
  font-weight: 550; }

.displayInline {
  display: inline; }

.top-buffer {
  margin-top: 20px; }

.round-corner {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.round-box {
  background: transparent;
  border: 1px solid #d8d8d8;
  padding: 15px;
  margin-top: 15px;
  min-height: 70px; }
  .round-box.has-title {
    padding: 0 15px 15px; }
    .round-box.has-title .box-title {
      margin-left: -15px;
      margin-right: -15px;
      background: #f5f5f5;
      padding: 10px;
      margin-bottom: 15px;
      font-size: 1.1em;
      border-bottom: 1px solid #d8d8d8; }
  .round-box input:focus:placeholder-shown + label span,
  .round-box input:not(:placeholder-shown) + label span,
  .round-box input:disabled:not(:placeholder-shown) + label span,
  .round-box select:not(:placeholder-shown) + label span,
  .round-box select:disabled:not(:placeholder-shown) + label span,
  .round-box textarea:not(:placeholder-shown) + label span,
  .round-box .input-group + label span {
    background: #f5f5f5 !important; }
  .round-box h4 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000000;
    font-weight: 600 !important; }

.progress {
  height: 0.5rem;
  background-color: transparent; }

.progress-bar {
  background-color: #3c933c; }

.scrollable-menu {
  height: auto;
  max-height: 90vh;
  overflow-x: hidden; }

.inline {
  display: inline-grid; }

.hideFind {
  height: 5px;
  display: none; }

.bt-border-light {
  border-top: 1px solid #d8d8d8; }

.bkGray {
  background: #f5f5f5 !important; }

span.toggle-label {
  vertical-align: text-bottom; }

.note-editor.note-frame .note-editing-area .note-editable {
  min-height: 200px; }

.note-editor.note-frame.fullscreen {
  opacity: 1; }

.note-editor.dragover .note-dropzone {
  display: none !important; }

.can-click {
  cursor: pointer;
  pointer-events: visible; }

.wa-empty {
  border: 1px dashed #d8d8d8;
  padding: 30px;
  text-align: center;
  background: #DDDDDD; }

.ta-hidden-input {
  opacity: 0; }

.doc-sidebar .links a.active svg path,
.btn.active svg path,
.btn:not(:disabled):not(.disabled):active svg path,
span.show .btn.dropdown-toggle svg path {
  fill: white !important; }

.divider {
  height: 0;
  margin: .78rem 0;
  overflow: hidden;
  border-top: 1px solid #d8d8d8;
  width: 100%; }

.dropdown-divider {
  border-top: 1px solid #DDDDDD; }

.order-container {
  display: flex; }
  .order-container .first,
  .order-container .second {
    display: inline-block;
    float: left; }
  .order-container .first {
    order: 2; }
  .order-container .second {
    order: 1; }

.close {
  opacity: 0.8 !important; }

.tooltipCollapseExpand tooltip._top:not(._left):not(._right) tip {
  left: 0% !important; }
  .tooltipCollapseExpand tooltip._top:not(._left):not(._right) tip tip-arrow {
    left: 55% !important; }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.rotate-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#dashboard-widgets {
  margin: 20px auto; }
  #dashboard-widgets header {
    display: none; }

.gridster .gridster-item {
  border: 1px solid #d8d8d8;
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -moz-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -o-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms; }
  .gridster .gridster-item ol > li,
  .gridster .gridster-item ul > li {
    padding-left: 3px;
    line-height: 24px; }
  .gridster .gridster-item .widget-container {
    min-height: 100%; }
    .gridster .gridster-item .widget-container .widget-header-title {
      font-size: 0.85rem;
      font-family: "montserrat", Arial, sans;
      padding: 10px;
      line-height: 20px;
      margin: 0;
      text-transform: uppercase;
      font-weight: 600 !important;
      color: #000000 !important;
      display: block !important;
      display: -webkit-box !important;
      max-width: 80%;
      height: 45px;
      line-height: 18px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .gridster .gridster-item .widget-container .goal {
      padding: 0 10px;
      font-size: 90%;
      margin-top: -10px;
      opacity: 0.7; }
    .gridster .gridster-item .widget-container .widget-content ul.list-inline li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px; }
      .gridster .gridster-item .widget-container .widget-content ul.list-inline li.active-dark {
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 2px;
        opacity: 0.8; }
      .gridster .gridster-item .widget-container .widget-content ul.list-inline li:hover {
        opacity: 0.8; }
    .gridster .gridster-item .widget-container .widget-header-actions .btn {
      padding: 9px 0; }
      .gridster .gridster-item .widget-container .widget-header-actions .btn:hover, .gridster .gridster-item .widget-container .widget-header-actions .btn:focus {
        color: #000000; }
  .gridster .gridster-item .trend {
    padding: 5px 15px;
    margin: 0 !important;
    font-family: 'montserrat';
    font-size: 1.1em; }
  .gridster .gridster-item .alert {
    margin: 20px; }

.gridster .gauge-chart {
  margin: auto; }

.gridster .widget-card h3 {
  font-size: 40px;
  font-family: "montserrat", Arial, sans;
  margin: 0;
  font-weight: 300 !important; }

.gridster .widget-card .progress {
  height: 4px !important;
  background: rgba(0, 0, 0, 0.1) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin-top: 5px !important;
  margin-bottom: 15px !important;
  overflow: hidden !important; }
  .gridster .widget-card .progress .progress-bar {
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: #4B4B4B !important;
    background-image: none !important; }

.gridster .widget-area-chart {
  stroke-width: 2px; }

.gridster .widget-area-chart .nvd3 .nv-axis line {
  stroke-width: 1;
  stroke: rgba(0, 0, 0, 0.2); }

.gridster text.jqx-gauge-caption {
  font-size: 20px;
  font-family: "montserrat", Arial, sans; }

.gridster .table {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  border-top-width: 2px;
  margin: 0 !important; }
  .gridster .table tbody tr td,
  .gridster .table tbody tr td *,
  .gridster .table thead tr th {
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis; }
    .gridster .table tbody tr td .text-danger,
    .gridster .table tbody tr td * .text-danger,
    .gridster .table thead tr th .text-danger {
      color: #d2032f; }
    .gridster .table tbody tr td .text-success,
    .gridster .table tbody tr td * .text-success,
    .gridster .table thead tr th .text-success {
      color: #40c33b; }
    .gridster .table tbody tr td .text-warning,
    .gridster .table tbody tr td * .text-warning,
    .gridster .table thead tr th .text-warning {
      color: #f9b900; }
    .gridster .table tbody tr td .text-warning-dark,
    .gridster .table tbody tr td * .text-warning-dark,
    .gridster .table thead tr th .text-warning-dark {
      color: #c9a843; }
  .gridster .table td {
    border-bottom: 1px solid #f5f5f5;
    border-left: none !important;
    padding: 7px 15px !important; }
    .gridster .table td.border-dashed {
      border-right: 1px dashed #f5f5f5 !important; }
  .gridster .table tr:last-child td {
    border-bottom: 1px solid white !important; }

.load-pending {
  position: relative;
  top: -6px;
  right: 8px;
  font-size: 10px;
  color: #ed0a1b;
  margin-right: -8px; }

.detail-slide {
  color: #4B4B4B;
  background-color: #FFFFFF;
  border-left: 2px solid #d8d8d8;
  display: none;
  position: fixed;
  z-index: 45;
  width: 50%;
  padding: 15px;
  right: 0;
  height: 100vh;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  overflow: auto;
  top: 60px; }
  .detail-slide .nav-link {
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 15px; }
  .detail-slide .tab-content {
    padding: 20px; }
    .detail-slide .tab-content .comment .chat-container {
      width: 100%; }
  .detail-slide .slide-close {
    position: fixed;
    top: 70px;
    right: 15px;
    z-index: 1;
    cursor: pointer;
    height: 40px; }
    .detail-slide .slide-close .simple-icon {
      display: block !important; }

.bg-master {
  background-color: #4B4B4B; }

.bg-master-light {
  background-color: #e6e6e6; }

.bg-master-lighter {
  background-color: #f0f0f0; }

.bg-master-lightest {
  background-color: #fafafa; }

.bg-master-dark {
  background-color: #2c2c2c; }

.bg-master-darker {
  background-color: #1a1a1a; }

.bg-master-darkest {
  background-color: #121212; }

.bg-primary {
  background-color: #6d5cae; }

.bg-primary-dark {
  background-color: #584b8d; }

.bg-primary-darker {
  background-color: #413768; }

.bg-primary-light {
  background-color: #8a7dbe; }

.bg-primary-lighter {
  background-color: #e2deef; }

.bg-complete {
  background-color: #48b0f7; }

.bg-complete-dark {
  background-color: #3a8fc8; }

.bg-complete-darker {
  background-color: #2b6a94; }

.bg-complete-light {
  background-color: #6dc0f9; }

.bg-complete-lighter {
  background-color: #daeffd; }

.bg-success {
  background-color: #40c33b; }

.bg-success-dark {
  background-color: #0da899; }

.bg-success-darker {
  background-color: #0a7c71; }

.bg-success-light {
  background-color: #40d9ca; }

.bg-success-lighter {
  background-color: #cff5f2; }

.bg-info {
  background-color: #3b4752; }

.bg-info-dark {
  background-color: #303a42; }

.bg-info-darker {
  background-color: #232b31; }

.bg-info-light {
  background-color: #626c75; }

.bg-info-lighter {
  background-color: #d8dadc; }

.bg-danger-dark {
  background-color: #c64643; }

.bg-danger-darker {
  background-color: #933432; }

.bg-danger-light {
  background-color: #f77975; }

.bg-danger-lighter {
  background-color: #fddddd; }

.bg-warning {
  background-color: #f9b900; }

.bg-warning-dark {
  background-color: #c9a843; }

.bg-warning-darker {
  background-color: #957d32; }

.bg-warning-light {
  background-color: #f9b900; }

.bg-warning-lighter {
  background-color: #fef6dd; }

.bg-menu-dark {
  background-color: #27272a; }

.bg-menu {
  background-color: #323237; }

.bg-menu-light {
  background-color: #85858e; }

.bg-white {
  background-color: #FFFFFF; }

.bg-transparent {
  background-color: transparent !important; }

.bg-status-green {
  background-color: #40c33b; }

.bg-danger {
  background-color: #d2032f !important; }
  .bg-danger .line-chart text {
    fill: #FFFFFF !important; }
  .bg-danger .widget-header h5, .bg-danger .widget-header .goal {
    color: #FFFFFF !important; }

.bg-ultra-light-grey {
  background-color: #eeeeee; }

/* Progress Bar
------------------------------------
*/
.progress-bar {
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }

/* Progress Bar : Color Options
------------------------------------
*/
.progress-bar-primary {
  background-color: #6d5cae;
  background-image: none; }

.progress-bar-complete {
  background-color: #48b0f7;
  background-image: none; }

.progress-bar-success {
  background-color: #40c33b;
  background-image: none; }

.progress-bar-info {
  background-color: #3b4752;
  background-image: none; }

.progress-bar-warning {
  background-color: #f9b900;
  background-image: none; }

.progress-bar-danger {
  background-color: #d2032f;
  background-image: none; }

.progress-bar-white {
  background-color: #ffffff;
  background-image: none; }

.progress-bar-black {
  background-color: #000000;
  background-image: none; }

.progress-info .bar,
.progress .bar-info {
  background-color: #232b31;
  background-image: none; }

.progress-warning .bar,
.progress .bar-warning {
  background-color: #957d32;
  background-image: none; }

.progress-danger .bar,
.progress .bar-danger {
  background-color: #933432;
  background-image: none; }

.progress-white .bar,
.progress .bar-white {
  background-color: #ffffff;
  background-image: none; }

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #40c33b; }

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #3b4752; }

.widget-thumbnail {
  border: 1px solid #d8d8d8;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 6px;
  cursor: pointer; }
  .widget-thumbnail i, .widget-thumbnail h5 {
    font-size: 1.1em; }
  .widget-thumbnail:hover, .widget-thumbnail:focus {
    background: #FFFFFF;
    color: #000000; }
  .widget-thumbnail .selected {
    color: #3c933c; }

.evaluation .workarea-body {
  padding: 10px 20px; }
  .evaluation .workarea-body label span {
    padding-right: 0; }
  .evaluation .workarea-body input {
    height: 45px !important; }

.evaluation .group-content .question-container {
  border: 1px solid #d8d8d8;
  padding-bottom: 10px;
  margin-top: -1px;
  background: #f5f5f5; }
  .evaluation .group-content .question-container .input-group + label span {
    background: #f5f5f5; }

.evaluation .group-content + .group-content {
  margin-top: 30px; }

.evaluation table.table thead th {
  border: 1px solid #d8d8d8 !important;
  vertical-align: middle;
  font-weight: normal; }
  .evaluation table.table thead th:hover, .evaluation table.table thead th:focus {
    background-color: none !important; }

.evaluation table.table .table-section-title .field, .evaluation table.table .table-section-subtitle .field, .evaluation table.table tr.table-section-title .field, .evaluation table.table tr.table-section-subtitle .field {
  margin-bottom: 0.5em;
  margin-top: -1.5em; }
  .evaluation table.table .table-section-title .field label span, .evaluation table.table .table-section-subtitle .field label span, .evaluation table.table tr.table-section-title .field label span, .evaluation table.table tr.table-section-subtitle .field label span {
    padding-right: 0; }
  .evaluation table.table .table-section-title .field input:not(:placeholder-shown) + label,
  .evaluation table.table .table-section-title .field input:focus:placeholder-shown + label, .evaluation table.table .table-section-subtitle .field input:not(:placeholder-shown) + label,
  .evaluation table.table .table-section-subtitle .field input:focus:placeholder-shown + label, .evaluation table.table tr.table-section-title .field input:not(:placeholder-shown) + label,
  .evaluation table.table tr.table-section-title .field input:focus:placeholder-shown + label, .evaluation table.table tr.table-section-subtitle .field input:not(:placeholder-shown) + label,
  .evaluation table.table tr.table-section-subtitle .field input:focus:placeholder-shown + label {
    top: 24px !important; }
    .evaluation table.table .table-section-title .field input:not(:placeholder-shown) + label span,
    .evaluation table.table .table-section-title .field input:focus:placeholder-shown + label span, .evaluation table.table .table-section-subtitle .field input:not(:placeholder-shown) + label span,
    .evaluation table.table .table-section-subtitle .field input:focus:placeholder-shown + label span, .evaluation table.table tr.table-section-title .field input:not(:placeholder-shown) + label span,
    .evaluation table.table tr.table-section-title .field input:focus:placeholder-shown + label span, .evaluation table.table tr.table-section-subtitle .field input:not(:placeholder-shown) + label span,
    .evaluation table.table tr.table-section-subtitle .field input:focus:placeholder-shown + label span {
      background: transparent !important; }

.evaluation table.table .table-section-title a:focus,
.evaluation table.table .table-section-title a:hover, .evaluation table.table .table-section-subtitle a:focus,
.evaluation table.table .table-section-subtitle a:hover, .evaluation table.table tr.table-section-title a:focus,
.evaluation table.table tr.table-section-title a:hover, .evaluation table.table tr.table-section-subtitle a:focus,
.evaluation table.table tr.table-section-subtitle a:hover {
  color: #000000; }

.evaluation table.table .table-section-title td, .evaluation table.table .table-section-title th, .evaluation table.table .table-section-subtitle td, .evaluation table.table .table-section-subtitle th, .evaluation table.table tr.table-section-title td, .evaluation table.table tr.table-section-title th, .evaluation table.table tr.table-section-subtitle td, .evaluation table.table tr.table-section-subtitle th {
  white-space: normal !important; }

.evaluation table.table .table-section-title input, .evaluation table.table .table-section-subtitle input, .evaluation table.table tr.table-section-title input, .evaluation table.table tr.table-section-subtitle input {
  background: #FFFFFF;
  color: #000000;
  font-family: "montserrat", Arial, sans;
  height: 40px !important;
  font-weight: normal !important; }
  .evaluation table.table .table-section-title input:disabled, .evaluation table.table .table-section-subtitle input:disabled, .evaluation table.table tr.table-section-title input:disabled, .evaluation table.table tr.table-section-subtitle input:disabled {
    border-bottom: none !important;
    height: auto !important; }

.evaluation table.table .table-section-title ::-webkit-input-placeholder, .evaluation table.table .table-section-subtitle ::-webkit-input-placeholder, .evaluation table.table tr.table-section-title ::-webkit-input-placeholder, .evaluation table.table tr.table-section-subtitle ::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #4B4B4B;
  font-weight: normal; }

.evaluation table.table .table-section-title .table tr:hover label > span,
.evaluation table.table .table-section-title .table tr:focus label > span, .evaluation table.table .table-section-subtitle .table tr:hover label > span,
.evaluation table.table .table-section-subtitle .table tr:focus label > span, .evaluation table.table tr.table-section-title .table tr:hover label > span,
.evaluation table.table tr.table-section-title .table tr:focus label > span, .evaluation table.table tr.table-section-subtitle .table tr:hover label > span,
.evaluation table.table tr.table-section-subtitle .table tr:focus label > span {
  background-color: transparent !important; }

.evaluation .box-options {
  padding: 6px 15px; }
  .evaluation .box-options .field ::-webkit-input-placeholder {
    opacity: 1 !important;
    transition: inherit;
    font-weight: normal; }
  .evaluation .box-options .field input, .evaluation .box-options .field textarea {
    padding-left: 55px; }
  .evaluation .box-options .field label.text-success {
    left: 55px;
    max-width: calc(100% - 60px); }
    .evaluation .box-options .field label.text-success span {
      background: #f5f5f5 !important; }
  .evaluation .box-options .field button {
    height: 45px; }
  .evaluation .box-options .field .input-group.selected input {
    background: #f5f5f5; }
  .evaluation .box-options .field .input-group.selected + label {
    font-weight: 700; }
    .evaluation .box-options .field .input-group.selected + label span {
      background: transparent !important; }
  .evaluation .box-options .field .input-group-prepend {
    position: absolute; }
    .evaluation .box-options .field .input-group-prepend button:focus, .evaluation .box-options .field .input-group-prepend button:hover {
      background: #FFFFFF !important;
      border: 1px solid #d8d8d8 !important; }
    .evaluation .box-options .field .input-group-prepend button:focus .fa, .evaluation .box-options .field .input-group-prepend button:hover .fa {
      color: #000000; }
  .evaluation .box-options .input-group-text {
    background-color: #f5f5f5; }
  .evaluation .box-options .double-btn-input + .double-btn-input {
    margin-top: 10px; }

.evaluation .question-container textarea:focus:placeholder-shown + label,
.evaluation .question-container textarea:placeholder-shown + label,
.evaluation .question-container textarea:not(:placeholder-shown) + label,
.evaluation .question-container textarea:not(:placeholder-shown) + label span {
  background: #f5f5f5 !important;
  width: fit-content; }

.evaluation .question-comments textarea + label span,
.evaluation .question-comments textarea:focus + label {
  background: #f5f5f5; }

.evaluation .draggable {
  /* css para el placeholder del drag */ }
  .evaluation .draggable.gu-transit {
    margin: 15px;
    border: 2px dashed #4B4B4B;
    background: #f5f5f5;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    line-height: 1.2em;
    min-height: 5em; }
    .evaluation .draggable.gu-transit .question-container.show {
      display: none !important;
      height: 0;
      z-index: -9999; }
  .evaluation .draggable .table-container {
    overflow-x: auto; }
  .evaluation .draggable tooltip {
    display: inline-block !important; }

.evaluation td:first-letter {
  text-transform: capitalize; }

.evaluation .dragElementBlock {
  min-height: 10px; }

.evaluation .round-box {
  margin-top: 2px !important; }

.evaluation .round-box-options {
  padding: 8px 0 8px 55px;
  background: #f5f5f5;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  width: 100%; }

/*evaluation-reader*/
.evaluation-reader .table-section-title, .evaluation-reader .table-section-subtitle {
  pointer-events: none; }
  .evaluation-reader .table-section-title input, .evaluation-reader .table-section-subtitle input {
    font-weight: normal; }
    .evaluation-reader .table-section-title input:disabled, .evaluation-reader .table-section-subtitle input:disabled {
      border-bottom: 1px solid #d8d8d8 !important; }

.evaluation-reader table.table thead th, .evaluation-reader .table td {
  white-space: normal !important; }

.evaluation-reader td:first-letter {
  text-transform: capitalize; }

.evaluation-reader .question-container input:disabled {
  color: #4B4B4B !important; }

.evaluation-reader .question-container input.text-success:disabled {
  color: #fa6501 !important; }

.evaluation-reader .box-options .input-group {
  margin: 15px 0 10px; }
  .evaluation-reader .box-options .input-group + label {
    display: none; }

.evaluation-reader .box-options .field .input-group-prepend {
  top: 0;
  bottom: 0; }

.evaluation-reader .box-options .field button {
  height: 100% !important; }

.evaluation-reader .box-options textarea {
  padding-left: 50px; }

/*evaluation-results*/
.evaluation-results .score {
  font-weight: 700; }
  .evaluation-results .score::before {
    content: '|';
    padding: 10px; }

.evaluation-results .alert {
  width: 100%; }

.evaluation-results .results-group {
  border: 1px solid #d8d8d8;
  background: #FFFFFF;
  position: relative;
  width: 100%; }
  .evaluation-results .results-group .group-title {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 15px;
    font-family: "montserrat", Arial, sans;
    color: #000000; }
  .evaluation-results .results-group .question-title:first-letter {
    text-transform: capitalize; }
  .evaluation-results .results-group .question-group {
    border: 1px solid #d8d8d8;
    margin: 15px;
    padding: 15px;
    background: #f5f5f5; }
    .evaluation-results .results-group .question-group table {
      pointer-events: none; }
    .evaluation-results .results-group .question-group .selected-answer {
      font-weight: 700; }
      .evaluation-results .results-group .question-group .selected-answer.correct td {
        background: #40c33b;
        color: #FFFFFF; }
      .evaluation-results .results-group .question-group .selected-answer.not-correct td {
        background: #d2032f;
        color: #FFFFFF; }
  .evaluation-results .results-group + .group {
    margin-top: 20px; }
  .evaluation-results .results-group textarea:disabled {
    color: #4B4B4B !important; }

.evaluation-results .table th, .evaluation-results .table td {
  white-space: normal !important; }

.evaluation-results td:first-letter {
  text-transform: capitalize; }

/* css mientras hago del drag */
.evaluation .dragElementBlock .handle::after, .gu-mirror .evaluation-mirror .handle::after {
  font-family: 'simple-line-icons';
  font-weight: bold;
  content: "\21C5"; }

.evaluation .dragElementBlock .handle::after {
  cursor: grab; }

.gu-mirror .evaluation-mirror .handle::after {
  cursor: grabbing; }

.move-group {
  position: relative;
  width: 150px; }
  .move-group ul li {
    display: inline-flex;
    border: 1px solid #d8d8d8;
    padding: 5px 8px;
    width: 25px;
    cursor: pointer;
    opacity: 0.7; }
    .move-group ul li:focus, .move-group ul li:hover {
      opacity: 1; }

/* ADMIN TOOLS */
.adminTools .round-box {
  margin-top: 0; }
  .adminTools .round-box + .round-box {
    margin-top: 20px; }

.adminTools p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 20px; }

.adminTools .table tr:hover, .adminTools .table tr:focus {
  background-color: transparent !important;
  cursor: unset; }

.adminTools button + button {
  margin-left: 5px; }

.adminTools .round-box .card input:focus:placeholder-shown + label span,
.adminTools .round-box .card input:not(:placeholder-shown) + label span,
.adminTools .round-box .card input:disabled:not(:placeholder-shown) + label span,
.adminTools .round-box .card select:not(:placeholder-shown) + label span,
.adminTools .round-box .card select:disabled:not(:placeholder-shown) + label span,
.adminTools .round-box .card textarea:not(:placeholder-shown) + label span,
.adminTools .round-box .card .input-group + label span {
  background: #FFFFFF !important; }

/* DARK LAYOUT */
body.dark-layout {
  background: #161a1d;
  color: #c4c7c5;
  height: auto !important;
  /* COLLAPSED SIDEBAR*/
  /* BUTTONS */
  /* GFORM*/
  /* GRAPH */
  /* KPI */
  /* MODAL */
  /*.inmodal.modal-profile .nav-link:hover, 
  .inmodal.modal-profile .nav-link:focus,
  .inmodal.modal-profile .text-success,
  .inmodal.modal-profile table .table-section-title th {
    color: $blue-color !important;
  }*/
  /* scrollbar Track */
  /* NOVEDADES */
  /* EVALUACIONES */
  /* HELP */
  /****************** POR MODULO */
  /* MODULO 1 - DMS */
  /* MODULO 2 - QMS */
  /* MODULO 3 - KPI */
  /* MODULO 4 - RSK */
  /* MODULO 5 - CMP */
  /* WIDGET */
  /* COMPACT LAYOUT */ }
  body.dark-layout .loader {
    background-color: rgba(0, 0, 0, 0.85); }
  body.dark-layout .wrapper.expanded .header .menu .btn {
    background-color: #323940 !important;
    color: #c4c7c5; }
  body.dark-layout .header,
  body.dark-layout .breadcrumb-container.float,
  body.dark-layout .breadcrumb-container .breadcrumb-item,
  body.dark-layout .filter-search input {
    background: #161a1d !important; }
  body.dark-layout .filter-search input {
    color: #c4c7c5 !important; }
  body.dark-layout .sidebar,
  body.dark-layout .dropdown-menu,
  body.dark-layout .dropdown-item,
  body.dark-layout .sidebar .credits,
  body.dark-layout .input-group-text,
  body.dark-layout .header .dropdown .dropdownCombo {
    background: #22272b !important;
    color: #c4c7c5 !important; }
    body.dark-layout .sidebar .text-muted,
    body.dark-layout .dropdown-menu .text-muted,
    body.dark-layout .dropdown-item .text-muted,
    body.dark-layout .sidebar .credits .text-muted,
    body.dark-layout .input-group-text .text-muted,
    body.dark-layout .header .dropdown .dropdownCombo .text-muted {
      color: #626262 !important; }
  body.dark-layout .credits a {
    color: rgba(255, 255, 255, 0.4) !important; }
  body.dark-layout a,
  body.dark-layout .sidebar .links li.link,
  body.dark-layout .header .search .reset,
  body.dark-layout .header .search input.search-control,
  body.dark-layout .breadcrumb-container .breadcrumb .breadcrumb-item,
  body.dark-layout .breadcrumb-container .breadcrumb .breadcrumb-item.active,
  body.dark-layout .breadcrumb-container .breadcrumb .dropdown .fa-caret-down,
  body.dark-layout .breadcrumb-container .breadcrumb .dropdown .icon-arrow-down,
  body.dark-layout .btn-link,
  body.dark-layout .dropdown-item label {
    color: #c4c7c5; }
  body.dark-layout .text-black {
    color: #FFFFFF !important; }
  body.dark-layout .text-main {
    color: #c4c7c5 !important; }
  body.dark-layout .breadcrumb-item .action-buttons button {
    color: #c4c7c5; }
    body.dark-layout .breadcrumb-item .action-buttons button:hover, body.dark-layout .breadcrumb-item .action-buttons button:focus {
      background: #323940; }
  body.dark-layout .img-thumbnail {
    background-color: #161a1d; }
  body.dark-layout .workarea .workarea-title {
    border-color: #404040;
    background: #22272b; }
    body.dark-layout .workarea .workarea-title:focus, body.dark-layout .workarea .workarea-title:hover {
      background: #22272b !important; }
  body.dark-layout .workarea .workarea-body {
    background: #161a1d;
    border: 1px solid #404040; }
    body.dark-layout .workarea .workarea-body tr:last-child {
      border-bottom: 2px solid #404040; }
    body.dark-layout .workarea .workarea-body .table-borderless tr:hover {
      background: #161a1d !important; }
    body.dark-layout .workarea .workarea-body .footer-highlight {
      background: #22272b;
      border-top: 1px solid #404040; }
  body.dark-layout #share .workarea .workarea-title span.simple-icon, body.dark-layout #filters .workarea .workarea-title span.simple-icon,
  body.dark-layout .table-section-title td, body.dark-layout .table-section-title td span,
  body.dark-layout .table-section-title td i, body.dark-layout .table-section-title td .fas {
    color: #c4c7c5; }
  body.dark-layout #listFilter .btn {
    background: #161a1d; }
  body.dark-layout #listFilter .filter .dropdown-menu .dropdown-item, body.dark-layout #listFilter .filter .dropdown-menu .dropdown-item:active {
    background: transparent !important; }
  body.dark-layout #listFilter .filter .dropdown-menu .dropdown-item:hover, body.dark-layout #listFilter .filter .dropdown-menu .dropdown-item:active:hover {
    background: #323940 !important; }
  body.dark-layout #listFilter .filter .dropdown-menu .dropdown-item label.cursor-click .badge {
    color: #c4c7c5;
    line-height: 10px;
    padding: 4px;
    border-color: #c4c7c5; }
  body.dark-layout #listFilter .filter .dropdown-menu.filterDatepicker .filter-list-container .gform .field .input-group + label span {
    background: #22272b !important; }
  body.dark-layout .filters-expanded-container .steps .step {
    border: 1px solid #404040;
    background: #161a1d;
    color: #c4c7c5; }
    body.dark-layout .filters-expanded-container .steps .step:focus, body.dark-layout .filters-expanded-container .steps .step:hover {
      background: #22272b;
      color: #c4c7c5 !important;
      transition: background-color 0.3s; }
    body.dark-layout .filters-expanded-container .steps .step button {
      border: 1px solid #404040; }
      body.dark-layout .filters-expanded-container .steps .step button:focus, body.dark-layout .filters-expanded-container .steps .step button:hover {
        background: #22272b;
        color: #c4c7c5 !important;
        transition: background-color 0.3s; }
  body.dark-layout .actions.footer {
    border-top: 1px solid #404040; }
  body.dark-layout .change-state-container .steps .step {
    border: 1px solid #404040;
    background: #161a1d;
    color: #404040; }
    body.dark-layout .change-state-container .steps .step.next {
      color: #c4c7c5; }
      body.dark-layout .change-state-container .steps .step.next:hover, body.dark-layout .change-state-container .steps .step.next:focus {
        background-color: #323940; }
      body.dark-layout .change-state-container .steps .step.next:focus:after, body.dark-layout .change-state-container .steps .step.next:focus:before, body.dark-layout .change-state-container .steps .step.next:hover:after, body.dark-layout .change-state-container .steps .step.next:hover:before {
        border-left-color: #323940; }
    body.dark-layout .change-state-container .steps .step:not(.active):after {
      border-left-color: #161a1d; }
    body.dark-layout .change-state-container .steps .step:not(.active):before {
      border-left-color: #323940; }
    body.dark-layout .change-state-container .steps .step.historic {
      background: #c1c1c1 !important;
      color: #161a1d; }
      body.dark-layout .change-state-container .steps .step.historic:after, body.dark-layout .change-state-container .steps .step.historic:before {
        border-left-color: #c1c1c1; }
    body.dark-layout .change-state-container .steps .step button {
      border: 1px solid #404040; }
  body.dark-layout .document-entity .topbar h2, body.dark-layout .document-entity .topbar .btn i {
    color: #c4c7c5; }
  body.dark-layout .document-entity .topbar .btn:hover, body.dark-layout .document-entity .topbar .btn:focus {
    background-color: #323940; }
  body.dark-layout .document-entity .topbar svg path {
    fill: #c4c7c5 !important; }
  body.dark-layout .document-entity .separator {
    background: #404040 !important; }
  body.dark-layout .document-entity .doc-sidebar {
    background: #22272b;
    border-right: 1px solid #404040;
    border-left: 1px solid #404040; }
    body.dark-layout .document-entity .doc-sidebar .links .toggle a:hover {
      color: #c4c7c5; }
    body.dark-layout .document-entity .doc-sidebar .links li a {
      color: #c4c7c5; }
      body.dark-layout .document-entity .doc-sidebar .links li a:hover .icon-thumbnail, body.dark-layout .document-entity .doc-sidebar .links li a:focus .icon-thumbnail {
        background: #323940; }
    body.dark-layout .document-entity .doc-sidebar .links li.content-menu ul {
      background: #323940; }
      body.dark-layout .document-entity .doc-sidebar .links li.content-menu ul li:not(a.active):before {
        background: #c4c7c5; }
    body.dark-layout .document-entity .doc-sidebar .links li.content-menu a.collapsed .icon-thumbnail,
    body.dark-layout .document-entity .doc-sidebar .links li.content-menu a.collapsed .icon-title {
      background: #22272b;
      color: #c4c7c5; }
    body.dark-layout .document-entity .doc-sidebar .links li.content-menu a:not(.collapsed) .icon-thumbnail {
      background: #323940;
      color: #c4c7c5; }
    body.dark-layout .document-entity .doc-sidebar .links li.content-menu a:hover .icon-thumbnail, body.dark-layout .document-entity .doc-sidebar .links li.content-menu a:focus .icon-thumbnail {
      background: #323940; }
  body.dark-layout .document-entity .doc-content .section-title {
    border-bottom: 1px solid #404040; }
  body.dark-layout .section-title {
    border-bottom: 1px solid #404040; }
  body.dark-layout .actions.footer {
    background: #22272b; }
  body.dark-layout .page-config-detail .filters-wrapper .showFiltersContent {
    background: #22272b; }
  body.dark-layout .page-config-detail .filters-wrapper svg path {
    fill: #c4c7c5 !important; }
  body.dark-layout .page-config-detail .filters-container #listFilter .filter .dropdown-menu.filterDatepicker .filter-list-container .gform .field .input-group + label span, body.dark-layout .page-config-detail .filters-container #listFilter .filter .dropdown-menu.filterDatepicker .dropdown-item:hover, body.dark-layout .page-config-detail .filters-container #listFilter .filter .dropdown-menu.filterDatepicker .dropdown-item:focus {
    background: #22272b !important; }
  body.dark-layout .config-module .workarea.box {
    background: #22272b;
    border: 1px solid #404040; }
    body.dark-layout .config-module .workarea.box input, body.dark-layout .config-module .workarea.box select, body.dark-layout .config-module .workarea.box textarea, body.dark-layout .config-module .workarea.box .field.field-chips, body.dark-layout .config-module .workarea.box .field.field-table {
      background: #161a1d; }
    body.dark-layout .config-module .workarea.box .footer-box {
      border-top: 1px solid #404040; }
  body.dark-layout .scrollTable table td {
    background-color: #161a1d; }
  body.dark-layout .scrollTable table thead tr th.segment, body.dark-layout .scrollTable table thead tr th.segment:hover, body.dark-layout .scrollTable .header {
    background-color: #323940 !important;
    border-bottom: none; }
  body.dark-layout .scrollTable table th:first-child {
    background: #22272b; }
  body.dark-layout .table {
    background: #161a1d;
    color: #c4c7c5; }
    body.dark-layout .table thead {
      background: #22272b;
      color: #c4c7c5;
      border-color: #404040 !important; }
    body.dark-layout .table thead tr th {
      background: #22272b; }
      body.dark-layout .table thead tr th:hover, body.dark-layout .table thead tr th:focus {
        background-color: #22272b !important; }
    body.dark-layout .table thead, body.dark-layout .table th, body.dark-layout .table td {
      border-color: #404040 !important;
      font-weight: normal; }
    body.dark-layout .table tbody tr {
      border-left: 1px solid #404040;
      border-right: 1px solid #404040; }
    body.dark-layout .table tr {
      /*&.table-section-title {
        td {
          border: 1px solid $background-dark;
          background: $border-dark;
          color: $text-dark;
          a { color: $text-dark; }
        }
        th {
          background: $border-dark;
          border: 1px solid $border-dark !important;
          &:focus, &:hover {
            background: $border-dark !important;
          }
        }
        a { color: $text-dark !important; }
      }*/ }
      body.dark-layout .table tr:focus, body.dark-layout .table tr:hover {
        background: #22272b !important; }
      body.dark-layout .table tr.selected {
        background: #22272b !important; }
    body.dark-layout .table.dataTable thead .sorting:before, body.dark-layout .table.dataTable thead .sorting:after {
      color: #DDDDDD !important; }
    body.dark-layout .table.dataTable tbody tr {
      background-color: #161a1d;
      border-right: #404040;
      border-left: #404040; }
      body.dark-layout .table.dataTable tbody tr:hover, body.dark-layout .table.dataTable tbody tr:focus {
        background-color: #22272b; }
      body.dark-layout .table.dataTable tbody tr.selected > * {
        box-shadow: inset 0 0 0 9999px #22272b; }
    body.dark-layout .table.dataTable.no-footer {
      border-bottom: 2px solid #404040; }
    body.dark-layout .table .selected-step, body.dark-layout .table .selected-step:hover, body.dark-layout .table .selected-step:focus {
      background: #323940 !important;
      color: #FFFFFF; }
  body.dark-layout .sidebar {
    border-right: 1px solid #404040; }
    body.dark-layout .sidebar .links {
      color: #c4c7c5; }
      body.dark-layout .sidebar .links li.link:not(.active):hover .icon-thumbnail,
      body.dark-layout .sidebar .links li.link:not(.active):focus .icon-thumbnail {
        background: #323940 !important;
        color: #c4c7c5; }
      body.dark-layout .sidebar .links li.link:not(.active):hover .icon-title,
      body.dark-layout .sidebar .links li.link:not(.active):focus .icon-title {
        color: #c4c7c5; }
  body.dark-layout .wrapper.collapsed .sidebar .icon-title,
  body.dark-layout .wrapper.collapsed .sidebar .links li.link .sidebarMenuOptions,
  body.dark-layout .docWrapper.collapsed .doc-sidebar .icon-title,
  body.dark-layout .docWrapper.collapsed .doc-sidebar li.content-menu ul {
    background: #22272b;
    color: #c4c7c5;
    border: 1px solid #404040; }
  body.dark-layout .docWrapper.collapsed .doc-sidebar li.content-menu a:not(.collapsed) .icon-thumbnail {
    background: #22272b; }
  body.dark-layout .dropdown-menu .dropdown-item:hover, body.dark-layout .dropdown-menu .dropdown-item:focus {
    background: #323940 !important; }
  body.dark-layout .dropdown-menu .dropdown-item.active, body.dark-layout .dropdown-menu .dropdown-item:active, body.dark-layout .dropdown-menu .dropdown-item.selected, body.dark-layout .dropdown-menu .dropdown-item:active:focus {
    color: #f5f5f5 !important; }
    body.dark-layout .dropdown-menu .dropdown-item.active span, body.dark-layout .dropdown-menu .dropdown-item.active span.text-success, body.dark-layout .dropdown-menu .dropdown-item:active span, body.dark-layout .dropdown-menu .dropdown-item:active span.text-success, body.dark-layout .dropdown-menu .dropdown-item.selected span, body.dark-layout .dropdown-menu .dropdown-item.selected span.text-success, body.dark-layout .dropdown-menu .dropdown-item:active:focus span, body.dark-layout .dropdown-menu .dropdown-item:active:focus span.text-success {
      color: #f5f5f5 !important; }
  body.dark-layout .dropdown-menu .dropdown-item.text-disabled {
    color: #626262 !important; }
  body.dark-layout .dropdown-menu .dropdown-item.filterActions:hover, body.dark-layout .dropdown-menu .dropdown-item.filterActions:focus,
  body.dark-layout .dropdown-menu .dropdown-item.filterActions li span:hover, body.dark-layout .dropdown-menu .dropdown-item.filterActions li span:focus {
    color: #c4c7c5; }
  body.dark-layout .dropdownCombo .dropdownData:hover, body.dark-layout .dropdownCombo .dropdownData:focus {
    background: #323940 !important;
    color: #c4c7c5; }
  body.dark-layout .header .search,
  body.dark-layout .sidebarMenuOptions,
  body.dark-layout .input-group-text,
  body.dark-layout .dropdown-menu {
    border: 1px solid #404040 !important;
    background: #22272b; }
    body.dark-layout .header .search:focus,
    body.dark-layout .sidebarMenuOptions:focus,
    body.dark-layout .input-group-text:focus,
    body.dark-layout .dropdown-menu:focus {
      background: #161a1d; }
  body.dark-layout .header {
    border-bottom: 1px solid #404040; }
    body.dark-layout .header .search input.search-control {
      border-radius: 4px; }
      body.dark-layout .header .search input.search-control:focus {
        background-color: #22272b;
        color: #c4c7c5; }
    body.dark-layout .header .ConfigInterface button:hover, body.dark-layout .header .ConfigInterface button:focus {
      background: #323940 !important; }
  body.dark-layout .search .input-group-append .simple-icon {
    color: #c4c7c5 !important; }
  body.dark-layout #RelatedSlide {
    color: #c4c7c5;
    background-color: #22272b;
    border-left: 2px solid #404040; }
  body.dark-layout .TableHasTreeView .TreeView {
    background: #22272b; }
    body.dark-layout .TableHasTreeView .TreeView select:not(:placeholder-shown) + label span {
      background: #22272b; }
    body.dark-layout .TableHasTreeView .TreeView .anchor:focus, body.dark-layout .TableHasTreeView .TreeView .anchor:hover {
      background: #323940; }
  body.dark-layout .tree-container .ivh-treeview {
    background: #22272b; }
    body.dark-layout .tree-container .ivh-treeview:first-child {
      border-bottom: 1px solid #404040;
      border-right: 1px solid #404040; }
    body.dark-layout .tree-container .ivh-treeview .ivh-treeview-node-content {
      border-top: 1px solid #404040; }
      body.dark-layout .tree-container .ivh-treeview .ivh-treeview-node-content .linkDisabled.linkCurrent {
        color: #c4c7c5 !important; }
  body.dark-layout .datetimepicker .table tr:focus, body.dark-layout .datetimepicker .table tr:hover {
    background-color: #161a1d !important; }
  body.dark-layout .datetimepicker .table td:not(.active):focus, body.dark-layout .datetimepicker .table td:not(.active):hover {
    background: #22272b !important; }
  body.dark-layout .datetimepicker .table thead tr:first-child {
    background-color: #323940; }
  body.dark-layout .datetimepicker .current {
    background-color: #404040;
    color: #FFFFFF; }
    body.dark-layout .datetimepicker .current:focus, body.dark-layout .datetimepicker .current:hover {
      background-color: #404040 !important;
      color: #FFFFFF; }
  body.dark-layout .datetimepicker .switch:hover {
    background: #22272b !important; }
  body.dark-layout .datetimepicker-footer {
    background-color: #161a1d;
    border: 1px solid #404040; }
  body.dark-layout button.disabled, body.dark-layout button:disabled, body.dark-layout button.disabled:hover, body.dark-layout button:disabled:hover, body.dark-layout button.btn-primary.disabled, body.dark-layout button.btn-primary:disabled, body.dark-layout button.btn-secondary.disabled, body.dark-layout button.btn-secondary:disabled, body.dark-layout button.btn-outline-primary.disabled, body.dark-layout button.btn-outline-primary:disabled, body.dark-layout button.btn-outline-secondary.disabled, body.dark-layout button.btn-outline-secondary:disabled, body.dark-layout button.btn-primary.disabled:hover, body.dark-layout button.btn-primary:disabled:hover, body.dark-layout button.btn-secondary.disabled:hover, body.dark-layout button.btn-secondary:disabled:hover, body.dark-layout button.btn-outline-primary.disabled:hover, body.dark-layout button.btn-outline-primary:disabled:hover, body.dark-layout button.btn-outline-secondary.disabled:hover, body.dark-layout button.btn-outline-secondary:disabled:hover {
    border: 1px solid #404040 !important;
    color: #626262 !important;
    background: #22272b !important; }
  body.dark-layout button.btn-link.disabled {
    border: none !important;
    background: none !important; }
  body.dark-layout .btn-white {
    background: #161a1d !important;
    color: #c4c7c5 !important; }
    body.dark-layout .btn-white:focus, body.dark-layout .btn-white:hover {
      background: #161a1d; }
  body.dark-layout .btn-outline-primary, body.dark-layout .btn-outline-secondary {
    background-color: #161a1d; }
    body.dark-layout .btn-outline-primary:focus, body.dark-layout .btn-outline-primary:hover, body.dark-layout .btn-outline-secondary:focus, body.dark-layout .btn-outline-secondary:hover {
      background: #22272b; }
  body.dark-layout .btn-outline-default {
    background-color: #161a1d;
    border-color: #c4c7c5;
    color: #c4c7c5; }
    body.dark-layout .btn-outline-default:focus, body.dark-layout .btn-outline-default:hover {
      background: #22272b; }
    body.dark-layout .btn-outline-default.active {
      border-color: #22272b;
      background-color: #22272b; }
      body.dark-layout .btn-outline-default.active:hover, body.dark-layout .btn-outline-default.active:focus {
        border-color: #22272b;
        background-color: #161a1d; }
  body.dark-layout .btn.btn-primary.disabled, body.dark-layout .btn.btn-primary:disabled,
  body.dark-layout .btn-outline-primary.disabled, body.dark-layout .btn.btn-outline-primary:disabled {
    border: 1px solid #626262 !important;
    color: #626262 !important;
    background: #404040 !important; }
  body.dark-layout .btn-outline-secondary {
    border: 1px solid #404040 !important;
    background: #161a1d !important;
    color: #c4c7c5 !important; }
    body.dark-layout .btn-outline-secondary:hover, body.dark-layout .btn-outline-secondary:focus {
      background: #323940 !important;
      color: #c4c7c5 !important;
      transition: background-color 0.3s; }
  body.dark-layout .btn-help {
    background-color: #22272b;
    border: 1px solid #404040; }
  body.dark-layout .input-group-prepend button:focus, body.dark-layout .input-group-prepend button:hover, body.dark-layout .input-group-prepend button:active {
    border: 1px solid #404040 !important; }
  body.dark-layout .badge.cursor-click:focus, body.dark-layout .badge.cursor-click:hover, body.dark-layout .document-entity .badge {
    color: #c4c7c5; }
  body.dark-layout .badge-status-outline-danger, body.dark-layout .badge-status-outline-green {
    background-color: transparent !important; }
  body.dark-layout .header .menu .btn {
    background-color: #161a1d; }
  body.dark-layout .breadcrumb-container .breadcrumb.right .btn {
    color: #c4c7c5; }
  body.dark-layout .breadcrumb.right .btn {
    border: none; }
    body.dark-layout .breadcrumb.right .btn:hover, body.dark-layout .breadcrumb.right .btn:focus {
      background-color: #323940 !important;
      transition: background-color 0.3s; }
  body.dark-layout .gform .form-control:focus {
    border-top: 1px solid #404040;
    border-right: 1px solid #404040;
    border-left: 1px solid #404040; }
  body.dark-layout .gform .dropdown-toggle input {
    background: #161a1d !important;
    border: 1px solid #404040; }
  body.dark-layout .gform input, body.dark-layout .gform select, body.dark-layout .gform textarea, body.dark-layout .gform .field-box, body.dark-layout .gform .field.field-chips, body.dark-layout .gform .field.field-table {
    color: #c4c7c5;
    border: 1px solid #404040;
    background: #161a1d !important; }
  body.dark-layout .gform select option {
    color: #c4c7c5;
    background: #22272b; }
  body.dark-layout .gform input:focus:placeholder-shown + label span,
  body.dark-layout .gform input:not(:placeholder-shown) + label span,
  body.dark-layout .gform input:disabled:not(:placeholder-shown) + label span,
  body.dark-layout .gform select:not(:placeholder-shown) + label span,
  body.dark-layout .gform select:disabled:not(:placeholder-shown) + label span,
  body.dark-layout .gform textarea:not(:placeholder-shown) + label span,
  body.dark-layout .gform .input-group + label span,
  body.dark-layout .gform .field.field-chips label > span,
  body.dark-layout .gform .field-box.disabled + label span {
    background: #161a1d !important; }
  body.dark-layout .gform input:disabled:not(:placeholder-shown) + label {
    color: #626262 !important; }
  body.dark-layout .gform input:disabled, body.dark-layout .gform textarea:disabled, body.dark-layout .gform select:disabled, body.dark-layout .gform .field-box.disabled, body.dark-layout .gform .section-disabled .field.field-chips {
    border-color: #404040 !important;
    color: #626262 !important;
    background: #161a1d !important; }
  body.dark-layout .gform input:disabled + label span,
  body.dark-layout .gform textarea:disabled + label span,
  body.dark-layout .gform select:disabled + label span {
    background: #22272b !important; }
  body.dark-layout .form-control:focus {
    border-top: 1px solid #404040;
    border-right: 1px solid #404040;
    border-left: 1px solid #404040; }
  body.dark-layout form label {
    color: #c4c7c5; }
  body.dark-layout .double-btn-input .input-group-prepend button:hover, body.dark-layout .double-btn-input .input-group-prepend button:focus {
    background: #161a1d !important;
    border: 1px solid #404040 !important; }
  body.dark-layout .chips .ui-select-bootstrap.dropdown > div, body.dark-layout .input-group > .ui-select-bootstrap.dropdown {
    background: #161a1d; }
  body.dark-layout .dropdown-divider {
    border-top: 1px solid #404040; }
  body.dark-layout .disabled {
    color: #626262; }
  body.dark-layout .simple-icon.iconsOverlayed i,
  body.dark-layout .fa.iconsOverlayed i,
  body.dark-layout .far.iconsOverlayed i,
  body.dark-layout .fas.iconsOverlayed i {
    background: #22272b;
    color: #c4c7c5; }
  body.dark-layout .alert-danger, body.dark-layout .alert-info, body.dark-layout .alert-success {
    background: #22272b; }
  body.dark-layout .alert-danger-alt {
    color: #c4c7c5; }
  body.dark-layout .wfStateContainer {
    background: #22272b;
    border: 1px solid #404040; }
    body.dark-layout .wfStateContainer .wfStateBox {
      background: #161a1d;
      border: 1px solid #404040; }
  body.dark-layout .followup-container .chat-bubble {
    background: #323940;
    color: #c4c7c5; }
    body.dark-layout .followup-container .chat-bubble:before {
      border-right: 10px solid #323940;
      border-top: 10px solid #323940; }
  body.dark-layout .comment .chat-bubble .chat-content .msg-content, body.dark-layout .detail-slide .chat-bubble .chat-content .msg-content {
    background: #161a1d;
    color: #c4c7c5;
    border: 1px solid #404040; }
  body.dark-layout .comment .chat-bubble .chat-content .notifyContainer .notifiedChip, body.dark-layout .detail-slide .chat-bubble .chat-content .notifyContainer .notifiedChip {
    background: #161a1d;
    color: #c4c7c5 !important;
    border: 1px solid #161a1d; }
  body.dark-layout .comment .chat-bubble .chat-content label, body.dark-layout .comment .chat-bubble .chat-content label a, body.dark-layout .detail-slide .chat-bubble .chat-content label, body.dark-layout .detail-slide .chat-bubble .chat-content label a {
    color: #161a1d !important; }
  body.dark-layout .comment .chat-bubble .chat-header, body.dark-layout .detail-slide .chat-bubble .chat-header {
    border-bottom: 1px solid #404040 !important; }
    body.dark-layout .comment .chat-bubble .chat-header .chat-title.text-success, body.dark-layout .detail-slide .chat-bubble .chat-header .chat-title.text-success {
      color: #000000; }
  body.dark-layout .comment .chat-bubble .chat-title, body.dark-layout .detail-slide .chat-bubble .chat-title {
    color: #161a1d !important; }
  body.dark-layout .comment .chat-bubble.chat-right, body.dark-layout .detail-slide .chat-bubble.chat-right {
    background: #b9ccea; }
    body.dark-layout .comment .chat-bubble.chat-right:before, body.dark-layout .detail-slide .chat-bubble.chat-right:before {
      border-right: 10px solid #b9ccea;
      border-top: 10px solid #b9ccea; }
  body.dark-layout .comment .chat-bubble.chat-left, body.dark-layout .detail-slide .chat-bubble.chat-left {
    background: #9d85b9; }
    body.dark-layout .comment .chat-bubble.chat-left:before, body.dark-layout .detail-slide .chat-bubble.chat-left:before {
      border-left: 10px solid #9d85b9;
      border-top: 10px solid #9d85b9; }
  body.dark-layout .comment .chat-admin .chat-bubble.chat-left, body.dark-layout .detail-slide .chat-admin .chat-bubble.chat-left {
    background: #e5b8c0; }
    body.dark-layout .comment .chat-admin .chat-bubble.chat-left:before, body.dark-layout .detail-slide .chat-admin .chat-bubble.chat-left:before {
      border-left: 10px solid #e5b8c0;
      border-top: 10px solid #e5b8c0; }
  body.dark-layout .comment .chat-admin .chat-bubble.chat-right, body.dark-layout .detail-slide .chat-admin .chat-bubble.chat-right {
    background: #e5b8c0; }
    body.dark-layout .comment .chat-admin .chat-bubble.chat-right:before, body.dark-layout .detail-slide .chat-admin .chat-bubble.chat-right:before {
      border-right: 10px solid #e5b8c0;
      border-top: 10px solid #e5b8c0; }
  body.dark-layout .detail-slide {
    color: #c4c7c5;
    background: #323940;
    border-left: 2px solid #404040; }
    body.dark-layout .detail-slide .nav-link.active {
      background: transparent !important; }
    body.dark-layout .detail-slide .border {
      border: 1px solid #c4c7c5 !important; }
    body.dark-layout .detail-slide .nav-tabs {
      border-bottom: 1px solid #161a1d; }
    body.dark-layout .detail-slide .breadcrumb-container .breadcrumb {
      background: #323940; }
      body.dark-layout .detail-slide .breadcrumb-container .breadcrumb .breadcrumb-item {
        background: #323940 !important; }
  body.dark-layout .nvd3 text, body.dark-layout .nvd3.nv-noData {
    fill: #c4c7c5 !important;
    color: #c4c7c5 !important; }
  body.dark-layout .nvd3.nv-pie path {
    stroke: #404040; }
  body.dark-layout .gridster .gridster-item {
    border: 1px solid #22272b; }
    body.dark-layout .gridster .gridster-item .widget-container .widget-header-title {
      color: #161a1d; }
    body.dark-layout .gridster .gridster-item .widget-container .widget-header-actions .btn:hover, body.dark-layout .gridster .gridster-item .widget-container .widget-header-actions .btn:focus {
      color: #c4c7c5; }
    body.dark-layout .gridster .gridster-item .widget-container .goal {
      color: #000000 !important; }
  body.dark-layout .gridster table tr:last-child td {
    border-bottom: 1px solid #22272b !important; }
  body.dark-layout .gridster .bg-white {
    background-color: #818181 !important; }
  body.dark-layout .round-box {
    border: 1px solid #404040; }
    body.dark-layout .round-box h4 {
      color: #FFFFFF; }
  body.dark-layout #histogram {
    border: 1px solid #404040; }
    body.dark-layout #histogram.bg-ultra-light-grey {
      background: #22272b; }
    body.dark-layout #histogram .nv-series:first-child circle, body.dark-layout #histogram .nv-series-0 {
      fill: #FFFFFF !important;
      stroke: #FFFFFF !important; }
    body.dark-layout #histogram .nvd3 text {
      fill: #f5f5f5 !important;
      color: #f5f5f5 !important; }
  body.dark-layout .bg-ultra-light-grey {
    background: #22272b; }
  body.dark-layout .frequencies {
    border: 1px solid #404040; }
    body.dark-layout .frequencies .btn-outline-default {
      border: 1px solid #404040; }
  body.dark-layout .nvtooltip {
    background: #161a1d; }
    body.dark-layout .nvtooltip table tr:first-child td > div {
      background-color: #FFFFFF !important; }
  body.dark-layout .modal-content {
    background-color: #22272b;
    /*b { color: $text-dark; }*/ }
    body.dark-layout .modal-content .modal-header {
      background: #323940;
      border-bottom: 1px solid #404040; }
      body.dark-layout .modal-content .modal-header .fullscreen, body.dark-layout .modal-content .modal-header .modal-close {
        color: #c4c7c5; }
    body.dark-layout .modal-content .modal-body, body.dark-layout .modal-content .imgCrop, body.dark-layout .modal-content .modal-body-calendar {
      background: #22272b;
      color: #c4c7c5; }
    body.dark-layout .modal-content .modal-footer {
      border-top: 1px solid #404040;
      background-color: #22272b; }
      body.dark-layout .modal-content .modal-footer .btn-outline-default {
        background-color: #22272b;
        border-color: #626262;
        color: #c4c7c5; }
        body.dark-layout .modal-content .modal-footer .btn-outline-default:focus, body.dark-layout .modal-content .modal-footer .btn-outline-default:hover {
          background: #161a1d; }
      body.dark-layout .modal-content .modal-footer .btn.btn-primary.disabled, body.dark-layout .modal-content .modal-footer .btn.btn-primary:disabled {
        border: 1px solid #626262 !important;
        color: #626262 !important;
        background: #404040 !important; }
    body.dark-layout .modal-content .input-group .input-group-append .btn, body.dark-layout .modal-content .input-group input {
      background-color: #22272b !important;
      border: 1px solid #404040 !important;
      color: #c4c7c5 !important; }
    body.dark-layout .modal-content .input-group > .ui-select-bootstrap.dropdown {
      background: #22272b !important; }
    body.dark-layout .modal-content .input-group .ui-select-container input, body.dark-layout .modal-content .input-group .ui-select-container input:disabled {
      background: #22272b !important;
      border: none !important; }
    body.dark-layout .modal-content .gform .form-control {
      background-color: #22272b !important;
      border: 1px solid #404040 !important; }
      body.dark-layout .modal-content .gform .form-control:focus {
        border-top: 1px solid #404040;
        border-right: 1px solid #404040;
        border-left: 1px solid #404040; }
      body.dark-layout .modal-content .gform .form-control.ui-select-container {
        border: none !important; }
        body.dark-layout .modal-content .gform .form-control.ui-select-container > div {
          background: #22272b !important; }
    body.dark-layout .modal-content .gform .dropdown-toggle input {
      background: #161a1d !important;
      border: 1px solid #404040; }
    body.dark-layout .modal-content .gform input, body.dark-layout .modal-content .gform select, body.dark-layout .modal-content .gform textarea, body.dark-layout .modal-content .gform .field-box {
      color: #c4c7c5 !important;
      border: 1px solid #404040; }
    body.dark-layout .modal-content .gform input:disabled, body.dark-layout .modal-content .gform textarea:disabled, body.dark-layout .modal-content .gform select:disabled, body.dark-layout .modal-content .gform .field-box.disabled {
      border-color: #404040 !important;
      color: #626262 !important;
      background: transparent !important; }
    body.dark-layout .modal-content .gform input:focus:placeholder-shown + label span,
    body.dark-layout .modal-content .gform input:not(:placeholder-shown) + label span,
    body.dark-layout .modal-content .gform input:disabled:not(:placeholder-shown) + label span,
    body.dark-layout .modal-content .gform input:focus + label,
    body.dark-layout .modal-content .gform select:not(:placeholder-shown) + label span,
    body.dark-layout .modal-content .gform select:disabled:not(:placeholder-shown) + label span,
    body.dark-layout .modal-content .gform select:focus + label,
    body.dark-layout .modal-content .gform textarea:not(:placeholder-shown) + label span,
    body.dark-layout .modal-content .gform textarea:focus + label,
    body.dark-layout .modal-content .gform .input-group + label span,
    body.dark-layout .modal-content .gform .field.field-chips label > span,
    body.dark-layout .modal-content .gform input:disabled + label span,
    body.dark-layout .modal-content .gform textarea:disabled + label span,
    body.dark-layout .modal-content .gform select:disabled + label span,
    body.dark-layout .modal-content .gform .field-box.disabled + label span {
      background: #22272b !important; }
    body.dark-layout .modal-content .gform .btn-outline-primary, body.dark-layout .modal-content .gform .btn-outline-secondary {
      background-color: #161a1d; }
      body.dark-layout .modal-content .gform .btn-outline-primary:focus, body.dark-layout .modal-content .gform .btn-outline-primary:hover, body.dark-layout .modal-content .gform .btn-outline-secondary:focus, body.dark-layout .modal-content .gform .btn-outline-secondary:hover {
        background: #22272b; }
    body.dark-layout .modal-content .search-bar input, body.dark-layout .modal-content .search-bar .btn-outline-secondary {
      background: #161a1d !important;
      border: 1px solid #22272b !important;
      color: #c4c7c5; }
      body.dark-layout .modal-content .search-bar input:focus, body.dark-layout .modal-content .search-bar input:hover, body.dark-layout .modal-content .search-bar .btn-outline-secondary:focus, body.dark-layout .modal-content .search-bar .btn-outline-secondary:hover {
        background: #161a1d !important;
        border: 1px solid #22272b !important;
        color: #c4c7c5 !important; }
    body.dark-layout .modal-content .search-bar .btn.btn-outline-secondary.active,
    body.dark-layout .modal-content .search-bar .btn-outline-secondary:not(:disabled):not(.disabled):active,
    body.dark-layout .modal-content .search-bar .show > .btn-outline-secondary.dropdown-toggle {
      background-color: #161a1d !important;
      border-color: #22272b !important; }
    body.dark-layout .modal-content .simple-icon.iconsOverlayed i, body.dark-layout .modal-content .fa.iconsOverlayed i, body.dark-layout .modal-content .far.iconsOverlayed i, body.dark-layout .modal-content .fas.iconsOverlayed i {
      background: #323940;
      color: #c4c7c5; }
    body.dark-layout .modal-content .list-select {
      background: #161a1d;
      border: 1px solid #404040; }
      body.dark-layout .modal-content .list-select li {
        border-bottom: 1px solid #404040; }
        body.dark-layout .modal-content .list-select li .user-details .user-name, body.dark-layout .modal-content .list-select li .user-details .user-email {
          color: #c4c7c5; }
        body.dark-layout .modal-content .list-select li:focus > div, body.dark-layout .modal-content .list-select li:hover > div {
          background: #323940; }
    body.dark-layout .modal-content .tree-container .ivh-treeview-node {
      background: #161a1d; }
      body.dark-layout .modal-content .tree-container .ivh-treeview-node a.anchor.linkDisabled {
        color: #404040 !important; }
      body.dark-layout .modal-content .tree-container .ivh-treeview-node .text-disabled {
        color: #404040 !important; }
      body.dark-layout .modal-content .tree-container .ivh-treeview-node .anchor {
        color: #c4c7c5; }
        body.dark-layout .modal-content .tree-container .ivh-treeview-node .anchor:hover, body.dark-layout .modal-content .tree-container .ivh-treeview-node .anchor:focus {
          background: #323940 !important; }
    body.dark-layout .modal-content .tree-container .ivh-treeview:first-child {
      border-bottom: 1px solid #22272b !important;
      border-right: 1px solid #22272b !important; }
    body.dark-layout .modal-content .tree-container .ivh-treeview-node-content {
      border-top: 1px solid #22272b !important; }
    body.dark-layout .modal-content .breadcrumb-container .breadcrumb-item {
      background-color: #22272b !important; }
  body.dark-layout .user-panel .UserInfo {
    background: #394148; }
    body.dark-layout .user-panel .UserInfo .toggle a:hover, body.dark-layout .user-panel .UserInfo .toggle a:hover {
      color: #c4c7c5; }
  body.dark-layout .user-panel .avatar .edit {
    background: #22272b; }
  body.dark-layout .user-panel .avatar img.round {
    background: #394148; }
  body.dark-layout .user-panel .badge.badge-chip {
    background: #394148;
    border: 1px solid #3e3e46;
    color: #c4c7c5; }
  body.dark-layout .user-panel.collapsed .UserInfo {
    background: #22272b !important; }
  body.dark-layout .diagram-container-detail .toggle, body.dark-layout .diagram-container .toggle {
    border: 1px solid #404040 !important; }
    body.dark-layout .diagram-container-detail .toggle a:hover, body.dark-layout .diagram-container-detail .toggle a:focus, body.dark-layout .diagram-container .toggle a:hover, body.dark-layout .diagram-container .toggle a:focus {
      background-color: #161a1d; }
  body.dark-layout .nav-tabs {
    border-bottom: 1px solid #404040; }
    body.dark-layout .nav-tabs .nav-link {
      color: #c4c7c5; }
      body.dark-layout .nav-tabs .nav-link.active {
        background: #161a1d; }
        body.dark-layout .nav-tabs .nav-link.active:focus, body.dark-layout .nav-tabs .nav-link.active:hover {
          background: #161a1d; }
      body.dark-layout .nav-tabs .nav-link:focus, body.dark-layout .nav-tabs .nav-link:hover {
        background: transparent; }
  body.dark-layout .mermaid .available-step > * {
    fill: #22272b !important; }
  body.dark-layout .mermaid .available-step .label {
    color: #c4c7c5 !important; }
  body.dark-layout .mermaid circle {
    stroke: #404040 !important; }
  body.dark-layout ::-webkit-scrollbar-track {
    background: #22272b;
    border: 1px solid #404040; }
  body.dark-layout .loyal-news .carousel .carousel-indicators li {
    background-color: #626262; }
    body.dark-layout .loyal-news .carousel .carousel-indicators li.active {
      background-color: #DDDDDD; }
  body.dark-layout .loyal-news .carousel .carousel-control-next-icon, body.dark-layout .loyal-news .carousel .carousel-control-prev-icon {
    filter: invert(0); }
  body.dark-layout .evaluation table thead, body.dark-layout .evaluation .table thead {
    background: #22272b !important; }
  body.dark-layout .evaluation table tr.table-section-title th, body.dark-layout .evaluation table .table-section-title th, body.dark-layout .evaluation table tr.table-section-subtitle th, body.dark-layout .evaluation table .table-section-subtitle th, body.dark-layout .evaluation .table tr.table-section-title th, body.dark-layout .evaluation .table .table-section-title th, body.dark-layout .evaluation .table tr.table-section-subtitle th, body.dark-layout .evaluation .table .table-section-subtitle th {
    background: #22272b;
    color: #c4c7c5; }
    body.dark-layout .evaluation table tr.table-section-title th:focus, body.dark-layout .evaluation table tr.table-section-title th:hover, body.dark-layout .evaluation table .table-section-title th:focus, body.dark-layout .evaluation table .table-section-title th:hover, body.dark-layout .evaluation table tr.table-section-subtitle th:focus, body.dark-layout .evaluation table tr.table-section-subtitle th:hover, body.dark-layout .evaluation table .table-section-subtitle th:focus, body.dark-layout .evaluation table .table-section-subtitle th:hover, body.dark-layout .evaluation .table tr.table-section-title th:focus, body.dark-layout .evaluation .table tr.table-section-title th:hover, body.dark-layout .evaluation .table .table-section-title th:focus, body.dark-layout .evaluation .table .table-section-title th:hover, body.dark-layout .evaluation .table tr.table-section-subtitle th:focus, body.dark-layout .evaluation .table tr.table-section-subtitle th:hover, body.dark-layout .evaluation .table .table-section-subtitle th:focus, body.dark-layout .evaluation .table .table-section-subtitle th:hover {
      background: #22272b !important; }
  body.dark-layout .evaluation table tr.table-section-title input, body.dark-layout .evaluation table .table-section-title input, body.dark-layout .evaluation table tr.table-section-subtitle input, body.dark-layout .evaluation table .table-section-subtitle input, body.dark-layout .evaluation .table tr.table-section-title input, body.dark-layout .evaluation .table .table-section-title input, body.dark-layout .evaluation .table tr.table-section-subtitle input, body.dark-layout .evaluation .table .table-section-subtitle input {
    border-bottom: 1px solid #404040 !important;
    background: #161a1d;
    color: #c4c7c5; }
  body.dark-layout .evaluation table tr.table-section-title .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation table .table-section-title .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation table tr.table-section-subtitle .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation table .table-section-subtitle .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation .table tr.table-section-title .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation .table .table-section-title .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation .table tr.table-section-subtitle .field input:not(:placeholder-shown) + label span, body.dark-layout .evaluation .table .table-section-subtitle .field input:not(:placeholder-shown) + label span {
    background: #161a1d; }
  body.dark-layout .evaluation .group-content .question-container {
    background: #22272b !important;
    border: 1px solid #404040; }
  body.dark-layout .evaluation .box-options .field label span {
    background: #22272b !important; }
  body.dark-layout .evaluation .box-options .field .input-group-prepend button:hover, body.dark-layout .evaluation .box-options .field .input-group-prepend button:focus {
    background: #22272b !important;
    border: 1px solid #404040 !important; }
  body.dark-layout .evaluation .round-box-options {
    background: #22272b;
    border: 1px solid #404040; }
  body.dark-layout .evaluation-results .results-group {
    border: 1px solid #404040;
    background: #161a1d; }
    body.dark-layout .evaluation-results .results-group .group-title {
      border-bottom: 1px solid #404040;
      color: #c4c7c5; }
    body.dark-layout .evaluation-results .results-group .question-group {
      border: 1px solid #404040;
      background: #22272b; }
  body.dark-layout .help .help_home h1, body.dark-layout .help .help_home h2 {
    color: #f5f5f5; }
  body.dark-layout .help .help_home .carousel .carousel-indicators li {
    background-color: #ECF9E9; }
  body.dark-layout .help .help_videos .video-box .video-title {
    color: #ECF9E9; }
  body.dark-layout .help .help_videos .video-box {
    background: #22272b;
    border: 2px solid #404040; }
  body.dark-layout .help .help_faqs h2, body.dark-layout .help .help_tips h2, body.dark-layout .help .help_whatsNew h2 {
    color: #f5f5f5; }
  body.dark-layout .help .help_faqs .question h3, body.dark-layout .help .help_tips .question h3, body.dark-layout .help .help_whatsNew .question h3 {
    color: #c4c7c5; }
  body.dark-layout .help .help_module .hide_filters, body.dark-layout .help .help_module.toggled .show_filters {
    background: rgba(8, 207, 101, 0.5); }
  body.dark-layout .help .help_module h2 {
    color: #f5f5f5; }
  body.dark-layout .help .help_module .legends {
    background-color: #22272b;
    border: 1px solid #404040; }
    body.dark-layout .help .help_module .legends .table tbody tr {
      border-left: none;
      border-right: none; }
  body.dark-layout .help .help_module #module_container .steps {
    background: #485c58; }
    body.dark-layout .help .help_module #module_container .steps span {
      color: #FFFFFF; }
  body.dark-layout .help .help_module #module_container .carousel-control {
    color: #A3A3A3; }
  body.dark-layout .help .help_module #module_container .carousel-indicators li {
    background-color: #0CB35A !important; }
  body.dark-layout .help .help_module img.darkLayout {
    display: block; }
  body.dark-layout .help .help_module img.lightLayout {
    display: none; }
  body.dark-layout .help .simpleBox {
    background: #22272b;
    color: #c4c7c5;
    border: 1px solid #404040; }
  body.dark-layout .help .whiteBox {
    background: #22272b;
    border: 2px solid #404040; }
    body.dark-layout .help .whiteBox h2 {
      color: #ECF9E9; }
  body.dark-layout .help a:hover .whiteBox {
    background: rgba(255, 255, 255, 0.1); }
  body.dark-layout .help .greenBox {
    background: linear-gradient(to bottom, #22272b 85%, #4B4B4B 15%); }
    body.dark-layout .help .greenBox img.gray {
      display: none; }
    body.dark-layout .help .greenBox img.darkLayout {
      display: block; }
  body.dark-layout .help a:hover .greenBox img.color {
    display: block !important; }
  body.dark-layout .help a:hover .greenBox img.darkLayout {
    display: none !important; }
  body.dark-layout .help table td:not(.apiDesc) {
    background-color: #22272b !important;
    color: #f5f5f5 !important; }
  body.dark-layout .help table.table-modules thead th {
    color: #f5f5f5 !important; }
  body.dark-layout .help table.table-icons td {
    border-color: #404040 !important; }
  body.dark-layout .help .badge-pill {
    background: #161a1d; }
    body.dark-layout .help .badge-pill:not(.active):hover, body.dark-layout .help .badge-pill:not(.active):focus {
      background: #22272b; }
  body.dark-layout .help #menu_filters {
    background: #161a1d;
    border-right: 1px solid #404040; }
  body.dark-layout .help a:hover p, body.dark-layout .help a:focus p, body.dark-layout .help p:hover, body.dark-layout .help p:focus {
    color: #c4c7c5; }
  body.dark-layout .help .breadcrumb-container > div {
    border-bottom: 1px solid #404040 !important; }
  body.dark-layout .help_footer {
    border-top: 1px solid #404040;
    background: #22272b;
    color: #c4c7c5; }
  body.dark-layout .border {
    border: 1px solid #404040 !important; }
  body.dark-layout .border-bottom {
    border-bottom: 1px solid #404040 !important; }
  body.dark-layout hr {
    border-top: 1px solid #404040; }
  body.dark-layout #scroll {
    background-color: #161a1d; }
  body.dark-layout #iconsDictionary svg path,
  body.dark-layout #iconsDictionary svg rect:not(.st0), body.dark-layout #iconsDictionary svg circle, body.dark-layout #iconsDictionary svg polygon {
    fill: #c4c7c5 !important; }
  body.dark-layout #riskMatrixTable_paginate .paginate_button.disabled a {
    color: #626262 !important; }
  body.dark-layout #riskMatrixTable_paginate .page-item:hover {
    border-color: transparent !important; }
  body.dark-layout.module-1 {
    /* .text-success, .btn.btn-toggle {color: $dms-color !important;} */ }
    body.dark-layout.module-1 .workarea .workarea-title li a:hover {
      color: #f5f5f5 !important; }
      body.dark-layout.module-1 .workarea .workarea-title li a:hover:hover, body.dark-layout.module-1 .workarea .workarea-title li a:hover:focus {
        background-color: #fa6501 !important; }
    body.dark-layout.module-1 .table tr.table-section-title th {
      color: #fa6501 !important; }
      body.dark-layout.module-1 .table tr.table-section-title th:hover, body.dark-layout.module-1 .table tr.table-section-title th:focus {
        color: #fa6501 !important; }
    body.dark-layout.module-1 .dropdown-menu .dropdown-item.active:hover, body.dark-layout.module-1 .dropdown-menu .dropdown-item.active:focus {
      background: #fa6501 !important; }
  body.dark-layout.module-2 {
    /* .text-success, .btn.btn-toggle {color: $qms-color !important;} */ }
    body.dark-layout.module-2 .workarea .workarea-title li a:hover {
      color: #f5f5f5 !important; }
      body.dark-layout.module-2 .workarea .workarea-title li a:hover:hover, body.dark-layout.module-2 .workarea .workarea-title li a:hover:focus {
        background-color: #0d4aa3 !important; }
    body.dark-layout.module-2 .table tr.table-section-title th {
      color: #0d4aa3 !important; }
      body.dark-layout.module-2 .table tr.table-section-title th:hover, body.dark-layout.module-2 .table tr.table-section-title th:focus {
        color: #0d4aa3 !important; }
    body.dark-layout.module-2 .dropdown-menu .dropdown-item.active:hover, body.dark-layout.module-2 .dropdown-menu .dropdown-item.active:focus {
      background: #0d4aa3 !important; }
  body.dark-layout.module-3 {
    /* .text-success, .btn.btn-toggle {color: $kpi-color !important;} */ }
    body.dark-layout.module-3 .workarea .workarea-title li a:hover {
      color: #f5f5f5 !important; }
      body.dark-layout.module-3 .workarea .workarea-title li a:hover:hover, body.dark-layout.module-3 .workarea .workarea-title li a:hover:focus {
        background-color: #3c933c !important; }
    body.dark-layout.module-3 .table tr.table-section-title th {
      color: #3c933c !important; }
      body.dark-layout.module-3 .table tr.table-section-title th:hover, body.dark-layout.module-3 .table tr.table-section-title th:focus {
        color: #3c933c !important; }
    body.dark-layout.module-3 .dropdown-menu .dropdown-item.active:hover, body.dark-layout.module-3 .dropdown-menu .dropdown-item.active:focus {
      background: #3c933c !important; }
  body.dark-layout.module-4 {
    /*  .text-success, .btn.btn-toggle {color: $rsk-color !important;} */ }
    body.dark-layout.module-4 .workarea .workarea-title li a:hover {
      color: #f5f5f5 !important; }
      body.dark-layout.module-4 .workarea .workarea-title li a:hover:hover, body.dark-layout.module-4 .workarea .workarea-title li a:hover:focus {
        background-color: #ed0a1b !important; }
    body.dark-layout.module-4 .table tr.table-section-title th {
      color: #ed0a1b !important; }
      body.dark-layout.module-4 .table tr.table-section-title th:hover, body.dark-layout.module-4 .table tr.table-section-title th:focus {
        color: #ed0a1b !important; }
    body.dark-layout.module-4 .dropdown-menu .dropdown-item.active:hover, body.dark-layout.module-4 .dropdown-menu .dropdown-item.active:focus {
      background: #ed0a1b !important; }
  body.dark-layout.module-5 {
    /*  .text-success, .btn.btn-toggle {color: $cmp-color !important;} */ }
    body.dark-layout.module-5 .workarea .workarea-title li a:hover {
      color: #f5f5f5 !important; }
      body.dark-layout.module-5 .workarea .workarea-title li a:hover:hover, body.dark-layout.module-5 .workarea .workarea-title li a:hover:focus {
        background-color: #fdbb11 !important; }
    body.dark-layout.module-5 .table tr.table-section-title th {
      color: #fdbb11 !important; }
      body.dark-layout.module-5 .table tr.table-section-title th:hover, body.dark-layout.module-5 .table tr.table-section-title th:focus {
        color: #fdbb11 !important; }
    body.dark-layout.module-5 .dropdown-menu .dropdown-item.active:hover, body.dark-layout.module-5 .dropdown-menu .dropdown-item.active:focus {
      background: #fdbb11 !important; }
  body.dark-layout .ui-widget-content {
    background: #161a1d;
    color: #c4c7c5;
    border: 1px solid #404040 !important; }
  body.dark-layout .ui-contextmenu .ui-menu-item:hover, body.dark-layout .ui-contextmenu .ui-menu-item:focus {
    background: #22272b;
    color: #c4c7c5; }
  body.dark-layout .ui-contextmenu .ui-menu-item .ui-menu-item-wrapper {
    color: #c4c7c5; }
  body.dark-layout .ui-state-disabled {
    color: #626262; }
  body.dark-layout .ui-menu .ui-menu-divider {
    border: 1px solid #404040; }
  body.dark-layout .ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-empty.ng-valid-required {
    background: #161a1d; }
  body.dark-layout .message-alert {
    border: 1px solid #404040 !important;
    background: #161a1d; }
    body.dark-layout .message-alert .notification-title {
      background: #22272b;
      border: 1px solid #404040; }
  body.dark-layout .alert-dismissible .close {
    color: #c4c7c5 !important;
    text-shadow: none; }
  body.dark-layout md-dialog.md-default-theme, body.dark-layout md-dialog {
    background-color: #22272b;
    color: #c4c7c5;
    border: 1px solid #404040; }
  body.dark-layout .note-editor, body.dark-layout .note-toolbar {
    background-color: #22272b;
    color: #c4c7c5;
    border-color: #404040; }
    body.dark-layout .note-editor .note-btn, body.dark-layout .note-toolbar .note-btn {
      background-color: #161a1d;
      border: 1px solid #404040;
      color: #c4c7c5; }
      body.dark-layout .note-editor .note-btn.active, body.dark-layout .note-editor .note-btn.focus, body.dark-layout .note-editor .note-btn:active, body.dark-layout .note-editor .note-btn:focus, body.dark-layout .note-editor .note-btn:hover, body.dark-layout .note-toolbar .note-btn.active, body.dark-layout .note-toolbar .note-btn.focus, body.dark-layout .note-toolbar .note-btn:active, body.dark-layout .note-toolbar .note-btn:focus, body.dark-layout .note-toolbar .note-btn:hover {
        background-color: #161a1d;
        border: 1px solid #404040; }
      body.dark-layout .note-editor .note-btn i, body.dark-layout .note-toolbar .note-btn i {
        color: #c4c7c5; }
  body.dark-layout .note-editable {
    background-color: #22272b; }
  body.dark-layout .note-frame div.note-editing-area {
    color: #c4c7c5; }
  body.dark-layout .bootstrap-select .btn:not(:disabled):not(.disabled),
  body.dark-layout .bootstrap-select .btn.disabled,
  body.dark-layout .bootstrap-select .btn:disabled,
  body.dark-layout .bootstrap-select .btn.disabled:hover,
  body.dark-layout .bootstrap-select .btn:disabled:hover {
    border: 1px solid #404040;
    background: #161a1d; }
  body.dark-layout .card {
    background-color: #161a1d;
    border-color: #404040; }
    body.dark-layout .card .card-title {
      background: #22272b; }
  body.dark-layout .wrapper.compact-layout .gform .double-btn-input .input-group-prepend button:hover,
  body.dark-layout .wrapper.compact-layout .gform .double-btn-input .input-group-prepend button:focus {
    background: #161a1d !important;
    border: 1px solid #404040 !important; }

/******************************* VISTA COMPACTA */
.wrapper.compact-layout {
  /* MAIN SIDEBAR EXPANDED */
  /* MAIN SIDEBAR COLLAPSED */
  /* DOC SIDEBAR */ }
  .wrapper.compact-layout .row {
    margin-right: -5px;
    margin-left: -5px; }
  .wrapper.compact-layout .col, .wrapper.compact-layout .col-1, .wrapper.compact-layout .col-10, .wrapper.compact-layout .col-11, .wrapper.compact-layout .col-12, .wrapper.compact-layout .col-2, .wrapper.compact-layout .col-3, .wrapper.compact-layout .col-4, .wrapper.compact-layout .col-5, .wrapper.compact-layout .col-6, .wrapper.compact-layout .col-7, .wrapper.compact-layout .col-8, .wrapper.compact-layout .col-9,
  .wrapper.compact-layout .col-auto, .wrapper.compact-layout .col-lg, .wrapper.compact-layout .col-lg-1, .wrapper.compact-layout .col-lg-10, .wrapper.compact-layout .col-lg-11, .wrapper.compact-layout .col-lg-12, .wrapper.compact-layout .col-lg-2, .wrapper.compact-layout .col-lg-3, .wrapper.compact-layout .col-lg-4, .wrapper.compact-layout .col-lg-5,
  .wrapper.compact-layout .col-lg-6, .wrapper.compact-layout .col-lg-7, .wrapper.compact-layout .col-lg-8, .wrapper.compact-layout .col-lg-9, .wrapper.compact-layout .col-lg-auto, .wrapper.compact-layout .col-md, .wrapper.compact-layout .col-md-1, .wrapper.compact-layout .col-md-10, .wrapper.compact-layout .col-md-11, .wrapper.compact-layout .col-md-12,
  .wrapper.compact-layout .col-md-2, .wrapper.compact-layout .col-md-3, .wrapper.compact-layout .col-md-4, .wrapper.compact-layout .col-md-5, .wrapper.compact-layout .col-md-6, .wrapper.compact-layout .col-md-7, .wrapper.compact-layout .col-md-8, .wrapper.compact-layout .col-md-9, .wrapper.compact-layout .col-md-auto, .wrapper.compact-layout .col-sm,
  .wrapper.compact-layout .col-sm-1, .wrapper.compact-layout .col-sm-10, .wrapper.compact-layout .col-sm-11, .wrapper.compact-layout .col-sm-12, .wrapper.compact-layout .col-sm-2, .wrapper.compact-layout .col-sm-3, .wrapper.compact-layout .col-sm-4, .wrapper.compact-layout .col-sm-5, .wrapper.compact-layout .col-sm-6, .wrapper.compact-layout .col-sm-7,
  .wrapper.compact-layout .col-sm-8, .wrapper.compact-layout .col-sm-9, .wrapper.compact-layout .col-sm-auto, .wrapper.compact-layout .col-xl, .wrapper.compact-layout .col-xl-1, .wrapper.compact-layout .col-xl-10, .wrapper.compact-layout .col-xl-11, .wrapper.compact-layout .col-xl-12, .wrapper.compact-layout .col-xl-2, .wrapper.compact-layout .col-xl-3,
  .wrapper.compact-layout .col-xl-4, .wrapper.compact-layout .col-xl-5, .wrapper.compact-layout .col-xl-6, .wrapper.compact-layout .col-xl-7, .wrapper.compact-layout .col-xl-8, .wrapper.compact-layout .col-xl-9, .wrapper.compact-layout .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px; }
  .wrapper.compact-layout.collapsed .content {
    margin-left: 80px; }
  .wrapper.compact-layout.expanded .content {
    margin-left: 120px; }
  .wrapper.compact-layout .sidebar .links li.link,
  .wrapper.compact-layout .sidebar .links li .link-menu,
  .wrapper.compact-layout .sidebar .links li .link-menu.collapsed {
    padding: 10px 20px; }
  .wrapper.compact-layout.expanded {
    /* DOC SIDEBAR EXPANDED */ }
    .wrapper.compact-layout.expanded .sidebar {
      min-width: 110px;
      max-width: 110px; }
      .wrapper.compact-layout.expanded .sidebar .links li.link {
        padding: 5px 0 !important;
        font-size: 12px !important; }
        .wrapper.compact-layout.expanded .sidebar .links li.link .icon-title {
          font-size: 11px; }
      .wrapper.compact-layout.expanded .sidebar .icon-thumbnail {
        left: 25px !important; }
      .wrapper.compact-layout.expanded .sidebar .sidebarMenuOptions {
        left: 118px !important; }
    .wrapper.compact-layout.expanded .docWrapper.collapsed .doc-sidebar .links li ul, .wrapper.compact-layout.expanded .docWrapper.collapsed .doc-sidebar .icon-title {
      left: 175px; }
  .wrapper.compact-layout.collapsed .sidebar {
    min-width: 70px;
    max-width: 70px; }
    .wrapper.compact-layout.collapsed .sidebar .links li.link {
      padding: 6px 20px; }
      .wrapper.compact-layout.collapsed .sidebar .links li.link .sidebarMenuOptions {
        left: 75px !important; }
    .wrapper.compact-layout.collapsed .sidebar .icon-thumbnail {
      left: -15px !important;
      height: 26px !important;
      line-height: 28px !important; }
    .wrapper.compact-layout.collapsed .sidebar .icon-title {
      left: 75px;
      margin-top: -32px; }
  .wrapper.compact-layout.collapsed .breadcrumb-container.float {
    padding-left: 35px !important; }
  .wrapper.compact-layout .docWrapper {
    /* DOC SIDEBAR COLLAPSED */ }
    .wrapper.compact-layout .docWrapper .doc-sidebar .links a {
      padding: 6px 8px !important; }
      .wrapper.compact-layout .docWrapper .doc-sidebar .links a .icon-thumbnail {
        left: 25px; }
    .wrapper.compact-layout .docWrapper.collapsed .doc-sidebar .links li ul, .wrapper.compact-layout .docWrapper.collapsed .doc-sidebar .icon-title {
      left: 140px; }
    .wrapper.compact-layout .docWrapper.collapsed .doc-sidebar .links li a .icon-thumbnail {
      left: -7px; }
  .wrapper.compact-layout.expanded .content {
    margin-left: 115px; }
  .wrapper.compact-layout .btn {
    font-size: .8rem; }
  .wrapper.compact-layout .font-xl {
    font-size: 1.2em !important; }
  .wrapper.compact-layout .table {
    font-size: 0.8rem; }
    .wrapper.compact-layout .table th a.btn, .wrapper.compact-layout .table td a.btn {
      height: 30px !important; }
    .wrapper.compact-layout .table th .btn, .wrapper.compact-layout .table td .btn {
      height: 30px !important;
      line-height: 15px; }
    .wrapper.compact-layout .table td {
      padding: 4px 8px !important;
      white-space: nowrap; }
  .wrapper.compact-layout .dataTables_wrapper {
    margin: 10px 0px; }
  .wrapper.compact-layout table.dataTable {
    margin-bottom: 0px; }
  .wrapper.compact-layout .dragscroll {
    padding: 0px 5px; }
  @media (max-height: 768px) {
    .wrapper.compact-layout .scrollTable .container {
      height: 310px; } }
  @media (min-height: 769px) and (max-height: 1024px) {
    .wrapper.compact-layout .scrollTable .container {
      height: 550px; } }
  @media (min-height: 1025px) and (max-height: 1280px) {
    .wrapper.compact-layout .scrollTable .container {
      height: 500px; } }
  @media (min-height: 1280px) {
    .wrapper.compact-layout .scrollTable .container {
      height: 650px; } }
  .wrapper.compact-layout .gform .field-box,
  .wrapper.compact-layout .gform .btn,
  .wrapper.compact-layout .gform input,
  .wrapper.compact-layout .gform select {
    font-size: .8rem; }
  .wrapper.compact-layout .gform input, .wrapper.compact-layout .gform select {
    height: 40px; }
  .wrapper.compact-layout .gform textarea {
    padding: 8px 10px !important;
    font-size: .8rem;
    height: 40px;
    min-height: 40px;
    overflow: hidden; }
  .wrapper.compact-layout .gform input:focus:placeholder-shown + label,
  .wrapper.compact-layout .gform input:placeholder-shown + label,
  .wrapper.compact-layout .gform input:not(:placeholder-shown) + label {
    top: 4px; }
  .wrapper.compact-layout .gform .field {
    margin-bottom: 0.5em; }
  .wrapper.compact-layout .gform .input-group-append button {
    padding: .4rem 1.4rem !important;
    height: 40px !important; }
  .wrapper.compact-layout .gform .double-btn-input .field {
    margin-bottom: -1px !important; }
  .wrapper.compact-layout .gform .double-btn-input .input-group-prepend {
    position: absolute; }
    .wrapper.compact-layout .gform .double-btn-input .input-group-prepend button:focus, .wrapper.compact-layout .gform .double-btn-input .input-group-prepend button:hover {
      background: #FFFFFF !important;
      border: 1px solid #d8d8d8 !important; }
    .wrapper.compact-layout .gform .double-btn-input .input-group-prepend .btn {
      height: 40px; }
  .wrapper.compact-layout .gform .double-btn-input input {
    padding-left: 55px !important; }
  .wrapper.compact-layout .gform .double-btn-input label.text-success {
    left: 55px !important;
    max-width: calc(100% - 60px) !important; }
  .wrapper.compact-layout .frequencies .input-group-append button {
    padding: .4rem .8rem !important;
    height: 29px !important;
    line-height: 15px; }
  .wrapper.compact-layout .btn-group tooltip .btn {
    height: 35px; }
  .wrapper.compact-layout .footer .btn, .wrapper.compact-layout .chips .btn {
    height: 30px !important;
    padding: 0.2rem 20px !important; }
  .wrapper.compact-layout .footer .ui-select-container .ui-select-match-item, .wrapper.compact-layout .chips .ui-select-container .ui-select-match-item {
    padding: 5px 20px !important; }
  .wrapper.compact-layout .footer .ui-select-bootstrap.dropdown > div, .wrapper.compact-layout .chips .ui-select-bootstrap.dropdown > div {
    margin-top: 0 !important; }
  .wrapper.compact-layout .input-group-text {
    padding: 0 20px;
    height: 40px; }
  .wrapper.compact-layout .graphs .dropdown-item {
    padding: 0.3rem 0.78rem; }
  .wrapper.compact-layout .dropdown-item {
    padding: .1rem 1.0rem !important;
    font-size: 0.8rem; }
  .wrapper.compact-layout .page-config-detail .filters-wrapper .FiltersContentTitle {
    padding: 5px 20px; }
  .wrapper.compact-layout .page-config-detail .filters-container #listFilter {
    padding: 5px 0; }
    .wrapper.compact-layout .page-config-detail .filters-container #listFilter .filter .btn .label {
      margin-top: -3px; }
    .wrapper.compact-layout .page-config-detail .filters-container #listFilter .filter .btn.dropdown-toggle .icon-arrow-down {
      margin-top: 0px; }
    .wrapper.compact-layout .page-config-detail .filters-container #listFilter .filter .footer .btn {
      padding: 0.2rem 0.75rem; }
  .wrapper.compact-layout .expand-search {
    top: 20px; }
    .wrapper.compact-layout .expand-search .simple-icon {
      padding: 0;
      line-height: 40px; }
  .wrapper.compact-layout .breadcrumb-container.float {
    width: calc(100% - 150px);
    padding-left: 5px !important; }
    .wrapper.compact-layout .breadcrumb-container.float + .filters-wrapper {
      margin-top: 35px;
      margin-bottom: -5px; }
  .wrapper.compact-layout .breadcrumb-container .breadcrumb.right .tableNav button,
  .wrapper.compact-layout .breadcrumb-container .breadcrumb.right .btn {
    height: 30px !important;
    width: 30px !important;
    padding: 5px !important; }
  .wrapper.compact-layout .breadcrumb-container .breadcrumb.right .breadcrumb-item {
    margin-top: 2px; }
  .wrapper.compact-layout .breadcrumb-container .action-buttons {
    top: 3px; }
  .wrapper.compact-layout .TableHasTreeView .TreeView {
    margin: 10px 0; }
  .wrapper.compact-layout .subway .li {
    font-size: 0.78rem; }
  .wrapper.compact-layout .subway .status:before,
  .wrapper.compact-layout .subway .status:after {
    width: 25px;
    height: 25px; }
  .wrapper.compact-layout .subway .status:after {
    top: -11px; }
  .wrapper.compact-layout .wa-empty {
    padding: 15px; }
  .wrapper.compact-layout .workarea.compact-halfScreen {
    width: 50%;
    float: left; }
    .wrapper.compact-layout .workarea.compact-halfScreen + .compact-halfScreen {
      padding-left: 5px; }
  .wrapper.compact-layout .workarea .workarea-title {
    padding: 6px 10px; }
  .wrapper.compact-layout .workarea .workarea-body {
    padding: 5px 10px; }
  .wrapper.compact-layout .topbar .topbar-actions .btn {
    height: auto; }
  .wrapper.compact-layout .change-state-container .steps .step:after {
    border-width: 12px;
    margin-top: -12px; }
  .wrapper.compact-layout .change-state-container .steps .step:before {
    border-width: 13px;
    margin-top: -13px; }
  .wrapper.compact-layout .document-entity .steps .step,
  .wrapper.compact-layout .filters-expanded-container .steps .step {
    height: 30px;
    line-height: 12px; }
    .wrapper.compact-layout .document-entity .steps .step button,
    .wrapper.compact-layout .filters-expanded-container .steps .step button {
      height: 30px;
      padding: 0; }
  .wrapper.compact-layout .comment .chat-container .chat-bubble {
    padding: 10px 15px; }
    .wrapper.compact-layout .comment .chat-container .chat-bubble .chat-title {
      font-size: 0.85rem; }
    .wrapper.compact-layout .comment .chat-container .chat-bubble .chat-content .msg-content {
      padding: 10px; }
    .wrapper.compact-layout .comment .chat-container .chat-bubble img {
      max-width: 70%; }
  .wrapper.compact-layout .comment-body textarea {
    height: 87px; }
  .wrapper.compact-layout .ui-notification.alert,
  .wrapper.compact-layout .alert {
    padding: 0.3rem 1.25rem !important;
    margin-bottom: 0.3rem !important; }
  .wrapper.compact-layout .alert-dismissible .close {
    padding: .15rem 1.25rem !important; }
  .wrapper.compact-layout .tree-container .ivh-treeview .ivh-treeview-node-content {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.78rem; }
  .wrapper.compact-layout .section-title {
    margin-bottom: 10px; }
    .wrapper.compact-layout .section-title.dashboard-title {
      font-size: 1.1em; }
  .wrapper.compact-layout .workarea.box .body-box .selectArrow {
    z-index: 1; }
  .wrapper.compact-layout .workarea.box .body-box .footer-box {
    font-size: 0.78rem; }
    .wrapper.compact-layout .workarea.box .body-box .footer-box .btn {
      height: 35px; }
  .wrapper.compact-layout .gu-mirror td {
    padding: 10px 20px !important; }
    .wrapper.compact-layout .gu-mirror td input {
      height: 30px !important; }
  .wrapper.compact-layout .table-badge-container {
    display: flex; }
    .wrapper.compact-layout .table-badge-container .title.table-badge-content {
      display: inline;
      margin: 0 4px;
      overflow: hidden;
      max-width: 90%;
      text-overflow: ellipsis; }
    .wrapper.compact-layout .table-badge-container .table-badge-content {
      display: flex; }
      .wrapper.compact-layout .table-badge-container .table-badge-content:nth-of-type(1) {
        order: 2; }
      .wrapper.compact-layout .table-badge-container .table-badge-content:nth-of-type(2) {
        order: 1; }
    .wrapper.compact-layout .table-badge-container .badge {
      padding: 3px 0 !important;
      margin: 0 2px;
      border: none;
      text-align: left;
      background: transparent !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-pending-read {
        color: #1e90ff !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-pending-step {
        color: #4B4B4B !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-pending-due {
        color: #1e90ff !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-due {
        color: #ed0a1b !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-new {
        color: yellowgreen !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-published {
        color: violet-color !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-success {
        color: #4B4B4B !important; }
      .wrapper.compact-layout .table-badge-container .badge.badge-favorite {
        margin: 4px 4px 4px 0px;
        width: auto !important; }
    .wrapper.compact-layout .table-badge-container .monogram {
      font-family: "montserrat", Arial, sans;
      font-weight: 600px;
      padding: 0 1px; }
    .wrapper.compact-layout .table-badge-container .simple-icon, .wrapper.compact-layout .table-badge-container .fas, .wrapper.compact-layout .table-badge-container .fa-solid, .wrapper.compact-layout .table-badge-container .monogram {
      display: block; }
    .wrapper.compact-layout .table-badge-container .badge-txt {
      display: none; }
  .wrapper.compact-layout .TableHasTreeView.toggleTree .dragscroll {
    width: calc(100% - 35px);
    margin-left: 50px; }
  .wrapper.compact-layout .TableHasTreeView.toggleTree .treeOpen {
    margin-top: 10px; }
  .wrapper.compact-layout .workarea-title.title-collapse.title-table {
    padding: 0 !important; }
  .wrapper.compact-layout .textarea_countDown {
    margin-top: 0; }
  .wrapper.compact-layout .evaluation .workarea-body input {
    height: 40px !important; }

/************************** COMPACT MODAL ***/
.compact-layout.inmodal .modal-header,
.compact-layout.inmodal .modal-body,
.compact-layout.inmodal .modal-footer {
  padding: 1rem !important; }

.compact-layout.inmodal .modal-header h4,
.compact-layout.inmodal .modal-header span {
  font-size: 16px !important;
  line-height: 1 !important; }

.compact-layout.inmodal .modal-footer button {
  padding: 0.4rem !important;
  font-size: 0.78rem !important; }

.compact-layout.inmodal .tree-container .ivh-treeview .ivh-treeview-node-content {
  padding: 0 0.75rem 0 !important;
  font-size: 0.78rem; }

.compact-layout.inmodal .list-select li {
  font-size: 0.78rem;
  line-height: 0.85rem;
  padding: 2px; }
  .compact-layout.inmodal .list-select li .icon {
    padding: 10px 0; }

.loyal-news .carousel {
  height: 100%; }
  .loyal-news .carousel .carousel-item {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
    .loyal-news .carousel .carousel-item .row {
      align-items: center; }
    .loyal-news .carousel .carousel-item .introImg {
      width: 100%;
      padding: 30px 75px; }
    .loyal-news .carousel .carousel-item img {
      display: block;
      margin: auto; }
  .loyal-news .carousel .carousel-indicators {
    bottom: 0px; }
    .loyal-news .carousel .carousel-indicators li {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #838383;
      opacity: 1;
      border-top: none;
      border-bottom: none; }
      .loyal-news .carousel .carousel-indicators li.active {
        background-color: #000000; }
  .loyal-news .carousel .carousel-control-next {
    right: 15px; }
  .loyal-news .carousel .carousel-control-prev {
    left: 15px; }
  .loyal-news .carousel .carousel-control-next,
  .loyal-news .carousel .carousel-control-prev {
    width: 5%; }
  .loyal-news .carousel .carousel-control-next-icon,
  .loyal-news .carousel .carousel-control-prev-icon {
    filter: invert(1); }

.loyal-news .modal-header, .loyal-news .modal-footer {
  background-color: #000000;
  color: #f5f5f5; }

.loyal-news .modal-header {
  border-bottom: none;
  font-size: 20px; }
  .loyal-news .modal-header a, .loyal-news .modal-header h4 {
    color: #f5f5f5; }
  .loyal-news .modal-header .fullscreen {
    right: 37px;
    font-size: 14px;
    top: 12px; }

.loyal-news .modal-body {
  padding: 0 !important;
  border-radius: 0 !important; }
  .loyal-news .modal-body h1 {
    text-transform: uppercase;
    color: #0d4aa3;
    font-weight: 600 !important;
    font-size: 60px;
    font-family: 'Montserrat'; }
  .loyal-news .modal-body h3 {
    margin: 20px;
    text-align: center; }
    .loyal-news .modal-body h3 span {
      font-weight: normal;
      font-size: 18px;
      color: #f5f5f5;
      background: #000000;
      padding: 6px 20px;
      border-radius: 20px;
      text-transform: uppercase; }
      .loyal-news .modal-body h3 span.dms {
        background: #fa6501 !important; }
      .loyal-news .modal-body h3 span.qms {
        background: #0d4aa3 !important; }
      .loyal-news .modal-body h3 span.kpi {
        background: #3c933c !important; }
      .loyal-news .modal-body h3 span.rsk {
        background: #ed0a1b !important; }
      .loyal-news .modal-body h3 span.cmp {
        background: #fdbb11 !important; }
      .loyal-news .modal-body h3 span.all {
        background: #1e90ff !important; }
  .loyal-news .modal-body p {
    color: #838383;
    line-height: 26px; }
  .loyal-news .modal-body li {
    color: #838383;
    line-height: 22px;
    font-size: 0.85rem; }
  .loyal-news .modal-body table {
    border-bottom: none !important; }
    .loyal-news .modal-body table td {
      border: none;
      vertical-align: top !important; }
      .loyal-news .modal-body table td.apiTitle {
        background-color: #1e90ff !important;
        color: #FFFFFF;
        text-align: center;
        border-radius: 10px 10px 0 0;
        width: 33%; }
      .loyal-news .modal-body table td.apiDesc {
        background-color: #FFFFFF;
        font-size: 12px;
        width: 33%; }
        .loyal-news .modal-body table td.apiDesc li {
          list-style-position: inside;
          line-height: 18px; }
      .loyal-news .modal-body table td:not(.apiDesc) {
        background-color: #f5f5f5;
        border: none; }
      .loyal-news .modal-body table td:focus, .loyal-news .modal-body table td:hover {
        pointer-events: none; }

.loyal-news .modal-footer {
  border-top-color: #4B4B4B; }
  .loyal-news .modal-footer .btn-primary {
    background-color: #3c933c;
    border-color: #3c933c; }
    .loyal-news .modal-footer .btn-primary:focus, .loyal-news .modal-footer .btn-primary:hover {
      background-color: #3c933c;
      border-color: #3c933c;
      color: #FFFFFF; }

.compact-layout.inmodal.loyal-news .modal-body {
  padding: 0 !important; }

.help {
  padding-top: 30px;
  font-family: 'Open Sans', 'Lato'; }
  .help .help_home {
    color: #181F38; }
    .help .help_home article {
      margin-top: 75px; }
      .help .help_home article:first-child {
        margin-top: 30px; }
    .help .help_home h1 {
      text-align: center;
      font-weight: 700 !important;
      font-family: 'Montserrat', 'Lato';
      margin-bottom: 15px;
      color: #042825; }
    .help .help_home h2 {
      font-family: 'Montserrat', 'Lato';
      color: #042825; }
    .help .help_home h4 {
      color: #0CB35A;
      text-align: center;
      margin-top: -15px; }
    .help .help_home .carousel {
      margin-top: 50px; }
      .help .help_home .carousel .carousel-indicators {
        bottom: -35px; }
        .help .help_home .carousel .carousel-indicators li {
          width: 40px;
          height: 10px;
          background-color: #181F38; }
          .help .help_home .carousel .carousel-indicators li.active {
            background-color: #0CB35A; }
      .help .help_home .carousel .carousel-inner.help_videos {
        padding-left: 0;
        margin-top: -20px; }
    @media (min-width: 600px) and (max-width: 1599px) {
      .help .help_home .homeModules .col-2 {
        flex: 0 0 33%;
        max-width: 33%; } }
  .help .help_videos {
    color: #181F38;
    padding-left: 260px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .help .help_videos.toggled {
      padding-left: 0; }
    .help .help_videos.toggled #videos_filters {
      width: 0; }
    .help .help_videos.toggled #videos_container {
      position: relative;
      margin-right: 0; }
    .help .help_videos .show_filters {
      display: none; }
    .help .help_videos.toggled .show_filters {
      display: block !important; }
    .help .help_videos #videos_filters {
      z-index: 1;
      position: fixed;
      width: 250px;
      height: 100%;
      margin-left: -260px;
      overflow: auto;
      -webkit-transition: width  0.5s ease;
      -moz-transition: width  0.5s ease;
      -o-transition: width  0.5s ease;
      transition: width  0.5s ease; }
    .help .help_videos #videos_container {
      padding: 10px 0;
      position: relative;
      width: 100%; }
      .help .help_videos #videos_container .module-dms .badge {
        background: #fa6501;
        border: 1px solid #FF7E58; }
      .help .help_videos #videos_container .module-qms .badge {
        background: #0d4aa3;
        border: 1px solid #3B65A4; }
      .help .help_videos #videos_container .module-kpi .badge {
        background: #3c933c;
        border: 1px solid #37ab58; }
      .help .help_videos #videos_container .module-rsk .badge {
        background: #ed0a1b;
        border: 1px solid #CE1B28; }
      .help .help_videos #videos_container .module-cmp .badge {
        background: #fdbb11;
        border: 1px solid #FFCA41; }
      .help .help_videos #videos_container b {
        background: #ed0ae4; }
    .help .help_videos .video-box {
      border: 2px solid #C0C8D7;
      padding: 25px 25px 20px 25px;
      margin-bottom: 30px;
      border-radius: 6px;
      position: relative;
      width: 100%; }
      .help .help_videos .video-box .player i {
        color: #4B4B4B;
        font-size: 35px; }
      .help .help_videos .video-box:hover .player i, .help .help_videos .video-box:hover .video-link {
        color: #0CB35A; }
      .help .help_videos .video-box .video-title {
        font-family: 'Montserrat', 'Lato', sans-serif;
        font-size: 26px;
        color: #181F38;
        font-weight: 700;
        line-height: 40px;
        max-height: 80px;
        height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%; }
      .help .help_videos .video-box li {
        line-height: 50px; }
      .help .help_videos .video-box .video-link {
        font-size: 18px; }
      .help .help_videos .video-box .badge {
        background: #0CB35A;
        border: 1px solid #0CB35A;
        padding: 0px 10px;
        font-size: 11px;
        color: #FFFFFF;
        position: absolute;
        right: 15px;
        top: 15px;
        line-height: 20px; }
  .help .help_module {
    padding-left: 320px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .help .help_module h2 {
      color: #181F38;
      font-family: 'Montserrat', 'Lato'; }
    .help .help_module .relatedForms img.flowchart {
      width: 100%; }
    .help .help_module .relatedForms .table-container {
      max-height: 350px;
      overflow: auto; }
      .help .help_module .relatedForms .table-container table {
        border-bottom: none !important; }
        .help .help_module .relatedForms .table-container table td {
          padding: 5px !important;
          vertical-align: middle; }
          .help .help_module .relatedForms .table-container table td:first-child {
            width: 75px; }
    .help .help_module .relatedForms .legends {
      border: 1px solid #C0C8D7;
      padding: 20px;
      border-radius: 10px; }
      .help .help_module .relatedForms .legends table td:nth-child(1), .help .help_module .relatedForms .legends table td:nth-child(3) {
        width: 75px; }
    .help .help_module [aria-expanded="true"] i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg); }
    .help .help_module.toggled {
      padding-left: 0; }
    .help .help_module .hide_filters, .help .help_module.toggled .show_filters {
      background: rgba(8, 207, 101, 0.1);
      border: 1px solid rgba(8, 207, 101, 0.3);
      position: fixed;
      z-index: 3;
      width: 40px;
      border-radius: 50%;
      text-align: center;
      height: 40px; }
    .help .help_module .hide_filters {
      padding: 10px 0;
      left: 110px; }
      .help .help_module .hide_filters span.txt {
        position: absolute;
        top: 10px;
        left: 46px;
        color: rgba(8, 207, 101, 0.7); }
    .help .help_module.toggled .show_filters {
      padding: 8px; }
    .help .help_module.toggled #module_container {
      position: relative;
      left: 40px;
      width: 98%; }
    .help .help_module .show_filters {
      display: none; }
    .help .help_module.toggled .hide_filters {
      display: none; }
    .help .help_module.toggled .show_filters {
      display: block !important; }
    .help .help_module.toggled #menu_filters {
      margin-left: -350px; }
    .help .help_module #module_container {
      padding: 10px 15px;
      position: relative;
      width: 100%; }
      .help .help_module #module_container .whiteBox {
        height: 480px;
        max-height: 480px;
        overflow: auto; }
      .help .help_module #module_container .helpList ul li ul {
        list-style: none; }
        .help .help_module #module_container .helpList ul li ul.bullets li {
          list-style: circle;
          margin-left: 15px; }
          .help .help_module #module_container .helpList ul li ul.bullets li ul li {
            padding-left: 0;
            list-style: none; }
        .help .help_module #module_container .helpList ul li ul.bullets ::marker {
          font-size: 15px; }
        .help .help_module #module_container .helpList ul li ul li ul li {
          padding-left: 15px; }
      .help .help_module #module_container .helpList ::marker {
        color: #0CB35A;
        font-size: 20px; }
      .help .help_module #module_container .check-list {
        padding-left: 15px;
        list-style-image: url("../../../../static/img/help/check.svg"); }
        .help .help_module #module_container .check-list ::marker {
          font-size: 30px;
          line-height: 20px; }
      .help .help_module #module_container div.collapseRskForms {
        margin-top: -1px; }
      .help .help_module #module_container p {
        padding: 0 20%; }
      .help .help_module #module_container .steps {
        padding: 20px;
        border-radius: 6px;
        background: #EBF5F3;
        height: 220px;
        max-height: 220px; }
        .help .help_module #module_container .steps span {
          font-size: 16px !important;
          color: #181F38;
          font-weight: 500;
          text-transform: uppercase; }
      .help .help_module #module_container .carousel-indicators {
        bottom: -50px; }
        .help .help_module #module_container .carousel-indicators li {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background-color: #181F38 !important; }
      .help .help_module #module_container .carousel-control {
        font-size: 35px;
        position: absolute;
        top: 35%;
        z-index: 10;
        cursor: pointer;
        color: #4B4B4B; }
        .help .help_module #module_container .carousel-control .simple-icon {
          font-weight: normal; }
      .help .help_module #module_container .right.carousel-control {
        right: -50px; }
      .help .help_module #module_container .left.carousel-control {
        left: -50px; }
      @media (min-width: 600px) and (max-width: 1599px) {
        .help .help_module #module_container .dmsWhat .col-4, .help .help_module #module_container .qmsWhat .col-4, .help .help_module #module_container .kpiWhat .col-4, .help .help_module #module_container .riskWhat .col-4, .help .help_module #module_container .complianceWhat .col-4 {
          flex: 0 0 100%;
          max-width: 100%; }
          .help .help_module #module_container .dmsWhat .col-4 .whiteBox, .help .help_module #module_container .qmsWhat .col-4 .whiteBox, .help .help_module #module_container .kpiWhat .col-4 .whiteBox, .help .help_module #module_container .riskWhat .col-4 .whiteBox, .help .help_module #module_container .complianceWhat .col-4 .whiteBox {
            margin-bottom: 10px;
            height: 280px;
            max-height: 280px; } }
    .help .help_module img.lightLayout {
      display: block; }
    .help .help_module img.darkLayout {
      display: none; }
  .help .help_faqs, .help .help_tips, .help .help_whatsNew {
    padding-left: 320px; }
    .help .help_faqs h2, .help .help_tips h2, .help .help_whatsNew h2 {
      font-family: "open sans", 'Lato', Arial, sans;
      font-size: 1.7rem;
      color: #181F38; }
    .help .help_faqs .question, .help .help_tips .question, .help .help_whatsNew .question {
      border-bottom: 1px solid #C0C8D7;
      margin-bottom: 15px;
      padding: 15px 15px 30px 15px; }
      .help .help_faqs .question h3, .help .help_tips .question h3, .help .help_whatsNew .question h3 {
        font-family: 'Montserrat', 'Lato';
        color: #181F38;
        line-height: 30px;
        font-size: 18px; }
      .help .help_faqs .question p, .help .help_tips .question p, .help .help_whatsNew .question p {
        margin-top: 20px; }
      .help .help_faqs .question .question-header, .help .help_tips .question .question-header, .help .help_whatsNew .question .question-header {
        text-transform: uppercase; }
        .help .help_faqs .question .question-header.collapsed h3:before, .help .help_tips .question .question-header.collapsed h3:before, .help .help_whatsNew .question .question-header.collapsed h3:before {
          content: "\f067"; }
        .help .help_faqs .question .question-header h3:before, .help .help_tips .question .question-header h3:before, .help .help_whatsNew .question .question-header h3:before {
          font-family: 'Font Awesome 5 Free';
          content: "\f068";
          font-weight: 700;
          font-size: 18px;
          margin-right: 15px;
          color: #0CB35A; }
  .help .help_faqs .carousel .carousel-control-next {
    right: 15px; }
  .help .help_faqs .carousel .carousel-control-prev {
    left: 15px; }
  .help .help_faqs .carousel .carousel-control-next, .help .help_faqs .carousel .carousel-control-prev {
    width: 5%; }
  .help .help_faqs .carousel .carousel-control-next-icon, .help .help_faqs .carousel .carousel-control-prev-icon {
    filter: invert(1); }
  .help #faqs_container .question-header {
    text-transform: initial !important; }
  .help #faqs_container .help .modal-body {
    padding: 0 1rem 2rem !important; }
  .help #menu_filters {
    z-index: 1;
    position: fixed;
    width: 300px;
    height: 100%;
    margin-left: -320px;
    overflow: auto;
    -webkit-transition: width  0.5s ease;
    -moz-transition: width  0.5s ease;
    -o-transition: width  0.5s ease;
    transition: width  0.5s ease;
    border-right: 1px solid #C0C8D7;
    background-color: #FFFFFF; }
    .help #menu_filters [aria-expanded="true"] i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg); }
  .help .breadcrumb-container > div {
    border-bottom: 1px solid #C0C8D7 !important; }
  .help table tr {
    pointer-events: none; }
    .help table tr td {
      border: none !important;
      white-space: normal !important; }
      .help table tr td:first-child {
        font-weight: 700;
        color: #181F38; }
  .help table.table-modules thead {
    background-color: transparent; }
    .help table.table-modules thead th {
      color: #181F38 !important;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important; }
  .help table.table-modules tr td:first-child {
    font-weight: normal; }
  .help table.table-icons td {
    background: #FFFFFF !important;
    border: 1px solid #DDDDDD !important; }
    .help table.table-icons td:first-child {
      max-width: 15%; }
  .help button.btn-outline-primary {
    border-color: #0CB35A;
    color: #0CB35A; }
    .help button.btn-outline-primary:hover, .help button.btn-outline-primary:focus {
      background-color: #0CB35A !important;
      border-color: #0CB35A !important; }
  .help p.paragraph {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    line-clamp: 6;
    -webkit-box-orient: vertical;
    min-height: 120px; }
  .help .highlight {
    padding: 15px;
    background: #EBF5F3;
    border-radius: 6px;
    margin: 15px 0;
    height: 210px;
    max-height: 210px; }
    .help .highlight h3 {
      font-weight: normal;
      font-size: 20px;
      verflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      /* number of lines to show */
      line-clamp: 3;
      -webkit-box-orient: vertical; }
    .help .highlight p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      /* number of lines to show */
      line-clamp: 3;
      -webkit-box-orient: vertical; }
  .help .simpleBox {
    padding: 20px;
    border-radius: 6px;
    background: #f5f5f5;
    color: #181F38;
    border: 1px solid #C0C8D7; }
  .help .greenBox {
    padding: 20px 20px 5px 20px;
    margin-bottom: 30px;
    border-radius: 6px;
    background: linear-gradient(to bottom, #f5f5f5 85%, #4B4B4B 15%); }
    .help .greenBox img {
      height: 50px; }
      .help .greenBox img.color, .help .greenBox img.darkLayout {
        display: none; }
  .help a:hover .greenBox img.color {
    display: block !important; }
  .help a:hover .greenBox img.gray {
    display: none !important; }
  .help .whiteBox {
    border: 2px solid #C0C8D7;
    padding: 25px 25px 20px 25px;
    border-radius: 6px;
    min-height: 350px; }
    .help .whiteBox h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* number of lines to show */
      line-clamp: 2;
      -webkit-box-orient: vertical;
      font-family: 'Montserrat', 'Lato';
      color: #181F38;
      font-weight: 500 !important; }
      .help .whiteBox h2 img {
        width: 60px; }
    .help .whiteBox h3 {
      color: #0CB35A;
      margin-top: 10px;
      margin-bottom: 10px; }
  .help a:hover p, .help a:focus p, .help p:hover, .help p:focus {
    color: #181F38; }
  .help a:hover .whiteBox {
    background: rgba(8, 207, 101, 0.1);
    border: 2px solid #0CB35A; }
  .help .homeOptionalFunctionalities .whiteBox, .help .homeOptionalFunctionalities p.paragraph {
    min-height: auto !important; }
  .help .badge-pill {
    padding: 10px 20px;
    margin: 4px;
    color: #0CB35A !important;
    border: 1px solid #0CB35A;
    background: #FFFFFF; }
    .help .badge-pill.active {
      background: #0CB35A !important;
      color: #FFFFFF !important; }
    .help .badge-pill:not(.active):hover, .help .badge-pill:not(.active):focus {
      background: #f5f5f5; }
  .help .separator {
    display: block;
    width: 15%;
    height: 3px;
    margin: 15px auto;
    background-color: #0CB35A;
    position: relative;
    border: 1px solid #0CB35A; }
  .help .modal-body {
    padding: 0 2rem 2rem !important; }
    .help .modal-body .carousel-item {
      background-color: transparent !important;
      min-height: auto !important;
      overflow: auto; }
      .help .modal-body .carousel-item img {
        width: initial !important; }
    .help .modal-body .carousel-indicators {
      bottom: -30px; }
      .help .modal-body .carousel-indicators li {
        background: #0CB35A;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border-top: none;
        border-bottom: none; }
  .help .modal-footer button {
    width: 25%; }
  .help table {
    border-bottom: none !important; }
    .help table td {
      border: none;
      vertical-align: top !important;
      color: #6b6b6b !important; }
      .help table td.apiTitle {
        background-color: #1e90ff !important;
        color: #FFFFFF !important;
        text-align: center;
        border-radius: 10px 10px 0 0;
        width: 33%; }
      .help table td.apiDesc {
        background-color: #FFFFFF;
        font-size: 12px;
        width: 33%; }
        .help table td.apiDesc li {
          list-style-position: inside;
          line-height: 18px; }
      .help table td:not(.apiDesc) {
        background-color: #f5f5f5;
        border: none; }
      .help table td:focus, .help table td:hover {
        pointer-events: none; }

.help_footer {
  border-top: 1px solid #C0C8D7;
  margin-top: 60px;
  bottom: 0;
  position: fixed;
  z-index: 40;
  height: 50px;
  padding: 15px;
  width: 100%;
  left: 0;
  font-size: 1.1em;
  background: #f5f5f5;
  color: #181F38; }
  .help_footer a {
    color: #0CB35A !important; }

.wrapper.expanded .help .help_module .hide_filters {
  left: 175px; }

.user-panel .UserInfo, .user-panel .UserContent {
  position: relative;
  float: left; }

.user-panel .UserInfo {
  width: 22%;
  background: #d0dce7;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 15px;
  padding: 0% 1% 1% 1%; }
  .user-panel .UserInfo .avatar {
    padding: 1rem; }

.user-panel .UserInfoContent .dropdown-menu {
  padding: 0; }

.user-panel .avatar .dropdown {
  z-index: 5; }
  .user-panel .avatar .dropdown .dropdown-item input {
    position: absolute;
    left: 0;
    opacity: 0; }
    .user-panel .avatar .dropdown .dropdown-item input:hover {
      cursor: pointer; }

.user-panel .avatarImg a {
  display: none; }

.user-panel .avatarImg img {
  cursor: default; }

.user-panel.collapsed .UserInfo {
  background: whitesmoke; }

.user-panel .UserContent {
  width: 78%; }
  .user-panel .UserContent .collapseExpand tooltip.active:not(._force-hidden) tip {
    display: block ruby !important; }
  .user-panel .UserContent .collapseExpand tooltip._top:not(._left):not(._right) tip {
    left: 0% !important; }
    .user-panel .UserContent .collapseExpand tooltip._top:not(._left):not(._right) tip tip-arrow {
      left: 66% !important; }
  .user-panel .UserContent .scrollTable .table tbody tr:not(.table-section-title) th:hover {
    color: inherit; }
  .user-panel .UserContent .scrollTable .table tbody tr:not(.table-section-title) td ul li {
    overflow: hidden;
    text-overflow: ellipsis; }

.user-panel.collapsed .UserInfo {
  width: 12%; }
  .user-panel.collapsed .UserInfo .avatar {
    padding: .25rem; }

.user-panel.collapsed .UserContent {
  width: 88%; }

.user-panel.collapsed .UserInfoContent .dropdown,
.user-panel.collapsed .UserInfoContent .user-info,
.user-panel.collapsed .UserInfoContent .user-detail {
  display: none; }

.user-panel.collapsed .UserInfo .toggle {
  display: none; }

.user-panel.collapsed .avatarImg a {
  position: absolute;
  right: 1px;
  top: -6px;
  cursor: pointer;
  display: block; }
  .user-panel.collapsed .avatarImg a > i {
    background: #4B4B4B;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 50%; }

.user-panel .badge.badge-chip {
  background: #FFFFFF;
  border: 1px solid #DDD;
  color: #4B4B4B;
  padding: 6px 10px;
  border-radius: 15px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-size: 0.85rem; }

.fullScreenModal .user-panel {
  display: contents; }
  .fullScreenModal .user-panel .UserInfo {
    width: 18%; }
  .fullScreenModal .user-panel .UserContent {
    width: 82%; }
  .fullScreenModal .user-panel.collapsed .UserInfo {
    width: 10%; }
  .fullScreenModal .user-panel.collapsed .UserContent {
    width: 90%; }
  .fullScreenModal .user-panel .modal-body {
    max-height: 100vh;
    width: auto; }
  .fullScreenModal .user-panel .scrollTable .container {
    height: 75vh; }

.UserInfo .toggle {
  padding: 0;
  transform: rotate(180deg); }
  .UserInfo .toggle a {
    padding: 18px;
    display: flex;
    cursor: pointer;
    height: 50px;
    border-top: 1px solid #838383; }
    .UserInfo .toggle a:hover {
      cursor: pointer;
      color: #40c33b; }

.audit input:disabled.auditHasBeenAdded {
  border-color: #40c33b !important; }
  .audit input:disabled.auditHasBeenAdded + label {
    color: #40c33b !important; }

.audit li.auditHasBeenAdded {
  color: #40c33b !important; }

.audit input:disabled.auditHasBeenChanged {
  border-color: #1e90ff !important; }
  .audit input:disabled.auditHasBeenChanged + label {
    color: #1e90ff !important; }

.audit li.auditHasBeenChanged {
  color: #1e90ff !important; }

.audit input:disabled.auditHasBeenRemoved {
  border-color: #d2032f !important; }
  .audit input:disabled.auditHasBeenRemoved + label {
    color: #d2032f !important; }

.audit li.auditHasBeenRemoved {
  color: #d2032f !important; }

.audit .workarea-title {
  cursor: pointer; }
  .audit .workarea-title.collapsed .selectArrow span {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .audit .workarea-title:not(.collapsed) .selectArrow span {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.audit ul {
  margin-left: -5px; }

.audit .subtitle {
  font-family: "montserrat", Arial, sans;
  font-size: 0.78rem;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 10px;
  font-weight: 700; }

.audit .badge {
  border: 1px solid #d8d8d8;
  color: #4B4B4B;
  padding: 6px 10px;
  border-radius: 15px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-size: 0.85rem; }
  .audit .badge.long {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.audit .ml-2 {
  margin-left: 0px !important; }

.compact-layout .audit .ml-2 {
  margin-left: 10px !important; }

button.customButom {
  float: right;
  border: none;
  background: none; }

.btn {
  border-radius: 3px;
  font-size: 0.85rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .btn:focus {
    box-shadow: none; }
  .btn.disabled, .btn:disabled, .btn.disabled:hover, .btn:disabled:hover {
    color: #d8d8d8; }
  .btn.btn-primary.disabled, .btn.btn-primary:disabled, .btn.btn-secondary.disabled, .btn.btn-secondary:disabled, .btn.btn-outline-primary.disabled, .btn.btn-outline-primary:disabled, .btn.btn-outline-secondary.disabled, .btn.btn-outline-secondary:disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover, .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover, .btn.btn-outline-primary.disabled:hover, .btn.btn-outline-primary:disabled:hover, .btn.btn-outline-secondary.disabled:hover, .btn.btn-outline-secondary:disabled:hover {
    border: 1px solid #d8d8d8 !important;
    color: #d8d8d8 !important;
    background: #FFFFFF !important; }

.btn-white {
  background-color: #FFFFFF; }
  .btn-white:active {
    box-shadow: none; }

.btn-outline-default {
  background-color: #FFFFFF;
  border-color: #d8d8d8;
  color: #4B4B4B; }
  .btn-outline-default:hover, .btn-outline-default:focus {
    background-color: #DDDDDD;
    border-color: #d8d8d8;
    transition: background-color 0.3s; }
  .btn-outline-default.active {
    border-color: #d8d8d8;
    background-color: #DDDDDD; }
    .btn-outline-default.active:hover, .btn-outline-default.active:focus {
      border-color: #d8d8d8;
      background-color: #DDDDDD; }
  .btn-outline-default.remove-show-filter:hover, .btn-outline-default.remove-show-filter:focus, .btn-outline-default.remove-show-filter.active {
    background-color: #DDDDDD;
    transition: background-color 0.3s; }
  .btn-outline-default.add-show-filter:hover, .btn-outline-default.add-show-filter:focus, .btn-outline-default.add-show-filter.active {
    background-color: #DDDDDD;
    transition: background-color 0.3s; }
  .btn-outline-default.add-show-change-state:hover, .btn-outline-default.add-show-change-state:focus, .btn-outline-default.add-show-change-state.active {
    background-color: #DDDDDD;
    transition: background-color 0.3s; }

.btn-outline-secondary {
  background-color: #FFFFFF;
  border-color: #838383;
  color: #4B4B4B; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus {
    background-color: #DDDDDD !important;
    border-color: #d8d8d8 !important;
    color: #4B4B4B !important;
    transition: background-color 0.3s; }

.btn.btn-outline-secondary.active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  border-color: #40c33b !important;
  background-color: #40c33b !important;
  color: #FFFFFF; }

.btn-round {
  height: 35px !important;
  width: 35px;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 35px;
  margin-right: 4px; }

label.btn-round span, label.btn-round i {
  font-size: 18px;
  padding: 6px 9px; }

.btn-link {
  color: #4B4B4B; }
  .btn-link:hover, .btn-link:focus {
    color: #838383;
    text-decoration: none;
    transition: background-color 0.3s; }
  .btn-link.clear:hover, .btn-link.clear:focus {
    text-decoration: underline;
    transition: background-color 0.3s; }
  .btn-link.dropdown-toggle {
    color: #4B4B4B; }
  .btn-link .fa-angle-down,
  .btn-link .icon-arrow-down,
  .btn-link .icon-arrow-up,
  .btn-link .simple-icon.icon-arrow-down {
    margin-left: 5px;
    font-size: 0.78rem; }

.btn-lg {
  padding: 0.5rem 2rem; }

.btn-separator {
  margin: 0 5px; }

.editable-btn {
  position: absolute;
  top: 9px;
  right: 8px; }
  .editable-btn .simple-icon + .simple-icon {
    margin-left: 6px; }

.btn-primary, .md-primary, .workFlowDiagram button.btn.ng-binding.btn-primary {
  background-color: #40c33b;
  border-color: #40c33b;
  color: #FFFFFF;
  line-height: inherit !important; }
  .btn-primary:hover, .md-primary:hover, .workFlowDiagram button.btn.ng-binding.btn-primary:hover {
    background-color: #40c33b;
    border-color: #40c33b;
    color: #FFFFFF; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .md-primary:not(:disabled):not(.disabled).active, .md-primary:not(:disabled):not(.disabled):active, .workFlowDiagram button.btn.ng-binding.btn-primary:not(:disabled):not(.disabled).active, .workFlowDiagram button.btn.ng-binding.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #FFFFFF;
    border-color: #40c33b;
    color: #40c33b;
    transition: background-color 0.3s; }
  .btn-primary:active:focus, .md-primary:active:focus, .workFlowDiagram button.btn.ng-binding.btn-primary:active:focus {
    color: #FFFFFF; }

.btn-outline-primary {
  color: #40c33b;
  background-color: #FFFFFF;
  border-color: #40c33b; }
  .btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: #40c33b;
    border-color: #40c33b;
    color: #FFFFFF !important; }
  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #40c33b;
    border-color: #40c33b;
    color: #FFFFFF !important;
    transition: background-color 0.3s; }

.btn-outline-secondary {
  background-color: #FFFFFF !important;
  border-color: #d8d8d8 !important; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus {
    background-color: #DDDDDD !important;
    border-color: #d8d8d8 !important;
    color: #4B4B4B !important;
    transition: background-color 0.3s; }

.btn-help {
  height: 45px !important;
  background-color: #FFFFFF;
  color: #1e90ff;
  border: 1px solid #DDDDDD; }
  .btn-help:hover i, .btn-help:focus i {
    color: #1e90ff; }

.input-group-append button {
  padding: .375rem 1.4rem;
  height: 45px;
  border-radius: 0 6px 6px 0; }
  .input-group-append button + button {
    margin-left: -1px; }

.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.no-display .showBtn {
  display: none !important; }

.double-btn-input .field {
  margin-bottom: -1px; }

.double-btn-input .input-group-prepend {
  position: absolute; }
  .double-btn-input .input-group-prepend .btn {
    height: 45px; }
  .double-btn-input .input-group-prepend button:focus, .double-btn-input .input-group-prepend button:hover {
    background: transparent !important;
    border: 1px solid #d8d8d8 !important; }

.double-btn-input input {
  padding-left: 55px; }

.double-btn-input label.text-success, .double-btn-input label.text-main, .double-btn-input label.text-disabled {
  left: 55px;
  max-width: calc(100% - 60px);
  z-index: 1; }

.double-btn-input .btn {
  height: 45px; }

.double-btn-input.disabled .input-group-text, .double-btn-input.disabled label, .double-btn-input.disabled .fa, .double-btn-input.disabled .btn {
  color: #838383; }

.BtnFilters button {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 50%;
  text-align: center;
  height: 32px;
  width: 32px;
  margin-right: 4px;
  line-height: normal;
  padding: 4px; }
  .BtnFilters button:focus, .BtnFilters button:hover {
    opacity: 0.8; }
  .BtnFilters button i {
    font-size: 17px; }
  .BtnFilters button .simple-icon.iconsOverlayed,
  .BtnFilters button .fa.iconsOverlayed, .BtnFilters button .far.iconsOverlayed,
  .BtnFilters button .fas.iconsOverlayed {
    left: -2px; }

.btn-arrow-right, .btn-arrow-left {
  font-size: 0.85rem;
  overflow: unset !important;
  right: -1px !important; }

.btn-arrow-right:after {
  right: -12px !important;
  top: 4px;
  height: 26px;
  width: 24px; }

.btn-arrow-left:after, .btn-arrow-left:before, .btn-arrow-right:after, .btn-arrow-right:before {
  border-left-color: transparent !important; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.flex li {
    padding-right: 5px; }
  ul.submenu {
    display: unset !important; }
  ul.security li {
    padding: 6px 0; }
    ul.security li.active::before {
      font-family: "simple-line-icons";
      content: '\e080';
      padding-right: 10px; }
    ul.security li:not(.active)::before {
      font-family: "simple-line-icons";
      content: '\e082';
      padding-right: 10px; }
  ul.list {
    padding-left: 10px; }
    ul.list li {
      padding: 6px 0; }
      ul.list li::before {
        font-family: "simple-line-icons";
        content: "\e080";
        padding-right: 5px;
        font-size: 0.78rem; }
  ul.code li {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 0.1rem 0.5rem;
    margin-right: 6px;
    font-weight: normal; }
  ul.inline-flex li {
    padding-right: 6px; }
  ul.submenu {
    display: unset !important; }

.list-select {
  background: #FFFFFF;
  border: 1px solid #d8d8d8; }
  .list-select li {
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid #d8d8d8;
    transition: background-color 0.1s, border-color 0.1s; }
    .list-select li .icon .fa .list-select li .simple-icon {
      font-size: 22px; }
    .list-select li > div {
      padding: 5px 15px; }
    .list-select li:hover > div {
      background: #f5f5f5;
      border-radius: 15px;
      transition: background-color 0.3s; }
    .list-select li .user-details .user-name, .list-select li .user-details .user-email {
      color: #4B4B4B; }
    .list-select li .user-image {
      margin-right: 15px; }
      .list-select li .user-image img {
        border-radius: 30px; }
    .list-select li .user-details .user-name {
      font-size: 16px;
      line-height: 20px;
      font-weight: 700; }
    .list-select li .user-details .user-email {
      color: rgba(0, 0, 0, 0.4); }
    .list-select li .icon {
      padding: 11px;
      margin-left: auto; }
    .list-select li.display-none {
      display: none; }

#selected-users .list-select li .icon {
  display: none; }

li.disabled {
  color: #838383;
  font-weight: normal;
  cursor: default; }

.company-menu {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.75rem; }

[draggable] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  list-style: none; }

.drag-list {
  overflow: hidden; }
  .drag-list .drag-item {
    float: left;
    text-align: center;
    padding: 0.5rem 1rem !important;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s; }
    .drag-list .drag-item:hover, .drag-list .drag-item:focus {
      cursor: move;
      color: #40c33b; }
  .drag-list .drag-start {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    background: #838383; }
  .drag-list .drag-enter {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    background: #d8d8d8;
    border: 2px dashed #4B4B4B; }

.WA-AdminAddContent {
  /* draggable targets */
  /* drop target state */
  /* drop target focus and dragover state */
  /* draggable items */
  /* items focus state */
  /* items grabbed state */ }
  .WA-AdminAddContent [data-draggable="target"] {
    list-style-type: none; }
  .WA-AdminAddContent [data-draggable="target"][aria-dropeffect="move"] {
    border: 1px solid red;
    background: green; }
  .WA-AdminAddContent [data-draggable="target"][aria-dropeffect="move"]:focus,
  .WA-AdminAddContent [data-draggable="target"][aria-dropeffect="move"].dragover {
    outline: none;
    border: 1px solid blue; }
  .WA-AdminAddContent [data-draggable="item"] {
    display: block;
    list-style-type: none;
    padding: 0.8em;
    border-bottom: 1px solid #d8d8d8; }
    .WA-AdminAddContent [data-draggable="item"]:last-child {
      border-bottom: none; }
    .WA-AdminAddContent [data-draggable="item"]:hover {
      cursor: move;
      color: #000000; }
    .WA-AdminAddContent [data-draggable="item"] .WA-section {
      display: none; }
  .WA-AdminAddContent [data-draggable="item"]:focus {
    border: 1px dashed #4B4B4B; }
  .WA-AdminAddContent [data-draggable="item"][aria-grabbed="true"] {
    cursor: move;
    font-weight: 700;
    background: #f5f5f5; }

.reference-list [data-draggable="item"] {
  display: inline-flex;
  list-style-type: none;
  border: 1px solid #d8d8d8 !important;
  line-height: 1.6rem;
  padding: 0.4rem 0.8rem;
  border-radius: 15px;
  font-weight: normal !important;
  font-size: 0.78rem;
  margin: 5px; }

.dropdown-item.filterActions {
  color: #4B4B4B;
  margin-top: 6px;
  margin-bottom: 0;
  cursor: default; }
  .dropdown-item.filterActions:hover, .dropdown-item.filterActions:focus {
    color: #4B4B4B; }
  .dropdown-item.filterActions li + li::before {
    content: "|";
    padding: 0 2px; }
  .dropdown-item.filterActions li a:hover, .dropdown-item.filterActions li a:focus, .dropdown-item.filterActions li a.active {
    color: #4B4B4B; }
  .dropdown-item.filterActions li span {
    cursor: pointer; }
    .dropdown-item.filterActions li span:hover, .dropdown-item.filterActions li span:focus {
      color: #4B4B4B; }
  .dropdown-item.filterActions:focus, .dropdown-item.filterActions:hover {
    background: #f5f5f5; }

.multiTools .dropdown-menu {
  min-width: 100%;
  width: 270px; }

.multiTools ul li {
  padding: 10px 0;
  color: #4B4B4B; }
  .multiTools ul li:after {
    content: "|";
    padding: 0 5px; }
  .multiTools ul li:last-child:after {
    content: ""; }
  .multiTools ul li:hover, .multiTools ul li:focus {
    color: #000000; }

.simple-list {
  list-style: disc;
  padding-left: 20px; }
  .simple-list li {
    padding: 4px 0; }
  .simple-list .simple-list {
    list-style: circle; }

.list-dots {
  list-style: none;
  margin: 50px 0 0 20px;
  padding: 0;
  position: relative; }
  .list-dots:before {
    content: "";
    display: inline-block;
    width: 2px;
    background: #DDDDDD;
    position: absolute;
    left: 5px;
    top: 5px;
    height: calc(100% - 10px); }
  .list-dots li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px; }
    .list-dots li.active {
      color: #0CB35A; }
      .list-dots li.active:before {
        background: #0CB35A; }
    .list-dots li:before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      background: #4B4B4B;
      position: absolute;
      left: 0;
      top: 5px;
      border-radius: 50%; }
    .list-dots li ul {
      margin-top: 15px;
      color: #838383;
      font-size: small; }
      .list-dots li ul li {
        padding: 0;
        color: #838383; }
        .list-dots li ul li:before {
          background: #838383;
          left: -23px;
          width: 8px;
          height: 8px; }

.user-list {
  max-height: 120px;
  overflow-y: auto; }

.fullScreenModal .user-list {
  max-height: 300px; }

.breadcrumb-container {
  position: relative;
  background: transparent;
  z-index: 5;
  display: contents; }
  .breadcrumb-container .breadcrumb {
    padding: 0;
    background: transparent;
    border-radius: 0;
    font-size: 0.85rem;
    line-height: 35px;
    margin-bottom: 0;
    float: left;
    /*margin-top:$size-15;*/ }
    .breadcrumb-container .breadcrumb > li + li::before {
      font-family: "simple-line-icons";
      content: '\e606' !important;
      padding-left: 5px;
      /*padding-right: $font-size-small;*/
      font-weight: 900;
      font-size: 10px; }
    .breadcrumb-container .breadcrumb .dropdown {
      display: inline-block; }
      .breadcrumb-container .breadcrumb .dropdown .btn:hover, .breadcrumb-container .breadcrumb .dropdown .btn:focus {
        text-decoration: none; }
      .breadcrumb-container .breadcrumb .dropdown .fa-share, .breadcrumb-container .breadcrumb .dropdown .icon-share {
        font-size: 0.78rem;
        margin-left: 5px;
        color: #4B4B4B; }
      .breadcrumb-container .breadcrumb .dropdown .fa-caret-down, .breadcrumb-container .breadcrumb .dropdown .icon-arrow-down {
        color: #4B4B4B;
        margin-left: 5px; }
    .breadcrumb-container .breadcrumb:not(.right) .breadcrumb-item,
    .breadcrumb-container .breadcrumb:not(.right) .breadcrumb-item a,
    .breadcrumb-container .breadcrumb:not(.right) .breadcrumb-item .btn {
      font-size: 0.85rem; }
    .breadcrumb-container .breadcrumb .breadcrumb-item {
      color: #4B4B4B; }
      .breadcrumb-container .breadcrumb .breadcrumb-item.active, .breadcrumb-container .breadcrumb .breadcrumb-item.active .btn {
        font-weight: 700; }
        .breadcrumb-container .breadcrumb .breadcrumb-item.active .dropdown-toggle, .breadcrumb-container .breadcrumb .breadcrumb-item.active .btn .dropdown-toggle {
          display: -webkit-box; }
    .breadcrumb-container .breadcrumb.right {
      float: right; }
      .breadcrumb-container .breadcrumb.right .tableNav {
        white-space: nowrap; }
        .breadcrumb-container .breadcrumb.right .tableNav div {
          display: inline-flex; }
        .breadcrumb-container .breadcrumb.right .tableNav button {
          display: inline-flex; }
          .breadcrumb-container .breadcrumb.right .tableNav button .btn-link {
            color: rgba(0, 0, 0, 0.4); }
          .breadcrumb-container .breadcrumb.right .tableNav button .simple-icon {
            line-height: 18px; }
            .breadcrumb-container .breadcrumb.right .tableNav button .simple-icon.icon-arrow-left {
              margin: 0 2px; }
            .breadcrumb-container .breadcrumb.right .tableNav button .simple-icon.icon-arrow-right {
              margin: 0 5px; }
        .breadcrumb-container .breadcrumb.right .tableNav div small {
          line-height: 36px;
          padding-left: 6px;
          font-size: 75%; }
      .breadcrumb-container .breadcrumb.right .btn {
        color: #4B4B4B;
        height: 30px;
        width: 30px;
        padding: 5px 0px;
        margin-right: 2px;
        border-radius: 50%;
        line-height: 24px; }
        .breadcrumb-container .breadcrumb.right .btn:hover, .breadcrumb-container .breadcrumb.right .btn:focus {
          text-decoration: none;
          color: #4B4B4B;
          background-color: #DDDDDD;
          transition: background-color 0.3s; }
      .breadcrumb-container .breadcrumb.right .breadcrumb-item + .breadcrumb-item {
        padding-left: 0; }
      .breadcrumb-container .breadcrumb.right > li::before {
        content: '' !important;
        padding-left: 0;
        padding-right: 0; }
      .breadcrumb-container .breadcrumb.right .dropdown-menu.show {
        right: 0px;
        margin-right: 20px;
        left: auto;
        min-width: 250px; }
      .breadcrumb-container .breadcrumb.right .buttons {
        margin-right: 24px;
        margin-top: 0.78rem;
        height: 25px; }
        .breadcrumb-container .breadcrumb.right .buttons .fa, .breadcrumb-container .breadcrumb.right .buttons .simple-icon {
          color: rgba(0, 0, 0, 0.4); }
    .breadcrumb-container .breadcrumb .dropdown-toggle {
      padding: 0px; }
      .breadcrumb-container .breadcrumb .dropdown-toggle .icon-options-vertical {
        font-weight: normal;
        font-size: 0.85rem; }
    .breadcrumb-container .breadcrumb .fa-stack {
      height: 2.5em;
      line-height: 2em;
      width: 2em;
      font-size: 0.5em;
      margin-right: 5px; }
    .breadcrumb-container .breadcrumb .fa-stack .fas {
      font-size: 1.3rem; }
    .breadcrumb-container .breadcrumb .fa-stack i {
      vertical-align: middle; }
    .breadcrumb-container .breadcrumb .fa-stack .fa-stack-1x {
      font-size: 10px; }
  .breadcrumb-container.float {
    position: fixed;
    width: calc(100% - 190px);
    height: 50px;
    background: #FFFFFF;
    display: block;
    top: 60px;
    padding-top: 5px; }
    .breadcrumb-container.float + .filters-wrapper {
      margin-top: 30px; }
  .breadcrumb-container > div {
    border-bottom: 1px solid #d8d8d8;
    height: 40px; }

.breadcrumb-item .action-buttons {
  position: relative;
  top: -5px; }
  .breadcrumb-item .action-buttons button {
    border-radius: 15px;
    height: 35px !important;
    padding: 0 10px;
    line-height: 12px; }
    .breadcrumb-item .action-buttons button:hover, .breadcrumb-item .action-buttons button:focus {
      background: #DDDDDD;
      transition: background-color 0.3s; }
  .breadcrumb-item .action-buttons .btn-group tooltip + tooltip {
    margin-left: 5px; }

.wrapper.collapsed .breadcrumb-container.float {
  width: calc(100% - 80px);
  left: 50px;
  padding-left: 45px; }

.DashLeftLayout.col-4 li.breadcrumb-item.tableNav div:nth-child(n+6):nth-child(-n+8),
.DashRightLayout.col-4 li.breadcrumb-item.tableNav div:nth-child(n+6):nth-child(-n+8) {
  display: none; }

.table-container .table {
  width: 100% !important;
  background: #FFFFFF; }

.table-container .dataTables_length .form-control {
  margin: 0 8px; }

.table-container .dataTables_info {
  padding-top: 9px !important;
  color: rgba(0, 0, 0, 0.4); }

.table-container label {
  margin-bottom: 0; }

.dataTables_wrapper {
  margin: 20px 0; }
  .dataTables_wrapper.form-inline {
    display: list-item !important;
    list-style-type: none; }

.table {
  color: #4B4B4B;
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  font-size: 0.85rem;
  line-height: 20px;
  background: #FFFFFF; }
  .table thead {
    color: #4B4B4B;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0; }
    .table thead th {
      white-space: nowrap;
      border: none !important; }
      .table thead th:hover {
        color: #4B4B4B;
        background-color: transparent !important; }
      .table thead th:first-letter {
        text-transform: capitalize; }
    .table thead tr:hover {
      background-color: #f5f5f5 !important; }
  .table tbody tr {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD; }
    .table tbody tr th {
      white-space: nowrap; }
      .table tbody tr th:first-letter, .table tbody tr th span.first-letter {
        text-transform: capitalize; }
      .table tbody tr th:hover {
        color: #40c33b;
        background-color: transparent !important; }
  .table tr:hover {
    background-color: #f5f5f5; }
    .table tr:hover input:focus:placeholder-shown + label span,
    .table tr:hover input:not(:placeholder-shown) + label span {
      background-color: #FFFFFF; }
  .table tr.pendingReading, .table tr.pendingReading.selected {
    color: #40c33b;
    font-weight: 700;
    background-color: #f5f5f5; }
    .table tr.pendingReading:hover, .table tr.pendingReading.selected:hover {
      background-color: #f5f5f5;
      color: #40c33b; }
  .table tbody tr td {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
    .table tbody tr td a, .table tbody tr td button {
      cursor: pointer; }
  .table.table-link tbody tr td {
    cursor: pointer; }
  .table tbody tr td .title {
    font-weight: 700; }
  .table tbody tr td .fa-circle {
    font-size: 0.78rem; }
  .table th, .table td {
    padding: 0.4rem 0.8rem !important;
    vertical-align: inherit;
    border: 1px solid #e0e0e0;
    white-space: nowrap; }
  .table .selected, .table .selected-step {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #4B4B4B; }
    .table .selected:hover, .table .selected:focus, .table .selected-step:hover, .table .selected-step:focus {
      background: rgba(0, 0, 0, 0.04) !important;
      color: #4B4B4B; }
  .table .selected-step:focus, .table .selected-step:hover {
    background-color: rgba(0, 0, 0, 0.04) !important; }
  .table.dataTable {
    margin-top: 0 !important;
    border-collapse: collapse !important; }
    .table.dataTable.no-footer {
      border-bottom: 2px solid #DDDDDD; }
    .table.dataTable thead > tr > th:not(.sorting_disabled), .table.dataTable thead > tr > td:not(.sorting_disabled) {
      padding-right: 30px !important; }
    .table.dataTable thead .sorting:before, .table.dataTable thead .sorting:after {
      color: #161a1d !important; }
    .table.dataTable tbody tr.selected > * {
      box-shadow: inset 0 0 0 9999px #f5f5f5;
      color: #40c33b; }
  .table.table-condensed thead th {
    padding: 11px 0.78rem !important; }
  .table.table-condensed td {
    padding: 10px 6px !important; }
    .table.table-condensed td input {
      font-size: 0.85rem !important;
      background-color: transparent; }
    .table.table-condensed td .input-group .simple-icon, .table.table-condensed td .input-group .fa {
      color: #838383; }
  .table.table-condensed .btn-white {
    color: #4B4B4B; }
  .table.table-responsive td {
    white-space: normal !important;
    user-select: all !important; }
  .table .cursor:hover {
    background: #DDDDDD; }
  .table .table-section-title a, .table .table-section-title th, .table .table-section-title td {
    color: #4B4B4B; }
  .table .table-section-title:hover, .table .table-section-title:focus {
    color: #4B4B4B;
    background: #f5f5f5; }
  .table .table-section-title input {
    height: 35px !important;
    border-bottom: 1px solid #d8d8d8 !important;
    padding: 0 0 0 10px;
    font-weight: 700;
    color: #4B4B4B;
    font-size: 14px; }
  .table .table-section-title tooltip tip {
    max-width: 250px;
    text-align: left;
    width: max-content; }
  .table ul {
    padding-left: 0 !important; }
    .table ul li {
      text-align: left;
      line-height: 24px; }
      .table ul li .fa, .table ul li .fas, .table ul li .far {
        font-size: 15px; }
  .table.border-none th, .table.border-none td {
    border: none; }
  .table .svg-icons {
    display: inline-block;
    line-height: 1em;
    position: relative;
    vertical-align: middle;
    width: 1.2em; }
  .table.table-user-worflow {
    table-layout: fixed; }
    .table.table-user-worflow div {
      overflow: hidden;
      text-overflow: ellipsis; }

table td .filter-due, table td .filter-news {
  display: table-cell;
  padding: 0 2px; }

.dataTables_filter {
  display: none; }

.table-container-max {
  max-height: 300px;
  overflow: auto; }

.previewReferencias.previewTable table {
  pointer-events: none; }

.previewReferencias.previewTable .dataTables_info, .previewReferencias.previewTable .dataTables_paginate {
  display: none; }

.previewReferencias.previewTable table.dataTable thead .sorting:after {
  content: ''; }

.paginate_button {
  padding: 6px !important; }
  .paginate_button.page-item:focus, .paginate_button.page-item:hover, .paginate_button.page-item:active {
    box-shadow: none !important;
    border: 1px solid #FFFFFF !important;
    background: none !important; }

.dataTables_empty {
  font-weight: bold-700; }

table.dataTable thead .sorting {
  background-image: none !important; }

table.dataTable thead .sorting_asc {
  background-image: none !important; }

table.dataTable thead .sorting_desc {
  background-image: none !important; }

table.dataTable thead .sorting_asc_disabled {
  background-image: none !important; }

table.dataTable thead .sorting_desc_disabled {
  background-image: none !important; }

.previewReferencias.previewTable table.dataTable thead .sorting_asc_disabled:after, .previewReferencias.previewTable table.dataTable thead .sorting_desc:after,
.previewReferencias.previewTable table.dataTable thead .sorting_desc_disabled:after,
.previewReferencias.previewTable table.dataTable thead .sorting:before, .previewReferencias.previewTable table.dataTable thead .sorting_asc:before,
.previewReferencias.previewTable table.dataTable thead .sorting_asc_disabled:before,
.previewReferencias.previewTable table.dataTable thead .sorting_desc:before,
.previewReferencias.previewTable table.dataTable thead .sorting_desc_disabled:before {
  content: ''; }

table tr.disabled td,
table tr.disabled th {
  color: #d8d8d8;
  pointer-events: none; }
  table tr.disabled td a,
  table tr.disabled th a {
    color: #d8d8d8;
    pointer-events: none; }
  table tr.disabled td .btn,
  table tr.disabled th .btn {
    color: #d8d8d8 !important;
    pointer-events: none;
    border: 1px solid #d8d8d8;
    background: #FFFFFF; }
  table tr.disabled td .fa-toggle-on,
  table tr.disabled td .fa-toggle-off,
  table tr.disabled td .text-success,
  table tr.disabled th .fa-toggle-on,
  table tr.disabled th .fa-toggle-off,
  table tr.disabled th .text-success {
    color: #d8d8d8 !important; }
  table tr.disabled td input:focus:placeholder-shown + label span,
  table tr.disabled td input:not(:placeholder-shown) + label span,
  table tr.disabled th input:focus:placeholder-shown + label span,
  table tr.disabled th input:not(:placeholder-shown) + label span {
    color: #d8d8d8; }

.dragscroll {
  display: block;
  width: 100%;
  overflow-x: auto;
  padding: 0px 1px; }

.dragscroll .row {
  margin-right: 0px !important;
  margin-left: 0px !important; }

.dragscroll .row .col-sm-12 {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.addScrollWidth {
  margin-right: -12px; }

.user-panel .scrollTable .container {
  height: 65vh; }

.scrollTable .container {
  max-width: 100%;
  height: 500px;
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
  padding-left: 0;
  padding-right: 0; }

.scrollTable table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; }
  .scrollTable table thead th {
    text-transform: uppercase !important;
    text-align: center;
    z-index: 1; }
  .scrollTable table thead tr th.segment, .scrollTable table thead tr th.segment:hover {
    background-color: #E6E6E6 !important; }
  .scrollTable table thead tr th.segment span[class*='hasArrow'] {
    float: right;
    padding-top: 3px; }
  .scrollTable table thead span.header {
    display: inline-block; }
    .scrollTable table thead span.header:not(.cursor-click) {
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom; }
  .scrollTable table tbody tr td span li:first-child {
    min-width: 42px; }
  .scrollTable table tbody tr td span i.fa-user-circle {
    vertical-align: baseline; }
  .scrollTable table tbody tr td span i.hidden-permission {
    visibility: hidden; }
  .scrollTable table tbody tr td span i.icon-default-color {
    color: #808080 !important; }

.scrollTable th {
  width: 180px;
  box-sizing: border-box;
  margin: 0;
  background: #f5f5f5; }

.scrollTable td {
  width: 180px;
  box-sizing: border-box;
  margin: 0;
  background: #FFFFFF;
  text-align: center;
  vertical-align: top; }
  .scrollTable td .config-module .badge {
    display: inline; }

.scrollTable .top-left {
  background: #f5f5f5;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: auto !important; }

.scrollTable thead th:first-child,
.scrollTable tbody th:first-child {
  white-space: nowrap;
  overflow: hidden;
  background: #f5f5f5;
  text-overflow: ellipsis; }

.scrollTable thead th:first-child {
  position: sticky;
  z-index: 2;
  width: 400px;
  max-width: 400px;
  text-align: center; }

td.w50px,
th.w50px {
  width: 50px;
  text-align: center; }

table.table-list {
  position: relative;
  width: auto;
  font-size: 0.78rem;
  padding-bottom: 0px;
  display: table-row; }
  table.table-list td {
    padding: 6px !important;
    text-align: left; }
    table.table-list td:first-child {
      width: 50px;
      text-align: center; }
    table.table-list td .fa {
      font-size: 0.78rem !important; }

.table.options {
  background: white; }
  .table.options input.form-control.input-xs,
  .table.options input.form-control,
  .table.options .chips .ui-select-bootstrap.dropdown > div {
    background: #FFFFFF !important; }
  .table.options input:focus:placeholder-shown + label span,
  .table.options input:not(:placeholder-shown) + label span {
    background: #FFFFFF; }
  .table.options .chips .ui-select-container .ui-select-match-item,
  .table.options .ui-select-multiple.ui-select-bootstrap
.ui-select-match-item, .table.options .bootstrap-tagsinput .tag {
    font-size: 0.78rem;
    padding: 0.4rem 0.75rem; }
  .table.options .input-group-btn {
    width: 100%;
    margin-bottom: 12px; }

.chips table.has-border tr td {
  cursor: move; }

table.has-border tr td {
  border: 1px solid #d8d8d8 !important; }

#sortableColumns tr {
  cursor: move; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important; }

.gu-hide {
  display: none !important; }

.gu-transit {
  opacity: 0.5;
  filter: alpha(opacity=50);
  border: 2px dashed #d8d8d8;
  background: #838383;
  color: #000000; }

.gu-mirror {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background: #f5f5f5;
  border: 1px solid #d8d8d8; }
  .gu-mirror td {
    padding: 15px 20px;
    border-right: 1px solid #d8d8d8;
    /*width: calc(100% / 5);*/
    color: #4B4B4B; }
    .gu-mirror td:last-child {
      border-right: 0; }
    .gu-mirror td input {
      padding: 10px;
      height: 40px;
      border: 1px solid #d8d8d8;
      color: #4B4B4B; }
  .gu-mirror .micro-icon {
    position: relative;
    top: -3px;
    left: 4px;
    font-size: 6px; }

.table-icon button {
  font-size: 12px;
  width: 30px;
  height: 24px !important;
  line-height: 5px;
  margin-right: 5px;
  padding: 5px;
  border-radius: 4px; }
  .table-icon button:hover, .table-icon button:focus {
    background-color: #838383 !important; }

.collapsed-table .add-columns {
  display: none; }

.collapsed-table.collapse .table-container {
  width: 60%;
  float: left;
  margin-bottom: 60px; }

.collapsed-table.collapse .add-columns {
  display: contents;
  width: auto;
  position: relative;
  right: -10px; }

/*menu click derecho tabla*/
.ui-front.gform {
  min-width: 400px;
  padding: 15px; }
  .ui-front.gform .dropdown-divider {
    margin: -10px; }
  .ui-front.gform .filter-option {
    line-height: 35px; }
  .ui-front.gform .ui-menu-item-wrapper {
    padding: 10px 0; }
  .ui-front.gform .field select {
    min-width: fit-content; }

tr.notHover:focus, tr.notHover:hover {
  background: transparent !important; }

.dashboardInfo {
  background: dodgerblue;
  border-radius: 50%;
  color: white;
  padding: 2px 10px;
  position: relative; }
  .dashboardInfo i.fas {
    font-size: 10px !important;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px; }

.td-disable-opacity {
  opacity: 0.5; }

.td-cursor-move {
  cursor: move; }

/*************** ARBOL DE FORMULARIO */
.tree-container .ivh-treeview {
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 23px;
  border-left: 1px solid #f5f5f5;
  background: #FFFFFF; }
  .tree-container .ivh-treeview:first-child {
    margin-left: 0px !important;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5; }
  .tree-container .ivh-treeview .ivh-treeview-node-content {
    padding: 4px 19px 7px;
    border-top: 1px solid #f5f5f5; }
    .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle {
      cursor: pointer;
      padding: 3px 1px;
      width: 20px;
      height: 24px;
      /*display: inline-block;*/ }
      .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .fa-folder-open, .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .icon-folder {
        color: #4B4B4B; }
      .tree-container .ivh-treeview .ivh-treeview-node-content .ivh-treeview-toggle .ivh-treeview-twistie-leaf {
        cursor: default; }
    .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon {
      display: inline-block;
      width: 10px;
      margin-right: 7px; }
      .tree-container .ivh-treeview .ivh-treeview-node-content .status-icon .fa-circle {
        font-size: 6px;
        vertical-align: middle; }
    .tree-container .ivh-treeview .ivh-treeview-node-content .anchor {
      padding: 5px 10px;
      cursor: pointer;
      white-space: normal; }

html {
  background-color: transparent; }

.md-dialog-is-showing {
  max-height: 100%; }

.flex {
  flex: none !important; }

input[type="search"] {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; }

md-dialog .md-dialog-content h2 {
  font-size: 20px;
  margin-bottom: 5px; }

md-dialog .md-dialog-content p {
  color: #4B4B4B; }

md-dialog button {
  text-transform: uppercase;
  padding: 10px;
  line-height: 20px !important;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 2px;
  font-size: 0.85rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  border: none; }

.md-cancel-button {
  background-color: #FFFFFF;
  border: 1px solid #d8d8d8;
  color: #4B4B4B !important; }

.md-cancel-button:hover,
.md-cancel-button:focus {
  background-color: #DDDDDD;
  border: 1px solid #d8d8d8 !important;
  color: #4B4B4B !important; }

.md-dialog-container {
  position: fixed;
  width: 100% !important;
  height: 100% !important; }

.md-dialog-is-showing {
  overflow: hidden; }

md-dialog {
  min-width: 25%;
  max-width: 35%; }

.note-frame div.note-toolbar *,
.note-frame div.note-editing-area,
.note-frame :not(font) :not(*) {
  color: #4B4B4B; }

.note-editable {
  font-family: Arial;
  font-size: 12pt;
  background-color: white; }

.note-editable ul, .note-not-editable ul {
  margin-top: 0;
  margin-bottom: 1rem;
  list-style: revert;
  padding: revert; }

.note-editor blockquote {
  border-left: 5px solid #f86466;
  padding: 5px 10px;
  background: white; }

.note-editor pre {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px; }

.note-editor h1 {
  font-size: 36px; }

.note-editor h2 {
  font-size: 30px; }

.note-editor h3 {
  font-size: 24px; }

.note-editor h4 {
  font-size: 18px; }

.note-editor h5 {
  font-size: 14px; }

.note-editor h6 {
  font-size: 12px; }

.note-dropdown-menu {
  white-space: nowrap;
  padding: 0; }

.note-dropdown-menu > a {
  padding: 1px 10px; }

.note-dropdown-menu > a:hover {
  background-color: #f5f5f5; }

.note-dropdown-menu > a > * {
  margin: 0; }

.note-editing-area hr,
.note-editing-area table tbody td {
  border-color: #D0D0D0 !important; }