/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
:root {
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color--rgb: 0, 124, 186;
	--wp-admin-theme-color-lighter-90--rgba: 0, 124, 186, 0.1;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--wp-admin-theme-color) !important;
	color: #fff;
}

.woocommerce_page_slp_add_states #col-left .col-wrap {
	padding: 0 2em 0 0;
}

.wp-list-table.states .sorting-indicators {
	display: none;
}

.wp-list-table.states tr td {
	padding: 15px 10px;
	position: relative;
}

.wp-list-table.states .highlight-row {
	background-color: rgba(var(--wp-admin-theme-color-lighter-90--rgba)) !important;
}

.wp-list-table.states .manage-columnm,
.wp-list-table.states .manage-column a,
.wp-list-table.states .manage-column a span {
	cursor: default;
}

.states input[type=checkbox]:disabled {
	display: none;
}

.states .col_state_name .slp-tooltip {
	position: absolute;
	left: -2.5em;
	top: 1.1em;
	display: inline-block;
}

.states .col_state_name .slp-tooltip i {
	font-size: 15px;
	color: #2271b1 !important;
}

.states .col_state_name .slp-tooltip .slp-tooltip-text {
	visibility: hidden;
	width: 220px;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 6px 8px;
	position: absolute;
	z-index: 1000;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.states .col_state_name .slp-tooltip .slp-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}

.states .col_state_name .slp-tooltip:hover .slp-tooltip-text,
.states .col_state_name .slp-tooltip:focus-within .slp-tooltip-text {
	visibility: visible;
	opacity: 1;
}