.dropdown-menu{
    background-color: dodgerblue;
}

.input-group .selectize-input {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.list-group .sidemenu {
    cursor: pointer;
}

.list-group .sidemenu a {
    color: unset;
}

.list-group .sidemenu:hover {
    background-color: #027ac1;
    color: #ffffff;
}

.list-group .sidemenu.active {
    background-color: #027ac1;
    color: #ffffff;
}

.submenu-dropdown {
	font-size: 14px;
	color: white;
	font-weight: 200;
	padding: 8px 15px;
	text-transform: capitalize;
}

.dropdown-submenu {
	font-size: 14px;
	color: white;
	font-weight: 200;
    padding-left: 12px;
	text-transform: capitalize;
}

.dropdownShow li .submenu-dropdown {
    font-size: 14px;
    color: white;
    font-weight: 200;
    padding: 8px 15px;
    text-transform: capitalize;
}

.dropdownShow li .submenu-dropdown:hover {
    cursor: pointer;
	color: black;
	background-color: ghostwhite;
	border-radius: 0px;
	text-decoration: none;
}

.dropdownShow li .submenu-dropdown:after {
	display: none;
}

.submenu-dropdown {
    position: relative; /* ทำให้ตำแหน่งของไอคอนสัมพันธ์กับเมนู */
    padding-right: 20px; /* เพิ่มพื้นที่ระหว่างข้อความกับไอคอน */
    cursor: pointer; /* เปลี่ยนเคอร์เซอร์เป็น pointer เมื่อ hover */
}

.submenu-dropdown .toggle-icon {
    position: absolute;
    right: 10px; /* เพิ่มระยะห่างจากขอบขวา 10px */
    top: 50%;
    transform: translateY(-50%); /* จัดให้อยู่ตรงกลางในแนวตั้ง */
}
/* Translation editor: keep filters aligned independently of legacy grid overrides. */
.translations-page { padding-top: 16px; padding-bottom: 32px; }
.translations-page > h3 { margin-bottom: 12px; }
.translations-page > p { color: #536174; }
.translations-page details { margin-bottom: 20px; }
.translations-page details ul { columns: 3 240px; padding-left: 24px; }
.translations-page details li { break-inside: avoid; margin-bottom: 8px; }
.translation-filters { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) auto; gap: 16px; align-items: end; padding: 20px; margin: 20px 0 28px; background: #f5f8fc; border: 1px solid #dde4ed; border-radius: 8px; }
.translation-field { min-width: 0; }
.translation-field label { display: block; margin-bottom: 8px; }
.translation-filters .form-control, .translation-filters button { min-height: 42px; }
.translations-page .select2-container .select2-selection--single { height: 42px; border: 1px solid #ced4da; border-radius: 4px; }
.translations-page .select2-container .select2-selection__rendered { line-height: 40px; }
.translations-page .select2-container .select2-selection__arrow { height: 40px; }
.translation-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.translations-page textarea { resize: vertical; min-height: 80px; }
@media (max-width: 767px) {
    .translation-filters, .translation-fields { grid-template-columns: minmax(0, 1fr); }
    .translation-filter-action button { width: 100%; }
}