#icon-smart-manager {
	background: url("../images/logo-32x32.png") no-repeat scroll transparent;
}

:root{
	--row-height: 50px;
}

.icon32 {
	float: left;
	height: 34px;
	margin: 7px 8px 0 0;
	width: 36px;
	background-repeat: no-repeat;
	display: block;
}

#sm-editor-grid {
	margin: auto;
	width: 100%;
}

.sm_gallery_image_parent {
	min-height:20em;
}

.sm_gallery_image {
	margin: 0.5em;
	padding: 0.5em;
	border: 0.1em solid #D3D3D3;
}

.sm_gallery_image img {
    padding-bottom: 0.5em;
    cursor: pointer;
}

.sm_gallery_image div {
	cursor: pointer;
}

.sm_border_red {
	border: 1px solid #FF5B5E !important;
}

#sm_view_error_msg, .sm_beta_select_red, #sm_view_save_options_error_msg {
	color:#FF5B5E !important;	
}

.sm_beta_select_green {
	color:#03a025 !important;	
}

.sm_beta_select_blue {
	color:#5850ec !important;	
}

.sm_beta_select_orange {
	color:#EC8F1C !important;	
}

.sm_beta_select_grey {
	color:#a29c9c !important;	
}

.sm_beta_select_yellow {
	color:#d49f2b !important;	
}

.sm_font_bold {
	font-weight: bold;
}

#sm_dashboard_kpi, #sm_beta_display_records {
	/* margin-left: 3em; */
	font-size: 1.1em;
	/* line-height: 1.9em; */
	cursor: pointer;
}

#sm_dashboard_kpi {
	font-weight: 500;
}

#sm_dashboard_kpi .sm_separator {
	color: #D3D3D3;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#sm_promo_valid_msg {
	text-align: center;
	padding-left: 0.5em;
	font-size: 0.8em;
	float: left;
	padding-top: 0.25em;
	font-style: italic;
	color: #A3B745;
}

/*Added for WP4.4*/
.sm-h2 {
	font-size: 1.25em;
	/* font-weight: 500; */
	/* color: #5850ec; */
	line-height: 2em;
	letter-spacing: 0.01em !important;
	padding-left: 1em;
	/* text-transform: uppercase; */
}

#smart_manager_settings_form{
	padding-left: 20px;
}

.sm_nav_bar_links{
	display: flex !important;
	align-items: center !important;
	gap: 1.25rem !important;
	padding-top: 1em;
}

.sm_nav_bar_links a:focus{
	outline: none;
}

#sm_nav_bar_right svg{
	color: #9ca3af;
}

#sm_nav_bar_right svg{
	height: 1.5rem !important;
	width: 1.5rem !important;
	margin: 0 auto;
}


#sm_nav_bar_right svg:hover{
	color: #6b7280;
}

#sm_nav_bar {
	padding: 0.5em 0 1em 20px;
	display: flex;
	background-color: #252f3f !important;
	color: #fff !important
}

#sm_nav_bar > .sm_beta_left {
	width: 95%;
	display: inherit;
}

.sm_beta_left > * {
	margin-right: 2em;
}

td {
	border-color: #F0F0F0 !important;
	/*border-color: #c1c1c1 !important;*/
}

th {
	background-color: #FFF !important;
	border-color: #F0F0F0 !important;
}

.multiselect {
	width: 100%!important;
}

ul.children{list-style:none outside;margin:0px 0 0 24px}

#edit_product_attributes input[type="text"] {
	line-height: 19px;
	width: 100%;
}

#sm_top_bar {
	margin-bottom: 4em;
}

#sm_bottom_bar {
	margin-top: 0.5em;
}

.sm_beta_left {
	float:left;
	margin-top: 0.5em;
}

.sm_beta_right {
	float:right;
}

#sm_top_bar_left {
	width: 80%;
	display: flex;
}

#sm_top_bar_left > * {
	width: 25%;
	margin: 0em 1em 0em 1em;
	display: inherit;
}

#sm_top_bar_left > *:first-child{
	width: 20%;
}

#sm_top_bar_left > *:nth-child(2){
	width: 30%;
}

#sm_top_bar_left > *:nth-last-child(2){
	width: 15%;
}

#sm_top_bar_left > *:last-child {
	width: 15%;
	text-align: right;
	display: block;
}

#sm_bottom_bar_left {
	width: 60%;	
}

#sm_bottom_bar_left, #sm_bottom_bar_right {
	padding-top: 0;
	margin: 0;
}

#sm_bottom_bar_right {
	width: 40%;	
	/* padding-top: 0.5em; */
}

#sm_top_bar_right{
	padding-top: 0.25em;
}

#sm_top_bar_right span, #sm_top_bar_right button{
	float: left;
	color: #3892D3;
	padding: 3px;
	cursor: pointer;
}

#sm_top_bar_action_btns_misc {
	border-right: 0em !important;
}

#sm_top_bar_action_btns_basic {
	width: 25% !important;
}

.sm_top_bar_action_btns div:not(.sm_beta_dropdown_content) {
	cursor: pointer;
	padding: 0.5em;
	display: flex;
	color: #4a5568 !important;
}

/* #sm_custom_views svg {
	margin: 0 0.5em 0.5em 0.5em;
} */

.sm_top_bar_action_btns svg, #sm_advanced_search_icon {
	margin-right: 0.5em;
	height: 1.5em;
	margin-top: 0em;
	cursor: pointer;
	color: #5850ec;
}
.sm-error-icon {
	color: #FF5B5E !important;
}

#show_hide_cols_sm_editor_grid, #sm_show_tasks_container {
	float: right !important;
}

/* .sm_top_bar_action_btns div:hover:not(.sm_beta_dropdown_content), .sm_top_bar_action_btns div:hover:not(.sm_beta_dropdown_content) .sm_top_bar_action_btns_dashicons,  .sm_top_bar_action_btns div:hover:not(.sm_beta_dropdown_content) .sm_error_icon {
	
	color: #FFF !important;
	background-color: #3892D3 !important;
} */

#sm_top_bar_action_btns_basic div:nth-child(2), #sm_top_bar_action_btns_update div:nth-child(2), #sm_top_bar_action_btns_misc div:nth-child(2) {
	padding-top: 0.2em !important;
}

#sm_top_bar_action_btns_update div:nth-child(2) {
	padding-bottom: 0.1em !important;
}

#sm_top_bar_action_btns {
	margin-right: 2em;
}

#sm_top_bar_action_btns, #sm_top_bar_search {
	/*border: 0.1em solid #3892D3;*/
	background: #FFF;
	border-radius: 0.5em;
	/* min-height: 8em;
	padding: 1em 0em 1em 1em;
	margin-bottom: 1em;  */
}

#sm_nav_bar_search {
	width: 35%;
	display: inherit;
}

#sm_search_content_parent{
	width: 70%;
	overflow-y: auto;
	padding-left: 0.44em;
}

#sm_dashboard_select{
	font-size: 2em;
}

#sm_nav_bar .select2-selection__rendered {
    line-height: 2.3rem !important;
}


#sm_nav_bar .select2-results{
	color: #4b5563 !important;
}

/* #sm_nav_bar .select2-selection__rendered:focus {
	color: #3c434a !important;
} */

#sm_nav_bar .select2-container .select2-selection--single {
    height: 2.5rem !important;
	/* background-color: #252f3f !important;
	border: 1px solid #8c8f94; */
}

/* #sm_nav_bar .select2-container .select2-selection--single:focus {
	background-color: #fff !important;
	color: #3c434a !important;
} */

#sm_nav_bar .select2-selection__arrow {
    height: 2.3rem !important;
}

#sm_beta_smart_date_filter {
	width: 30%;
	height: 7em;
	padding: 0.25em 0em 0em 1.5em;
	margin-top: 0;
}

#sm_editor_grid, #sm_top_bar, #sm_bottom_bar{
	margin-left: 1.5em!important;
}

#wpcontent {
	padding-left: 0!important;
}

#sm_beta_display_records {
	margin: 0em 1em 0em 1em;
	/* margin-top: 0.5em; */
	/* font-weight: 600; */
	font-style: italic;
	line-height: 2em;
}

.sm-upgrade-notice {
	background-color: #adff2f21;
	margin: 1.5em;
	border-left: 0.5em solid #adff2fc7;
}

.sm-upgrade-notice p {
	padding: 1em;
}

/* #save_sm_editor_grid_btn:hover .save_sm_editor_grid {
	content: url("../images/jqgrid/save_img-white-16X16.png");
} */

/* #print_invoice_sm_editor_grid_btn:hover .print_invoice_sm_editor_grid {
	content: url("../images/jqgrid/print-white-15x15.png");
} */

#sm_products_show_variations, #sm_show_tasks, #sm_view_access_public{
	margin-right: 0.25em !important;
	/* height: 1.5em;
	width: 1.5em; */
}

#sm_products_show_variations_span > input[type="checkbox"]:checked::before, #sm_view_access_public_lbl > input[type="checkbox"]:checked::before{
	height: 1.5rem;
	width: 1.5rem;
}

.sm_plus_icon {
	color:#3892D3 !important;
	line-height: 1.2em;
	cursor:pointer;
}

/*Reduce the size of checkbox*/
input[type=checkbox] {
  -ms-transform: scale(0.85); /* IE */
  -moz-transform: scale(0.85); /* FF */
  -webkit-transform: scale(0.85); /* Safari and Chrome */
  -o-transform: scale(0.85); /* Opera */
}

/*CSS for the dashboard select*/
/*#sm_dashboard_select {
	padding:0px 0px 2px 2px;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #f8f8f8;
	color: #909090;
	border:none;
	background-color:transparent;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	text-indent: 0.01px;
	text-overflow: '';
	appearance:none;
	cursor:pointer;
	line-height: inherit;
	font-weight:500;
}*/

/*#sm_dashboard_select:hover {
	border-bottom: 0.1em solid #3892D3;
}

#sm_dashboard_select_lbl {
	position: relative;
	background: #FFF;
}

#sm_dashboard_select_lbl:after {
	content: "\f347";
	font-size:24px;
	font-family: dashicons;
	color:#3892D3;
	right:0px;
	line-height: 23px;
	position:absolute;
	top:5px;
	float: right;
	pointer-events:none;
}
#sm_dashboard_select_lbl:before {
	content:'';
	right:6px; top:0px;
	width:20px; height:20px;
	background:transparent;
	position:absolute;
	pointer-events:none;
	display:block;
}

#sm_dashboard_select {
	font-size: 1.2em !important;
}*/

/*For hiding the update notices on subscriptions page*/
.update-nag, .updated, .error { 
  display: none; 
}


.product_page_smart-manager-woo > .ui-widget-overlay {
	opacity: 0.6 !important;
	background: none !important;
	background-color: black !important;
}

/*CSS for in-app offer*/

#sm_promo_msg_content a {
	color: #A3B745 !important;
}

#sm_promo_msg_content .button-primary {
	background: #a3b745 !important;
	border-color: #829237 #727f30 #727f30 !important;
	color: #fff !important;
	box-shadow: 0 1px 0 #727f30 !important;
	text-shadow: 0 -1px 1px #727f30, 1px 0 1px #727f30, 0 1px 1px #727f30, -1px 0 1px #727f30 !important;

	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-name: shake-hv;
	animation-timing-function: ease-in-out;
}

@keyframes shake-hv {
	0%, 80% {
		transform: translate(0, 0) rotate(0); }
	60%, 70% {
		transform: translate(0, -0.5px) rotate(2.5deg); }
	62%, 72% {
		transform: translate(0, 1.5px) rotate(-0.5deg); }
	65%, 75% {
		transform: translate(0, -1.5px) rotate(2.5deg); }
	67%, 77% {
		transform: translate(0, 2.5px) rotate(-1.5deg); } }

#sm_promo_msg_content input[type=checkbox]:checked:before {
	color: #A3B745 !important;
}

/*==============================================
OVERRIDING JQGRID CSS
==============================================*/

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
	padding: 1px 0;
	float: left;
	position: relative;
	background-color: #5AB6F8 !important;
	border-color: #66BEFC !important;
	color: #ffffff !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}


.gbox_sm_editor_grid {
	max-width: 750px !important;
}

/*.ui-jqgrid tr.jqgrow td {
	white-space:nowrap;
	height: 1px;
}*/



.ui-jqgrid .ui-jqgrid-view {
	font-size: 0.9em;
	line-height: 2em;
}

.ui-jqgrid-htable, .ui-jqgrid-bdiv, .ui-jqgrid-btable {
	width: 100% !important;
}


.ui-jqgrid-htable {
	line-height: 1.5em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: 1px solid #ddd;
	background: #f6f6f6 url("../images/jqgrid/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
	font-weight: 100;
	color: #444;
}

/*Duplicate BTN CSS*/

.sm_beta_dup_btn {
	color: white;
	border: none;
	outline: none;
	background: none !important;
	margin-right: 0.2em !important;
}

/* Dropdown Content (Hidden by Default) */
.sm_beta_dropdown_content {
	margin-top: 1.5rem;
	display: none;
	position: absolute;
	border: 1px solid #5850ec;
	border-bottom: 0px;
	background-color: #fff;
	min-width: 165px;
	z-index: 999;
}

/* Links inside the dropdown */
.sm_beta_dropdown_content a {
	color: black !important;
	padding: 6px 8px;
	text-decoration: none !important;
	display: block;
}

.sm_beta_dropdown_content a{
	border-bottom: 1px solid #5850ec !important;
}

/* Change color of dropdown links on hover */
.sm_beta_dropdown_content a:hover {color: #5850ec !important;}

/*==============================================
OVERRIDING WP CSS
==============================================*/

#wpbody-content {
	padding-bottom: 2.5rem !important;
}

/*==============================================
DATEPICKER CSS
==============================================*/
.sm_date_range_container {
	/*float: left!important;*/
	display: inline-block;
	padding: 0.5em 0.2em 0.5em 0.5em;
	border: 1px solid #dedede;
	border-radius: 0.3em !important;
	vertical-align: middle;
	color: #a2a2a2;
	background-color: #fff;
	/*height: 2em;*/
	/*margin-top: 2px;*/
	margin-right: 1em;
	margin-bottom: 1em;
	min-width: 14em;
}

.sm_date_range_container .sm_beta_left {
	width: 84%;
	height: 100%;
}

.sm_date_range_container .sm_beta_left div {
	text-align: center;
	width: 100%;
}

.sm_date_range_container .sm_beta_right {
	width: 15%;
	height: 6em;
	border-left: 1px solid #d2d2d2;
	color: black;

}

.sm_date_range_container .sm_date_selector {
	background-color: transparent!important;
	font-size: 1em;
}

.sm_date_selector {
	width: 10em;
	border: 1px solid transparent;
	outline: 0;
	cursor: pointer;
	padding: 0;
	color: #656161;
}

.sm_date_range_container .date-separator {
	padding: 0px 3px;
	margin-top: -3px;
	font-size: 1.2em;
	text-align: center;
	width: 100%;
}

#smartDatesDropdown {
	margin: 0 auto;
}

.sm_date_range_container .dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

.sm_date_range_container .dropdown-menu .pull-left {
	float: left!important;
	left: 0;
}

.sm_date_range_container .dropdown-menu {
	position: absolute;
	top: 100%;
	z-index: 1000;
	display: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 0.5em 0 0 -9.5em;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.sm_date_range_container div {
	float: left;
	line-height: 1.8em;
}

.sm_date_range_container .smart-date-icon {
	/*border-left: 1px solid #d2d2d2;*/
	color: #BBBBBB;
	padding: 0em 0.2em 0 0.2em;
	margin-left: 0;
	cursor: pointer;
	/*font-size: 1.3em!important;*/
	line-height: 1.1em!important;
}

.sm_date_range_container .dropdown-menu li a {
	display: block; 
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.sm_date_range_container .dropdown-menu .divider {
	height: 0.1em;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.sm_date_range_container .dropdown-menu li a:hover {
	color: #3892D3;
}

.sm_date_range_container:hover {
	border: 1px solid #7cc5f9;
}

.sm_date_range_container .smart-date-icon:hover {
	color: #3892D3;
}

td[aria-describedby*="postmeta_meta_key__thumbnail_id_meta_value__thumbnail_id"] {
	cursor: pointer;
}

td[aria-describedby*="postmeta_meta_key__thumbnail_id_meta_value__thumbnail_id"] img {
	vertical-align: middle;
}

/*For jqgrid*/
.ui-widget-overlay {
	opacity: 0.6 !important;
}

.sm_active_highlight {
	background-color: #b7cff9 !important;
}

.sm_highlight {
	background-color: #fff !important;
}

.sm-ui-state-disabled {
	opacity: 0.4;
}

.sm_beta_background_update_progressbar {
	text-align: center;
	line-height: 2.5em;
	height: 2.5em;
	position: relative;
	margin: 0 auto;
	width: 98%;
	margin-top: 2em;
	margin-bottom: 2.5em;    
}

.sm_beta_background_update_progressbar_text {
	/* color: #686868; */
	position: absolute;
	width: 50%;
	left: 25%;
	font-size: 1.5em;
	font-weight: bold;    
}

.sm_beta_batch_update_background_link {
	text-align: right;
	cursor: pointer;
	text-decoration: underline;
	color: #508991;
	margin-right: 0.5em;
	font-size: 1.2em;    
}

/*Column Visibility*/
#sm-column-visibility .sm-sorter-section {
	width: 50%;
	margin: 15px 0;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}

#sm-column-visibility .sm-sorter li {
	border: 1px solid #d2d6dc;
	padding: 0.1rem 0.5rem;
	cursor: pointer;
	text-align: center;
	border-radius: 0.375rem;
	color: #6b7280!important;
}

#sm-column-visibility .sm-sorter .handle {
	display: inline-block;
	float: left;
	font-size: 1.2rem;
	line-height: 1rem;
	font-weight: 700;
	padding-top: 0.25rem;
	color: #9ca3afad;
}

#sm-column-visibility h3 {
	font-size: 1.25em;
	margin: 0;
	text-align: center;
	color: #6b7280c2!important;
}

#sm_simple_search_box, .sm-search-box, #sm_advanced_search {    
	width: 100%;
	margin-top: 0em !important;
	border-radius: 0.375rem !important;
	height: 2.5rem;
}

#sm_simple_search_box, #sm_nav_bar .sm-search-box {
	background-color: #161e2e!important;
	color: #9fa6b2!important;
	border: 1px solid #8c8f948c !important;
}

#sm_simple_search_box:focus{
	background-color: #fff !important;
	border-color: #e5e7eb !important;
	color: #3c434a !important;
}

#sm_simple_search_box::placeholder{
	color: #fff !important;
}

.sm-search-box {
	margin-bottom: 1em !important;
	padding: 0 8px !important;
    border: 1px solid #d2d6dc !important;
}

/*#search_switch {
	text-transform: capitalize !important;
	cursor: pointer;
	color: #3892D3;
	text-decoration: underline;
	margin: 0.5em 1em 0em 0.5em;
}*/

.mce-container {
	z-index: 100105 !important;
}

.Zebra_DatePicker { /* Added for handling datepicker in dialog windows*/
	z-index: 120001 !important;
}

.handsontable th:not(:first-child) {
  text-align: left;
  color: #686868;
  border-left: 0px !important;
  border-right: 1px solid #F0F0F0 !important;
}

.handsontable thead th:first-child {
	border-right: 1px solid #F0F0F0 !important;
}

.handsontable td {
	vertical-align: middle !important;    
}

.handsontable th, .sm-sorter-section h3 {
	/* border: 0 !important; */
	border-bottom: 1px solid #F0F0F0 !important;
	height: var(--row-height) !important;
	line-height: 26px !important;
	padding: 5px !important;
	background-color: #f7fafc !important;
	color: #718096 !important;
	font-weight: 700 !important;
	vertical-align: middle !important;
	letter-spacing: 0.1em
}

/* CSS for checkbox column */
/* .handsontable .ht_clone_left th, .sm-sorter-section h3{
	border-bottom: 0.1em solid #F0F0F0 !important;
} */

.sm-sorter-section h3 {
	border: 0 !important;
}

.handsontable tr:first-child td{
	border-top: 0 !important;
}

.handsontable .ht_clone_left tbody tr th{
	background-color: #fff !important;
}

input[type=checkbox] {
	border-color: rgb(156 163 175) !important;
	border-radius: 0.25rem !important;
	height: 1.3em;
	width: 1.3em;
	margin: 0 auto !important;
}

input[type=checkbox]:checked{
	content: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
	border-color: transparent !important;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #38b2ac;
	opacity: 0.8;
}

.handsontable th input[type=checkbox]:checked, #sm_products_show_variations_span input[type=checkbox]:checked, #sm_show_tasks_container input[type=checkbox]:checked, .sm-settings-table input[type=checkbox]:checked{
	background-color: #6366f1;
	opacity: 0.8;
}

.handsontable td, .handsontable th {
	padding-left: 5px !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

.handsontable .wrapper {
  height: var(--row-height) !important;
  overflow: hidden;

  /* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-align:center;
}

#sm_inline_dialog {
	padding-right: 0;
	overflow-y: auto;
}

/* #sm_custom_views {
	height: auto;
	border: 1px solid #5850ec;
	background-color: white;
	border-radius: 3px;
	cursor: pointer;
	color: #515151;
	display: flex;
	padding-top: 0.5rem;
	margin-left: 2em;
	width: 10em;
}

#sm_custom_views > div{
	margin-right: 0.2em;
	min-width: auto;
	width: inherit;
	margin-left: -0.1em;
}

#sm_custom_views > div:not(:first-child) {
	cursor: pointer;
}

#sm_custom_views > span{
	margin-right: 0.5em;
} */

#sm_view_name{
	margin-top: 0.5em;
}

#sm_view_access{
	margin-top: 1em;
	display: flex;
    flex-direction: column;
}

#sm_view_descrip {
	margin: 0 0.5em 1em 0 !important;
}

#sm_view_access p {
	padding-left: 0.3em;
	font-style: italic;
	margin-top: 0.77em;
}

@media all
	and (max-width: 1400px) {
		#sm_advanced_search_submit {
			overflow: hidden;
			text-indent: -50em;
			width: 2em;
		}
		#sm_advanced_search_submit .dashicons {
			float: left;
			text-indent: 0;
		}
}

.sm-dlg-btn-yes.ui-state-default,
.sm-dlg-btn-yes.ui-state-default.ui-state-hover {
	color: #fff;
	font-weight: 500 !important;
	background: #3892D3;
	border-color: #157DC7 #075F9D #075F9D;
	box-shadow: 0 1px 0 #075F9D;
	text-decoration: none;
	text-shadow: 0 -1px 1px #075F9D, 1px 0 1px #075F9D, 0 1px 1px #075F9D, -1px 0 1px #075F9D;
}

.VS-search .VS-search-box {
	line-height: 2em;
	min-height: 3em !important;
	border-radius: 0.3em !important;
	background: white;
}

#sm_img_preview{
    position:absolute;
    border-radius: 0.2em;
    border:1px solid #ccc;
    box-shadow: 0px 0px 7px 3px #ececec;
    background:#FFF;
    padding:1em;
    display:none;
    color:#fff;
    max-width: 300px;
    z-index: 9999;
}

#sm_img_preview img{
	/*padding-bottom: 1em;*/
	width: 100%;
}

#sm_img_preview_text{
	/*padding-left: 0.8em;*/
	color: #656161;
	font-size: 1.2em;
	text-align: center;
	font-style: italic;
	font-weight: 500;
}

.sm_image_thumbnail {
    margin: 0.5em 0.5em 0 0;
    max-width: calc(var(--row-height) * 0.95) !important;
    border-radius: 0.313rem;
    cursor: pointer;
    height: calc(var(--row-height) * 0.95) !important;
    width: calc(var(--row-height) * 0.95) !important;
	object-fit: contain;
}

#sm_editor_grid {
	background: #FFF;
}

.VS-search .VS-icon-search {
	width: 1.5em;
	height: 2.3em;
}

.VS-search .VS-placeholder {
	top: 0.5em;
}

.VS-search .search_parameter {
	height: 1.5em;
}

.VS-search .VS-search-inner {
	margin: 3.5px 20px;
	min-height: 2em;
}

.VS-search .VS-icon-cancel {
	top: 0.9em;
}

.advanced_search_or_placeholder {
	top: 0.3em;
}

.sm-loader-container {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	/*display: none;*/
}

/*.sm-loader {
	display: inline-block;
	width: 128px;
	height: 82px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sm-loader div {
	position: absolute;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	border-radius: 50%;
	background: #91649B;
}*/

.sm-loader {
  display: inline-block;
  width: 128px;
  height: 82px;
  position: fixed;
  top: 50%;
  left: 50%;
}
.sm-loader div {
  animation: sm-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.sm-loader div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5850EC;
  margin: -3px 0 0 -3px;
}
.sm-loader div:nth-child(1) {
  animation-delay: -0.036s;
}
.sm-loader div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.sm-loader div:nth-child(2) {
  animation-delay: -0.072s;
}
.sm-loader div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.sm-loader div:nth-child(3) {
  animation-delay: -0.108s;
}
.sm-loader div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.sm-loader div:nth-child(4) {
  animation-delay: -0.144s;
}
.sm-loader div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.sm-loader div:nth-child(5) {
  animation-delay: -0.18s;
}
.sm-loader div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.sm-loader div:nth-child(6) {
  animation-delay: -0.216s;
}
.sm-loader div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.sm-loader div:nth-child(7) {
  animation-delay: -0.252s;
}
.sm-loader div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.sm-loader div:nth-child(8) {
  animation-delay: -0.288s;
}
.sm-loader div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes sm-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*
.sm-loader div:nth-child(1) {
	left: 13px;
	animation: sm-loader1 .6s infinite;
}
.sm-loader div:nth-child(2) {
	left: 24px;
	animation: sm-loader2 .6s infinite;
}
.sm-loader div:nth-child(3) {
	left: 54px;
	animation: sm-loader2 .6s infinite;
}
.sm-loader div:nth-child(4) {
	left: 86px;
	animation: sm-loader3 .6s infinite;
}
@keyframes sm-loader1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes sm-loader3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes sm-loader2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}*/

.sm_top_bar_right_separator {
	padding: 0em 0.3em 0em 0.2em !important;
	border-right: 0.2em solid #D3D3D3;
	height: 1.7em;
	margin-top: 0.4em;
}

.ui-dialog-buttonpane .sm_button {
	color: #FFFFFF !important;
	height: 2.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: bold !important;
	cursor: pointer;
}
.ui-dialog-buttonpane .sm_button.green {
	background: #4fad43;
	border-color: #4fad43;
}
.ui-dialog-buttonpane .sm_button.green:hover {
	background: #00870c;
	border-color: #00870c;
}

/*Checkbox CSS*/
/*#sm_top_bar_action_btns_misc #sm_products_show_variations_span input[type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

#sm_top_bar_action_btns_misc #sm_products_show_variations_span label {
  position: relative;
  cursor: pointer;
  color: #515151;
}

#sm_top_bar_action_btns_misc #sm_products_show_variations_span label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #3892D3;
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

#sm_top_bar_action_btns_misc #sm_products_show_variations_span input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0.5em;
  width: 0.2em;
  height: 0.6em;
  border: solid #3892D3;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}*/

/*CSS For advanced search switch*/
#sm_top_bar_advanced_search {
	display: flex;
	padding-top: 0.8em;
	padding-left: 0.5rem;
}

#sm_top_bar_advanced_search label {
	cursor: pointer;
	vertical-align: middle;
	padding-left: 0.2em;
}

/* #sm_top_bar_advanced_search label:after {
	content: '';
	position: absolute;
	top: 0.25em;
	left: 0.3em;
	width: 0.85em;
	height: 0.85em;
	background: #fff;
	border-radius: 1em;
	transition: 0.3s;
} */

#sm_view_access_public{
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-4 -4 8 8%22%3E%3Ccircle r=%223%22 fill=%22%23fff%22/%3E%3C/svg%3E");
	background-position: 0;
	transition: background-position .15s ease-in-out;
	background-repeat: no-repeat;
	border-radius: 9999px !important;
	cursor: pointer;
	width:2.25rem !important;
	height: 1.25rem !important;
	background-color: #161e2e!important;
	border-color: rgb(156 163 175) !important;
	float: left;
}

#sm_view_access_public:checked{
	background-size: auto !important;	
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-4 -4 8 8%22%3E%3Ccircle r=%223%22 fill=%22%23fff%22/%3E%3C/svg%3E");
	background-position: 100%;
	content: '' !important;
}

/* 
#sm_top_bar_advanced_search input:checked + label {
	background: #bada55;
}

#sm_top_bar_advanced_search input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
} */

@media only screen and (max-width: 1300px) {

	body {
		font-size: 0.7em !important;
	}

	@media only screen and (max-width: 1150px) {
		body {
			font-size: 0.65em !important;
		}

		@media only screen and (max-width: 1080px) {
			body {
				font-size: 0.8em !important;
			}

			#sm_top_bar_action_btns {
				width: calc(100% - 2em) !important;
			}

			#sm_top_bar_search {
				width: calc(100% - 2em) !important;
			}

			@media only screen and (max-width: 600px) {
				#sm_top_bar_simple_search {
					width: 100% !important;
					border-right: 0em !important;
				}

				#sm_beta_smart_date_filter {
					width: 100% !important;
					padding: 0em !important;
				}
			}
		}	
	}

	#sm_top_bar_advanced_search label:after {
		top: 0.2em !important;
	}

	#sm_top_bar_advanced_search label {
		width: 2.2em !important;
	}

	.save_sm_editor_grid {
		margin: -0.2em 0.45em 0em 0.1em !important;
	}
}

/*Scrollbar CSS*/
::-webkit-scrollbar {
    width: 0.95em;
    height: 0.95em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #fff
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(0,0,0,.1)
}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}

.sm_ui_dialog_class {
	background-color: #fff !important;
}

/*Code for sorting icon*/
.handsontable span.colHeader.columnSorting:before {
	font-family: dashicons;
	background-image: none !important;
	font-size: 1.2em;
	color: #6366f1 !important;
	line-height: 0.9em;
	font-weight: 600;
	position: initial !important;
}

.handsontable span.colHeader{
	padding-top: 0.25em;
}

.handsontable span.colHeader.columnSorting.ascending:before {
	content: "\f342";
}

.handsontable span.colHeader.columnSorting.descending:before {
	content: "\f346";
}

.smSelect2Drop {
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.8);
}

.handsontableInputHolder .select2-selection__rendered {
    /*line-height: 36px !important;*/
    height: cal( var(--row-height) ) !important;
    /* overflow-y: scroll !important; */
}
.handsontableInputHolder .select2-container .select2-selection--single {
    /* height: cal( var(--row-height) + 12px ) !important; */
    height:  var(--row-height)  !important;
}
.handsontableInputHolder .select2-selection__arrow {
    height: var(--row-height) !important;
}

.handsontableInputHolder .select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.sm_click_to_copy {
	cursor: pointer;
}

div[aria-describedby="sm_inline_dialog"] {
	overflow: visible !important;
}

.htSelectEditor {
	-webkit-appearance: none !important;
}

/* Advanced search */
/* #sa_smart_manager_main .select2-selection__rendered {
	line-height: 31px !important;
}
#sa_smart_manager_main .select2-container .select2-selection--single {
	height: 35px !important;
	border: 1px solid #d2d6dc !important;
}
#sa_smart_manager_main .select2-selection__arrow {
	height: 34px !important;
}
#sa_smart_manager_main .select2-selection__arrow b {
	border-color: #d2d6dc transparent transparent transparent !important;
	border-style: solid !important;
	border-width: 5px 4px 0 4px !important;
}
#sa_smart_manager_main .select2-search__field, #sa_smart_manager_main .sm_advanced_search_select2_dropdown{
	border: 1px solid #d2d6dc !important;
} */

#sm_advanced_search{
	font-size: 1rem;
    cursor: pointer;
	display: flex;
    align-items: center;
}

#sm_advanced_search_content {
	float: left;
	padding: 0 0.7em 0 0;
}

#sm_advanced_search_icon{
	margin-top: 0.3em;	
	color: #fff !important;
}

.handsontable .manualColumnResizer.active, .handsontable .manualColumnResizer:hover, .handsontable .manualRowResizer.active, .handsontable .manualRowResizer:hover{
	background-color: #6366f1;
	opacity: 0.7;
}

#sm_editor_grid{
	color: #4a5568 !important;
}

#sm_nav_bar .select2-container--default .select2-selection--single .select2-selection__rendered{
	font-weight: 700 !important;
}

#sm_nav_bar > .select2-container {
	top: 4.1em !important;
}

#sm_nav_bar .select2-container--default .select2-results__group{
	text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #4b5563 !important;
}

.handsontable td.area-1:before, .handsontable td.area-2:before, .handsontable td.area-3:before, .handsontable td.area-4:before, .handsontable td.area-5:before, .handsontable td.area-6:before, .handsontable td.area-7:before, .handsontable td.area:before{
	background: #6366f1;
}

.handsontable .wtBorder.current{
	background-color: #6366f1 !important;
	opacity: 0.7;
}

.handsontable .manualColumnResizer{
	width: 2px;
}

.handsontable .manualColumnResizerGuide{
	display: none !important;
}

#sm_pro_to_lite_msg{
	margin: 1.5em;
}

#sm_beta_json_editor{
	min-height: 20em;
}

#sm_beta_json_editor button{
	background-color: inherit !important;
	background-image: url(jsoneditor/img/jsoneditor-icons.svg)
}

.wp-switch-editor{
	padding: 3px 8px 4px !important;
}

#wp-sm_beta_lonstring_input-wrap input{
	padding: 0 8px !important;
}

#wp-sm_beta_lonstring_input-wrap .mce-caret{
	border-top: 6px solid #50575e !important;
	border-right: 4px solid transparent !important;
	border-left: 4px solid transparent !important; 
}

#wp-sm_beta_lonstring_input-wrap .mce-btn-group:not(:first-child){
	border-left: 1px solid #d9d9d9 !important;
}

#edit_product_attributes button, #edit_product_attributes input, #edit_product_attributes select, #edit_product_attributes .chosen-container, #sm_view_name, #sm_beta_add_record_count{
	border: 1px solid #d2d6dc;
	padding: 0 10px !important;
}

#edit_product_attributes .chosen-container{
	padding: 0!important;
}

#sa_smart_manager_main .modal-body input[type="checkbox"]{
	border: 1px solid #8c8f94;
	padding: 0!important;
}

#edit_product_attributes select{
	padding: 0 24px 0 8px !important;
}

#edit_attributes_toolbar{
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #d2d6dc;
}
#sm_beta_json_editor ul.jsoneditor-menu button{
	background-image: inherit !important;
}
#sm_beta_json_editor div.jsoneditor-contextmenu ul li ul div.jsoneditor-icon{
	margin-left: 0px !important;
}
#sm_beta_json_editor div.jsoneditor-contextmenu div.jsoneditor-separator{
	border-top: 1px solid #e5e5e5 !important;
}
#sm_beta_json_editor div.jsoneditor-contextmenu ul.jsoneditor-menu li ul.jsoneditor-menu{
    height: auto!important;
}
.sm_beta_dashboard_select li{
	margin-bottom: 0px !important;
}
input#scheduled_for{
	width: 100%;
	margin-left: 1.4em;
}
input#sm_add_title{
	width: 100%;
}
.sm-column-title-editor-icon{
	float: right !important;
}
.sm-column-title-editor-icon svg{
	width: 1.25rem !important;
	height: 1.25rem !important;
	margin-top: 0.05rem;
}
.sm-title-input{
	background-color: transparent !important;
	text-align: center !important;
	cursor: pointer !important;
}
.sm-column-title-input-edit{
	background-color: #FFF !important;
	border: 1px solid #8c8f94 !important;
	cursor: text !important;
}
.sm-title-input:focus{
	box-shadow: none !important;
}
.sm-column-title-editor-icon:hover{
	color: #6B7280 !important;
}

.sm_docs_settings_link{
	display: flex;
	padding: 0.25em;
	border-radius: 50%;
}
#sm_nav_bar .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: #0073aa !important;
	color: #fff !important;
}
#sm_nav_bar .select2-dropdown--below, .select2-dropdown{
	box-shadow: 0 1px 1px rgba(0,0,0,.1) !important;
	border-color: #ddd !important;
}
/* Dropdown Content (Hidden by Default) */
.sm_bulk_edit_dropdown_content {
	margin-top: 1px !important;
	border: 1px solid #5850ec !important;
	border-bottom: 0px !important;
	text-align: left !important;
}
.task_title{
	margin-right: 3.5em;
}
.sm_bulk_edit_content, #sm_add_title{
	border: 1px solid #d2d6dc !important;
	padding: 0 10px !important;
}
.privilege-settings {
	color: #9ca3af !important;
}
.sm_beta_dropdown_content.settings {
	margin-top: 1.6rem !important;
	right: 0 !important;
}
#sm_view_access_public{
	background-color: #ddd !important;
}
#sm_view_access_public:checked{
	background-color: #5850ec !important;
}
#sm_search_content_parent:has(#sm_advanced_search){
    width: 35% !important;
}
#sm_custom_views {
    padding-right: 2rem !important;
}
#sm_dashboard_select + span.select2.select2-container.select2-container--default {
    width: 20em !important;
}
.sm-advanced-search-select + span.select2.select2-container {
    width: 15em !important;
}
.handsontable thead th {
    height: 50px !important;
}
/* dashboard select2 css */
#sm_select2_childs_section .nested-list {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
#sm_select2_childs_section .select2-child-item {
	cursor: pointer;
	padding-left: 1rem;
	padding: 0.375rem;
	margin-bottom: 0.125rem;
	padding: 0.4rem 0.4rem;
	display: flex;
	justify-content: space-between;
}
#sm_select2_childs_section .select2-child-item:hover {
	background-color: #AFBBD0 !important;
}
#sm_select2_childs_section .select2-child-item.selected{
	background-color: #ddd;
}
/* Select2 childs floating box */
#sm_select2_childs_section {
	position: absolute;
	background-color: #ffffff;
	border-radius: 0.25rem;
	width: 15.6rem;
	box-shadow: 0.31rem 0.31rem 0.5rem #ccc;
	z-index: 9999;
	display: none;
	max-height: 10rem;
    overflow-y: auto;
}
#sm_nav_bar ul.select2-results__options.select2-results__options--nested {
    display: none;
}
#sm_nav_bar .select2-results__group{
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 0.31rem;
}
#sm_nav_bar .select2-results__group:hover, #sm_nav_bar .select2-results__group.focus{
	background-color:#CFD6E3
}
#sm_nav_bar .select2-results__group svg {
	transform: rotate(-90deg);
}
#sm_nav_bar .select2-group-text{
	text-transform: capitalize;
}
#sm_nav_bar .select2-results__group svg {
    stroke: rgba(0, 0, 0, 0.5);
    transition: stroke 0.3s ease;
}
#sm_nav_bar .select2-results__group.focus svg {
    stroke: rgba(0, 0, 0, 0.8);
}

.eligible-dashboards-select2-dropdown{
	z-index: 9999;
}
#select2-eligible_dashboards_select-container{
    font-weight: 500;
}
#sm_eligible_dashboards_section .select2-selection__arrow b{
    border-color: #888 transparent transparent transparent !important;
}
#wpbody-content #sa_smart_manager_main .save_advance_search_btn{
	background-color: #508991 !important;
}
.sm_view_save_options {
	margin-top: 0.7em;
}
.sm_view_save_option label span {
	margin-left: 0.3em;
}
.sm_view_save_option label input[type=checkbox]:checked {
	background-color: #6366f1;
}
.sm_view_save_option.sm_border_red {
    margin-bottom: 0.3em;
}
#sm_select2_childs_section .dashboard-name{
	width: 90%;
}
#sm_select2_childs_section .dashboard-combobox-saved-search-action{
	width: 10%;
}
#sm_select2_childs_section .dashboard-combobox-saved-search-action svg{
	margin-right: 0.3em;
    height: 1.3em;
    margin-top: 0em;
    cursor: pointer;
}
#sm-multilist-data ul.children {
    margin-left: 1.125rem !important;
}
#sm-multilist-data li {
	word-wrap:break-word;
}
input.sm-title-input {
    background: none !important;
}
#sm_editor_grid, #sm_top_bar, #sm_nav_bar, #sm_bottom_bar, #sm_select2_childs_section{
	font-size: 1.1em !important;
}
#sm_select2_childs_section.visible{
	display: block;
}
#sm_multiselect_container {
	height: 24em !important;
}
.sm_view_save_option {
    margin-top: 0.5rem;
}
.dashboard-names .select2-selection__choice{
	margin-bottom: 0rem;
}
#sm_editor_grid .handsontable tbody tr:nth-child(even) th, #sm_editor_grid .handsontable tbody tr:nth-child(even) td {
    background-color: #f6f7f7 !important;
}
#sm_editor_grid .handsontable tbody tr td.sm-grid-dirty-cell {
	background-color: #f8717152 !important
}