/* *********************************************************************************************************************
  HEAD URL       : $URL: svn://knsvn/LOGI/trunk/FZE_Weberfassung/paketerfassung/static/dist5/js/zf_rekla.js $
  Revision       : $Rev: 29796 $
  Aenderung am   : $Date: 2023-10-17 14:13:17 +0200 (Di, 17 Okt 2023) $
  Aenderung durch: $Author: akovaci $
  Copyrights     : (C) Zeitfracht Medien GmbH, Erfurt, Germany
 
  Beschreibung   : Zeitfracht Bootstrap 5 Theme for Sendungserfassung
 
  $History    1.01.000  18.10.2023  amoeckel  force new revision number
  $History    1.00.000  01.01.2022  schumann  create first version
 *********************************************************************************************************************/

 body {
	padding-top: 110px; /* Required padding for .fixed-top. Change if height of navigation changes. */
}

.navbar.bg-primary {
	background-color: #b81e40 !important;
}

.navbar.bg-primary .navbar-brand-k360 {
	background-color: #b81e40;
	padding: 6px 10px;
}

.navbar-brand-k360 img {
	display: block;
	width: 144px;
	height: auto;
}

.btn-primary {
	--bs-btn-bg: #b81e40;
	--bs-btn-border-color: #b81e40;
	--bs-btn-hover-bg: #991934;
	--bs-btn-hover-border-color: #991934;
	--bs-btn-active-bg: #80152c;
	--bs-btn-active-border-color: #80152c;
	--bs-btn-disabled-bg: #b81e40;
	--bs-btn-disabled-border-color: #b81e40;
	--bs-btn-focus-shadow-rgb: 184, 30, 64;
}

.btn-outline-primary {
	--bs-btn-color: #b81e40;
	--bs-btn-border-color: #b81e40;
	--bs-btn-hover-bg: #b81e40;
	--bs-btn-hover-border-color: #b81e40;
	--bs-btn-active-bg: #991934;
	--bs-btn-active-border-color: #991934;
	--bs-btn-disabled-color: #b81e40;
	--bs-btn-disabled-border-color: #b81e40;
	--bs-btn-focus-shadow-rgb: 184, 30, 64;
}

footer {
    width: 100%;
    color: #003366;
    background-color: #edeae5;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-top: 150px;
    margin-bottom: 40px;
}

a {
	text-decoration: none;
}

p {
	font-size: 0.9rem;
}
p a:hover, footer a:hover, a:hover p {
	text-decoration: underline !important;
}

label {
	font-weight: 600;
	font-size: 0.825rem;
}

.small {
	font-size: 0.825rem !important;
}

.hide {
	display: none;
	visibility: hidden;
}

.strong {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

.a-active {
	color: #fff;
}
.a-inactive {
	color: #999;
}
.text-active {
	color: #b61e3f;
}
.text-white {
	color: #fff;
}
.text-white:focus,
.text-white:hover,
.text-white:active {
	text-decoration: None;
	color: #bbb;
}
.text-dark-blue {
	color: #003366 !important;
}
.dark-blue:focus,
.dark-blue:hover,
.dark-blue:active {
	text-decoration: None;
	color: #bbb;
}
bg-blue-dark {
	background-color: #003366 !important;
}
.text-orange {
	color: #ff8800;
}
.text-blue {
	color: #3d8bfd;
}

.alert > svg {
	font-size: 1.25rem !important;
}

.copyright {
	padding-top: 10px;
	font-size: 0.75rem;
	color: #d0d0d0;
}
.copyright a:hover {
	text-decoration: underline;
}

.btn-xs {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.75rem;
	--bs-btn-border-radius: 0.25rem;
}

.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3d8bfd;
  --bs-btn-border-color: #3d8bfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c7aec;
  --bs-btn-hover-border-color: #2c7aec;
  --bs-btn-focus-shadow-rgb: 49, 76, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c7aec;
  --bs-btn-active-border-color: #2c7aec;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5fadff;
  --bs-btn-disabled-border-color: #5fadff;
}

.btn-outline-blue {
  --bs-btn-color: #3d8bfd;
  --bs-btn-border-color: #3d8bfd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3d8bfd;
  --bs-btn-hover-border-color: #3d8bfd;
  --bs-btn-focus-shadow-rgb: 13, 44, 87;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3d8bfd;
  --bs-btn-active-border-color: #3d8bfd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3d8bfd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3d8bfd;
  --bs-gradient: none;
}

.btn-cyan {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0ba8d0;
  --bs-btn-hover-border-color: #0ba8d0;
  --bs-btn-focus-shadow-rgb: 49, 76, 112;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0ba8d0;
  --bs-btn-active-border-color: #0ba8d0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4fecf4;
  --bs-btn-disabled-border-color: #4fecf4;
}

.btn-square, .btn-square-lg {
	max-width: 100% !important;
	max-height: 100% !important;
	text-align: center;
	padding: 0px;
	font-size: 0.75rem;
	font-weight: 600;
}
.btn-square {
	width: 100px !important;
	height: 100px !important;
}
.btn-square-lg {
	width: 1250px !important;
	height: 125px !important;
}

/*
 * bootstrap-select: 
 * - set div no-results
 * - set formcontrol-sm
 */
.bootstrap-select > .btn {
	border: 1px solid #ced4da;
}

.bootstrap-select > .btn-light {
	background-color: #fff;
}

.bootstrap-select .no-results {
	padding: 2px;
	margin: 0 5px;
	background-color: #fff !important;
	white-space: nowrap;
	font-size: 0.825rem;
}
.bootstrap-select > .dropdown-menu > div > ul, .form-select > option {
	font-size: 0.825rem !important;
}
.bs-searchbox > .form-control {
	min-height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
	margin-bottom: 8px !important;
}

.label-confirm {
	color: #0d2c57;
	font-size: 14px;
}

.label-abs-info {
	margin-bottom: 10px;
	font-size: 16px;
	color: #1e87d2;
	min-height: 18px;
}

.label-remi-filtausch {
	margin-bottom: 10px;
	font-size: 16px;
	color: #d2691e;
	min-height: 18px;
}

.label-small {
	padding-top: 0px !important;
	font-size: 10px;
}

.err-msg {
	padding-left: 5px;
	margin-bottom: 20px;
	color: #cc0000;
	font-weight: 600;
}

.card-zf > .card-body {
	padding: 0px;
	border: 0;
}

.card-zf > .card-footer {
	border-top: 0px !important;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 0.75rem;
	min-height: 46px;
}

.card-state-header {
	background-color: #f5f5f5;
	margin-bottom: 5px;
}

.card-state-footer, .card-state-footer-save {
	background-color: #f5f5f5;
	padding: 2px;
}

.card-state-footer {
	margin-top: 30px;
}

.card-state-footer-save {
	margin-top: 0px;
}

.card-state-header > .card-body, .card-state-footer > .card-body,
.card-state-header > .card-body, .card-state-footer-save > .card-body {
	padding: 0px;
}

.state-active-left, .state-active-middle, .state-active-right {
	background-color: var(--bs-primary);
	color: #ffffff !important;
	font-weight: 600;
}

.state-done-left, .state-done-middle, .state-done-right {
	background-color: #5f7fac;
	color: #ffffff !important;
}

.state-active-left, .state-done-left {
	border-left: 1px solid;
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.state-active-right, .state-done-right {
	border-right: 1px solid;
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.state-active-left, .state-active-right {
	border-color: var(--bs-primary);
}

.state-done-left, .state-done-right {
	border-color: #5f7fac;
}
.card-adr-detail > .card-body {
	padding: 2px 8px;
	font-size: 0.75rem;
}






.input-required {
	border-color: #bf7f3f;
}

.text-required {
	color: #bf7f3f;
}

.input-addon-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.input-addon-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.margin-small {
	margin-bottom:5px !important;
	margin-right:10px !important;
}
.delivery-icon {
	font-size: 22px !important;
	vertical-align: middle !important;
	text-align: center;
}
.check-icon {
	font-size: 16px !important;
	vertical-align: middle !important;
	text-align: center;
}

.input-addon-user {
	width: 140px;
	text-align: right;
	font-size: 11px;
}

.input-user {
	width: 200px !important;
}
.input-user-xl {
	width: 350px !important;
}

.input-addon-search {
	text-align: right;
	vertical-align: middle !important;
	font-size: 11px;
}
.input-addon-search-big {
	font-size: 15px;
	vertical-align: middle !important;
}
.input-addon-search-desc {
	font-size: 11px;
	vertical-align: middle !important;
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
}
.input-search {
	width: 165px !important;
}
.input-search-sm {
	width: 110px !important;
}
.input-search-xl {
	width: 250px !important;
}

.input-history-group {
	width: 335px !important;
}

.input-history-key, .input-history-query, .input-history-btn {
	font-size: 11px;
}

.input-history-key {
	width: 120px !important;
}

.input-history-query {
	width: 180px !important;
	border-left: 0px;
}

.input-history-btn {
	width: 35px !important;
}

.input-search-group {
	width: 216px !important;
}

.input-search-query {
	width: 180px !important;
}

.input-search-btn {
	width: 35px !important;
}

.input-addon-erfassung {
	text-align: right;
	font-size: 11px;
}


.valid-feedback, .invalid-feedback {
	font-size: 0.725rem;
}


.alert-login {
	font-size: 0.75rem;
	font-weight: 600;
	padding: 8px;
}

.alert-input {
	width: 340px !important;
	font-size: 11px;
	padding: 2px;
	margin-top: -13px;
	margin-bottom: 15px;
}

.btn-settings {
	--bs-btn-font-size: 1rem !important;
	--bs-btn-padding-y: 0.1rem !important;
	--bs-btn-padding-x: 0.4rem !important;
}

.form-control-readonly, .form-control-readonly:focus {
	background-color: #e9ecef;
	opacity: 1;
}
.form-check-input-warning:checked {
	background-color: var(--bs-warning) !important;
	border-color: var(--bs-warning) !important;
}
.form-check-input-success:checked {
	background-color: var(--bs-success) !important;
	border-color: var(--bs-success) !important;
}
.form-check-input-blue:checked {
	background-color: #3d8bfd !important;
	border-color: #3d8bfd !important;
}


/*
 * table zf
 */
.table-zf {
	margin-bottom: 0px;
	font-size: 0.825rem;
}

.size-normal {
	font-size: 14px;
}

.table-zf > thead > tr > th {
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle !important;
	border-left: 1px solid #ccc;
}
.table-zf > thead > tr > th:first-child {
	border-left: 1px solid #0d2c57;
	/* border-top-left-radius: 0.25rem; */
}

.table-zf > thead > tr > th:last-child {
	border-right: none !important;
	/* border-top-right-radius: 0.25rem; */
}
.table-zf > tbody > tr > td {
	vertical-align: middle !important;
	padding: 5px 5px;
	border-left: 1px solid #ddd;
}

.thead-right {
	float: right;
	margin-top:-5px; 
	margin-bottom:-5px;
}

.thead-right > .btn {
	padding: 0px;
	font-size: 160%;
}

.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > td {
	border: none;
}


.border-primary > .card-body > .table-zf > thead > tr > th {
	color: #fff;
	background-color: #0d2c57;
	
}

.border-info > .card-body > .table-zf > thead > tr > th {
	color: #fff;
	background-color: #b7183e;
}

.border-success > .card-body > .table-zf > thead > tr > th {
	color: #fff;
	background-color: #198754;
}

.border-warning > .card-body > .table-zf > thead > tr > th {
	color: #000;
	background-color: #ffc107;
}

.border-danger > .card-body > .table-zf > thead > tr > th {
	color: #fff;
	background-color: #dc3545;
}

.table-zf-foot {
	background-color: #eee;
	font-weight: bold;
	vertical-align: middle !important;
}
.table-zf-left {
	background-color: #f5f5f5 !important;
}

.sel-success {
	color: #fff !important;
	background: #5cb85c !important;
}

.sel-danger {
	color: #fff !important;
	background: #bc0000 !important;
}

/* 
 * modal dialogs
 */
#modal_search_result {
	margin-top: 190px;
}
#modal_brisant_dlg {
	margin-top: 110px;
}
#save_data {
	margin-top: 110px;
}

/*
 * search form
 */
#search_form .input-vknr {
	background-color: #fff;
	color: #0d2c57;
	font-weight: bold;
	width: 95px;
}
#search_form .lbl-vknr {
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
	background-color: #fff;
	color: #0d2c57;
	padding: 4px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
#search_form .lbl-vknr-name {
	font-size: 0.750rem;
	background-color: #fff;
	color: #0d2c57;
	padding: 1px 5px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
#search_form .select-header > .btn {
	background-color: #fff;
	color: #0d2c57;
	font-weight: bold;
	font-size: 100%;
	padding: 3px 12px;
}
#div_search_params {
	margin-top: 15px;
	margin-bottom: 10px;
}

/* 
 * search result
 */
.search-result-btn {
	width: 55px;
}
.table-search {
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
	display: block;
}
.height-scroll {
	height: 340px;
}
.height-max {
	height: 100%;
}

.well-zf {
	font-size: 0.75rem;
	margin-top: 5px;
	margin-bottom: 5px;
}

.label-group-detail {
	text-align: center;
	vertical-align: middle !important;
}

.only-search-header {
	border-bottom:0px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.spinner-reklaform {
	padding-top: 25px;
	padding-bottom: 300px;
	padding-left: 50px;
}