.panel .list-group-item {
  border: 0px;
  white-space: normal;
  color: unset;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("../webfonts/RobotoCondensed-Regular.ttf");
}

@font-face {
  font-family: "Open Sans";
  src: url("../webfonts/OpenSans-Regular.ttf");
}

body {
  font-size: 13px;
}
@font-face {
  font-family: "Open Sans";
  src: url("../webfonts/OpenSans-Bold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: 'n5-font-icon';
  src:  url('../webfonts/n5-font-icon.eot?6xug7s');
  src:  url('../webfonts/n5-font-icon.eot?6xug7s#iefix') format('embedded-opentype'),
  url('../webfonts/n5-font-icon.ttf?6xug7s') format('truetype'),
  url('../webfonts/n5-font-icon.woff?6xug7s') format('woff'),
  url('../webfonts/n5-font-icon.svg?6xug7s#n5-font-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}


.icon_n5 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'n5-font-icon' !important;
  font-size: 0.7em !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.6;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.n5-toolbar,
.n5-toolbar-compact {
  border-width: 0px;
  background-color: rgba(255,255,255,0.2);
}

.n5-toolbar-compact {
  padding: 0px 8px;
}

.n5-arrow_light:before {
  content: "\e90b";
}
.n5-Edit:before {
  content: "\e90a";
}


/* Note: Make sure to include the correct weight and Unicode value for the icon */
.n5-blocked-object::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f05e";
  padding-right: 5px;
  color: #f44336;
  bottom: 0;
  height: 60px;
  width: 60px;
  z-index: 1;
}
/* Note: Make sure to include the correct weight and Unicode value for the icon */
.n5-invalid-object::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f05e";
  padding-right: 5px;
  color: #f44336;
  bottom: 0;
  height: 60px;
  width: 60px;
  z-index: 1;
}
/* Note: Make sure to include the correct weight and Unicode value for the icon */
.n5-access-protected-object::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f30d";
  padding-right: 5px;
  color: #f44336;
  bottom: 0;
  height: 60px;
  width: 60px;
  z-index: 1;
}

#grid-excel-export-window,
#grid-excel-export-window .row {
  display: none;
}

#container.mainnav-sm .brand-icon,
.brand-icon {
	margin: 0px 10px;
	width: 35px;
}

#container
{
  z-index: 2; /* random value, not required */
              /* -> should always be less than the one in the div.k-loading-mask */
}

#mainnav-menu-wrap {
  padding-top: 33px;
}

#search-input-list .k-list-item-text {
  width: 100%;
}

#search-input {
  width: 100%;
}

#search-results ul {
  margin:0px;
  padding: 0px;
}

#search-results em {
  background-color: yellow;
}

.navbar-content .custom-search-form {
  width: 450px;
}

.navbar-content .search-container input {
  height: 100%;
}

.label {
  font-weight: 300;
  line-height: 2.5;
}

.pm-abbr {
  display: none;
}

#pm-chooser-pin {
  display: none;
}

/* Language Selector*/
@media (max-width: 992px) {
  .lang-name {
    display: none;
  }
  .pm-name {
    display: none;
  }
  .pm-abbr {
    display: block;
  }
  .navbar-content .custom-search-form {
    width: 300px;
  }
}

@media (max-width: 768px) {
  .lang-id,
  .lang-selector .lang-id {
    display: none;
  }
  #pm-chooser-pin {
    display: block;
  }
  .pm-abbr {
    display: none;
  }
}

img.lang-flag {
	width: 30px;
}

/* Änderungen wegen Update auf Fontawesome 5 */
.form-checkbox.active.form-icon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f14a"
}

.form-checkbox.form-icon:after, .form-radio.form-icon:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c8";
}

.brand-text {
  font-family: "Roboto Condensed";
  font-weight: 400;
}

.brand-title {
  line-height: 65px;
}

#top-horizontal-navbar {
  padding-left: 7px;
}
#top-horizontal-navbar a {
  text-transform: uppercase;
}

#n5-header-element {
  height: 59px;
  width: 800px;
}

@media (max-width: 992px) {
  #n5-header-element {
    width: 600px;
  }
}

@media (max-width: 768px) {
  #n5-header-element {
    width: 350px;
  }
}

#n5-header-element .row {
  margin-top: 13px;
  /*text-transform: capitalize;*/
}

#n5-header-element .n5-header-title {
  text-align: left;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4d627b;
}

#n5-header-element .breadcrumb {
  padding: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.n5-header-breadcrumb {
  width: 100%;
  overflow: hidden;
}

#n5-header-element .breadcrumb li {
  display: inline;
}

.n5-header-title i {
  font-size: 1em;
  margin-top: 6.5px;
  margin-right: 7px;
}

.fal.fa-file.pull-left {
  margin-top: unset;
}

.n5-header-title .fal {
  line-height: inherit;
}

.dropdown.header-logo img {
  object-fit: cover;
  max-height: 59px;
  max-width: 150px;
}

.n5-mainnav-label {
  width: 2em;
}

.k-treeview .k-in {
  width: 100%;
}

.k-treeview .k-state-selected a{
  color: white;
}

.k-animation-container #statesSniped_tt_active {
  background-color: white;
}
.k-animation-container #statesSniped_tt_active>.k-callout {
  color: white;
}

.n5-template-treeview-action-wrapper {
  margin-left: auto;
  flex: 1 0 auto;
}

.n5-template-treeview-text-wrapper {
  display: flex;
  align-items: center;
}
.n5-template-treeview-text-wrapper a {
  margin: 0 2px 0 2px;
}
.n5-template-treeview-item {
  width: 100%;
}
.n5-template-treeview-item > a {
  padding-left: 2px;
  padding-right: 2px;
}
.ellipsis-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.n5-turtle-menu {
  background-color: transparent;
  border: 0px;
}

.n5-turtle-menu .k-item > .k-link {
  padding: 1px 0px;
}

.n5-turtle-menu .k-menu-expand-arrow {
  display: none;
}

.n5-turtle-menu > .k-state-hover > .k-link,
.n5-turtle-menu .k-link.k-state-active {
  background-color: transparent;
  border-color: #ecf0f5;
  background-image: none;
}

.n5-turtle-menu > li {
  width: 100%;
}

.n5-turtle-menu .k-group {
  padding: 0px;
}


.n5-turtle-menu .panel {
  margin-bottom: 0px;
}

.k-menu.k-menu-horizontal:not(.k-context-menu) {
  padding: 0px;
}

.k-menu:not(.k-context-menu) {
  background: transparent;
}

.k-menu.k-menu-horizontal:not(.k-context-menu)>.k-item>.k-link {
  padding: 2px 0px 2px 0px;
}
.li-active {
  font-weight: bold;
  font-style: italic;
}
.panel-heading {
  background-color: #4f6875;
  color: white;
}

#supplier-menu,
#input-menu,
#doc-menu,
#requirement-menu {
  float: right;
}

.n5-turtle-menu .panel {
  width: 350px;
}

#sipoc-wrapper .panel-body {
  max-height: 350px;
  overflow: scroll;
}

.k-clear-selected,
.k-upload-selected {
  display: none !important;
}

.n5-pdf-iframe {
  border:1px;
  solid: #CCC;
  margin-bottom:5px;
  max-width: 100%;
}
.n5-progress-bar {
  width: 100%;
}

/*div[id$='-grid-filter-range-date'] {
  width: 150px;
  display:table-row-group;
}*/

div[id$='-grid-filter-range-date-id'] .k-textbox-container{
  width: 50%;
}

footer button.action-button{
  border-color: transparent;
  background-color: transparent;
  color: #ffffff;
}

/* master-detail footer */
#footer.n5-master-detail-footer {
  height: 50px;
}

#footer.n5-master-detail-footer button {
  margin-top: unset;
  margin-right: 5px;
}
/* fontawesome icons can be used in k-button */
.fa.k-sprite,
.fa.k-sprite::before,
.fal.k-sprite,
.fal.k-sprite::before,
.far.k-sprite,
.far.k-sprite::before,
.fas.k-sprite,
.fas.k-sprite::before {
  font-size: 18px;
  line-height: 18px;
  overflow: visible;
}

.remove-top-margin {
  margin-top: 0px;
}

.remove-bottom-margin {
  margin-bottom: 0px;
}

.add-bottom-margin {
  margin-bottom: 5px;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

a { color: inherit; }
.k-tooltip-content iframe{
  width: 100%;
}

/* all action buttons of the window */
div.k-window-actions a.k-button {
  width: auto;
  height: auto;
}
div.k-window-actions a span.k-icon
{
  color: #3e515b !important;
  font-weight: 300;
  font-size:  2.8em;
}

.grid-column-auto-scroll{
  max-height: 180px;
  overflow-y: auto; /* add overflow on y-axis so it add the scroll bar */
}

.k-tooltip-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.k-combobox,
.k-numerictextbox {
  width: 100%
}
#noFrameEditor .k-editor{
  border: 0;
  overflow: auto;
}

td[role="gridcell"] {
  vertical-align: top;
}

div.k-loading-mask
{
  z-index: 3; /* must be larger than the z-index:2 of #container */
}
.k-splitbar .k-resize-handle {
  width: 4px;
  height: 40px;
  position: static;
  z-index: 1;
}

div.k-ghost-splitbar .k-icon, .k-splitbar .k-icon {
  font-size: 20px;
  display: block;
  cursor: pointer;
}

.k-checkbox {
  border-color: unset;
}