:root {
	/* Variables - Colors */
	--bs-bg: rgba(255,255,255,1); /* BG weiss */
	--bs-bg-alt: rgba(215,250,240,1); /* BG ALT. #D7FAF0 Türkis hell */
	--bs-titel: rgba(54,216,199,1); /* Titel #36D8C7 Türkis mittel */
	--bs-subtitel: rgba(0,166,172,1); /* Subtitel #00A6AC Türkis dunkel */
	--bs-text: rgba(20,20,25,1); /* TEXT #141419 schwarz */
	--bs-text-alt: rgba(100,100,105,1); /* TEXT ALT. #646469 dunkelgrau */
	--bs-status-pos: rgba(90,250,130,1); /* STATUS POS. #5AFA82 hellgrün */
	--bs-status-pos-sec: RGBA(90,220,130,1); /* STATUS POS. SEC. #5ADC82 hellgrün abgedunkelt */
	--bs-status-neg: rgba(255,100,65,1); /* STATUS NEG. #FF6441 hellrot */
	--bs-status-neg-sec: rgba(225,100,65,1); /* STATUS NEG. SEC. #E16441 hellrot abgedunkelt */
	--bs-status-neg-light: rgba(251,214,207,1); /* STATUS NEG. #fbd6cf helleres rot */
	--bs-status-unkwn: rgba(215,225,225,1); /* STATUS UNKWN. #D7E1E1 hellgrau */
	--bs-bg-light2: rgba(230,240,240); /* helles grau für Filter / Tabellenzeilenmarkierung*/
	--bs-bg-light3: rgba(246,246,246); /*ganz helles grau für Öffnungszeiten*/
	--bs-status-select: rgba(20,20,25,1); /* STATUS SELECT. #141419 schwarz */

	/* Variables - MLT Fonts */
	--bs-font-sans-serif: "montserratregular", "Arial";
	--bs-font-semibold: "montserratsemibold", "Arial";
	--bs-font-extrabold: "montserratextrabold", "Arial";
	--bs-font-alt: "Daniel";
  	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* COLORS */
.color-white{color:var(--bs-bg)!important;}
.color-mint-light{color:var(--bs-bg-alt)!important;}
.color-mint{color:var(--bs-titel)!important;}
.color-mint-dark{color:var(--bs-subtitel)!important;}
.color-dark{color:var(--bs-text)!important;}
.color-grey{color:var(--bs-text-alt)!important;}
.color-green{color:var(--bs-status-pos)!important;}
.color-green-dark{color:var(--bs-status-pos-sec)!important;}
.color-red{color:var(--bs-status-neg)!important;}
.color-red-dark{color:var(--bs-status-neg-sec)!important;}
.color-grey-light{color:var(--bs-status-unkwn)!important;}
.bg-white{background-color:var(--bs-bg)!important;}
.bg-mint-light, .bg-light{background-color:var(--bs-bg-alt)!important;}
.bg-mint{background-color:var(--bs-titel)!important;}
.bg-mint-op90{background-color:rgba(54,216,199,0.94)!important;}
.bg-mint-dark{background-color:var(--bs-subtitel)!important;}
.bg-dark{background-color:var(--bs-text)!important;}
.bg-grey{background-color:var(--bs-text-alt)!important;}
.bg-green{background-color:var(--bs-status-pos)!important;}
.bg-green-dark{background-color:var(--bs-status-pos-sec)!important;}
.bg-red{background-color:var(--bs-status-neg)!important;}
.bg-red-dark{background-color:var(--bs-status-neg-sec)!important;}
.bg-red-light{background-color:var(--bs-status-neg-light)!important;}
.bg-grey-light{background-color:var(--bs-status-unkwn)!important;}
.bg-grey-light2{background-color:var(--bs-bg-light2)!important;}
.bg-grey-light3{background-color:var(--bs-bg-light3)!important;}
.border-mint { border:1px solid var(--bs-titel)!important;}
.border-bottom-mint { border-bottom:1px solid var(--bs-titel)!important;}
.border-bottom-mint-dark { border-bottom:1px solid var(--bs-subtitel)!important;}
.border-mint-dark { border:1px solid var(--bs-subtitel)!important;}
.border-green { border:1px solid var(--bs-status-pos)!important;}
    
/* FONTS */
.font-regular { font-family: var(--bs-font-sans-serif)!important }
.font-semibold { font-family: var(--bs-font-semibold)!important; }
.font-extrabold { font-family: var(--bs-font-extrabold)!important; }
.font-alt { font-family: var(--bs-font-alt)!important; }

/* BUTTONS */
.btn { font-size:16px; line-height:16px; padding:8px 16px; text-transform: none; border-radius:0.6rem; font-family: var(--bs-font-sans-serif); }
.btn-small { font-size:14px; line-height:14px; padding:0.6rem 0.9rem 0.6rem 0.9rem; border-radius:0.6rem; }
.btn-mint-light {color:var(--bs-text); background-color:var(--bs-bg-alt); border-color:var(--bs-bg-alt); }
.btn.btn-mint-light:hover, .btn-mint:hover {color:var(--bs-text); background-color:var(--bs-bg-alt); border-color:var(--bs-bg-alt); }
.btn-mint {color:#fff; background-color:var(--bs-titel); border-color:var(--bs-titel); }
.btn.btn-mint:hover, .btn-mint:hover {color:#fff; background-color:var(--bs-titel); border-color:var(--bs-titel); }
.btn-mint-dark {color:#fff; background-color:var(--bs-subtitel); border-color:var(--bs-subtitel); }
.btn.btn-mint-dark:hover {color:#fff; background-color:var(--bs-subtitel); border-color:var(--bs-subtitel); }
.btn-green {color:#fff; background-color:var(--bs-status-pos); border-color:var(--bs-status-pos); }
.btn.btn-green:hover {color:#fff; background-color:var(--bs-status-pos); border-color:var(--bs-status-pos); }
.btn-grey {color:#fff; background-color:var(--bs-status-unkwn); border-color:var(--bs-status-unkwn); }
.btn.btn-grey:hover {color:#fff; background-color:var(--bs-status-unkwn); border-color:var(--bs-status-unkwn); }
.b-back { padding:6px; background-color: var(--bs-bg-alt);}
.b-back:hover { background-color: var(--bs-titel); color:#fff; }
.nobtn:hover { cursor: default; }

button.material-icons { border:none; background-color:inherit; color:var(--bs-subtitel);}
.btn-splide-right { right:20px; bottom:20px; z-index:5; position:absolute; display: flex; flex-wrap:wrap; justify-content:center; }
.btn-aktionen-right { right:20px; bottom:20px; z-index:5; position:absolute; display: flex; flex-wrap:wrap; justify-content:center; }

.bi { display: inline-block; vertical-align: -0.25em;} /*für icons*/

body {
    min-height: 100vh;
	font-size: calc(13px + 0.05vw);
}

.font-body { font-size: calc(13px + 0.05vw); }

a {  text-decoration: none !important; color:var(--bs-titel); display: inline-block; }
a:hover { color:var(--bs-titel);}
.hyphens { hyphens:auto;} /*Text Silbentrennung*/

#main { padding-bottom:14px;}
.box {padding:24px;}

/* BORDER */
.border-right-mint-dark { border-right:1px solid var(--bs-subtitel);}
@media (max-width: 1200px) {
 	.border-lg-none { border:0;}  
}


/* Headings */
h1, .h1 {
  font-size: 20px;
  line-height:20px;
  font-family: var(--bs-font-sans-serif);
  color:var(--bs-text);
}
h2, .h2 {
  font-size: 20px;
  line-height:20px;
  font-family: var(--bs-font-sans-serif);
  /*border-bottom:1px solid var(--bs-text);*/
  width:auto!important;
  min-width:50%;
  display:inline-block;
  color:var(--bs-text);
}
h3, .h3 {
  font-size: 16px;
  color:var(--bs-text);
}
h4 {
  font-size: inherit;
  color:var(--bs-titel);
  font-weight: bold;
	margin-bottom:0.35rem;
}
h5 {
  font-size: inherit;
  color:var(--bs-titel);
	margin-bottom:0.35rem;
}


/*LAYOUT */
/*.vp-height { height: calc(100vh - 170px); }   Viewport height minus Menü & Überschrift */
.thead-sticky { position: sticky; top:0; z-index:50; } /* Table Header Sticky */
.cursor-pointer { cursor:pointer;}
.cursor-none { cursor: none;}
.border-dunkel { border-color: var(--bs-subtitel) !important;}
.t-hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.td-width { width:180px; } /* vorgegebene td-Breite */
.td-width-icon { width:40px; } /* vorgegebene td-Breite */
.container, .container-fluid {padding-right: 50px; padding-left:50px; }
.text-truncate { max-width:80px;}
.rotate-90 {transform: rotate(90deg);}
.m-center { margin-left:auto!important; margin-right:auto!important;}

/*Bootstrap Nav-Tabs*/
.nav-tabs-mlt li.nav-item  { width:50%; padding:0; }
.nav-tabs-mlt li.nav-item button { width:100%; background-color:var(--bs-bg-alt); color:var(--bs-dark); font-weight:600; border:0;}
.nav-tabs-mlt li.nav-item button:hover, .nav-tabs-mlt li.nav-item button.active { background-color:var(--bs-titel); color:#fff; }
.tab-content { padding:0;}
.tab-content .tab-pane { background-color:var(--bs-titel); color:#fff; padding:25px;}


/*Image*/
.bg-img { width:100%; height:100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.bg-image { width:100%; height:auto; background-position: center; background-repeat: no-repeat; background-size:cover;}

/*NAVIGATION */
.nav-link.dropdown-toggle.show:before { content:''; background-color:rgba(215,250,240,0.95); border:0; position:fixed; display:block; left:0; right:0; top:0; bottom:0; z-index:-1; cursor:default;} /* Menu Hover BG-Overlay */

@media (max-width: 1200px) {
 	.profilnav { position: absolute; right:130px;}
}


@media (min-width: 1200px) { /* absolut positionieren damit e-buttons über navi fahren*/
 	.profilnav { position: absolute; right:50px; z-index:10;}
	ul.navbar-nav.nav-absolute { margin-right:300px; }
}

.navbar .container-fluid { z-index:100;}
.nav-link-small {padding-right: 0.5rem!important; padding-left: 0.5rem!important;}
.icon-alert { padding: 0.3rem !important; top:9px; left:78%; position:absolute; transform:translate(-50%, -50%) !important;}
.navbar { padding-top:30px; padding-bottom:30px; font-size:16px;}
.navbar-nav .nav-link { color: var(--bs-text); padding:3px 20px; margin-right:15px; margin-left:15px;}
.navbar-nav a.nav-link:hover { color:#fff; background-color: var(--bs-titel);}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-titel); border-bottom: 2px solid var(--bs-titel);}
.navbar-nav .dropdown-menu { background-color:inherit; border:0; font-size:16px; }
.navbar-nav .dropdown-item { color: var(--bs-subtitel); background-color:inherit;}
.navbar-nav .dropdown-item:hover, #navbarNav .navbar-nav .dropdown-item:focus { color:var(--bs-subtitel); background-color:inherit !important;}

#navbarNav .navbar-nav .dropdown-menu ul { padding-left:0.8rem; /*max-width: 200px;*/ } 
#navbarNav .navbar-nav .dropdown-menu ul li { list-style: none !important;}
#navbarNav .navbar-nav .dropdown-menu li { position: relative; padding-left:14px;}
x#navbarNav .navbar-nav .dropdown-menu li a, x#navbarNav .dropdown-menu li { color:var(--bs-subtitel)!important; background-color:inherit !important; /*white-space: normal !important;*/}
x#navbarNav .navbar-nav .dropdown-menu li a.dropdown-item:hover { color:var(--bs-subtitel)!important; background-color:inherit !important;}
#navbarNav .navbar-nav .dropdown-menu ul li a { color:var(--bs-titel)!important; }
#navbarNav .navbar-nav .dropdown-menu ul li a.dropdown-item:hover { color:var(--bs-titel)!important; }

#navbarNav .navbar-nav .dropdown-menu li a::before, #header .dropdown-toggle-before::before { display: inline-block; content:''; border-top:0.3em solid transparent; border-right:0.3em solid transparent; border-bottom:0.3em solid transparent; border-left:0.3em solid; margin-left: -10px; top:15px; position: absolute;}

#navbarNav .dropdown-toggle::after { margin-left:8px;}

/*.navbar-nav .dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position:relative;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.navbar-nav .dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.navbar-nav .dropdown-menu > li:hover > .submenu{ display: block; }
*/
.account-icon { z-index: 1100; margin-right:3px;}
.show .account-icon { color:#fff !important; position:relative;}
.profile-menu.dropdown-menu { background-color:var(--bs-titel); min-width:300px; padding:6px 6px 0 6px; border:0; border-radius: 10px 0 10px 10px; color:#fff; margin-right:-10px;}
.profile-menu.dropdown-menu li, .profile-menu.dropdown-menu a { color:#fff;}
.profile-menu.dropdown-menu a:hover { background-color:var(--bs-subtitel);}
.profile-menu.dropdown-menu::before { content:''; width:60px; height:60px; border-radius: 10px 10px 0 0; display:block; background-color:var(--bs-titel); position: absolute; right:0; top:-60px; z-index:90;}
.profile-menu.dropdown-menu ul.profile-submenu { list-style: none; padding-left:20px;}
.profile-menu.dropdown-menu a.profile-link:hover { color:var(--bs-subtitel); background-color:inherit !important;} 

/*shop-menu nav-pills*/
.shop-menu .nav-pills .nav-link.active, .shop-menu.nav-pills .show > .nav-link  { background-color: var(--bs-titel)!important; color: #fff!important; }
.shop-menu .nav-pills .nav-link { border-radius:0;}
.shop-menu .nav-pills .nav-link { color: var(--bs-titel); }
.shop-menu .tab-content .tab-pane { padding:10px 20px;}
.shop-menu .tabnav-item { background-color:#fff; color:var(--bs-titel); padding:8px 30px; font-weight: bold; margin-right:5px; /*white-space: nowrap;*/ }
.shop-menu .tabnav-item.active, .shop-menu .tabnav-item:hover { background-color:var(--bs-subtitel); color:#fff;  }
tr.zusatzartikel td { border:0;}
tr.addartikel td, tr.hauptartikel td { border-top:1px solid var(--bs-subtitel);}
tr.addartikel td:nth-child(1), tr.addartikel td:nth-child(9) { border-top:0;}

/*Signature Pad
in signature-pad.css*/

/*Counter Menge*/
.count { text-align:center; background: inherit; border:0; width:40px; font-weight: bold; color:var(--bs-titel); font-size:16px; }
input.count::-webkit-outer-spin-button, input.count::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
input.count[type=number]{ -moz-appearance: textfield; }


/*List Group */
.list-group-item { padding:20px; border-color:var(--bs-bg-alt);}
.list-group-item h5 { font-size: 20px;  color:var(--bs-subtitel);}

/*MLT-Points Profil */
.mlt-button { height:40px; padding-top:7px; padding-bottom:5px;}
/*Expand Button */
 a.e-button { color: var(--bs-titel); background-color: var(--bs-bg-alt); text-transform: none; font-family: var(--bs-font-sans-serif); border: 0; border-radius:100px; padding-left: 7px; padding-right: 0; padding-top:8px; padding-bottom:6px; position: relative; overflow: hidden;  white-space: nowrap; max-width:40px; min-width: 40px; height:40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s linear;	}
 .e-button-text { position:relative; top:-7px; }
 a.e-button:hover { background-color: var(--bs-titel)!important; color: #fff!important;  }
 a.e-button span:hover {color:#fff!important;}
.nav-item a span:hover { color:inherit;}
@media (min-width: 1200px) {
 	a.e-button:hover { max-width: 340px; padding-left: 20px; padding-right: 20px;  }
}

/*Händlerübersicht Vertreter Dashboard*/
.handler-links span { cursor:pointer; padding:6px 10px; background-color:#fff; color:var(--bs-titel); font-weight:bold;}
.handler-links span:hover, .handler-links span.active { background-color:var(--bs-titel); color:#fff;}
.table.haendleruebersicht td { text-align: center; width:60px;}
.table.haendleruebersicht th { line-height:22px;}


/*Status Icons */
.icon-status { font-size:18px !important; padding:1px; color:#fff;}

/*Umsätze */
/*.fahrzeugstatus .line { padding:12px 0; line-height: 14px; font-size:14px;}*/
.dropdown_umsaetze { position:absolute; top:18px; right:18px; }
.kundenkontoLinks a.active { color:var(--bs-subtitel) !important;}

/*LOGIN + FORM */
.container-login input, .container-login input:focus { background-color: var(--bs-bg-alt); border:0; color: var(--bs-titel); padding:0.5rem 0.9rem; font-size:1.2rem;}
.container-login .form-control::placeholder { color: var(--bs-titel); opacity: 1; /* Firefox */ }
.container-login input:focus { color: var(--bs-titel); }
.container-login input:active { color: var(--bs-titel); }
.toggle-password { margin-top:10px; margin-right:15px;}
.w-125 { width:125px;}
th.sort { cursor: pointer;}
.i-sort { color: var(--bs-text-alt); font-size:18px !important; position: absolute; margin-top:-2px; margin-left:2px; cursor:pointer; } /*sortieren Icon*/
.i-sort:hover, .asc .i-sort, .desc .i-sort { color: var(--bs-titel); } /*sortieren Icon*/
.container-login .copyright { text-align:right;}
@media (max-width: 775px) {
 	.container-login .legal-copyright, .container-login .copyright { text-align:center;}
}

/*Pricerange Slider (http://ionden.com/)*/
.pricerange { width:250px; background-color:var(--bs-bg-light2); padding:10px; position:absolute; border-radius:0.3rem; margin-top:6px;}
.pricerange input.form-control { border: 1px solid #000 !important; border-radius:0;}
.irs--round { height: 28px !important;}
.irs--round .irs-line { top: 18px !important; height: 2px !important; background-color:var(--bs-status-unkwn) !important; border-radius: 4px !important;}
.irs--round .irs-bar {top: 18px !important; height: 2px !important; background-color:var(--bs-titel) !important;}
.irs--round .irs-handle { top: 13px !important; width: 12px !important; height: 12px !important; border: 1px solid #000 !important; background-color: white !important; border-radius: 14px !important; box-shadow: 0 !important; }
.euro { position:relative;}
.euro::before { content:'€'; position: absolute; top:5px; left:8px;}

/*Vertreter / Neukundenanlage*/ 
/*FORTSCHRITT-ANZEIGE */ 
.fortschritt-anzeige { font-size:16px; color:var(--bs-subtitel);}
.fortschritt-anzeige .active { font-weight: bold;}
.fortschritt-anzeige hr { margin:0 2px; position: relative; display: inline-block; width:40px; top:-4px;}

/*Öffnungszeiten */
.oeffnungszeiten-tab-small input { font-size:13px; padding:0; }
.oeffnungszeiten-tab-small td { padding:6px; }

.numberCircle { display:inline-block; line-height:0px; border-radius:50%; background-color: var(--bs-bg-alt); color: var(--bs-subtitel); font-family:var(--bs-font-semibold); width:32px; height:32px; text-align: center; margin:0 4px; }
.fortschritt-anzeige .active .numberCircle { background-color: var(--bs-subtitel); color:#fff; }
.numberCircle span { display:inline-block; padding-top:50%; padding-bottom:50%; margin-left:8px; margin-right:8px; }


/*FORM */
.form-check-input { width:20px; height:20px; background-color:transparent; border:2px solid var(--bs-subtitel);} /*Größe Checkbox*/
.form-check-input:checked { background-color:var(--bs-subtitel); border-color:var(--bs-subtitel);}
.form-control { font-size:inherit; background-color:inherit; border:1px solid var(--bs-titel); line-height:inherit; border-radius:0; padding:0.375rem 0.75rem;}
.form-control:focus {box-shadow: none;}
.form-control-white { background-color:#fff; border:0; border-radius:4px;}
.col-form-label { color:var(--bs-text-alt)!important; padding-top:calc(0.575rem + 1px); padding-bottom:calc(0.1rem + 1px);}

/*checkbox big colors (Vertreter Dashboard) */
.bg-mint-big.form-check-input { width:30px; height:30px; background-color:transparent; border:2px solid var(--bs-titel); border-radius:0;} 
.bg-mint-big.form-check-input:checked { background-color:var(--bs-titel);} 
.bg-mint-dark-big.form-check-input { width:30px; height:30px; background-color:transparent; border:2px solid var(--bs-subtitel); border-radius:0;} 
.bg-mint-dark-big.form-check-input:checked { background-color:var(--bs-subtitel);}
.bg-red-big.form-check-input { width:30px; height:30px; background-color:transparent; border:2px solid var(--bs-status-neg); border-radius:0;} 
.bg-red-big.form-check-input:checked { background-color:var(--bs-status-neg); } 
.bg-mint-big.form-check-input:checked[type=checkbox], .bg-mint-dark-big.form-check-input:checked[type=checkbox], .bg-red-big.form-check-input:checked[type=checkbox] { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}/*Farbe Haken*/
.bg-light-big.form-check-input { width:30px; height:30px; background-color:transparent; border:2px solid var(--bs-text-alt); border-radius:0;} /*Farbe große Checkbox*/
.bg-light-big.form-check-input:checked { background-color:var(--bs-text-alt); } 
.bg-light-big.form-check-input:checked[type=checkbox] { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}/*Farbe Haken*/
.bg-mint-big.form-check-input, .bg-mint-dark-big.form-check-input, .bg-red-big.form-check-input,.bg-light-big.form-check-input { cursor:pointer;}

/* bootstrap select klasse allgemein */
.bootstrap-select button, .bootstrap-select select, .bootstrap-select input { background-color:var(--bs-titel) !important; border:0 !important; border-radius:4px;}
/* bootstrap select klasse grau */
/*.input-grey button.bg-input-grey, .input-grey input, select.bg-input-grey  { background-color:var(--bs-bg-light2) !important; border:0 !important; border-radius:4px;} */
.input-grey .bootstrap-select button, .input-grey select, .input-grey input { background-color:var(--bs-bg-light2) !important; border:0 !important; border-radius:4px;}
/*bg-input-grey = klasse in bootstrap-select.js*/
.input-grey input.btn-mint  { background-color:var(--bs-titel)!important; }
.input-grey input.form-check-input { background-color:transparent!important; border:2px solid var(--bs-subtitel)!important;}
.input-grey input.form-check-input:checked { background-color:var(--bs-subtitel)!important; border-color:var(--bs-subtitel)!important;}
.input-grey .bootstrap-select .filter-option { color:var(--bs-text-alt);}

/*input-white (Vertreter Dashboard) */
.input-white .bootstrap-select button, .input-white select, .input-white input, input.input-white { background-color:#fff !important; border:0 !important; border-radius:0;}
.input-white .bootstrap-select .filter-option { color:var(--bs-text-alt);}

/*Suche Button Pill (shop auftrag_schreiben.php) */
.auftrag-suche { margin:6px 8px 0 0;}
.suche-pill { padding: 5px 20px; width:300px; font-weight: bold; }
input.suche-pill:active, input.suche-pill:focus  {  border: none; box-shadow: none; outline: 0 none; }
input.suche-pill::placeholder { color:#fff; font-weight:bold;}
.lagerstand_bestellungen_reserviert { cursor:pointer; font-size:12px; color:var(--bs-titel);}

/* bootstrap select klasse mint*/
.bootstrap-select.bg-input-mint button { color:#fff;} /*bg-input-mint = klasse bei select einfügen*/
.bootstrap-select.bg-input-mint .dropdown-item, .bootstrap-select.bg-input-mint .dropdown-item.active, .bootstrap-select.bg-input-mint .dropdown-item:active { color:#fff;}

/* bootstrap select klasse mint-dark*/
.bootstrap-select.bg-input-mint-dark button { background-color:var(--bs-subtitel) !important; color:#fff;} /*bg-input-mint-dark = klasse bei select einfügen*/
.bootstrap-select.bg-input-mint-dark .dropdown-item, .bootstrap-select.bg-input-mint-dark .dropdown-item.active, .bootstrap-select.bg-input-mint-dark .dropdown-item:active { color:#fff;}

.bootstrap-select.text-start .dropdown-menu li a, .text-start .filter-option { text-align:left !important;}
.bootstrap-select .material-icons { position: relative; top:2px;}
.bootstrap-select .dropdown-menu li a:hover .material-icons { color:var(--bs-color-dark) !important;}



.i-status { /*border:1px solid var(--bs-titel);*/ color: var(--bs-titel); background-color:inherit;}
.i-status:hover { /*border:1px solid var(--bs-titel);*/ color: #fff; background-color:var(--bs-titel);}
.i-status.status-green { /*border:1px solid var(--bs-status-pos);*/ color: #fff; background-color:var(--bs-status-pos);}
.i-status.status-mint { /*border:1px solid var(--bs-titel);*/ color: #fff; background-color:var(--bs-titel);}
.i-status.status-red { /*border:1px solid var(--bs-status-neg);*/ color: #fff; background-color:var(--bs-status-neg);}




textarea {min-width:120px; color: var(--bs-text-alt) !important; }
textarea::placeholder {color: var(--bs-text-alt) !important; }
.placeholder-mint input::placeholder {color: var(--bs-titel) !important; }

/* Katalogtool  */
.accordion-katalogtool .titelseite label { width:180px;}
.accordion-katalogtool .btn-check:checked + .btn, .accordion-katalogtool :not(.btn-check) + .btn:active, .accordion-katalogtool .btn:first-child:active, .btn.active, .accordion-katalogtool .btn.show { color: #fff; background-color:var(--bs-titel); border-color: var(--bs-titel); height:100%; }
.accordion-katalogtool .btn-outline-success { color: var(--bs-text-alt); border-color:var(--bs-titel); height:100%; }
/*ACCORDION */
.accordion-katalogtool .accordion-button { color:var(--bs-text); background-color:var(--bs-bg-alt); box-shadow:none; }
.accordion-katalogtool .accordion-button:not(.collapsed) { color:var(--bs-text); background-color:var(--bs-bg-alt); box-shadow:none; }
.accordion-katalogtool .accordion-button::after, .accordion-katalogtool .accordion-button:not(.collapsed)::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2336d8c7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }



/*ACCORDION */
h2.accordion-header { width:100% !important; border:0; }
.accordion-button {background-color:var(--bs-titel); color:#fff; }
.accordion-button.btn-grey {background-color:var(--bs-status-unkwn); }
.accordion-button.btn-grey:not(.collapsed) { background-color:var(--bs-status-unkwn);}
.accordion-button-small { padding:0.375rem 0.75rem; font-size:14px; }
.accordion-button:not(.collapsed) { color:#fff; background-color:var(--bs-titel); box-shadow:0;}
.accordion-button:focus { border:0; box-shadow: none;}
/*.accordion-body { background-color:var(--bs-bg-alt);}*/
.accordion-button::after, .accordion-button:not(.collapsed)::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button.plus-icon:before { content:'\e148'; font-family: Material Icons Outlined; font-size:22px; width:30px; height:30px; position:absolute; top:15px; margin-left:-32px;}
.accordion-button.plus-icon { padding-left:50px;}

/*ACCORDION white  Vertreter / Händlerinformation*/ 
.accordion-haendlerinfo .accordion-item { border-color:var(--bs-titel); }
.accordion-haendlerinfo .accordion-body { padding: 0 4px 8px 4px }
.accordion-button.btn-white {background-color:#fff; color:var(--bs-text); padding:10px 4px; font-size:14px;}
.accordion-button.btn-white:not(.collapsed) { background-color:#fff; color:var(--bs-titel); font-weight: bold;  box-shadow:none;}
.accordion-button.btn-white::after, .accordion-button.btn-white:not(.collapsed)::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300A6AC'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/*ACCORDION mint  Bestellzusammenfassung Öffnungszeiten*/ 
.accordion-zeiten .accordion-item { border-color:var(--bs-titel); background-color:inherit; }
.accordion-zeiten .accordion-body { padding: 0 4px 8px 4px }
.accordion-button.btn-mint {background-color:inherit; color:var(--bs-text); padding:0; font-size:14px;}
.accordion-button.btn-mint:not(.collapsed) { background-color:inherit; color:var(--bs-titel); font-weight: bold;  box-shadow:none;}
.accordion-button.btn-mint::after, .accordion-button.btn-mint:not(.collapsed)::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300A6AC'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }


/* Accordion Collapse bei 1200px*/
@media (min-width: 1200px) { 
	XX.dont-collapse-sm { display: block !important; height: auto !important; visibility: visible; }
	.accordion-button.show-small::after, .accordion-button.show-small:not(.collapsed)::after { visibility:hidden;}
	XX.accordion-header [type=button]:not(:disabled), XX.accordion-header [type=reset]:not(:disabled), XX.accordion-header [type=submit]:not(:disabled), XX.accordion-header button:not(:disabled) { cursor: inherit;}
	.onSmall { display: none;}
}
@media (max-width: 1200px) { 
	.onWide { display: none;}
}



/*ACCORDION mint  Umsätze -> MAP*/ 
.accordion-button-mint { background-color:var(--bs-bg-alt); color:var(--bs-titel); display: block; width:100%; border:0; text-align:left;}
.accordion-button-mint:not(.collapsed) { background-color:var(--bs-bg-alt); color:var(--bs-titel); display: block; border:0; cursor:pointer; text-align:left; }
.accordion-button-mint .material-icons.rotate {transform: rotate(0deg);}
.accordion-button-mint[aria-expanded="true"] .material-icons.rotate {transform: rotate(90deg);}


/*Notifications/Alerts Hover Overlay */
.notification-item { border-bottom:1px solid var(--bs-titel); padding:8px 0 8px 0;}
.notification-item:last-child { border-bottom:0;}
.notification-icon .material-icons { min-width:54px; margin-left:-6px; font-size:26px; text-align: center; display: block;}
.notifications-overlay { position:absolute; right:16px; display:none; width:330px; height:auto; z-index:150; overflow:hidden; border:1px solid var(--bs-bg-alt); }
.notification:hover .notifications-overlay { display:block; }
.notification .alert-icon { background-color: inherit; color: var(--bs-subtitel); font-size:36px; border: 0; border-radius:100px; padding-top:1px; padding-left:2px; position: relative; overflow: hidden;  white-space: nowrap; max-width:40px; min-width: 40px; height:40px;  }
.notification:hover .alert-icon { background-color: var(--bs-bg-alt); color: #fff; }

/*Overlay über Bilder - Verkaufsbonus/Aktionen Infotext */
.overlay_item {top:0; bottom:0; left:0; right:0; z-index:10;}

/*FILETREE (Unterlagen/Preise) */
#filetree .collapsing { -webkit-transition: none; transition: none; display: none; } /* no collapsing animation*/
#filetree ul { list-style-type:none;}
#filetree ul > ul { padding-left:24px;}
#filetree li a, #filetree li.treeitem, #filetree li.subfile { display:block; padding-top:12px; padding-bottom:12px; }
#filetree li.subfile { cursor:pointer; }
#filetree .subfile.collapsed .rotate {transform: rotate(0deg);}
#filetree .subfile .rotate {transition: transform 0.1s; transform: rotate(90deg); font-size:20px; position: relative; margin-right:6px; top:5px;}

#bildtree .image { display: inline-block !important; padding-right:3px; padding-bottom:3px;}

/*FILETREE-ADMIN (Unterlagen/Preise) */
tbody#filetree-admin tr.hide td:first-child { padding-left:20px; }
tbody#filetree-admin tr.trCheck table tr:last-child { border-bottom:1px solid transparent;}
tbody#filetree-admin td { padding-right:0; }
/*tbody#filetree-admin tr.hide td { background-color:#EDEDED;}*/
tbody#filetree-admin .showNext { cursor:pointer; position: relative; padding-left:20px; }
tbody#filetree-admin td:nth-child(1) {width:25%;}
tbody#filetree-admin td:nth-child(2) { width:auto;}
tbody#filetree-admin td:nth-child(3), tbody#filetree-admin td:nth-child(4), tbody#filetree-admin td:nth-child(5), tbody#filetree-admin td:nth-child(6) { width: 40px; }
/*tbody#filetree-admin .showNext:before { content:'\e5cc'; font-family: Material Icons; width:16px; height:16px; display:inline-block; font-size:20px; position: relative; margin-right:4px; top:5px;}
tbody#filetree-admin .showNext.open:before { transition: transform 0.1s; transform: rotate(90deg); }*/

tbody#filetree-admin .showNext .material-icons { font-size:20px; margin-left:-25px; top:9px; position:absolute;}
tbody#filetree-admin .showNext.open .material-icons { transition: transform 0.1s; transform: rotate(90deg); }

table.subTable td { padding:0 4px !important;} /*Adminbereich marken_artikel.php*/
table.withSubTable th { padding:18px 4px !important;} /*Adminbereich marken_artikel.php*/


/*Tabelle-Filterung - Verkaufsbonus / Prämie einreichen / Fahrzeugdokumente anfordern */
.tab-filter label { display:inline-block !important; padding-left: 20px;} 
.tab-filter .fin_aufl input, .tab-filter .invno_aufl input { border:0; background-color:inherit; }
.tab-filter input.form-check-input { width:0.9em; height:0.9em; margin-right:5px; border:1px solid var(--bs-subtitel); position:absolute;} 
.tab-filter ul { line-height:20px;} 
.tab-filter li { position:relative;} /*für form-check-input absolute*/
.tab-filter .aufl_open .material-icons-outlined {transform: rotate(0deg);}
.tab-filter .aufl_open .material-icons-outlined {transition: transform 0.2s; transform: rotate(180deg); position: relative;}

/* Filterung Art + Jahreszahl */
.filterung_art_jahr { font-size:13px; display:flex; justify-content:flex-end; align-items:center;}
.filterung_art, .filterung_jahr { display:flex; margin-right:10px;  border-radius:var(--bs-border-radius); background-color:var(--bs-bg-alt); overflow: hidden; }
.filterung_art a, .filterung_jahr a { display:inline-block; padding:0.375rem 1.2rem; border-right:1px solid var(--bs-subtitel); color:var(--bs-text-alt); }
.filterung_art a:last-child, .filterung_jahr a:last-child { border-right:0; }
.filterung_art a:hover, .filterung_art a.active, .filterung_jahr a:hover, .filterung_jahr a.active { background-color:var(--bs-titel); color:#fff; }
.anz_eintraege { color:var(--bs-text-alt); margin-left:16px; }


/*SIDEBAR Layout */
#sidebar h3 { text-align: center; color:var(--bs-titel); }
#sidebarprofil { max-width:330px;}
#Scrollbar-sidebar {height:calc(100vh - 134px);} /*Höhe Scrollbar in Sidebar */
.nurSidebar {display:none;}
#sidebar .nurSidebar { display:block!important;} /* MLT Points nur in Sidebar anzeigen */

/*SIDEBAR mit Toggle von RECHTS - STATIC */
/* auf #wrapper anwenden wenn Sidebar verwendet 
#wrapperflex, .sb-flex { display: flex; align-items: stretch; overflow: hidden; } 
#content { width:100vw; overflow: hidden;}
#sidebar {  min-width: 350px; max-width: 350px; min-height: 100vh; background-color: var(--bs-bg-alt); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s linear;}
#sidebar.active {  margin-right: -350px;}*/

/*SIDEBAR Toggler - STATIC 
#sidebarCollapse { background-color: var(--bs-bg-alt); border:0; border-radius:0; width:20px; padding:0; color:var(--bs-titel);}
#sidebarCollapse:hover { background-color: rgba(215,250,240,0.8); color:var(--bs-titel);}
#sidebarCollapse.active .i-right, #sidebarCollapse .i-left { display:none;  }
#sidebarCollapse.active .i-left, #sidebarCollapse .i-right { display:block;  }*/


/*SIDEBAR mit Toggle von RECHTS - FIXED + SCROLL*/ 
/* Klasse .sb-flex auf #wrapper anwenden wenn Sidebar verwendet */
.sb-flex { display: flex; width: 100%;  }
#content.active { width:calc(100% - 20px); }
#content { width:calc(100% - 370px); }
#content.nosidebar { width:100% !important; } /*wenn keine Sidebar vorhanden (Adminbereich) */
#sidebar {  width: 370px; position: fixed; top: 0; right: 0; height: 100vh; padding-left:20px; overflow:hidden; z-index: 999; background-color: var(--bs-bg-alt);}
#sidebar.ani, #content.ani, #sidebarCollapse.ani { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s linear;} /*transition nur bei "click" über klasse .ani*/
#sidebar.active {  margin-right: -350px;}
#sidebar .inhalt { overflow:hidden; height:100%; display: block; position: relative;}
#sidebar .contentscroll { overflow:auto; height:calc(100% - 100px);}

/*SIDEBAR Toggler FIXED + SCROLL */
#sidebarCollapse { position:absolute; margin-left:-20px; background-color: var(--bs-bg-alt); height:100vh; border:0; border-radius:0; width:20px; padding:0; color:var(--bs-titel);}
X#sidebarCollapse:hover { background-color: rgba(205,245,235,1); color:var(--bs-titel);}
#sidebarCollapse.active .i-right, #sidebarCollapse .i-left { display:none;  }
#sidebarCollapse.active .i-left, #sidebarCollapse .i-right { display:block;  }

/*SIDEBAR standardmäßig schließen auf kleinen Screens und erst bei toggle öffnen
@media (max-width: 768px) {
    #sidebar { margin-right: -350px; }
    #sidebar.active { margin-right: 0;}
	#content.active { width:calc(100% - 370px); }
	#content { width:calc(100% - 20px); }
	#sidebarprofil {display: none;}
}
*/
/*SIDEBAR unter Screenbreite 400 - auf Bildschirmbreite anpassen
@media (max-width: 400px) {
    #sidebar {  width: 100vw; position: fixed; padding-left:20px;}
	#sidebar { margin-right: calc(20px - 100vw); }
	#sidebar.active {  margin-right:0px;}
	#content { width:calc(100% - 20px); }
	#content.active { width:calc(100% - 20px); position: fixed;  }
	#sidebarprofil {display: none;}
}
*/

/*für die Suche in der Table */
span.form-hide {display: none;}
table th.sort {cursor:pointer;}

/* Splide Slider*/
.splide .under-slider-btn {
  margin-top: -45px; }
.splide .card {  overflow: hidden; }
.double-slider .splide__pagination {  margin-bottom: -15px !important; }
.splide.slider-no-arrows .splide__arrows {  display: none !important; }
.splide.slider-no-dots .splide__pagination {  display: none !important; }
.splide.slider-arrows .splide__arrow--prev {  margin-left: 30px !important; }
.splide.slider-arrows .splide__arrow--next {  margin-right: 30px !important; }
.splide__pagination__page.is-active { background:var(--bs-titel); transform:scale(2);}
.splide__pagination { bottom:1em;}
.splide__pagination__page {margin:5px; transform:scale(1.2);}
 

/*TABLE (Bootstrap)*/
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-text); /* TEXT schwarz */
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-text); /* TEXT schwarz */
  --bs-table-active-bg: var(--bs-subtitel); /* Türkis dunkel */
  --bs-table-hover-color: var(--bs-text); /* TEXT schwarz */
  --bs-table-hover-bg: var(--bs-bg-alt); /* Türkis hell */
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-text);
  vertical-align: top;
  border-color: var(--bs-subtitel);
  font-size:13px; 
  line-height:16px;
	
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > thead { box-shadow: inset 0 -2px 0 0 var(--bs-subtitel); padding: 0; background-clip: padding-box; /* Border Bottom 2px für Sticky Header */}
.table thead tr { border-style: hidden;} /*gegen optischen Bug Chrome*/

/* Überschrift in Tabelle ohne hover -> Vertreter // bestellung_pruefen.php */
.table-with-nohover > tbody > tr.no-hover {	border-bottom:1px solid #fff; background-color: #fff; }
.table-with-nohover > tbody > tr:not(.no-hover):hover { background-color: var(--bs-table-hover-bg); }


.table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--bs-subtitel);
  border-bottom-width: 0;
}
.table-borderless, .table-borderless th, .table-borderless td {border:0;}

/*Dropdown-menu (Bootstrap)*/
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0;
  margin: 0;
  color: #fff;
  text-align: left;
  list-style: none;
  background-color: var(--bs-titel);
  background-clip: padding-box;
  border: 1px solid var(--bs-titel);
  border-radius: 0;
	font-size:0.8rem;
}
.input-grey .dropdown-menu { 
  background-color: var(--bs-bg-light2);
  border: 1px solid var(--bs-bg-light2);
}
.input-white .dropdown-menu { 
  background-color: #fff;
  border: 1px solid var(--bs-bg-light2);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 0.5rem;
  clear: both;
  font-weight: 400;
  color: rgba(20,20,25,1); /* TEXT schwarz */
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.pickersmall .dropdown-item {
  padding: 0.25rem 0.25rem !important;
}
.dropdown-item.selected { background-color: rgba(0,166,172,0.5); /* Subtitel #00A6AC Türkis dunkel */ }

.dropdown-item:hover, .dropdown-item:focus {
  color: rgba(20,20,25,1); /* TEXT schwarz */
  background-color: var(--bs-subtitel); /* Subtitel #00A6AC Türkis dunkel */
}
.dropdown-item.active, .dropdown-item:active {
  color: rgba(20,20,25,1); /* TEXT schwarz */
  text-decoration: none;
  background-color: var(--bs-subtitel); /* Subtitel #00A6AC Türkis dunkel */
}
.input-grey .dropdown-item:hover, .input-grey .dropdown-item:focus {
  background-color: var(--bs-titel); 
}
.input-grey .dropdown-item.active, .input-grey .dropdown-item:active {
  background-color: var(--bs-titel); 
}
.input-white .dropdown-item:hover, .input-white .dropdown-item:focus {
  background-color: var(--bs-titel); 
}
.input-white .dropdown-item.active, .input-white .dropdown-item:active {
  background-color: var(--bs-titel); 
}


/*Tooltip (Bootstrap)  */
.tooltip-inner {
  font-size:12px;
  max-width: 200px;
  text-align: center;
  border-radius: 0.25rem;
}
.tooltip {
--bs-tooltip-color: #fff;
--bs-tooltip-bg: var(--bs-titel);
--bs-tooltip-arrow-color: var(--bs-titel);
--bs-tooltip-padding-y: 0.5rem;
--bs-tooltip-padding-x: 0.5rem;
}

/*.tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: var(--bs-titel);}
.tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: var(--bs-titel);}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: var(--bs-titel);}
.tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: var(--bs-titel);}
*/

/*custommint -> BG mint - MLT Points Headermenü*/
.custommint-tooltip { /*BG mint - MLT Points Headermenü*/
--bs-tooltip-arrow-width: 30px;
--bs-tooltip-arrow-height: 12px;
--bs-tooltip-color: var(--bs-subtitel);
--bs-tooltip-bg: var(--bs-bg-alt);
--bs-tooltip-arrow-color: var(--bs-bg-alt);
--bs-tooltip-padding-y: 0.8rem;
--bs-tooltip-padding-x: 0.8rem;
}
.custommint-tooltip span { font-weight: bold; font-size:14px;}
/*
.custommint-tooltip .tooltip-inner { 
  Xcolor: var(--bs-subtitel);
  Xbackground-color: var(--bs-bg-alt);
}
.custommint-tooltip.bs-tooltip-top .tooltip-arrow::before, .custommint-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: var(--bs-bg-alt);}
.custommint-tooltip.bs-tooltip-end .tooltip-arrow::before, .custommint-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: var(--bs-bg-alt);}
.custommint-tooltip.bs-tooltip-bottom .tooltip-arrow::before, .custommint-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: var(--bs-bg-alt);}
.custommint-tooltip.bs-tooltip-start .tooltip-arrow::before, .custommint-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: var(--bs-bg-alt);}
*/


/*Card (Bootstrap) */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
}