/* ICON SELECTOR*/
.yit-icons-manager-text,
.yit-icons-manager-actions {
	display: none;
}

ul.yit-icons-manager-list {
	height: auto;
	overflow: hidden;
}

.yit-icons-manager-wrapper {
	display: inline-block;
	max-width: 100%;
	width: auto;
}

ul.yit-icons-manager-list li {
	height: 29px;
	width: 29px;
	padding-top: 5px;
	font-size: 16px;
}

.yit-icons-manager-list-wrapper {
	margin: 0;
}

/* PAGE STYLES */

.yith-faq-shortcodes .tablenav.top {
	display: none;
}

/* EMPTY TABLE TEMPLATE */
.yfwp-admin-no-posts {
	text-align: center;
	padding: 50px;
}

.yfwp-admin-no-posts-logo {
	padding-bottom: 10px;
}

.yfwp-admin-no-posts-logo img {
	width: 90px;
}

.yfwp-admin-no-posts-text {
	font-size: 16px;
	line-height: 30px;
	margin: 20px 0 30px 0;
}

.yfwp-admin-no-posts-text p {
	font-size: 14px;
	line-height: 1em;
}

.yfwp-admin-no-posts a {
	text-transform: uppercase;
	font-size: 15px;
	padding: 20px 50px !important;
	vertical-align: middle;
	line-height: 26px !important;
	margin: 20px 0;
}

.yith-faq-shortcodes table.wp-list-table tbody tr:hover td.actions a.show-on-hover {
	opacity: 1;
	transform: none;
}

.yith-faq-shortcodes table.wp-list-table tbody tr td.actions a.show-on-hover.delete {
	color: #ba3e3e;
	font-size: 20px;
	margin-right: 15px;
}

.yith-faq-shortcodes table.wp-list-table tbody tr td.actions a.show-on-hover {
	align-items: center;
	background: #fff;
	box-shadow: 0 2px 7px rgb(170 198 222 / 50%);
	border-radius: 100%;
	color: #20659d;
	display: flex;
	float: right;
	font-size: 17px;
	height: 35px;
	margin-right: 8px;
	opacity: 0;
	transform: translate(0, -70px);
	transition: all ease 0.3s;
	width: 35px;
	justify-content: center;
}

/* SHORTCODES POPUP */
.yith-faq-shortcodes-list-popup-wrapper {
	display: none;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.yith-faq-shortcodes-list-popup.yith-plugin-ui.ui-dialog-buttons.ui-draggable.ui-resizable {
	border-radius: 15px;
	box-shadow: none;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
	border: 0;
	background: #fff;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui,
.yith-faq-shortcodes-list-popup.yith-plugin-ui button{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1em;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui.ui-dialog .ui-widget-header .ui-icon,
.ui-state-highlight {
	display: none;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui button.yith-save-button.ui-button.ui-corner-all.ui-widget {
	width: 100%;
	margin: 0 auto;
	height: 35px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-dialog-title {
	color: #007694;
	font-size: 16px;
	font-weight: 500;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-dialog .ui-dialog-titlebar {
	padding: .4em .8em;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-button.ui-dialog-titlebar-close {
	margin-top: 10px;
	color: #bbb;
	right: 10px;
	top: -2px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-dialog-buttonset {
	width: 100%;
	margin: 0 auto;
	float: none !important;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
	border: 0;
	text-align: center;
	padding: 0 .4em 2em;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui form {
	padding: 0 5px 20px 5px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table {
	border: none;
	margin: 0;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table th {
	width: 100px !important;
	padding-right: 20px;
	font-size: 13px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table .description {
	font-size: 11px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table span.select2.select2-container,
.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table .yith-plugin-fw-select2-wrapper {
	width: 400px !important;
}

.yith-plugins_page_yith-faq-plugin-for-wordpress .select2-container.yith-plugin-fw-select2-container {
	z-index: 99999999 !important;
}

.yith-plugins_page_yith-faq-plugin-for-wordpress .select2-container--default .select2-search--inline .select2-search__field {
	border: none !important;
	padding: 3px 10px !important;
	height: auto !important;
}

.ui-widget-overlay {
	background: rgba(19, 40, 58, .6) !important;
	opacity: 0.7 !important;
}

.ui-dialog {
	z-index: 100102 !important;
}

.ui-button.ui-dialog-titlebar-close {
	padding: 0;
	position: absolute;
	width: 36px;
	height: 36px;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui table.form-table small.field-error {
	color: #ff0000;
}

.yith-faq-shortcodes-list-popup.yith-plugin-ui .has-error input[type="text"],
.yith-faq-shortcodes-list-popup.yith-plugin-ui .has-error .select2-container {
	border-color: #ff0000 !important;
}

/* NOTICE */
.yith-faq-shortcodes-notice {
	padding: 15px 40px 15px 45px;
	margin: 15px 0 20px;
	border-radius: 5px;
	background: var(--yith-success-lightest);
	border: 1px solid var(--yith-success-light);
	font-weight: 600;
	font-size: 14px;
	text-align: left;
	color: var(--yith-content-text);
	box-shadow: 1px 1px 2px var(--yith-success-lighter);
}

.yith-faq-shortcodes-notice p {
	padding: 0;
	margin: 0;
}

.yith-faq-shortcodes-notice:before {
	font-family: yith-icon;
	content: "\e921";
	position: absolute;
	top: 50%;
	left: 13px;
	font-size: 21px;
	font-weight: 400;
	transform: translateY(-50%);
	color: var(--yith-success);
}

.yith-faq-shortcodes-notice .notice-dismiss {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	border-radius: 50%;
	color: var(--yith-success);
	padding: 7px;
	background: transparent;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
	transition: all .3s ease-in-out;
}

.yith-faq-shortcodes-notice .notice-dismiss:before {
	font-family: yith-icon;
	content: "\e906";
	font-weight: 600;
	font-size: 12px;
	color: inherit;
}

.yith-faq-shortcodes-notice .notice-dismiss:hover {
	box-shadow: 0 0 0 0 var(--yith-success-lighter);
	background: var(--yith-success-lighter);
}

/* COLOR OPTIONS  */

#yit_faq_wp_options_faq-colors .yith-colorpicker-group,
#yit_faq_wp_options_filters-colors .yith-colorpicker-group,
#yit_faq_wp_options_pagination-colors .yith-colorpicker-group,
#yit_faq_wp_options_icon-colors .yith-colorpicker-group {
	display: grid;
	grid-template-columns: fit-content(33%) fit-content(33%) fit-content(33%);
}
