/* hoppe-kundenportal.css */

#customer-listing button.accordion-button {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.order-label {
	color: var(--bs-primary);
}
.show-order-items:before {
    text-align: center;
    content: '\e802';
    border: 0;
    display: inline-block;
    font-family: "hg-icons";
	cursor: pointer;
}
.show-order-items.open:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#order-list-overview th, #order-list-overview td {
	padding: var(--hoppe-h-1);
}
#order-list-overview th {
	font-weight: 400;
	color: var(--bs-primary);
}
#order-list-overview a {
	font-weight: 400;
}

#customer-select button span {
	text-align: left;
}
#customer-select button {
	border: 1px solid var(--bs-gray-300);
}

#dt-filters input {
	border-color: var(--bs-gray-300);
	border-radius: 0;
	padding: var(--hoppe-h-1);
}

.dataTables_filter {
    display: none;
}

#orderlisting .odd td, #orderlisting .even td, #orderlisting th {
    padding: var(--hoppe-h-1) !important;
	z-index: 100;
    position: relative;
}

#orderlisting th {
    color: var(--bs-primary);
}

#orderlisting tr:not(.odd):not(.even) td { 
	padding: 0; 
	border: none;
}
.additional-row {
	border-bottom: 4px solid #fff;
}
.additional-row td {
	padding: var(--hoppe-h-1) !important;
	z-index: 100;
    position: relative;
}
.additional-row h5 {
	margin-bottom: 0;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
}
#orderlisting>tr:hover, #orderlisting>tr>td:hover, #orderlisting>tr.even:hover, #orderlisting>tr.even>td:hover,
table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
	background: #fff !important;
    box-shadow: none !important;
}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>*,
#orderlisting>tr:hover, #orderlisting>tr>td:hover, 
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td,
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1,
table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: none;
}
.additional-row td:first-child {
    padding-bottom: 0 !important;
}
.additional-row tr:last-child td {
    padding-top: 0 !important;
}
td table.additional-row:last-child {
    margin-bottom: var(--hoppe-h-2) !important;
}
table.dataTable td.dt-controlH:before {
    text-align: center;
    content: '\e802';
    border: 0;
    display: block;
    font-family: "hg-icons";
}
table.dataTable tr.dt-hasChild td.dt-controlH:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 52%;
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 53%;
}
td .additional-row:first-child:before {
    content: " ";
    background: #fff;
    width: 1em;
    height: 1em;
    font-size: 84px;
    transform: rotate(45deg);
    position: absolute;
    left: 47%;
    margin-top: -5%;
    z-index: 0;
}

.log-form-group.extra-links {
    display: none;
}