/* Formularstyles aus styles.css und custom.css überschreiben */

form .row
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: auto;
	margin: 0 -15px;
	;
}

form .row select{
	width: auto !important;
}

/* Icons in externen Links wieder ausblenden */

main .content div.left a[target=_blank]:after,
main .content div.column a[target=_blank]:after,
main .content div.columns a[target=_blank]:after,
main .content div.left a[target=_blank]::after,
main .content div.column a[target=_blank]::after,
main .content div.columns a[target=_blank]::after
{
	content: '';
	display: none;
}

/* Systemmeldungen */

.alert
{
	margin-bottom: 24px;
}


/* The Modal (background) */

.modal
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Dialog */

.modal-dialog
{
	width: auto;
	max-width: 1160px;
}

/* Modal Content */

.modal-content
{
	position: relative;
	width: 100%;
	max-width: none;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	border: none;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Modal Header */

.modal-header
{
	padding: 12px 16px;
	background-color: black;
	border-radius: 0;
	color: white;
	font-weight: bold;
}

/* Modal Body */

.modal-body
{
	padding: 12px 16px 20px 16px;
}

/* Modal Footer */

.modal-footer
{
	padding: 16px 16px;
	background-color: #fff;
	border-top: solid 1px #e4e4e4;
	color: white;
}


/* Modal Body > Formularelemente */

.modal-body *[type="text"],
.modal-body textarea,
.modal-body select
{
	width: 100%;
	background: #f2f2f2;
	border: solid 1px #e4e4e4;
}
._modal-form-row
{
	padding: 8px 0 8px 0;
	/* border-top: solid 1px #e4e4e4; */
}
.modal-body ._modal-form-row:first-child
{
	/* border-top: none; */
}
._modal-form-row label
{
	display: block;
}

/* Modal Footer > Buttons */

.modal-footer .btn,
.modal-footer .btn-primary,
.modal-footer .btn-danger
{
	border-radius: 0;
	border: none;
	outline: none;
	box-shadow: none;
}
.modal-footer .btn-light
{
	background: #e4e4e4;
	color: #000;
}
.modal-footer .btn-primary,
.modal-footer .btn-danger
{
	background: #d32f2e;
	font-weight: bold;
}
.modal-footer .btn:hover,
.modal-footer .btn:focus
{
	background: #000;
	color: #fff;
}
.modal-footer .btn-light:active
{
	background: #e4e4e4 !important;
	color: #000 !important;
	box-shadow: none !important;
}
.modal-footer .btn-primary:active,
.modal-footer .btn-danger:active
{
	background: #d32f2e !important;
	box-shadow: none !important;
}

/* Toolbar */

._col-pagination,
._col-file-select
{
	padding-bottom: 24px;
}

/* Toolbar > Pagination */

.pagination
{
	margin-left: -15px;
}
.pagination a
{
	margin-right: 2px;
	padding: 7px 12px;
	background: #f2f2f2;
	color: #000;
}
.pagination a:hover,
.pagination a:focus
{
	background: #e4e4e4;
	color: #000;
	text-decoration: none;
}
.pagination span,
.pagination strong
{
	padding: 7px 12px;
}
.pagination strong
{
	margin-right: 2px;
	background: #d32f2e;
	color: #fff;
}

/* Toolbar > Datei-Auswahl */

.file-select
{
	text-align: right;
}
.file-select label
{
	margin-right: 10px;
}
.file-select select
{
	margin-right: -15px;
	background: #f2f2f2;
	border-color: #e4e4e4;
}

/* Toolbar > Einträge pro Seite */

.epp-select
{
	text-align: left;
}
.epp-select label
{
	margin-right: 10px;
}
.epp-select select
{
	margin-right: -15px;
	background: #f2f2f2;
	border-color: #e4e4e4;
}

/* Adressenliste > Header */

.headrow
{
	background-color: #343a40 !important;
	color: white;
	font-weight: bold;
}
.headcol
{
	padding-top: 10px;
	padding-bottom: 9px;
}

/* Adressenliste > Listeneinträge */

.request_url
{
	position: relative;
	cursor: pointer;
}
.request_url:hover
{
	/* background-color: #E5E5E5; */
	background: #f2f2f2;
}
.urlCollapsed
{
	/* background-color: #EEE; */
	background: #fff;
	border-bottom: solid 1px #e4e4e4;
}
.urlExpanded
{
	/* background-color: #DDD; */
	background: #e4e4e4;
	/* border-bottom: solid 1px #000; */
	/* border-bottom: solid 2px #DC000D; */
}
.urlExpanded:hover
{
	background: #e4e4e4;
}

.request_url div
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.request_url .icon
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	background: #f2f2f2;
	text-align: center;
}
.request_url:hover .icon
{
	background: #e4e4e4;
}
.urlExpanded .icon
{
	background: #e4e4e4;
}
.request_url .fa,
.request_url .fas
{
	color: #DC000D;
}

.request_url .uri
{
	padding-left: 55px; /* 40+15 */
	word-wrap: break-word;
}
.request_url .count
{
	text-align: right;
}

/* Adressenliste > Listeneinträge > Referrer-Liste */

.referrers
{
	display: none;
	position: relative;
	overflow: hidden;
	margin: 0 -15px;
	padding: 0 15px 30px 15px;
	border-bottom: solid 1px #000;
}
.referrers a
{
	display: block !important;
	color: black;
	text-decoration: none;
}
.referrers .item
{
	font-size: 14px;
}
.referrers .item + .item
{
	border-top: solid 1px #f2f2f2;
}
.referrers .item div
{
	padding-top: 1px;
	padding-bottom: 1px;
}
.referrers .item:hover
{
	background-color: #f2f2f2;
}
.referrers .uri
{
	padding-left: 55px; /* 40+15 */
}
.referrers .count
{
	text-align: right;
}

.referrers .head
{
	margin-bottom: 20px;
	text-align: center;
}
.filterLink
{
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	background: black;
	border-radius: 0px 0px 15px 15px;
	color: white;
	font-weight: bold;
}
.filterLink:hover,
.filterLink:focus
{
	background: #DC000D;
}
.filterLink:before,
.filterLink::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: black;
}
.filterLink:hover:before,
.filterLink:focus::before,
.filterLink:hover:before,
.filterLink:focus::before
{
	background: #DC000D;
}

/* FILTER */

/* FILTER > Löschen-Modal */

.modal-delete .modal-content
{
	max-width: 400px;
}
.modal-delete .modal-body
{
	padding-top: 24px;
	word-wrap: break-word;
}

/* FILTER > Toolbar */

._col-add-filter,
._col-pagination,
._col-letter-pagination
{
	padding-bottom: 24px;
}

/* FILTER > Toolbar > Buchstaben-Pagination */

.letter-pagination
{
	margin-right: -15px;
	/* padding-bottom: 24px; */
	/* border-bottom: solid 1px #e4e4e4; */
}
.letter-pagination > *
{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	text-align: center;
}
.letter-pagination span
{
	color: silver;
}
.letter-pagination span + span
{
	border-left: solid 1px #f2f2f2;
}

/* FILTER > Toolbar > Button Filter hinzufügen */

._col-add-filter .btn
{
	margin-right: -15px;
}
._col-add-filter .btn-success
{
	background: #DC000D;
	border: none;
	border-radius: 0;
	font-weight: bold;
}
._col-add-filter .btn-success:hover,
._col-add-filter .btn-success:focus
{
	background: #000;
	box-shadow: none;
}
._col-add-filter .btn-success:active
{
	background: #DC000D !important;
	box-shadow: none !important;
}

/* FILTER > Filter-Liste > Kopf */

.filter_head
{
	background-color: black;
	color: white;
	font-weight: bold;
}
.filter_head > div
{
	padding-top: 10px;
	padding-bottom: 9px;
}

/* FILTER > Filter-Liste > Listeneinträge */

.filter_row
{
	/* background-color: #EEE; */
	border-bottom: solid 1px #e4e4e4;
}
.filter_row:hover
{
	background-color: #f2f2f2;
}
.filter_row div
{
	padding-top: 4px;
	padding-bottom: 4px;
}

.filter_row .fa,
.filter_row .fas
{
	color: #000;
	cursor: pointer;
}
.filter_row .fa:hover,
.filter_row .fas:hover
{
	color: #DC000D;
}
.filter_row .deleteFilterLink:hover
{
	/* color: #DC550D; */
}
.filter_row .editFilterLink:hover
{
	/* color: #0D55DC; */
}

#searchbox input[type="text"] {
	width: 70%;
}

#searchbox button#searchButton {
	width: 30%;
}


/* Add Animation to modal */

@keyframes animatetop
{
	from
	{
		-webkit-transform: translate(0, -100%);
		-ms-transform: translate(0, -100%);
		transform: translate(0, -100%);
		opacity: 0;
	}
	to
	{
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}

/* Breakpoints */

@media (max-width: 1210px)
{
	/* Modal Dialog */

	.modal-dialog
	{
		margin: 0 25px;
	}
}