@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');


html body {
	font-family: 'Tajawal', sans-serif !important;
	font-size: 15px;
	font-weight: 500;
}

.btn-actions .bg-theme-1 {
	background-color: #00009d !important;
}

.bg-theme-blue {
	background-color: #00009d !important;
}

.bg-blue,
.edit-line {
	background-color: #00009d !important;
}

.side-menu__sub-open {
	background-color: #f1f5f8 !important;
}

.side-nav>ul ul li a:not(.side-menu--active) {
	color: inherit;
}

.labelstatut {
	position: relative;
}

.disdetailssale,
.disdetailinvoice {
	position: absolute;
	right: -16px;
}

.intro-y.grid .disdetailssale,
.intro-y.grid .disdetailinvoice {
	right: -10px;
}

.bg-secondary {
	background-color: #979797 !important;
}

.text-left {
	text-align: left !important;
}

.grid form .tail-select {
	margin-top: 7px;
}

.white {
	color: #FFFFFF;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right;
}

.clearfix {
	clear: both;
}

.button.bg-blue {
	background-color: #00009d !important;
}

.hide,
.hide-option {
	display: none;
}

#global-loader {
	position: fixed;
	z-index: 50000;
	background: url(../images/loader.gif) no-repeat 50% 50% rgb(255 255 255 / 37%);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	display: none;
}

body.loading #global-loader {
	display: block !important;
}

.inblock {
	display: inline-block;
}

.dblock {
	display: block;
}

.mttop23 {
	margin-top: 2.3rem;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-7 {
	margin-bottom: 7px !important;
}

/* Base invalid background */
.bginvalid,
.bginvalid:hover,
table.bginvalid.table:not(.general_resums) tbody tr:hover td,
body table.table tbody tr.bginvalid td:first-child {
    background-color: #ccc !important;
}

html body {
	padding: 0.75rem 2rem !important;
}

#ModalRecherche .tail-select {
	margin-top: 7px;
}

.hide {
	display: none !important;
}

.inline-block {
	display: inline-block;
}

.border-none {
	border: none !important;
}

/*
.BigModal{
  z-index: 9999999 !important;
}*/
@media (min-width: 576px) {
	.BigModal .modal__content {
		width: 60% !important;
	}

	#ModalTransfertToBank .modal-dialog {
		width: 70% !important;
	}

	.MinModal .modal__content {
		width: 40% !important;
	}

}

/*div.tail-select{
  z-index: 9999999 !important;

} */

.modal div.tail-select {
	z-index: auto !important;

}

.overflow-y-hidden {
	overflow-y: scroll !important;
}

.table td,
.table th {
	padding: 5px;
	font-weight: 700;
}

.notification-content {
	z-index: 9999999999;
}

.notification-content a {
	width: 100%;
	display: block;
	border-bottom: 1px solid #a5a5a5cc;
	padding: 14px 0;
}

.plclientbloc {
	float: left;
	width: 70%;
}

.plclientsave {
	float: left;
	margin-left: 15px;
	margin-top: -1px;
}

.select2-container .select2-selection--multiple {
	min-height: 35px !important;
}

div.alertify {
	z-index: 9999999999;
}

.blockdisplay {
	cursor: pointer;
	min-height: 20px;
}

.pointer {
	cursor: pointer;
}

.spplaning {
	color: #4a5569;
	font-size: 15px;
	margin-bottom: 10px;
}

.col-span-3 {
	grid-column: span 3/span 3
}

.col-span-4 {
	grid-column: span 4/span 4
}

.col-span-5 {
	grid-column: span 5/span 5
}

.col-span-7 {
	grid-column: span 7/span 7
}

.col-span-8 {
	grid-column: span 8/span 8
}

.dropdown-actions {
	position: inherit !important;
}

.dropdown-actions .dropdown-toggle {
	color: inherit;
	border: 1px solid #cccccc;
	padding: 3px 15px;
	outline: none !important;
}

.w-half {
	width: 48%;
}

.table-lines td,
.table-lines th,
.table-resums td,
.table-resums th {
	border: 1px solid #cccccc;
	text-align: center;
}

.table-lines input[readonly] {
	background-color: whitesmoke;
}

.border-0 {
	border: 0 !important;
}

.table-lines .select2-container--default .select2-selection--single,
.table-lines .select2-container {
	max-width: 240px;
	font-size: 12px;
}



/* Standardized Input Styles */
button,
input,
optgroup,
select,
textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #cbd5e1;
	/* Darker gray for better visibility */
	border-radius: 6px;
	/* consistent rounded corners */
}

/* Specific Input overrides to ensure consistency */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
select,
.form-control,
.select2-selection {
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	transition: all 0.2s ease-in-out;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.select2-container--open .select2-selection {
	border-color: #2563eb !important;
	/* Primary blue focus */
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1) !important;
	outline: none !important;
}


body .select2-container--default .select2-selection--single {
	padding: 7.5px 32px 7.5px 12px;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
	color: rgba(45, 55, 72, var(--tw-text-opacity));
	height: 40px;
	outline: none !important;
}


body .select2-container--default .select2-selection--multiple {
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
	color: rgba(45, 55, 72, var(--tw-text-opacity));
	min-height: 40px;
}


body .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 23px;
}


body .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
}

.spvat {
	float: left;
	width: 100%;
	margin-left: -14px;
}

.icorightdrop {
	right: 10px;
	position: absolute;
	top: 7px;
}

.prelative {
	position: relative;
}

body .ui-widget.ui-autocomplete {
	font-family: inherit !important;
	padding: 5px;
	font-weight: 500;
	font-size: 16px;
	z-index: 99999999;
}

.dw100 {
	float: left;
	width: 100%;
}


.dw50 {
	float: left;
	width: 48%;
}


.dwleft {
	float: left;
}

.dwright {
	float: right;
}

.text-theme-9 {
	color: #76a900 !important;
}

.text-theme-13 {
	color: #a56707 !important;
}

.ic_trans {
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
}

.dropdown-box__content .p-2 a svg {
	top: -2px;
	position: relative;
}

/*
#ModalPayementBons.in,
#ModalReglement.in
{
    z-index: 99999;
}*/

#ModalPayementBons .modal-dialog {
	width: 90% !important;
}

.ModalVBig .modal__content {
	width: 70% !important;
	height: 100vh;
	overflow-y: auto;
	margin-top: 0 !important;
}

.h100 {
	height: 100%;
}

#ModalPayementBons .table td,
#ModalPayementBons .table th {
	padding: 0.75rem 1.25rem;
}

.dropdown .image-fit>img {
	height: auto;
	top: 9px;
	width: 80%;
	left: 4px;
}

.select2-container {
	width: 100% !important;
	min-width: 150px;
}

.bginvalid .dropdown-actions .dropdown-toggle {
	border-color: #FFFFFF;
}

.cancel_botton,
.cancel_botton_popup {
	background-color: #cccccc;
}

.smalli {
	font-size: smaller;
}

.small_total {
	font-size: smaller;
	width: max-content;
	margin: 0 auto;
	padding: 5px;
}

.wauto {
	width: auto !important;
}


.search .search__input {
	/*width: 11rem;*/
}

.block_notifications .tns-controls {
	display: none !important;
}

html {
	background-color: transparent !important;
}

.app {
	background-color: rgba(150, 210, 10, var(--tw-bg-opacity)) !important;
}


.modalquicksave .modal-content {
	padding: 10px;
}

.modalquicksave .box {
	border: 1px solid #cccccc;
	;
}

/*
.modalquicksave .flex.flex-col{
	display: none !important;
}
	
.modalquicksave #vertical-form .button{
	display: none !important;
}*/
/*
.modalquicksave #vertical-form{
	padding-top: 0 !important;
}*/

.iconisnew.bg-theme-11 {
	background-color: #cf0000;
}

.iconisnew {
	margin-top: -5px;
}

.form-search-mobile .speed_search {
	float: left;
	width: 80%;
}

.form-search-mobile .btnplus {
	float: right;
	min-width: auto;
	margin-top: 8px;
}

.pb-2 {
	padding-bottom: 0.5rem;
}

#ModalDisplayLines .modalclosed {
	z-index: 99999;
}

#ModalDisplayLines .table-lines td {
	text-align: left;
	padding: 10px;
}

.bg_gray {
	background-color: #cccccc;
}

.boxdisabld {
	background-color: #cccccc;
}

.accordion__panebg {
	background-color: #cccccc;
	padding: inherit;
}

.accordion_icone {
	position: absolute;
	top: 10px;
	right: 5px;
}

.accordion__pane.active .accordion_icone.up {
	display: block;
}

.accordion__pane.active .accordion_icone.down {
	display: none;
}

.content-tab .resum_totals {
	margin-top: 30px !important;
}

.content-tab .map-filters {
	margin-left: 15px;
	margin-right: 15px;
}

.content-tab .hidden_inshow {
	/*visibility: hidden !important;*/
	min-height: 30px;
	/*margin-bottom: 40px;*/
	margin-left: 20px;
	margin-top: 10px;
}

.content-tab .hid_inshow {
	display: none !important;
}

.content-tab-personal .title-programme {
	background-color: #e2e8f0 !important;
}

.content-tab-personal .preview_container {
	margin-top: 40px;
}

.fhover {
	--tw-bg-opacity: 1;
	background-color: rgba(237, 242, 247, var(--tw-bg-opacity));
}

#head-options-table .overflow-x-auto .table td,
#head-options-table .overflow-x-auto .table th,
.table.table-bordering td,
.table.table-bordering th {
	border-width: 1px;
}

.bg_green {
	background-color: green;
	color: #fff;
}

.table-lines .bloc_sub_reglement input {
	margin-top: 0 !important;
}

.bloc_sub_reglement {
	/*border: 1px solid #ccc;
	padding: 30px 10px 20px 10px;
	position: relative;
	margin-bottom: 20px;
	float: left;
	width: 49%;*/
}

/*
.bloc_sub_reglement .delete-reglement,.delete-subreglement{
	position: absolute;
	right: 0;
	top: 5px;
}
*/
/*
.bloc_sub_reglement:nth-of-type(2),
.bloc_sub_reglement:nth-of-type(4),
.bloc_sub_reglement:nth-of-type(6),
.bloc_sub_reglement:nth-of-type(8),
.bloc_sub_reglement:nth-of-type(10),
.bloc_sub_reglement:nth-of-type(12),
.bloc_sub_reglement:nth-of-type(14),
.bloc_sub_reglement:nth-of-type(16),
.bloc_sub_reglement:nth-of-type(18) {
	float: right;
}*/
.speed-redit-quick {
	cursor: pointer;
}


.dropdown-login {
	width: 80%;
	margin: 25px auto 0 auto;
}

.dropdown-login .dropdown-toggle {
	width: 100%;
}

.dropdown-login svg {
	position: absolute;
	right: 10px;
}

#FormReglement .add-new-reglement {
	position: absolute;
	bottom: 0;
	right: 18px;
}

.dblock.text-sm {
	font-size: x-small;
}

.text-midium {
	font-size: 13px;
}

.product_picture {
	float: right;
	width: 35px;
	margin-left: 5px;
}

.product_picture_mobile {
	float: left;
	width: 100%;
}

.product_title_mobile {
	margin: 0 auto;
	width: 50%;
	margin-top: 20px;
}

.ismobile .pricepro {
	float: left;
	margin-right: 12px;
	font-size: 13px;
}

.productname {
	font-size: 13px;
	margin-top: 8px;
}

.side-nav .side-menu .side-menu__title .side-menu__sub-icon {
	margin-right: 0 !important;
}

.s-item-center {
	margin: 0 auto;
	width: 55%;
}

.ismobile .sdetailsco {
	font-size: x-small;
}

.ismobile .hide-mobile {
	display: none !important;
}

.mb-8 {
	margin-bottom: 2rem;
}

.content-tab .flex.mt-8 {
	margin-top: 0;
	padding-top: 20px;
	padding-right: 14px;
}

.content-tab .fcontainer {
	margin-top: 25px;
}

@media only screen and (max-width: 768px) {
	.w100mobile {
		width: 100% !important;
		margin: 0;
	}

	.category_filter_dash {
		width: 100% !important;
		margin: 0;
		margin-bottom: 10px !important;
	}

	button.button {
		min-width: 100px;
	}

	button.button.changequantity {
		min-width: 75px;
		font-size: 20px;
		font-weight: bold;
	}

	.container_hsearch {
		padding-left: 0;
		padding-right: 0;
	}

	.container_hsearch .reset-filter {
		right: 0 !important;
	}

	.container_hsearch #form-horizontal-search {
		width: 100%;
	}

	.container_hsearch #form-horizontal-search .itemsearch {
		width: 42% !important;
		margin-top: 0;
	}

	.content-tab .container_hsearch {
		position: relative;
		top: 0;
		width: 100%;
	}

	.content-tab .container_hsearch #form-horizontal-search .itemsearch,
	.ismobile .container_hsearch #form-horizontal-search .itemsearch {
		width: 48% !important;
		margin-right: 4px;
	}

	.ismobile .container_hsearch #form-horizontal-search .forcefull {
		width: 100% !important;
	}

	.content-tab .opaction {
		position: absolute;
		right: 0;
		top: 0;
	}

	.ismobile #ventes .container_hsearch .reset-filter {
		right: 0 !important;
		top: -40px;
	}

	.content-tab .container_hsearch .reset-filter {
		right: 0 !important;
		top: -60px;
	}

	body.isuser .table {
		width: 60rem !important;
	}

	body.iscommercial .table {
		width: 100% !important;
	}

	body.ismobile .table {
		width: 100% !important;
	}

	body.ismobile .result-tab-jx {
		margin-top: 20px;
	}


	#vertical-form {
		width: 100% !important;
		overflow: auto;
	}

	.col-span-4,
	.col-span-7,
	.col-span-5,
	.col-span-2,
	.col-span-6:not(.firstcol),
	.col-span-3 {
		grid-column: span 12/span 12;
	}

	.mttop23 {
		margin-top: 0 !important;
	}

	.btnspeedadd a {
		float: right;
	}

	html body {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
}

.ismobile #avoir #form-horizontal-search .itemsearch,
.ismobile #factures #form-horizontal-search .itemsearch,
.ismobile .container_hsearch #form-horizontal-search .w100,
.ismobile .container_hsearch #form-horizontal-search.searcht_bonachats .spersonal,
.ismobile .container_hsearch #form-horizontal-search.searcht_devis .dstatut,
.ismobile .container_hsearch #form-horizontal-search.searcht_sales .spersonal,
.ismobile .container_hsearch #form-horizontal-search.searcht_histortics .itemsearch,
.ismobile .container_hsearch #form-horizontal-search.searcht_notes .itemsearch {
	width: 100% !important;
}

.ismobile .fcontainer .container_hsearch {
	padding: 0 !important;
}

.tooltipster-sidetip .tooltipster-content {
	width: max-content !important;
}


.ltag_secteur {
	flex-wrap: wrap !important;
}

.tag_secteur {
	margin: 2px;
}

.dropdown-box a.delete-row {
	color: red;
}

.text-red {
	color: red;
}

.p10 {
	padding: 10px;
}

#ModalCancelReglement .modal-dialog {
	top: 30%;
}


.inline {
	display: inline-block;
}

.iltr {
	display: inline-block;
}

.general_resums {
	width: 40%;
	float: right;
}

.upper {
	text-transform: uppercase;
}

.disabled {
	pointer-events: none;
	cursor: default;
}

.cmodal .modal-body.p15 {
	padding: 15px !important;
}


.table-borderd td {
	border: 1px solid #b4b4b4;
}

.table-borderd input {
	border: 1px solid #b4b4b4;
}


.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: -9px;
	left: -111%;
	margin-top: -1px;
	opacity: 1;
	visibility: visible;
	transform: none;
}

.dropdown-submenu .dropdown-box .dropdown-box__content {
	padding: 5px 0 0 5px;
}

@media (min-width: 769px) {
	.md\:hidden {
		display: none;
	}
}

@media (max-width: 768px) {
	.side-nav {
		display: none;
	}
}



/*
	Mobile
*/
@media only screen and (max-width: 600px) {
	.mobile-menu-bar a img {
		width: 60px !important;
		margin-top: 8px !important;
	}

	.dropdown-submenu .dropdown-menu {
		left: 0;
		top: 22px;
	}

	.dropdown-submenu .dropdown-box .dropdown-box__content {
		border: 1px solid #cccccc;
		box-shadow: none;
		border-radius: 0;
	}
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.mlt-5 {
		margin-right: 5px;
	}

	.dropdown.dropdown-login {
		display: none;
	}
}

.tail-select {
	border: 1px solid;
	border-radius: 5px;
}

input.products_qte,
input.products_carton,
#cartSale input.product_quantity {
	border-color: #28ac17;
}

.dropdownColumns {
	margin-bottom: 10px;
}

.grey_border {
	border-color: #cccccc !important;
}

/* Apply highlight/cursor only when hovering on non-interactive cell area */
.table-lines .maintbody tr.main_tr td:not(:has(input), :has(select)):hover {
	background: #e6f0fd;
	cursor: move;
	transition: background 0.15s;
}

/* Optional: make the ghost row during drag pretty */
.sortable-ghost {
	background: #cfe3fc !important;
	opacity: 0.93;
}

.table-lines .maintbody tr.main_tr td:hover {
	background: #e6f0fd;
	cursor: move;
	transition: background 0.15s;
}

.table-lines .maintbody tr.main_tr td:has(input:hover),
.table-lines .maintbody tr.main_tr td:has(select:hover) {
	background: inherit !important;
	cursor: default !important;
}

/* Image Zoom Modal Styles */
.image-zoom-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: zoom-out;
}

.image-zoom-modal .zoomed-image {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
}

.image-zoom-modal .zoom-close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #333;
	transition: background 0.3s, transform 0.2s;
	z-index: 100000;
}

.image-zoom-modal .zoom-close-btn:hover {
	background: #fff;
	transform: scale(1.1);
}

.image-zoom-modal .zoom-close-btn::before {
	content: '×';
	line-height: 1;
}

/* Zoomable image cursor */
[data-action="zoom"] {
	cursor: zoom-in;
}

/**
 * Price Category Colors
 * Auto-generated colors for tarification/price category columns
 */

/* Category 1: Yellow */
.bg-yellow-100 {
	background-color: #fef3c7 !important;
}

.text-yellow-700 {
	color: #b45309 !important;
}

/* Category 2: Blue */
.bg-blue-100 {
	background-color: #dbeafe !important;
}

.text-blue-700 {
	color: #1d4ed8 !important;
}

/* Category 3: Purple */
.bg-purple-100 {
	background-color: #ede9fe !important;
}

.text-purple-700 {
	color: #7c3aed !important;
}

/* Category 4: Pink */
.bg-pink-100 {
	background-color: #fce7f3 !important;
}

.text-pink-700 {
	color: #be185d !important;
}

/* Category 5: Indigo */
.bg-indigo-100 {
	background-color: #e0e7ff !important;
}

.text-indigo-700 {
	color: #4338ca !important;
}

/* Category 6: Green */
.bg-green-100 {
	background-color: #dcfce7 !important;
}

.text-green-700 {
	color: #15803d !important;
}

/* Category 7: Red */
.bg-red-100 {
	background-color: #fee2e2 !important;
}

.text-red-600 {
	color: #dc2626 !important;
}

/* Category 8: Orange */
.bg-orange-100 {
	background-color: #ffedd5 !important;
}

.text-orange-700 {
	color: #c2410c !important;
}

/* Category 9: Teal */
.bg-teal-100 {
	background-color: #ccfbf1 !important;
}

.text-teal-700 {
	color: #0f766e !important;
}

/* Category 10: Cyan */
.bg-cyan-100 {
	background-color: #cffafe !important;
}

.text-cyan-700 {
	color: #0e7490 !important;
}

/* Category 11: Amber */
.bg-amber-100 {
	background-color: #fef3c7 !important;
}

.text-amber-800 {
	color: #92400e !important;
}

/* Category 12: Lime */
.bg-lime-100 {
	background-color: #ecfccb !important;
}

.text-lime-700 {
	color: #4d7c0f !important;
}

/* Category 13: Emerald */
.bg-emerald-100 {
	background-color: #d1fae5 !important;
}

.text-emerald-700 {
	color: #047857 !important;
}

/* Category 14: Sky */
.bg-sky-100 {
	background-color: #e0f2fe !important;
}

.text-sky-700 {
	color: #0369a1 !important;
}

/* Category 15: Violet */
.bg-violet-100 {
	background-color: #ede9fe !important;
}

.text-violet-700 {
	color: #6d28d9 !important;
}

/* Category 16: Fuchsia */
.bg-fuchsia-100 {
	background-color: #fae8ff !important;
}

.text-fuchsia-700 {
	color: #a21caf !important;
}

/* Category 17: Rose */
.bg-rose-100 {
	background-color: #ffe4e6 !important;
}

.text-rose-700 {
	color: #be123c !important;
}

/* Category 18: Slate */
.bg-slate-100 {
	background-color: #f1f5f9 !important;
}

.text-slate-700 {
	color: #334155 !important;
}

/* Category 19: Stone */
.bg-stone-100 {
	background-color: #f5f5f4 !important;
}

.text-stone-700 {
	color: #44403c !important;
}

/* Category 20: Zinc */
.bg-zinc-100 {
	background-color: #f4f4f5 !important;
}

.text-zinc-700 {
	color: #3f3f46 !important;
}


.select2-container--default .select2-search--inline .select2-search__field,
button.close {
	border: none !important;
	box-shadow: none !important;
}

.success_infos {
	color: #15803d !important;
	background-color: #dcfce7 !important;
	padding: 10px;
	border-radius: 5px;
}

.error_infos {
	color: #dc2626 !important;
	background-color: #fee2e2 !important;
	padding: 6px;
	border-radius: 5px;
}

.warning_infos {
	color: #dc8a26 !important;
	background-color: #fee2e2 !important;
	padding: 6px;
	border-radius: 5px;
}

.text-warning {
	color: #ffc107 !important;
}

.cartContents svg {
	margin-top: -3px;
}

/* Dark Color Classes for Price Categories */
/* Category 1: Yellow */
.bg-yellow-700 {
	background-color: #a16207 !important;
}

/* Category 2: Blue */
.bg-blue-700 {
	background-color: #1d4ed8 !important;
}

/* Category 3: Purple */
.bg-purple-700 {
	background-color: #7e22ce !important;
}

/* Category 4: Pink */
.bg-pink-700 {
	background-color: #be185d !important;
}

/* Category 5: Indigo */
.bg-indigo-700 {
	background-color: #4338ca !important;
}

/* Category 6: Green */
.bg-green-700 {
	background-color: #15803d !important;
}

/* Category 7: Red */
.bg-red-700 {
	background-color: #b91c1c !important;
}

/* Category 8: Orange */
.bg-orange-700 {
	background-color: #c2410c !important;
}

/* Category 9: Teal */
.bg-teal-700 {
	background-color: #0f766e !important;
}

/* Category 10: Cyan */
.bg-cyan-700 {
	background-color: #0e7490 !important;
}

/* Category 11: Amber */
.bg-amber-800 {
	background-color: #92400e !important;
}

/* Category 12: Lime */
.bg-lime-700 {
	background-color: #4d7c0f !important;
}

/* Category 13: Emerald */
.bg-emerald-700 {
	background-color: #047857 !important;
}

/* Category 14: Sky */
.bg-sky-700 {
	background-color: #0369a1 !important;
}

/* Category 15: Violet */
.bg-violet-700 {
	background-color: #6d28d9 !important;
}

/* Category 16: Fuchsia */
.bg-fuchsia-700 {
	background-color: #a21caf !important;
}

/* Category 17: Rose */
.bg-rose-700 {
	background-color: #be123c !important;
}

/* Category 18: Slate */
.bg-slate-700 {
	background-color: #334155 !important;
}

/* Category 19: Stone */
.bg-stone-700 {
	background-color: #44403c !important;
}

/* Category 20: Zinc */
.bg-zinc-700 {
	background-color: #3f3f46 !important;
}

/* White text for dark backgrounds */
.text-white {
	color: #ffffff !important;
}

.bg-green {
	background-color: #15803d !important;
	color: #ffffff !important;
}

.toggle-info-wrapper { display: none; position: relative; }
.show-all-info .toggle-info-wrapper { display: block; }
.show-all-info .toggle-icon { display: none; }
.show-all-info .toggle-icon.disdetailssalei { display: block; }

.toggle-icon {
	transition: transform 0.15s ease;
}

.toggle-icon.rotated {
	transform: rotate(180deg);
}

.speed_buttons a {
	justify-content: left !important;
	text-align: left;
}

.speed_buttons a svg {
	float: left;
	margin-right: 5px;
}

/* Fix for mobile modal scrolling */
@media only screen and (max-width: 768px) {
	#ModalDisplayLines .modal__content {
		max-height: 85vh;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	#ModalDisplayLines .contentlines {
		height: auto !important;
		min-height: 100px;
	}
}

.dropdown-box.dropdown-preview {
	z-index: 99999999;
}

#ModalDisplayLines .dropdown-toggle span {
	color: #000000;
	font-weight: bold;
}

.gratuite_messages_list {
	background: linear-gradient(135deg, #1a2a1a 0%, #0f1f0f 100%);
	border: 1px solid rgba(120, 200, 80, 0.25);
	border-left: 3px solid #78c850;
	border-radius: 10px;
	padding: 14px 16px;
	font-family: 'Courier New', monospace;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	min-width: 260px;
}

.gratuite_messages_list .font-bold.text-lg {
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #78c850;
	text-decoration: none;
	border-bottom: 1px solid rgba(120, 200, 80, 0.2);
	padding-bottom: 10px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.gratuite_messages_list .font-bold.text-lg::before {
	content: '🎁';
	font-size: 1rem;
}

.gratuite_messages_list .mb-2.border-b {
	padding: 8px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.08) !important;
}

.gratuite_messages_list .mb-2.border-b:last-child {
	border-bottom: none !important;
	padding-bottom: 0;
}

.gratuite_messages_list .mb-2.border-b>div:first-child {
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.65);
	padding-left: 4px;
}

.gratuite_messages_list .font-bold.text-theme-9 {
	font-size: 0.85rem;
	color: #78c850;
	background: rgba(120, 200, 80, 0.08);
	border-radius: 6px;
	padding: 5px 10px;
	margin-top: 5px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.gratuite_messages_list .font-bold.text-theme-9::before {
	content: '✦';
	font-size: 0.6rem;
	opacity: 0.8;
}