body {
    margin: 0;
    font-family: 'Roboto', sans-serif , Arial, Helvetica, sans-serif !important;
    background-color: #ECEEF0 !important;
  }
  
  .splash {
    text-align: center;
    margin: 10% 0 0 0;
    box-sizing: border-box;
  }
  
  .splash .message {
    font-size: 72px;
    line-height: 72px;
  }
  
  .splash img,
  .splash .message img {
    max-width: 90%;
  }
  
  .splash .fa-spinner {
    text-align: center;
    display: inline-block;
    font-size: 72px;
    margin-top: 50px;
  }
  
  .login {
    margin-top: 10px;
    animation: fadeIn 2s;
  }
  
  .page-host,
  .login-page-host {
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .page-host {
    margin: 15px;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  
  @media print {
    .page-host {
      position: absolute;
      left: 10px;
      right: 0;
      top: 50px;
      bottom: 50px;
      bottom: 0;
      overflow-y: inherit;
      overflow-x: inherit;
    }
  }
  section {
    margin: 0 20px;
  }
  
  .navbar-nav li.loader {
    margin-top: 12px;
  }
  .navbar-nav li.user-dropdown {
    margin-right: 24px !important;
  }
  
  .navbar-header ul.loader {
    margin: 10px;
  }
  
  /* animate page transitions */
  section.au-enter-active {
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
  }
  
  div.au-stagger {
    /* 50ms will be applied between each successive enter operation */
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
  }
  
  /* animation definitions */
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  ai-dialog-overlay.active {
    background-color: black;
    opacity: 0.5 !important;
  }
  
  .k-grid-content {
    height: 600px;
  }
  .k-grid-content td h3,
  .k-grid-content td h4 {
    margin-top: 10px;
  }
  
  .k-grid tr td {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
  }
  
  .grid-action-button {
    min-width: 10px !important;
    padding: 10px !important;
  }
  
  .red-color {
    color: red !important;
  }
  
  .green-color {
    color: green !important;
  }
  
  .form-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  
  textarea.form-input {
    height: inherit;
  }
  
  .small-inline-edit-input input {
    display: inline;
    max-width: 300px !important;
  }
  
  .big-inline-edit-input {
    margin-right: 10px;
  }
  .big-inline-edit-input input {
    display: inline;
    max-width: 300px !important;
    height: 50px;
    padding: 6px 12px;
    font-size: 30px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  
  .multi-select-edit-button {
    margin-left: 5px;
  }
  
  .k-multiselect .k-button {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
  }
  
  .k-nodata {
    color: #000 !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
  }
  
  .k-state-selected {
    color: #FFFFFF !important;
    background-color: #394956 !important;
    border-color: #394956 !important;
  }
  
  .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: #5E2676 !important;
  }
  
  .topic-grid-description {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 10px;
  }
  
  .topic-appearances-col {
    font-size: 14px;
    line-height: 1.4em !important;
  }
  
  .push-right {
    float: right !important;
  }
  
  .push-left {
    float: left !important;
  }
  
  .dialog-edit-input {
    margin-top: 10px !important;
  }
  
  .og-green {
    color: #00857E;
  }
  
  .green {
    color: #5E2676;
  }
  
  .violet {
    color: #5E2676;
  }
  
  .orange {
    color: #f0ad4e;
  }
  
  .red {
    color: #BF334E;
  }
  
  .black {
    color: #000000;
  }
  
  .k-upload .k-clear-selected,
  .k-upload .k-upload-selected {
    display: none !important;
  }
  
  .button-like {
    cursor: pointer;
  }
  
  .btn-cancel {
    color: #CF667A !important;
    background: #FFFFFF !important;
  }
  
  h2.main-nav {
    font-weight: bold;
  }
  
  .iframe-container {
    height: 100%;
    width: 100%;
    border: none;
  }
  
  .vertical-textaera {
    resize: vertical;
  }
  
  .navigation-button {
    font-size: 16px;
  }
  
  .hide-element {
    display: none;
  }
  
  div.tooltip-inner {
    max-width: 350px !important;
  }
  
  .missing-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #BF334E;
  }
  
  .editions-table-header,
  .titles-table-header {
    margin-bottom: 20px;
  }
  
  p.missing-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #BF334E;
  }
  
  .forget-form-group {
    margin-bottom: 5px !important;
  }
  
  .active-language {
    background-color: #ccc !important;
    color: #333 !important;
  }
  .active-language img {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
  }
  
  .mt-05 {
    margin-top: 0.5rem !important;
  }
  
  .mt-1 {
    margin-top: 1rem !important;
  }
  
  .mt-2 {
    margin-top: 2rem !important;
  }
  
  .mt-3 {
    margin-top: 3rem !important;
  }
  
  .mt-4 {
    margin-top: 4rem !important;
  }
  
  .mt-5 {
    margin-top: 5rem !important;
  }
  
  .bottom-border {
    border-bottom: 1px solid #ccc;
  }
  
  .detail-view-label {
    margin-top: 10px;
  }
  
  .detail-view-reset-left-padding {
    padding-left: 0px !important;
  }
  
  .detail-view-reset-right-padding {
    padding-right: 0px !important;
  }
  
  .navbar-language-button img {
    width: 20px;
    height: 15px;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
  }
  
  .login-language-button {
    width: 45%;
  }
  .login-language-button img {
    width: 20px;
    height: 15px;
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
  }
  
  .login-language-button-active img {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
  }
  
  .top-keyword-label {
    font-size: 24px;
  }
  
  .top-keyword-select {
    margin-left: 15px;
  }
  
  .topic-media-image {
    width: auto;
    height: 18px;
  }
  
  .topic-media-image-cell {
    width: 30px;
    padding: 2px !important;
  }
  
  .scrolltopBtn {
    width: 60px;
    height: 60px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;

    position: fixed;
    bottom: 100px;
    right: 45px;
    z-index: 99;
    font-size: 24px;
    border: none;
    outline: none;
    background-color: white;
    color: #000000;
    cursor: pointer;
  }

  .scrolltopBtnLabel {
    position: fixed;
    bottom: 70px;
    right: 17px;
    z-index: 99;
  }
  
  .scrolltopBtn:hover {
    background-color: gray;
    color: #FFFFFF;
  }

  .clickable-header {
    cursor: pointer;
  }

  /* Overwrites */
.topic-header-search .k-autocomplete.k-state-default,
.topic-header-search .k-dropdown-wrap.k-state-default,
.topic-header-search .k-multiselect.k-header,
.topic-header-search .k-numeric-wrap.k-state-default,
.topic-header-search .k-picker-wrap.k-state-default {
    border-color: #CDD1D7 !important;
    background-color: #FFFFFF !important;
    padding: 2px !important;
    box-shadow: none !important;
}

.topic-header-search .topic-header-keywords li.k-button {
  border-radius: 15px;
  padding-left: 6px !important;
  padding-right: 23px !important;
  font-size: 13px !important;
  background-color: #D70364 !important;
  border-color: #D70364 !important;
  color: #FFFFFF !important;
}

.topic-header-search  .topic-header-keywords .k-icon.k-i-close {
  background-color: #FFFFFF !important;
  color: #D70364 !important;
  border-radius: 15px !important;

  font-size: 13px;
  margin-right: 2px;
}

.topic-header-search li.k-button {
  border-radius: 15px;
  padding-left: 6px !important;
  padding-right: 23px !important;
  font-size: 13px !important;
  border-color: #333333 !important;
}

.topic-header-search .k-multiselect-wrap.k-floatwrap,
.topic-header-search .k-picker-wrap,
.topic-header-search .k-picker-wrap .k-input {  
  box-shadow: none !important;
}

.topic-header-search .k-icon.k-i-close {
    background: #333333 !important;
    color: #FFF !important;
    border-radius: 15px !important;
          
    font-size: 13px;
    margin-right: 2px;
}


.search-mini-eval .btn-primary {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #333333 !important;
  background-color: #F2F3F4 !important;
  border-color: #F2F3F4 !important;
  margin-left: 5px;
}

.search-mini-eval .btn-primary:hover,
.search-mini-eval .btn-primary-active {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #FFFFFF !important;
  background-color: #394956 !important;
  border-color: #394956 !important;
  margin-left: 5px;
}

.highlight-header {
  border-top: 2px solid #ECEEF0;
  border-bottom: 2px solid #ECEEF0;
}

.highlight-header .header-spacer {
  height: 10px;
  background-color: #F5F6F8;
}

.highlight-header .header-col {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  background-color: #F5F6F8;
}


.highlight-header .header-border {
  border-left: 2px dotted #394956;
}


.highlight-table .keyword-col {
  margin-top: 5px;
  margin-bottom: 5px;
}

.highlight-table .keyword-col .badge-topic-keywords,
.topic-detail-header .badge-topic-keywords {
  margin-right: 3px;
  background-color: transparent !important;
  border: 1px solid #D70364;
  color: #D70364 !important;
}


.highlight-table .header-border {
  border-left: 2px dotted #394956;
}

.highlight-table-row,
.topic-table-row {
  padding-top: 10px;
  padding-bottom: 10px;
}


.topics-header {
  border-top: 2px solid #ECEEF0;
  border-bottom: 2px solid #ECEEF0;
  background: linear-gradient(90deg, rgba(215,3,100,1) 0%, rgba(94,38,118,1) 100%);
}

.topics-header .header-spacer {
  height: 10px;
}

.topics-header .header-col {
  font-size: 16px;
  color: #FFFFFF;
  padding-top: 10px;
  font-weight: bold;
  padding-bottom: 10px;
}


.topics-header .header-border {
  border-left: 2px dotted #FFFFFF;
}

.topic-table-row .keyword-col .badge-topic-keywords {
  margin-right: 3px;
  background-color: #D70364 !important;
  color: #FFFFFF !important;
}

.topic-detail-header .badge-topic-keywords {
  margin-right: 3px;
  font-weight: normal;
  font-size: 14px;
  background-color: #D70364 !important;
  color: #FFFFFF !important;
}

.topic-table-row .keyword-col {
  margin-top: 5px;
  margin-bottom: 5px;
}


.highlight-header-row {
  background: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.highlight-header-row .highlight-header-row-icon {
  float: right;
  margin-right: 15px;
}


.badge-topic-reccuring {
  background-color: #777 !important;
  border-color: #777 !important;
}



.keyword-row {
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 15px;
}

.keyword-row .keyword-label,
.data-label {
  font-size: 12px;
}

.data-text {
  font-size: 16px;
}

.data-row {
  border-bottom: 1px solid #ddd;
}

.topic-data-details-row {
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 15px;
}


.table-redesign {
  background-color: #ffffff !important;
}

.table-redesign thead tr {
  background: linear-gradient(90deg, rgba(215,3,100,1) 0%, rgba(94,38,118,1) 100%);
  color: #FFFFFF;
}

.k-multiselect-wrap>.k-input {
  font-style: normal;
  margin-top: 3px !important;
  color: #939393;
  /* font-size: 16px; */
  /* font-size: 1.6rem; */
}

.k-multiselect-wrap>.k-input:focus {
  color: #000; /* specify the focused input color */
}

.k-picker-wrap>.k-input {
  font-style: normal;
  color: #939393;
  /* font-size: 16px; */
  /* font-size: 1.6rem; */
}

.k-picker-wrap>.k-input:focus {
  color: #000; /* specify the focused input color */
}

.clipboard-trigger {
  cursor: pointer;
}

.dashboard-info-topic:hover {
  text-decoration: underline;
  cursor: pointer;
}

.dashboard-info-dialog {
  max-width: 800px;
}


.dashboard-info-dialog .row {
  max-height: 400px;
  overflow-y: auto;
}

.titles-table-container,
.editions-table-container {
  height: 80vh;
  overflow-y: auto;
}

.titles-disabled-form,
.editions-disabled-form,
.datepicker-disabled-form {
  background: lightgray;
  cursor: not-allowed !important;
}