@charset "UTF-8";
/* bootstrap nav als hover nav */
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin-top: 0; }

.navbar-fixed-top.slogan {
    color: #FFFFFF;
    height: 100px;
    padding: 5px 0;
	background:#FFFFFF;
     /* background-image: url("/bilder/logos/Logo_Sherlock-Shopping_neu.png"); */
        background-repeat:no-repeat;
        background-position: center;
        background-size: contain;
    font-size: 25px;}

.navbar.lkt {
    top: 100px;
    background-color: #abb0b3; 
}

.navbar-default {
    border: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #333331;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #c1181f;
}

.container{
    padding-left: 0;
    padding-right: 0;
}

	
/* abstand für fixed header */
body {
    margin-top: 170px; 
    background: #ffffff;
}

/*# sourceMappingURL=lkt.css.map */
.textklein {
		font-size:10px;
}

.table-nowrap td {
        white-space:nowrap; 
    text-overflow: ellipsis;
}

.table-finger td {
    cursor: pointer;
}

.table-small td {
    font-size: 12px;
}

.table-border-0 > thead > tr > th, 
.table-border-0 > thead > tr > td, 
.table-border-0 > tbody > tr > th, 
.table-border-0 > tbody > tr > td, 
.table-border-0 > tfoot > tr > th, 
.table-border-0 > tfoot > tr > td {
    border: none; !important
}

.input-group{
margin-right:5px;
}
 
.tablehead-wrapper{
    width: 100%;
    overflow-y:scroll;

}
.tablehead-wrapper table{
	margin-bottom: 0px;
}
.tablebody-wrapper{
    width: 100%;
    height: 400px;
    overflow-y:scroll;
} 
thead{ 
    text-align: left;
} 
table{
    width: 100%;
}

th{
	font-size:12px;
	background-color:#f0f0f0;

}
.avoidBreakTable {
    /*page-break-before: always;*/
    page-break-inside: avoid !important;
	
    margin: 4px 0 4px 0;  /* to keep the page break from cutting too close to the text in the div */
  }

.avoidBreak {
    page-break-before: always;
    page-break-inside: avoid !important;
	
    margin: 4px 0 4px 0;  /* to keep the page break from cutting too close to the text in the div */
  }

.hintergrundgrau{
	background-color:#f0f0f0;
}
.hintergrundblaugrau{
	background-color:#d2ddf4;
}

#spez-box{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
}



.spinner {
    display: inline-block;
    vertical-align: middle;
  margin: 10px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #333331;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.spinner,
.spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.magnific-popup img {
    cursor: pointer;
}