/*
    This file is used to ensure consistency across the whole web application
    It define the used colors for texts, backgrounds and borders
    They will be used to customize the given kendo and bootstrap styles as well as custom UI Elements
*/
/*
    The following contains the var declarations of all used colors, the names of the variables are equal to the
    bootstrap variables to easily set the coloring
*/
/* Defaults */
/*.k-grid .k-state-selected, .k-grid td.k-state-selected.k-state-focused {
    background-color: #cde6f7 !important;
}*/
tr.k-alt.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.resultFiltersDiv .k-auto-scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.01);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.resultFiltersDiv .k-auto-scrollable:hover::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}
.resultFiltersDiv .k-auto-scrollable::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}
.resultFiltersDiv .k-auto-scrollable::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.01);
  background-color: rgba(85, 85, 85, 0.5);
}
.resultFiltersDiv .k-auto-scrollable:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
  background-color: #0072c6;
}
.tableWithSwitch .k-grid.k-widget {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top: -1px;
}
.tableWithSwitch.muchEntries .k-grid.k-widget {
  border: 0;
  margin-top: 0px;
}
div.tableWithSwitch.resultFiltersDiv .k-grid-content.k-auto-scrollable {
  height: 100%;
}
.tableWithSwitch input.form-control {
  width: calc(100% + 2px);
  margin: -2px -1px 5px;
  border-radius: 0;
}
.tableWithSwitch.muchEntries .contentDiv {
  border: 1px solid #c9c9c9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*.tableWithSwitch.muchEntries .k-grid.k-widget{
    padding-bottom: 20px;
}*/
.tdRenderedAsSimpleTable {
  line-height: inherit !important;
}
div#loadingErrorReloadBtn {
  padding: 50px;
  text-align: center;
  cursor: pointer;
}
#loadingErrorReloadBtn h3 {
  margin-top: 70px;
}
#loadingErrorReloadBtn h3 span {
  margin-right: 30px;
  font-size: xx-large;
  vertical-align: text-bottom;
}
td#detailsBoxHeadline {
  width: 50%;
}
td#detailsBoxButtons {
  width: 15%;
}
#gridForResultList tr:hover {
  background-color: #fff19d !important;
}
#gridForResultList .k-alt {
  background-color: rgba(0, 114, 198, 0.1);
}
.resultTableCompanyLogo {
  transition: all 0.1s;
}
/*.resultTableCompanyLogo:hover {
    transform: scale(1.4,1.4);
}*/
#leftMenuHideSwitch {
  position: absolute;
  left: 266px;
  top: 500px;
  top: calc(50vh - 125px);
  z-index: 10;
  background-color: white;
  padding: 1px;
  border-radius: 3px;
}
#leftMenuHideSwitch .opHover {
  opacity: 0.5;
}
#leftMenuHideSwitch:hover .opHover {
  opacity: 1;
}
#leftMenuHideSwitch.toggled {
  left: 0px;
}
.middleButtons div {
  width: 50px;
  text-align: center;
  border-radius: 2px;
  transition: all 0.6s;
}
.middleButtons div:hover {
  transform: scale(1.5, 1.5);
  color: #0072c6;
}
#menuForPagingAndTaking {
  position: fixed;
  bottom: 32px;
  right: 5px;
  background-color: white;
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  padding: 0px 8px 8px 8px;
  transition: all 0.5s;
}
#menuForPagingAndTaking .activePageSelector {
  font-weight: 900;
  font-size: x-large;
  vertical-align: baseline;
}
#takeMenu {
  display: none;
}
table thead tr td {
  padding: 0px 7px;
}
td,
th {
  /*padding: 0px 3px;*/
  min-width: fit-content;
}
#detailsBox {
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  padding: 5px 10px 10px 10px;
  position: fixed;
  right: 5px;
  left: 285px;
  bottom: 30px;
  height: 155px;
  background-color: #efefef;
  display: none;
  font-size: 12px;
}
#detailsBoxImage {
  max-height: 100px;
  max-width: 200px;
}
/*.detailsBoxTable {
    display: table;
    border-collapse: separate;
    width: 100%;
    white-space: nowrap;
    font-size: 0.9em;
}

.detailsBoxTable table, th, td {
    border: 1px solid #f1f1f1;
}

.detailsBoxTable tr:hover {
    background-color: #f1f1f1;
}

.detailsBoxTable th {
    background-color: #cde6f7;
    white-space: normal;
}*/
.switchTableMainDiv {
  /*border: 1px solid #ACACAC;*/
  border-radius: 10px;
  margin-bottom: 20px;
}
#detailsBox1 {
  padding: 3px;
}
#detailsBox5 {
  vertical-align: top;
  width: 10%;
}
#resultTable .k-grid {
  border-radius: 4px;
}
#resultTable th {
  border-right: 1px solid #F3F3F3;
  white-space: auto;
  padding: 5px 5px 0px 5px;
  cursor: pointer;
  overflow: visible !important;
}
#resultTable th:hover {
  background-color: aliceblue;
}
#resultTable th:hover span {
  visibility: visible !important;
}
#resultTable th span.k-i-arrow-s {
  visibility: hidden;
  display: block;
  margin-bottom: -10px;
  margin-left: 50%;
}
#resultTable th > .k-link > .k-icon {
  display: block;
  margin-bottom: -5px;
  margin-left: 50%;
}
#resultTable {
  margin-bottom: 100px;
  transition: all 0.5s;
  margin-top: 10px;
}
#resultTable div.k-grid-header {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#resultTable .k-grid-header-wrap.k-auto-scrollable {
  overflow: visible !important;
}
#resultTable .tableContent {
  overflow: hidden;
}
#resultTable .customTooltip {
  width: 100%;
}
.titleTextInHeader {
  font-weight: normal;
  font-size: 0.9em;
}
#headline td {
  border: 0;
}
#headline .btnWithImageLeft {
  border-radius: 0px;
}
#gridForResultList {
  min-width: fit-content;
}
#gridForResultList .k-state-selected {
  cursor: grab;
  cursor: -webkit-grab;
  background-color: #c8e6c9;
}
#gridForResultList tr {
  cursor: pointer;
}
#gridForResultList td {
  white-space: nowrap;
  padding: 0px 5px;
}
.LabelInTable {
  width: calc(100% - 110px);
  display: inline-block;
  overflow: clip;
  text-overflow: ellipsis;
}
.k-grid.k-widget {
  min-width: fit-content;
}
.k-grid-header th.k-header,
.k-filter-row th {
  white-space: normal;
  background-color: F1F1F1;
  font-weight: bold;
  vertical-align: middle;
}
#resultTable a.k-header-column-menu {
  display: none;
}
#detailsBoxHeadline h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}
#resultFilters {
  padding: 1px;
  width: 100%;
  font-size: 12px;
  height: 100%;
  transition: all 0.2s;
  /*padding-bottom: 100px;*/
}
#resultFilters div.k-grid-header {
  position: relative;
  z-index: 10;
}
/*#resultFilters .k-grid-header-wrap.k-auto-scrollable {
    overflow: visible !important;
}

#resultFilters .tableContent {
    overflow: hidden;
    white-space: nowrap;
}

#resultFilters .customTooltip {
    width: 100%;
}

.resultFiltersDiv .k-grid-content.k-auto-scrollable {
    overflow: visible;
}*/
.infoBox {
  border-radius: 4px;
  background-color: #efefef;
}
#leftMenuContainer {
  position: fixed;
  left: 0px;
  padding-left: 10px;
  padding-right: 20px;
  background: white;
  z-index: 10;
}
#leftMenu {
  width: 250px;
  font-size: 12px;
  overflow-y: visible;
  z-index: 11;
}
.tableDetails {
  overflow-x: auto;
}
.k-window-titlebar.k-header {
  border-bottom: 0px;
  border-top: 1px solid #dbdbdb;
}
#bigArticleDetailsNavBar {
  transform: rotate(270deg);
  position: relative;
  top: 166px;
  left: -85px;
  margin: 6px 26px;
  text-align: right;
  z-index: -1;
}
.DetailsViewNavBarBtns {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  position: absolute;
  z-index: -30;
  transition: all 0.6s;
  top: 0px;
  width: 202px;
  height: 100px;
}
.DetailsViewNavBarBtnBackside {
  z-index: 10;
  background-color: white;
  height: 100px;
  top: 60px;
  position: absolute;
  -webkit-box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  box-shadow: 1px -16px 22px -2px rgba(0, 0, 0, 0.28);
  border: 1px solid #E0E0E0;
}
.DetailsViewNavBarBtns:nth-child(1) {
  left: -363px;
}
.DetailsViewNavBarBtns:nth-child(2) {
  left: -182px;
}
.DetailsViewNavBarBtns:nth-child(3) {
  left: 10px;
}
.DetailsViewNavBarBtns:hover {
  top: -40px;
  transform: rotate(-2deg);
}
.DetailsViewNavBarBtns:hover .DetailsViewNavBarBtnFront {
  box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
}
.DetailsViewNavBarBtns:hover .DetailsViewNavBarBtnBackside {
  box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 5px -20px 22px -2px rgba(0, 0, 0, 0.45);
}
.DetailsViewNavBarBtns:disabled:hover {
  top: 7px;
  transform: rotate(0deg);
}
.DetailsViewNavBarBtns:disabled {
  top: 7px;
}
.DetailsViewNavBarBtns:active {
  top: -50px;
  transform: rotate(-7deg);
  transition: all 0.3s;
}
#bigArticleDetailsArticleImages {
  position: absolute;
  top: 10px;
  left: 600px;
  width: 100px;
}
#bigArticleDetailsArticleImages img {
  max-width: 200px;
  max-height: 150px;
  padding: 1px;
  margin-bottom: 10px;
  background-color: white;
  transition: all 0.6s;
}
#bigArticleDetailsArticleImages img:hover {
  max-width: 350px;
  max-height: 250px;
}
.active {
  top: -10px;
  z-index: 10;
}
.active:hover {
  top: -10px;
  z-index: 10;
  transform: rotate(0deg);
  transition: all 0.3s;
}
.DetailsViewBtns {
  width: 120px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid #fff;
  border-radius: 10px;
  vertical-align: top;
  transition: all 1.5s;
  margin-bottom: 5px;
}
.DetailsViewBtns:hover {
  border: 2px solid #c1c1c1;
  background-color: rgba(237, 247, 255, 0.95);
  transition: all 0.5s;
  box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
  -webkit-box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
  -moz-box-shadow: 3px 3px 20px 5px rgba(128, 128, 128, 0.2);
}
.DetailsViewBtns img {
  height: 25px;
  max-width: 120px;
  transition: all 0.3s;
}
.DetailsViewBtns:hover img {
  height: 32px;
  max-width: 120px;
  transition: all 0.2s;
}
#mainContent {
  position: absolute;
  left: 285px;
  right: 5px;
}
.resultFiltersDiv {
  margin-bottom: 15px;
}
.resultFiltersDiv table td {
  line-height: 1.3em;
  padding: 0px 5px;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
}
#resultFilters tr.k-state-selected {
  background-color: white;
  color: black;
}
#resultFilters tr.k-state-selected.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.tc_headline {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.tc_headline img {
  max-width: 50px;
  max-height: 50px;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.tc_headline span {
  font-size: 1.3em;
}
.k-window {
  -webkit-box-shadow: -5px -10px 13px -6px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: -5px -10px 13px -6px rgba(0, 0, 0, 0.46);
  box-shadow: -5px -10px 13px -6px rgba(0, 0, 0, 0.46);
}
.documentsTable {
  width: 100%;
}
.documentsTable td {
  padding: 5px;
}
.imageBtnNoText {
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  padding: 4px;
  margin-right: 2px;
  background-color: white;
  height: 34px;
  max-width: 200px;
  transition: all 0.6s;
  display: inline-block;
  cursor: pointer;
  vertical-align: bottom;
}
.imageBtnNoText_img {
  max-width: 100%;
  height: 100%;
}
.imageBtnNoText:hover {
  background-color: #cde6f7;
  border-color: grey;
  border-radius: 8px;
}
.imageBtnNoText:hover .mhx {
  margin-right: -14px;
  margin-left: 12px;
}
.imageBtnNoText .mhx {
  margin-right: 10px;
  transition: all 0.15s;
  z-index: 1;
  position: relative;
}
.imageBtnNoText .fsn {
  transition: all 0.15s;
}
.imageBtnNoText:hover .fsn {
  margin-right: 12px;
}
.k-grid-content {
  overflow-y: auto;
}
.scrollDiv {
  overflow-y: auto;
  height: 100%;
}
.headlineSearchParamEntry {
  display: inline-block;
  padding: 2px;
  margin: 2px;
  border-radius: 5px;
  border: 1px solid white;
  background-color: #F7F7F7;
  transition: all 0.3s;
}
.headlineSearchParamEntry span:nth-child(2) {
  color: #009fe3;
}
.headlineSearchParamEntry span:nth-child(3) {
  margin-left: 5px;
}
.headlineSearchParamEntry:hover {
  border-color: #757575;
}
.disabled span {
  color: #B5B5B5 !important;
}
.draggedRows {
  opacity: 0.5;
  font-size: 12px;
  cursor: dragging !important;
  cursor: -webkit-grabbing !important;
  padding: 0px 5px;
  line-height: 0em;
}
.fixedHeader {
  position: fixed !important;
  top: 78px;
}
input#searchQuerry {
  width: 200px;
}
@media screen and (max-height: 600px) {
  .fixedHeader {
    top: 0px;
  }
}
.TuOwnSwitch {
  vertical-align: middle;
}
#resultTable .k-grid-header th.k-header > .k-link {
  overflow: inherit;
}
#detailsBoxHeadline:hover span.glyphicon.glyphicon-eye-open {
  color: #0072c6;
  transform: scale(1.3);
}
#detailsBoxHeadline span.glyphicon.glyphicon-eye-open {
  transition: all 0.15s;
}
#topLeftView .col-xs-12 {
  padding-right: 0px;
}
#WhiteSpaceBecauseOfMatching {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 10;
}
.progress-bar {
  transition: width 2s ease;
}
#searchParametersHeadline .btn.disabled {
  cursor: pointer;
}
#searchParametersHeadline .btn span:nth-child(2) {
  margin-right: 10px;
}
/*.k-treeview .k-in {
    min-width: 100%;
    padding: 10px 0px;
}*/