/****************************************/
/*      AndoLib OPAC                    */
/* @Version:   4.05.08                  */
/* @Date:      2018-03-21               */
/* Änderung Layout Such-Seite 					*/
/* @Copyright: Anando Eger, www.aneg.de */
/* @File:      style.css                */
/* @Function:  MobileOpac-Stylesheet    */
/****************************************/
input[type='checkbox']{
	height: 22px;
	width: 22px;
}	
.floatRight {
	float:right!important;
}
.marginBot5 {
	margin-bottom: 5px!important;
}
.align-center {
	text-align:center;
}
.align-left {
	text-align:left;
}
.width100p {
	width:100%!important;
}
.zindex1 {
	z-index: 1;
}
.bgColorGreen {
	background-color:green;
}
.Deaktiviert {
	background-color: #FBDB99!important;

}
.Deaktiviert:hover{
	background-color: #FBDB99!important;
	border-color: #fff!important;
	color: #fff!important;
}
.wordWrap {
	word-wrap: break-word;        
}

/* Auflösen von Floats */
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* Benachrichtigungsbox */
/* Standart: roter Hintergrund, weißer Text */
.FehlerBox {
	width:100%;
	margin: -17px -17px 17px -17px;
	border-left: 17px solid red;
	border-right: 17px solid red;					
	color:white; 
	text-shadow: none;
	font-weight:bold;
	background-color:red; 
	display: flex; 
	align-items: center;
}
.FehlerBox p:first-of-type {	
	flex: 10; 
	border-right: 2px solid white;
}
.FehlerBox p:last-of-type {	
	flex: 1; 
	text-align: center; 
	margin-right: -17px;
}
/* Boxen: schwarzer Hintergrund, weißer Text */
.FehlerBoxSrch1Instruction{
	background-color:black;
	border-left: 17px solid black;
	border-right: 17px solid black;
}
/* Boxen: oranger Hintergrund, schwarzer Text */
.FehlerBoxMsgPop, 
.FehlerBoxsPDInfotext{
	background-color:orange;
	color: black;	
	border-left: 17px solid orange;
	border-right: 17px solid orange;
}
.FehlerBoxMsgPop p:first-of-type, 
.FehlerBoxsPDInfotext p:first-of-type {	
	border-right: 2px solid black;
}
	
/* Suchmaske */
.suchMaske{
 text-align:center; 
 width:100%;
}
.suchMaske span {
	display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
.suchMaske input[type='text']{
	width:40px!important;
	border-radius:9.6px; 
	text-align:center;
}
.suchEingabefeld {
margin-top: 20px; 
margin-bottom: -10px;
}
.suchEingabefeld input[type='text']{
	width:100%!important;
	text-align:left;
}

/* Kopfleiste */
.ui-header .ui-title, .ui-footer .ui-title {
	margin: 0 40px!important;
}
.headerButtonLeft {
	width: 40px; 
	height: 40px; 
	margin-top: -5px!important; 
	margin-left: -10px!important; 
	opacity: 0;
}
.headerButtonLeft:active {
	background-color:#fff!important;
}
.headerButtonLeft:pressed {
	background-color:#fff!important;
}
.headerButtonRight {
	width: 40px; 
	height: 40px; 
	margin-top: -5px!important; 
	margin-right: -10px!important; 
	opacity: 0;
}
.headerButtonRight:active {
	background-color:#fff!important;
}
.headerButtonRight:pressed {
	background-color:#fff!important;
}

/* Artikel-Klassifizierung */
.classification {
	text-align:right;
}

/* Schaltflächen */
.ui-btn:active {
	border: 2px solid red!important;
	opacity: 1!important;
}
.MeinKontoLargeIcon {		
	margin-top:5px;
	float:right;	
	text-align:center;
}
.MeinKontoLargeIcon a{
	height: 50px;
  width: 50px;
	margin-top: -5px;
	margin-bottom: -5px;
}
.MeinKontoLargeIcon a:after { 
  background-size: 25px !important;
  width: 40px !important;
  height: 40px !important;
	margin-top: -20px;
	margin-left: -20px;
}
.buttonAktiv{
	display:none!important;
}
.buttonAktiv1 {
	display: inline!important;
}
.small-button {
	width: 120px;
	height: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	display: inline;
}
.ui-input-btn{
	display: inline-block;
	min-width:120px;
}

/* Inaktive Inputfelder ausgrauen */
input[type=text][readonly] {
    background-color: lightgrey;
}
/* Inaktive Inhalte ausblenden */
.hide1{
	display: none;
}

/* Mein Konto Satzinfo */
.divResNotifyMeinKonto {
  margin-top: -3px;
	margin-bottom: 5px;
}

/* Suchergebnisse - Legende */
.divLegende{
	margin-bottom: 5px;
	margin-top: 5px;
}
/* Suchergebnisse - Sortieren-Label */
.label {
	margin-top:20px!important;
	text-align:center;
}	

/* Detailansicht Schaltflächen */
.divLendFktRight{
	display: none;
	text-align: right;
  margin-bottom: 20px;
	margin-top: 20px;
}

/* Drop-Down-Menü */
.panel {	
	top:44px;
	min-height:auto;	
	border-left: 0px solid white!important;
  border-bottom: 0px solid white!important;
}
.ui-panel-open {
	z-index:1000;
}
.ui-panel-animate.ui-panel-page-content-position-right{
	 transform:none !important; 
	 -webkit-transform:none !important;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-left{
	left:100%;
}

/* Tabelle */
.ui-table th, .ui-table td {
	padding: .25em .5em;
}
.ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label {
	    margin: -.5em 0.1em -.5em -.5em;
}
.lineBorder {
	border-style: solid;
	border-color: #FBDB99;
	border-width: 1px;
}
.hoverLink:hover {
	background-color: #FBDB99;
	cursor: pointer;
}
@media ( min-width: 46em ) {
  /* Show the table header rows and set all cells to display: table-cell */
  .my-custom-breakpoint-46 td,
  .my-custom-breakpoint-46 th,
  .my-custom-breakpoint-46 tbody th,
  .my-custom-breakpoint-46 tbody td,
  .my-custom-breakpoint-46 thead td,
  .my-custom-breakpoint-46 thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .my-custom-breakpoint-46 td .ui-table-cell-label,
  .my-custom-breakpoint-46 th .ui-table-cell-label {
    display: none;
  }
}