/* Load variables */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;700;900&display=swap");
/* Fonts */
/* Colors */
/* Load all components */
.navigation-bar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  background: #181818;
  z-index: 9999999999999999; }
  .navigation-bar section.header {
    padding: 20px;
    background: #0d0d0d;
    width: 100%;
    height: 85px;
    cursor: pointer;
    position: relative; }
    .navigation-bar section.header:hover {
      background: #262626; }
      .navigation-bar section.header:hover:after {
        border-top: 5px solid white; }
    .navigation-bar section.header:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid grey;
      right: 15px;
      top: 40px; }
    .navigation-bar section.header .name {
      color: white;
      font-weight: bold;
      font-size: 1.2em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .navigation-bar section.header .email {
      color: grey;
      font-size: 0.8em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .navigation-bar section.body ul.navigation-items {
    padding-left: 0; }
    .navigation-bar section.body ul.navigation-items li.navigation-item {
      list-style-type: none; }
      .navigation-bar section.body ul.navigation-items li.navigation-item:hover {
        background: #262626; }
        .navigation-bar section.body ul.navigation-items li.navigation-item:hover a {
          color: #fff; }
      .navigation-bar section.body ul.navigation-items li.navigation-item a {
        display: block;
        padding: 10px 20px;
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none; }
        .navigation-bar section.body ul.navigation-items li.navigation-item a .icon {
          float: left;
          width: 35px; }
        .navigation-bar section.body ul.navigation-items li.navigation-item a .title {
          font-weight: bold; }
      .navigation-bar section.body ul.navigation-items li.navigation-item.has_sub_menu ul {
        padding-left: 0; }
        .navigation-bar section.body ul.navigation-items li.navigation-item.has_sub_menu ul li {
          list-style-type: none;
          padding-left: 44px; }
          .navigation-bar section.body ul.navigation-items li.navigation-item.has_sub_menu ul li a {
            padding: 5px 10px;
            font-size: 0.9em; }

.page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  width: 100vw;
  background: white;
  z-index: 9999;
  padding-left: 270px;
  box-shadow: 0 1px 0 0 #ebebeb; }
  .page-header h2 {
    line-height: 70px;
    font-weight: bold; }

/* Load all objects */
.modal.show {
  display: block; }

/* Load all views */
.content-translator .translator-list a {
  text-decoration: none;
  color: inherit; }
.content-translator .translator-menu-wrapper {
  background: #FFF;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 10px;
  max-height: 500px;
  overflow-y: auto; }
  .content-translator .translator-menu-wrapper ul {
    list-style-type: none;
    padding: 0; }
    .content-translator .translator-menu-wrapper ul li a {
      display: block;
      padding: 10px 20px;
      border: 1px solid #cccccc;
      border-radius: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .content-translator .translator-menu-wrapper ul li a:hover {
        border-color: red; }
      .content-translator .translator-menu-wrapper ul li a.active {
        border-color: red; }
.content-translator .translation-picklist .action-menu,
.content-translator .translation-string .action-menu {
  height: 85px; }

.content-staff-app .card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
  .content-staff-app .card .card-body .credentials-wrapper {
    height: 60px; }
    .content-staff-app .card .card-body .credentials-wrapper .credentials-name h5 {
      margin-bottom: 0;
      font-weight: bold; }
    .content-staff-app .card .card-body .credentials-wrapper img {
      height: 50px;
      width: 50px;
      object-fit: cover;
      border-radius: 50%;
      float: left;
      margin-right: 20px; }

#email_templates .language-chooser .language-option {
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  display: inline-block; }
  #email_templates .language-chooser .language-option.active {
    border-color: blue; }
  #email_templates .language-chooser .language-option img {
    height: 15px;
    width: 15px; }
#email_templates .language-editor {
  display: none; }
  #email_templates .language-editor.active {
    display: block; }
#email_templates .table tbody tr {
  background: #fff; }
#email_templates .generated {
  color: limegreen !important; }

#imagemaps #im {
  position: relative; }
  #imagemaps #im div.im-block {
    position: absolute;
    pointer-events: none !important;
    cursor: pointer; }
    #imagemaps #im div.im-block.danger {
      background: red;
      opacity: 0.5; }
    #imagemaps #im div.im-block.success {
      background: green;
      opacity: 0.5; }
    #imagemaps #im div.im-block:hover.danger {
      background: red;
      opacity: 0.8; }
    #imagemaps #im div.im-block:hover.success {
      background: green;
      opacity: 0.8; }

.content-login .card .card-body img {
  display: block;
  max-height: 100px;
  margin: auto; }

body {
  font-family: "Urbanist", sans-serif !important;
  background: #fbfbfb; }
  body .content-view {
    padding: calc(20px + 70px) 20px 20px calc(250px + 20px); }
    body .content-view.blank-window {
      padding: 0 !important; }

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