/* ========== general start ============ */

:root {
    
    /*
    --bs-body-bg: #EFFAFE;  
    --bs-body-bg: #D3D3FF;  
    --form-bg: #ffffff;
    --primary-color: #fec33a;
    --dark-text: #2a2b32;
    --input-bg: #f2f3f5;
    --border-radius: 20px;
    */
    
    /* calendar tempus dominus*/ 
    --td-active-bg: #FEC33A !important;
    --td-active-bg: #FEC33A !important;
    --td-active-color: #000 !important;
    
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
  /*
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  */ 
}

.alert{
	margin-bottom: 0px;
}

pre {
	white-space: pre-wrap;
}

.mw-px-500 {
	max-width: 500px;
}
.mw-px-700 {
	max-width: 700px;
}

/* tables do funny things when they shrink or grow, so we won't allow any line wraps */
.table td, .table th {
  white-space: nowrap;
}

.custom-scroll-container {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 3px; /*Tiny bit of extra room so text doesn't hit the scrollbar */
}

.hover-highlight {
    transition: background-color .15s ease-in-out;
}

.hover-highlight:hover {
    background-color: #fff3d8;  
}

/* ========== general end ============ */

/* ========== temp jquery fixes ============ */

/*
.ui-dialog .ui-button {
  background: none;
  border: none;
  box-shadow: none;
  display: inline-block;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
}
*/

/* ========== end temp jquery fixes ============ */


/* ========== calendar tempus-dominus start ============ */

.tempus-dominus-widget .toolbar DIV:hover {
	background-color: #9C9C9C !important;
	color: #000 !important;
}

.tempus-dominus-widget .toolbar DIV {
	border-color: #9C9C9C !important;
	border-radius: 0.375rem !important;
	border-width: 1px !important;
	border-style: solid !important;
	margin: 2px !important;
	color: #9C9C9C !important
}

/* ========== calendar tempus-dominus end ============ */

#company-logo { 
	float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
	background-color: #FFFFFF; 
	width: 140px;
	height: 60px;
}
#company-logo img{
	max-width: 140px;
}

.spch-pointer {
	cursor: pointer;
}

.spch-sidebar{ 
	width: 270px; 
/*	height: 100vh;*/
}

.spch-sidebar ul{ 
	text-transform: uppercase;
}
.nav-link{
	display: inline-flex;
    align-items: center; /* Zentriert Icon und Text vertikal zueinander */
    gap: 5px; /* Ersetzt margin-right im Pseudo-Element */
    width: 100%;
}

.nav-link.spch_navlink_systemoverview:before {
	font-family: "bootstrap-icons";
	content: "\F580"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_freightrequest:before {
	font-family: "bootstrap-icons";
	content: "\F685"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_listings:before {
	font-family: "bootstrap-icons";
	content: "\F478"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_statistics:before {
	font-family: "bootstrap-icons";
	content: "\F17E"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_logisticCompanies:before {
	font-family: "bootstrap-icons";
	content: "\F52A"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_infoboard:before {
	font-family: "bootstrap-icons";
	content: "\F431"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_admin:before {
	font-family: "bootstrap-icons";
	content: "\F3E5"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_cargoBoard:before {
	font-family: "bootstrap-icons";
	content: "\F1C7"; /* Unicode for the specific icon */
}
.nav-link.spch_navlink_structure:before {
	font-family: "bootstrap-icons";
	content: "\F2EE"; /* Unicode for the specific icon */
}


#spch-admin-userAccount {
	background: transparent url("../styles/symbols/actions/icon-kontakt.svg") no-repeat center center; background-size: 25px;
/* 	cursor: pointer; */
	height: 25px;
	width: 30px;
	margin: 3px 0 3px 0;
}


.icon-classic {
    width: 15px;
	height: 15px;
}

.form-check-input.large-switch {
  transform: scale(1.5);     /* Adjust scale as needed */
  transform-origin: left;    /* Keeps alignment clean */
}

.multiple-load-points {
	/* background-color: #f6f9fc; */
	margin-left: 10px;
	padding-left: 5px;	
	padding-right: 6px;	
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fec33a;
	padding-bottom: 6px;
/*	box-shadow: 5px 6px 4px -1px #f0f0f0; */
}

.multiple-load-points-view {
	border-width: 0 0 1px 1px;
}

.multiple-load-points INPUT{
	text-align: left !important;
	font-weight: bold;
}

.multiple-load-points .input-group-text
, .multiple-load-points .form-control 
, .multiple-load-points .form-select 
{
	font-size: 11px !important;
}

.multiple-load-points .departureCountryCode 
, .multiple-load-points .destinationCountryCode 
{
	font-weight: bold;
	max-width: 140px;
}

.row-multiLoadDeliveryPoint .abgangsort-plz
, .row-multiLoadDeliveryPoint .empfangsort-plz{
	width: 70px !important;
}
.row-multiLoadDeliveryPoint .abgangsort-ort
, .row-multiLoadDeliveryPoint .empfangsort-ort{
	width: 140px !important;
}
.row-multiLoadDeliveryPoint .abgangsort-street
, .row-multiLoadDeliveryPoint .empfangsort-street{
	width: 140px !important;
}

.spch-accented-content {
	background-color: #f1f8fb;
} 

.spch-overflow-outer {
	margin: 0px;
	min-width: 100%;
}

.spch-offerCard {
	min-height: 330px;
	min-width: 510px;
	max-width: 510px;
}

.spch-offerCard-logo {
	height: 70px;
}

.spch-offerCard-tags {
}

.spch-offerCard-offerConfirmation {
	font-size: 11px;
}

.spch-card-footer {
	background: transparent;
}

.spch-card-footer .alert 
, .spch-offerCard .alert
, #hintDisabledCarriers .alert 
{
	--bs-alert-padding-x: 0.75rem;
	--bs-alert-padding-y: 0.375rem;
}

.spch-list-requestDetails i  {
	font-size: 0.9rem ;
}

.spch-list-requestDetails .loaderContact 
{
	font-size: 1.25rem ;
	font-weight: 700 ;
}
.spch-list-requestDetails .requestColliDetails 
{
}

.spch-offer-multicontainer-info {
	min-width: 280px;
}

.spch-offer-details {
	/* font-size: 1.05rem; */
	padding: 30px 0px 30px 0px;
}

.spch-resize-none {
    resize: none;
}

.spch-requestList-date , .spch-requestList-delivery, .spch-reqquestList-requestno, .spch-reqquestList-sign 
, .spch-requestList-progressBar
, .spch-offerCard-compName, .spch-offerCard-validTill, .spch-offerCard-shipmentDetail, .spch-offerCard-total
{
	/*font-weight: bold;*/
}

.spch-offerCard-compName, .spch-offerCard-validTill
, .spch-offerCard-total
{
	font-weight: bold;
}

.spch-offerCard-shipmentDetail
{
}

.spch-offerCard-small-text
{
	font-size: 0.9rem ;
}

.spch-requestList-buttonGroup .btn{
	font-size: 1.25rem !important;
}

.count_message {
  background-color: smoke;
  margin-top: -20px;
  margin-right: 5px;
}

.spch-textbox-row20 {
	height: 600px;
	resize: none;
}
.spch-textbox-row15 {
	height: 422px;
	resize: none;
}
.spch-textbox-row10 {
	height: 240px;
	resize: none;
}

.spch-textbox-row7 {
	height: 120px;
	resize: none;
}

.spch-textbox-row5 {
	height: 70px;
	resize: none;
}

.spch-initials {
	width: 25px;
	height: 25px;
	background-color: #e8ebfa;
  	color: #3b3f8c;
  	border-radius: 50% !important;
  	align-items: center !important;
  	justify-content: center !important;
  	display: inline-flex !important;
}

.spch-initials.spch-initials-lg {
	width: 55px;  
	height: 55px; 
	font-size: 1.09375rem !important;
}

#userList .spch-initials {
	width: 35px;
	height: 35px;
	font-size: 1.09375rem !important;
}

.spch-freightselect .card {
	width: 250px;
}

.spch-freightselect-img {
	width: 50px;
}

/* - once a card is populated (offer given -> then same size)
.spch-container-offers > DIV.container-flex > .card {
	min-height: 200px;
}
*/

/*
body {
	background-color: var(--main-bg-color);
    color: var(--text-color);
    font-family: 'Roboto', sans-serif;
}
*/    

/* ===================== flyin START ==================== */

.global-content-flyin {
	display: none; 
	position: fixed; 
	background-color: #fff; 
	top: 0; 
	right: 0px; 
	width: 1400px; 
	height: 100%; 
	z-index: 1020;
	/*border: 1px blue red;*/
}

.global-content-flyin-details {
	width: 100%; 
	height: 97%; 
	float: left; 
	text-align: left; 
	overflow: auto; 
	/*border: 1px green solid;*/
}

/* ===================== flyin END ====================== */

.angebot-header-offer-select-bar {
	max-height: 100px;
}

#requestValueDetails-wrapper { display: none; }
#requestValueDetails-wrapper.open { display: block; }

.icon-ec:after {
	font-family: "bootstrap-icons";
	content: "\F282"; /* Unicode for the specific icon */
}
.icon-ec.open:after {
	font-family: "bootstrap-icons";
	content: "\F286"; /* Unicode for the specific icon */
}

.icon-electReason.tag1:after {
	font-family: "bootstrap-icons";
	content: "\F247";	
}
.icon-electReason.tag2:after {
	font-family: "bootstrap-icons";
	content: "\F597";	
}
.icon-electReason.tag3:after {
	font-family: "bootstrap-icons";
	content: "\F7CD";	
}
.icon-electReason.tag4:after, .icon-electReason.tag52:after {
	font-family: "bootstrap-icons";
	content: "\F2E6";	
}
.icon-electReason.tag50:after {
	font-family: "bootstrap-icons";
	content: "\F623";	
}
.icon-electReason.tag51:after {
	font-family: "bootstrap-icons";
	content: "\F5EA";	
}

#requestHeading.open {
	color: var(--bs-heading-color);
}

#requestHeading {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
}

/* ===================== create request =================== */

.inquiry-table { 
	border: none;
}
.inquiry-content td {
	padding-bottom: 5px;
}


#inquiry-sendungsangaben,
#inquiry-sendungsangaben-fcl {
    font-size: 12px;
}

#inquiry-sendungsangaben #col-quantity, #inquiry-sendungsangaben .cell-quantity input 					{ width: 80% !important; }
#inquiry-sendungsangaben #col-packing, #inquiry-sendungsangaben .cell-packing select 					{ width: 95% !important; }
#inquiry-sendungsangaben #col-length, #inquiry-sendungsangaben .cell-length input 						{ width: 80% !important; }
#inquiry-sendungsangaben #col-width, #inquiry-sendungsangaben .cell-width input 						{ width: 80% !important; }
#inquiry-sendungsangaben #col-height, #inquiry-sendungsangaben .cell-height input 						{ width: 80% !important; }
#inquiry-sendungsangaben #col-stackable, #inquiry-sendungsangaben .cell-stackable select 				{ width: 90% !important; }
#inquiry-sendungsangaben #col-description, #inquiry-sendungsangaben .cell-description input 			{ width: 90% !important; }
#inquiry-sendungsangaben #col-weight, #inquiry-sendungsangaben .cell-weight input 						{ width: 80% !important; }
#inquiry-sendungsangaben #col-comment, #inquiry-sendungsangaben .cell-comment input 					{ width: 90% !important; }
#inquiry-sendungsangaben #col-hazardous, #inquiry-sendungsangaben .cell-hazardous select 				{ width: 90% !important; }
#inquiry-sendungsangaben #col-unnumber, #inquiry-sendungsangaben .cell-unnumber input 					{ width: 90% !important; }

#inquiry-sendungsangaben-fcl .cell-quantity input 		{ width: 70% !important; }
#inquiry-sendungsangaben-fcl .cell-packing select 		{ width: 90% !important; }
#inquiry-sendungsangaben-fcl .cell-description input 	{ width: 90% !important; }
#inquiry-sendungsangaben-fcl .cell-weight input 		{ width: 80% !important; }
#inquiry-sendungsangaben-fcl .cell-hazardous select 	{ width: 90% !important; }
#inquiry-sendungsangaben-fcl .cell-unnumber input 		{ width: 90% !important; }

#inquiry-sendungsangaben #col-quantity		{ width:  5% !important; }
#inquiry-sendungsangaben #col-packing		{ width: 15% !important; }
#inquiry-sendungsangaben #col-length		{ width:  5% !important; }
#inquiry-sendungsangaben #col-width			{ width:  5% !important; }
#inquiry-sendungsangaben #col-height		{ width:  5% !important; }
#inquiry-sendungsangaben #col-stackable		{ width:  7% !important; }
#inquiry-sendungsangaben #col-description	{ width: 18% !important; }
#inquiry-sendungsangaben #col-weight		{ width:  8% !important; }
#inquiry-sendungsangaben #col-comment		{ width: 18% !important; }
#inquiry-sendungsangaben #col-hazardous		{ width:  6% !important; }
#inquiry-sendungsangaben #col-unnumber		{ width:  8% !important; }

#inquiry-sendungsangaben-fcl #col-quantity		{ width:   8% !important; }
#inquiry-sendungsangaben-fcl #col-packing		{ width:  20% !important; }
#inquiry-sendungsangaben-fcl #col-description	{ width:  28% !important; }
#inquiry-sendungsangaben-fcl #col-weight		{ width:  18% !important; }
#inquiry-sendungsangaben-fcl #col-hazardous		{ width:   8% !important; }
#inquiry-sendungsangaben-fcl #col-unnumber		{ width:  18% !important; }

/* ===================== create request =================== */
.col-preis select {
	max-width: 100px;
}
/* ===================== create offer =================== */

.spch-offer-totalPrice {
	margin-right: 88px;
}

/* ===================== search carrier / and carried cards =================== */

.spch-searchCarrier {
	min-width: 300px;
}

.traffic_toggle,
.traffic_toggle_control {
	width: 25px;
	height: 25px;
	display: inline-block;
	cursor: poiner;
}
.traffic_toggle.small, 
.traffic_toggle_control.small { 
	background-size: 34px !important; 
	width: 31px;
	height: 36px;
}
.traffic_toggle.xsmall, 
.traffic_toggle_control.xsmall { 
	background-size: 25px !important; 
	width: 22px;
	height: 21px;
}
.traffic_toggle.xxsmall, 
.traffic_toggle_control.xxsmall { 
	background-size: 20px !important; 
	width: 17px;
	height: 15px;
}

.traffic_toggle.spch_carrierSearch  { 
	width: 20px;
	height: 20px;
	background-size: 18px !important;  
}
.traffic_toggle.spch_carrierRelation  { 
	width: 22px;
	height: 22px;
	background-size: 22px !important;  
	margin-top: -4px;
}

/* Styles Speditionssuche */
.traffic_toggle#notify-icon 					{ background: transparent url("../styles/symbols/actions/icon-notify-gr.png") no-repeat center center; }

.traffic_toggle_control#toggleSelect 			{ background: transparent url("../styles/symbols/fracht-icons/toggleSelect.png") no-repeat center center; }

.traffic_toggle#AirfreightExport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-exp.svg") no-repeat center center; }
.traffic_toggle.dis#AirfreightExport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-luft-exp.svg") no-repeat center center; }

.traffic_toggle#AirfreightImport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-imp.svg") no-repeat center center; }
.traffic_toggle.dis#AirfreightImport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-luft-imp.svg") no-repeat center center; }

.traffic_toggle#SeafreightExport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-exp.svg") no-repeat center center; }
.traffic_toggle.dis#SeafreightExport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-see-fcl-exp.svg") no-repeat center center; }

.traffic_toggle#SeafreightImport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-imp.svg") no-repeat center center; }
.traffic_toggle.dis#SeafreightImport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-see-fcl-imp.svg") no-repeat center center; }

.traffic_toggle#SeafreightBreakBulk 			{ background: transparent url("../styles/symbols/fracht-icons/icon-sea-break-bulk.svg") no-repeat center center; }
.traffic_toggle.dis#SeafreightBreakBulk 		{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-sea-break-bulk.svg") no-repeat center center; }

.traffic_toggle#Railfreight 					{ background: transparent url("../styles/symbols/fracht-icons/icon-rail.svg") no-repeat center center; }
.traffic_toggle.dis#Railfreight			 		{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-rail.svg") no-repeat center center; }

.traffic_toggle#TruckfreightNational 			{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-nat.svg") no-repeat center center; }
.traffic_toggle.dis#TruckfreightNational 		{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-lkw-nat.svg") no-repeat center center; }

.traffic_toggle#TruckfreightInternational 		{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-int.svg") no-repeat center center; }
.traffic_toggle.dis#TruckfreightInternational 	{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-lkw-int.svg") no-repeat center center; }


/* Styles Visitenkarte Speditionen */
.traffic_toggle.small#AirfreightExport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-exp.svg") no-repeat center center; }
.traffic_toggle.small.dis#AirfreightExport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-luft-exp.svg") no-repeat center center; }

.traffic_toggle.small#AirfreightImport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-imp.svg") no-repeat center center; }
.traffic_toggle.small.dis#AirfreightImport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-luft-imp.svg") no-repeat center center; }

.traffic_toggle.small#SeafreightExport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-exp.svg") no-repeat center center; }
.traffic_toggle.small.dis#SeafreightExport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-see-fcl-exp.svg") no-repeat center center; }

.traffic_toggle.small#SeafreightImport 				{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-imp.svg") no-repeat center center; }
.traffic_toggle.small.dis#SeafreightImport 			{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-see-fcl-imp.svg") no-repeat center center; }

.traffic_toggle.small#SeafreightBreakBulk 			{ background: transparent url("../styles/symbols/fracht-icons/icon-sea-break-bulk.svg") no-repeat center center; }
.traffic_toggle.small.dis#SeafreightBreakBulk 		{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-sea-break-bulk.svg") no-repeat center center; }

.traffic_toggle.small#Railfreight 					{ background: transparent url("../styles/symbols/fracht-icons/icon-rail.svg") no-repeat center center; }
.traffic_toggle.small.dis#Railfreight			 	{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-rail.svg") no-repeat center center; }

.traffic_toggle.small#TruckfreightNational 			{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-nat.svg") no-repeat center center; }
.traffic_toggle.small.dis#TruckfreightNational 		{ background: transparent url("../styles/symbols/fracht-icons/gr/icon-lkw-nat.svg") no-repeat center center; }

.traffic_toggle.small#TruckfreightInternational 	{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-int.svg") no-repeat center center; }
.traffic_toggle.small.dis#TruckfreightInternational { background: transparent url("../styles/symbols/fracht-icons/gr/icon-lkw-int.svg") no-repeat center center; }


.icon-lkw-int			{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-int.svg") no-repeat center center; }
.icon-lkw-nat			{ background: transparent url("../styles/symbols/fracht-icons/icon-lkw-nat.svg") no-repeat center center; }
.icon-luft-exp			{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-exp.svg") no-repeat center center; }
.icon-luft-imp			{ background: transparent url("../styles/symbols/fracht-icons/icon-luft-imp.svg") no-repeat center center; }
.icon-sea-break-bulk	{ background: transparent url("../styles/symbols/fracht-icons/icon-sea-break-bulk.svg") no-repeat center center; }
.icon-see-fcl-exp		{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-exp.svg") no-repeat center center; }
.icon-see-fcl-imp		{ background: transparent url("../styles/symbols/fracht-icons/icon-see-fcl-imp.svg") no-repeat center center; }
.icon-see-lcl-exp		{ background: transparent url("../styles/symbols/fracht-icons/icon-see-lcl-exp.svg") no-repeat center center; }
.icon-see-lcl-imp		{ background: transparent url("../styles/symbols/fracht-icons/icon-see-lcl-imp.svg") no-repeat center center; }
.icon-rail-fcl			{ background: transparent url("../styles/symbols/fracht-icons/icon-rail.svg") no-repeat center center; }
.icon-rail-lcl			{ background: transparent url("../styles/symbols/fracht-icons/icon-rail.svg") no-repeat center center; }

.icon20 {
	background-size: 20px !important;
    width: 20px;
	height: 20px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}

/* ============================== company card ================================ */

.spedition_vcard {
	width: 280px;
	background-color: white;
	float: left;
	position: relative;
	box-sizing: border-box;
}
.spedition_vcard.spch-orgCardWithConfig {
	width: 310px;
}

/* ============================== users ================================ */

/* ============================== subscription packages ================================ */

.spch_featureTable DIV{
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.spch_featureListing DIV {
	text-align: left;
	font-weight: bold;
}

.spch_featureHeadline, .spch_featureLine{
	padding-left: 20px !important;
	padding-right: 20px !important;	 
}

.spch_featureHeadline {
	min-height: 120px;
}

.spch_featureSelected {
	background: var( --bs-primary-bg-subtle );
}

/* ============================== users ================================ */

.spch_emailnotification:after{
	font-family: "bootstrap-icons";
	content: "\F189";	
	color: var(--bs-primary);
}
.spch_emailnotification.dis:after{
	font-family: "bootstrap-icons";
	content: "\F631";	
	color: var(--bs-secondary);
}
.spch_cargoboardnotification:after{
	font-family: "bootstrap-icons";
	content: "\F7D3";	
	color: var(--bs-primary);
}
.spch_cargoboardnotification.dis:after{
	font-family: "bootstrap-icons";
	content: "\F1C7";	
	color: var(--bs-secondary);
}


#userList table th 
, #subscriptionChangeLog table th 
{
	font-size: 1.09375rem !important; 
}

#subscriptionChangeLog
{
    height: 400px;         
    overflow-y: auto;     
    display: block;
}

#subscriptionChangeLog thead th 
, .spch-sticky-head-table thead th
{
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: inset 0 -1px 0 #dee2e6; /* Verhindert das Verschwinden der Linie */
}
	
.spch-bg-red-yellow-green{
	background: linear-gradient(
             90deg,
             #dc3545,
             #ffc107,
             #198754
           );
}	
.spch-bg-yellow-green{
	background: linear-gradient(to right, #ffc107, #198754);
}

/* ============================== org details ================================ */

.spch_orgDetails DIV {
	/*
	white-space:  nowrap;
	*/
}
.spch_orgDetails DIV.text-secondary {
	/* 
	white-space:  nowrap;
	*/
}

.spch_orgDetails-gen 
, .spch_orgDetails-gen.spedition_vcard.spch-orgCardWithConfig
{
	width: 450px;
}

.spch_orgDetails-connected 
, .spch_orgDetails-doubleWidth
{
	width: 914px;
}

.spch_countryGrid {
	width: 144px; 
}

.spch_countryGrid-xl {
	width: 160px; 
}

/* ============================== org details ================================ */

.lb_tag_tradeRoutePromo_tag_specialRates:before{
	font-family: "bootstrap-icons";
	content: "\F4D1";	
}
.lb_tag_tradeRoutePromo_tag_freeCapacity:before{
	font-family: "bootstrap-icons";
	content: "\F1C7";	
}
.lb_tag_tradeRoutePromo_tag_charterFlight:before{
	font-family: "bootstrap-icons";
	content: "\F7CD";	
}
.lb_tag_tradeRoutePromo_tag_greenFuel:before{
	font-family: "bootstrap-icons";
	content: "\F30D";	
}
.lb_tag_tradeRoutePromo_tag_co2Neutral:before{
	font-family: "bootstrap-icons";
	content: "\F90C";	
}
.lb_tag_tradeRoutePromo_tag_specialist:before{
	font-family: "bootstrap-icons";
	content: "\F589";	
}

/* ============================== invitations ================================ */

.spch-invitation-col-1{
	width: 40%;	
}
.spch-invitation-col{
	width: 25%;	
}
.spch-invitation-col-btn{
	min-width: 100px;	
}

#dialog-invitePartner .input-group-text {
	min-width: 160px;
}

/* ============================== dashboard ================================ */

.spch_dashboard {
	width: 1330px;
}

.spch_dashboard_freighrequests {
	width: 960px;
}
.spch_dashboard_freighrequests A {
	width: 300px;
}

.spch_dashboard_quicklinks {
	min-width: 350px;  
}

.spch_dashboard_quicklinks .rounded-pill {
	min-width: 40px;
}

.spch_dashboard_exchangeRates{
	width: 400px;
}

.spch_dashboard_exchangeRates .card-footer{
	font-size: 10px;
}

.spch_dashboard_miniStat {
	width: 320px;
	min-height: 310px;
}

.spch_dashboard_invitations {
	width: 290px;
}
.spch_dashboard_tradelane {
	width: 584px;
}
.spch_dashboard_tradelane_carrierAd {
	width: 290px;
}

.spch-dashboard-news-stat-section .card {
	min-height: 320px;
}

.spch_dashboard_news {
	width: 280px;
	max-height: 280px;
}
.spch_dashboard_news_transp {
	width: 430px;
	max-height: 280px;
}
.spch_dashboard_oneStat {
	width: 320px;
}
.spch_dashboard_twoStat {
	width: 657px;
	min-height: 140px;
}
.spch_dashboard_customerMostTurnover {
	width: 657px;
	min-height: 310px;
}

.spch-card-header-light {
	background-color: transparent !important;
  	border-bottom: 0px;
  	margin-top: 5px;
  	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity, 1)) !important; 
}

/* ==================== Infoboard ========================= */


.spch-infoboard-news-stat-section .card {
	min-height: 350px;
}
.spch_dashboard_news_transp-lg {
	width: 930px;
}

.spch-infoboard-tradelane-stat-section .card {
	min-height: 300px;
}
.spch_infoboard_tradelane {
	width: 700px;
}

.spch-autonews {
	width: 200px; 
}

.spch_dashboard_news-lg{
	min-width: 49%;
	max-width: 49%;
}

.spch_dashboard_exchangeRates .exchangeContent{
	height: 240px; 
}

/* ==================== Statistics ========================= */

.stat-transp-icon {  
	height: 13px; 
	width: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 0px solid white;
	display: inline-block;
	margin-right: 4px;
} 


.statAirfreightExport 			{ background-color: rgba( 63, 177,  53, 0.8) /* #3fb135; */ }
.statAirfreightImport 			{ background-color: rgba(122, 212, 114, 0.8) /* #7ad472; */ }
.statSeafreightExport 			{ background-color: rgba(  1,  66, 160, 0.8) /* #0142a0; */ }
.statSeafreightImport 			{ background-color: rgba( 69, 121, 204, 0.8) /* #4579cc; */ }
.statSeafreightBreakBulk		{ background-color: rgba(252, 157,  75, 0.8) /* #fc9d4b; */ }
.statTruckfreightNational		{ background-color: rgba(214,  18,  32, 0.8) /* #d61220; */ }
.statTruckfreightInternational	{ background-color: rgba(243,  62,  71, 0.8) /* #f33e47; */ }
.statRailfreightLcl				{ background-color: rgba( 87,  86,  82, 0.8) /* #575652; */ }
.statRailfreightFcl				{ background-color: rgba(133, 133, 123, 0.8) /* #85857b; */ }

.statTYPE_AIRFREIGHT_EXPORT 			{ background-color: rgba( 63, 177,  53, 0.8) /* #3fb135; */ }
.statTYPE_AIRFREIGHT_IMPORT 			{ background-color: rgba(122, 212, 114, 0.8) /* #7ad472; */ }
.statTYPE_SEAFREIGHT_EXPORT_FCL    		{ background-color: rgba(  1,  66, 160, 0.8) /* #0142a0; */ }
.statTYPE_SEAFREIGHT_EXPORT_LCL    		{ background-color: rgba( 16, 171, 165, 0.8) /* #10aba5; */ }
.statTYPE_SEAFREIGHT_IMPORT_FCL   		{ background-color: rgba( 69, 121, 204, 0.8) /* #4579cc; */ }
.statTYPE_SEAFREIGHT_IMPORT_LCL   		{ background-color: rgba(101, 208, 202, 0.8) /* #65d0ca; */ }
.statTYPE_SEAFREIGHT_EXPORT_BREAK_BULK	{ background-color: rgba(252, 157,  75, 0.8) /* #fc9d4b; */ }
.statTYPE_TRUCKFREIGHT_NATIONAL			{ background-color: rgba(214,  18,  32, 0.8) /* #d61220; */ }
.statTYPE_TRUCKFREIGHT_INTERNATIONAL	{ background-color: rgba(243,  62,  71, 0.8) /* #f33e47; */ }
.statTYPE_RAILFREIGHT_LCL				{ background-color: rgba( 87,  86,  82, 0.8) /* #575652; */ }
.statTYPE_RAILFREIGHT_FCL				{ background-color: rgba(133, 133, 123, 0.8) /* #85857b; */ }

.stat-transp-name {
	color: #95989c;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

#transp-legend {
	display: flex;
	justify-content: space-between;
}

.bigDonutChartWrapper { 
	display: inline-block;
	width: 24.5%;
}
.rotx90 {
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
}
.roty90 {
	transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	transition: transform 1s ease-in-out;
	-webkit-transition: transform 1s ease-in-out;
}
.roty-90 {
	transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	transition: transform 0.7s ease-in-out;
	-webkit-transition: transform 0.7s ease-in-out;
}

.delay1 { transition-delay: 0.0ss;	-webkit-transition-delay: 0.0ss; } 
.delay2 { transition-delay: 0.2s;	-webkit-transition-delay: 0.2s; } 
.delay3 { transition-delay: 0.4s;	-webkit-transition-delay: 0.4s; } 
.delay4 { transition-delay: 0.6s;	-webkit-transition-delay: 0.6s; } 
.delay5 { transition-delay: 0.8s;	-webkit-transition-delay: 0.8s; } 
.delay6 { transition-delay: 1.0s;	-webkit-transition-delay: 1.0s; } 

#middleSection{
	display: flex;
	justify-content: space-between;
}

.barChartWrapper { 
	display: inline-block;
	width: 39%; 
	height: 500px;
	padding-top: 11px;
}
.barChart {
	height: 400px; 
	width: 100%;
}
.doubleDonutChat {
	height: 500px; 
	/*width: 20%;*/
}
.donutChart {}
.donutChart.big {
	height: 340px; 
	width:  330px;
}
.donutChart.small {
	height: 250px; 
	width:  250px;
}
.donutInner {
    position: absolute;
    left: 50%;
    color: #3f4042;
    text-align: center;
}
.bigDonutChartWrapper .donutInner {
	margin-left: -96px;
	top: 128px;
	width: 190px;
}
.smallDonutChartWrapper .donutInner {
	margin-left: -54px;
	top: 73px;
	width: 108px;
}
.donutInner .value {
	font-weight: 300;
	font-size: 34px;
}
.donutInner .text {
	font-size: 12px;
	display: inline-block;
}
.smallDonutChartWrapper .donutInner .text {
    margin-top: -6px;
}
.chartHeader{
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
}
.chartHeaderText{
	color: #252628;
	font-size: 14px;
	background-color: #E5E5E5;
	padding: 10px;
	position: relative;
	top: -10px;
}

#statSummaryTable {
	width: 100%;
	background-color: white;
	color: #252628;
	font-size: 12px;
}
#statSummaryTable td.good {
	font-weight: bold;
	color: green;	
}
#statSummaryTable td.bad {
	font-weight: bold;
	color: red;	
}
#statSummaryTable thead td {
	padding: 12px 20px;
	text-align: center;
}
#statSummaryTable tbody td {
	padding: 6px 20px;
	text-align: right;
}
#statSummaryTable tbody td.firstCell {
	text-align: left;
	font-weight: bold;
}
#statSummaryTable tr.even {
    background-color: #f0f0f0;
}
#statSummaryTable tr.last {
    background-color: #a2a6a9;
    color: white;
    border-top: 1px solid white;
}
#statSummaryTable tr.last td {
	font-weight: bold;	
}
#statSummaryTable td, 
#statSummaryTable th {
    border-left: 1px solid #e5e5e5;
}
#statSummaryTable tr:first-child th {
}
#statSummaryTable tr:last-child td {
    border-bottom: 0;
}
#statSummaryTable tr td:first-child,
#statSummaryTable tr th:first-child {
    border-left: 0;
}
#statSummaryTable tr td:last-child,
#statSummaryTable tr th:last-child {
    border-right: 0;
}

/*=================== Statistics end =======================*/