@charset "utf-8";
/******************************************************************** Global settings ************************************************/
@media only screen and (min-width: 10px) {
	div.global_settings {max-width: 1700px; margin: 30px 30px 30px 15px; width: calc(100% - 30px);}
	div.global_settings .button-primary {min-width: 200px;font-size: var(--fs_h5);font-weight: var(--fw-medium);padding: var(--dmp_xs); }
	div.global_settings .panel_header {background: var(--color_theme); color: #FFF;padding: var(--dmp_xs);font-size:var(--fs_h5);font-weight: var(--fw-medium); }
	div.global_settings .tabLists {border-right: 1px solid var(--color_border);}
	div.global_settings form > h2 {display: none;}
	div.global_settings table {table-layout: fixed;margin: 0;}
	div.global_settings table tr:nth-child(even) { background-color: #fbfbfb;}
	div.global_settings table tr:nth-child(odd) { background-color: #FFF;}
	div.global_settings table th {width: 40%;min-width: 300px;}
	div.global_settings th label {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	div.global_settings label .info_text {width: 100%;margin: 5px 0 0 0;font-size: 11px;}
	div.global_settings .mpcrbm_panel .panel_body .mpcrbm_tabs .tabLists {		padding: 25px 0 25px 25px;	}
	div.mpcrbm_license_settings table th{width:inherit;min-width:inherit; }
}
/******************************************************************** Meta tab settings ************************************************/
@media only screen and (min-width: 10px) {
	#mpcrbm_meta_box_panel .tabLists {padding: 25px 0 25px 25px;}
	/************************************/
	#mpcrbm_meta_box_panel table {table-layout: auto;border-collapse: collapse;border: 1px solid #F5F5F5;}
	#mpcrbm_meta_box_panel table tr:nth-child(even) {background-color: var(--color_light);}
	#mpcrbm_meta_box_panel table tr:nth-child(odd) {background-color: #FFF;}
	#mpcrbm_meta_box_panel table th,
	#mpcrbm_meta_box_panel table td {border: 0;vertical-align: top;padding: 5px;}
	#mpcrbm_meta_box_panel table th {text-align:left;font-size: 12px;padding: 10px;}
	#mpcrbm_meta_box_panel table th.mActive,#mpcrbm_meta_box_panel table td.mActive{display: table-cell;}
	#mpcrbm_meta_box_panel table tbody th {text-align: left;}
	#mpcrbm_meta_box_panel table tbody thead th {text-align: center;}
	/************************************/
	#mpcrbm_meta_box_panel .mpcrbm .roundSwitch { min-width: 53px;}
	#mpcrbm_meta_box_panel {margin: 15px 0;}
	#mpcrbm_meta_box_panel .inside,
	#mpcrbm_meta_box_panel .form-section {margin: 0;padding: 0;}
	#mpcrbm_meta_box_panel .postbox-header { background-color: var(--color_theme);}
	#mpcrbm_meta_box_panel .postbox-header .handle-actions .handle-order-higher,
	#mpcrbm_meta_box_panel .postbox-header .handle-actions .handle-order-lower,
	#mpcrbm_meta_box_panel .postbox-header .handle-actions .toggle-indicator{ color: var(--color_theme_alter);}
	#mpcrbm_meta_box_panel .postbox-header h2 {color: #FFF;font-size: 18px;-webkit-justify-content: flex-start;justify-content: flex-start;}
	#mpcrbm_meta_box_panel .postbox-header h2 span {margin: 0 7px 0 0;}
	#mpcrbm_meta_box_panel .wp-editor-wrap {width: 100%;}
}
/******************************************************************** Image upload  ************************************************/
@media only screen and (min-width: 10px) {
	div.multi_image { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	div.multi_image_item { position: relative; width: calc(25% - var(--dmp_xs)); min-width: 150px;margin: 0 var(--dmp_xs) var(--dmp_xs) 0;}
	span.remove_single_image,
	div.mpcrbm span.remove_multi_image { cursor: pointer; position: absolute; top: 0; right: 0; background-color: var(--color_danger);margin: 0; opacity: 0;}
	div.single_image_item:hover span.remove_single_image,
	div.single_image_item:hover span.remove_single_image:hover,
	div.multi_image_item:hover span.remove_multi_image {opacity: 0.9;}
	div.single_image_item {max-width: 150px;width: 100%;}
	div.single_image_item {position: relative; width: 100%;}
}
/******************************************************************** add Icon image ************************************************/
@media only screen and (min-width: 10px) {
	
	div.mpcrbm div.add_icon_image_area {border: 1px solid var(--color_theme);position: relative;max-width: 130px;}
	div.mpcrbm div.add_icon_image_area img {max-height: 100px;}
	div.mpcrbm div.add_icon_image_area button {padding: 5px;font-size: 12px;}
	div.mpcrbm div.add_icon_image_area button span {margin: 0 5px 0 0;}
	div.mpcrbm div.add_icon_image_area img {border-radius: 0;}
	div.mpcrbm div.add_icon_image_area div.icon_item {padding: var(--dmp_xs);background-color: var(--color_light);font-size: 16px;}
	div.mpcrbm div.icon_item:hover .remove_icon,
	div.mpcrbm div.image_item:hover .remove_icon {opacity: 1;}

	div.mpcrbm_add_icon_popup .popup_header { color: #FFF;height: 60px; margin: 0 auto;width: 100%; background-color: #032C53; position: relative; border-bottom: 0px solid #FFF; }
	div.mpcrbm_add_icon_popup .popup_header h2 { color: #FFF;text-align: center; font-size: 20px !important; }
	div.mpcrbm_add_icon_popup .popupBody {padding: 0;}
	div.mpcrbm_add_icon_popup ul.popupIconMenu { padding: 10px; min-width: 270px;background-color: #34424F;margin: 0; max-height: calc(100vh - var(--ttbm_mp) - var(--ttbm_mp) - 60px); overflow: hidden auto; }
	div.mpcrbm_add_icon_popup .popupIconMenu li { padding: 10px; margin: 5px 0; border-radius: 5px; color: #FFF;font-size: 16px;display: block;cursor: pointer; position: relative; font-weight: 500; }
	div.mpcrbm_add_icon_popup .popupIconMenu li strong {background-color: #C3CBD6A3;color: #202A33;padding: 0px 5px;border-radius: 10px;margin-left: 10px;}
	div.mpcrbm_add_icon_popup .popupIconMenu li.active {background-color: #202A33;}
	div.mpcrbm_add_icon_popup .popupIconMenu li:hover {color: #C3CBD6;background-color: #202A33;}
	div.mpcrbm_add_icon_popup .popupIconMenu li.active:hover {color: #C3CBD6;}
	div.mpcrbm_add_icon_popup .popup_all_icon { width: 100%;padding: 10px;background-color: #FFF; max-height: calc(100vh - var(--ttbm_mp) - var(--ttbm_mp) - 60px); overflow: hidden auto; }
	div.mpcrbm_add_icon_popup .popup_all_icon .popupTabItem {width: 100%;}
	div.mpcrbm_add_icon_popup .popup_all_icon .itemIconArea { width: 100%; display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; }
	div.mpcrbm_add_icon_popup .iconItem { width: 51px; height: 51px; font-size: 25px; margin: 5px; cursor: pointer; color: #777777; border: 1px solid #DBDBDB; border-radius: 5px; }
	div.mpcrbm_add_icon_popup .iconItem.active,
	div.mpcrbm_add_icon_popup .iconItem:hover { background-color: var(--color_theme); color: var(--color_theme_alter); border: 1px solid var(--color_theme); }
	div.mpcrbm_add_icon_popup .popup_header .popupClose {
		position: absolute;
		z-index: 1111;
		cursor: pointer;
		top: 2px;
		right: 1px;
		width: 32px;
		height: 32px;
		background-color: var(--color_theme);
		color: #FFF;
		font-size: 20px;
	}
}
/********************************************************************  ************************************************/
@media only screen and (min-width: 10px) {
}
/******************************************************************** ************************************************/
@media only screen and (min-width: 10px) {
	div.mpcrbm .adminLayout,
	div.mpcrbm [class*="_adminLayout"] {padding: 50px;max-width: 1000px;margin: 100px auto;background-color: #FFF;border: 1px solid var(--color_border);border-radius: var(--dbrl);}
	div.mpcrbm .adminLayout th,
	div.mpcrbm .adminLayout td,
	div.mpcrbm [class*="_adminLayout"] th,
	div.mpcrbm [class*="_adminLayout"] td {text-align: left;font-size: var(--fs_h5);}
}
/********************************************************************  ************************************************/
@media only screen and (min-width: 10px) {
}
/********Info Text******************/
div.mpcrbm .info_text {display: block;font-weight: normal;font-size: var(--fs_small);color: #666;}
div.mpcrbm .info_text span {margin: 0 5px 0 0;}