/*------------------------- WEBIQ 6 ---------------------*/

/* bootstrap extensions */

.btn-xs, .btn-group-xs > .btn {
	padding: 0.25rem 0.5rem;
	font-size: 0.7rem;
	line-height: 1.2;
	border-radius: 0;
}

.btn-xs, .btn-xs:hover, .btn-xs:focus {
	font-size: 0.7rem;
}

.accordion .card {
	margin-bottom:0;
}

/* media viewer */

.webiq-mediaviewer {
	padding-bottom:20px;
}

.webiq-mediaviewer .webiq-mediaelement {
	padding-bottom:20px;
}

.webiq-mediaviewer .webiq-mediaelement:last-child {
	padding-bottom:0;
}

.webiq-mediaviewer .webiq-mediaelement.webiq-has-icon {
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	display: table-cell;
	vertical-align: middle;
}

.webiq-mediaviewer .webiq-img {
	border: 0;
	max-width: 100%;
	height: auto;
}

.webiq-mediaviewer .webiq-mediaelement .webiq-legend {
	margin-top:5px;
	font-size:0.8em;
	font-style: italic;
}

.webiq-mediaviewer .webiq-gallery {
	margin-right: -10px;
	margin-left: -10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-1-per-row,
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-2-per-row,
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-3-per-row,
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-4-per-row,
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-5-per-row,
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-6-per-row {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:20px;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-1-per-row {
	width: 100%;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-2-per-row {
	width: 50%;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-3-per-row {
	width: 33.33333333%;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-4-per-row {
	width: 25%;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-5-per-row {
	width: 20%;
}
.webiq-mediaviewer .webiq-gallery .webiq-gallery-image-6-per-row {
	width: 16.66666666%;
}

/* media selector */

.webiq-selectorbox {
	background: #eeeeee;
}

.webiq-selectorbox .webiq-selectorbox-table {
	display:table;
	border:1px solid #cccccc;
	background-color:#dddddd;
	width: 100%;
}

.webiq-selectorbox .webiq-selectorbox-table .webiq-selectorbox-cell {
	display:table-cell;
	white-space: nowrap;
	vertical-align: top;
}

.webiq-selectorbox .webiq-selectorbox-table .webiq-selectorbox-cell-full {
	display:table-cell;
	width:99%;
	vertical-align: top;
}

/* webiq toolbar */

#webiq-toolbar {
	position:fixed;
	height:40px;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	background:#212529;
	text-align:left;
	color:#b9c7ce;
}

/* forms */
span.required:after {
	content:" *";
	color: red;
}
/* forms honeypot */
._hp{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

/*------------------------- WEBIQ 5 (LEGACY, TODO REMOVE) ---------------------*/

span.clearfix {
	width:100%;
	height:0px;
	visibility:hidden;
	clear:both;
	display:block;
	margin:0;
	padding:0;
	font-size:0px;
}
	
table.webiq-filemanager {width:100%; margin:-5px 0 0 -5px; border-collapse:collapse;}
table.webiq-filemanager td {border-top:1px solid #dfdfdf; font-size:11px; padding:3px 20px 3px 0px; margin:0; color:#666; white-space:nowrap; vertical-align:middle}
table.webiq-filemanager thead td {font-weight:bold; white-space:nowrap; border:none;}
table.webiq-filemanager td:first-child {padding:0px 5px 0px 5px;}
table.webiq-filemanager tr.odd {background-color:#eee; }
table.webiq-filemanager td.icons {padding:1px 5px 0px 0px;}

.graytext {color: #898E96;}
.redtext {color: #ff4040;}
.alerttext {color: #ff4040; font-weight:bold; margin-top:3px}


div#pagination{
	text-align:center;
}
#pagination span{
	display:block;
	float:left;
	font-size:10px;
	line-height:13px;
	margin: 2px 4px 2px 0;
}
#pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 4px 2px 4px;
	text-decoration:none;
}
#pagination span a:hover, #pagination span a:active{
	border:1px solid #303030;
	background-color:#ffffff;
}
#pagination span.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:10px;
	padding:1px 4px 2px 4px;
}
#pagination span.disabled{
	background-color: #ffffff;
	border:1px solid #bbbbbb;
	color:#bbbbbb;
	font-size:10px;
	padding:1px 4px 2px 4px;
}

dl {
	margin-top:15px;
}