@container vb_options_width (width <=400px) {
	.vb_options_middle>* {
		--vb-module-column: 2;

		--vb-library-column: 1;
		--vb-template-column: 2;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 1;
 	}
}

@container vb_options_width (width >=399px) and (width <=500px) {
	.vb_options_middle>* {
		--vb-module-column: 3;
		--vb-library-column: 2;
		--vb-template-column: 3;
	}
 	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 1;
 	}
}

@container vb_options_width (width >=499px) and (width <=600px) {

	.vb_options_middle>* {
		--vb-module-column: 4;
		--vb-library-column: 3;
		--vb-template-column: 4;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 1;
 	}
}

@container vb_options_width (width >=599px) and (width <=800px) {

	.vb_options_middle>* {
		--vb-module-column: 5;
		--vb-library-column: 4;
		--vb-template-column: 5;
	}
 	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 2;
 	}
}

@container vb_options_width (width >=799px) and (width <=1000px) {

	.vb_options_middle>* {
		--vb-module-column: 7;
		--vb-library-column: 5;
		--vb-template-column: 6;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 2;
 	}
}


@container vb_options_width (width >=999px) and (width <=1200px) {

	.vb_options_middle>* {
		--vb-module-column: 8;
		--vb-library-column: 6;
		--vb-template-column: 7;
	}
	
	[data-id="vb_header"] .vb_options_middle>* ,
	[data-id="vb_footer"] .vb_options_middle>*{
 
		--vb-library-column: 2;
 	}
}

@container vb_options_width (width >=1199px) and (width <=1500px) {

	.vb_options_middle>* {
		--vb-module-column: 11;
		--vb-library-column: 7;
		--vb-template-column: 8;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 3;
 	}
}

@container vb_options_width (width >=1499px) and (width <=1700px) {
	.vb_options_middle>* {
		--vb-module-column: 13;
		--vb-library-column: 8;
		--vb-template-column: 9;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 3;
 	}
}

@container vb_options_width (width >=1699px) and (width <=1921px) {
	.vb_options_middle>* {
		--vb-module-column: 15;
		--vb-library-column: 9;
		--vb-template-column: 9;
	}
	[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
		--vb-library-column: 3;
 	}
}

@container vb_options_width (width >=1920px) {
	.vb_options_middle>* {
		--vb-module-display: flex;
		--vb-module-width: 140px;
		--vb-library-display: flex;
		--vb-library-width: 200px;
		--vb-template-column: 9;
	}
		[data-id="vb_header"] .vb_options_middle>*,
	[data-id="vb_footer"] .vb_options_middle>* {
 
	 
		--vb-library-display: flex;
		--vb-library-width: 600px;
  	}
}


.vb_options[data-id=library] .vb_options_content {
	grid-template-columns: 100%;
	display: grid;
}


.vb_options[data-id=library] .vb_options_content .vb_module_image {
	padding-bottom: 0px !important;
	height: auto !important;
}

.vb_options[data-id=library] .vb_options_content .vb_module_item img {
	padding-bottom: 0px !important;
	height: auto !important;
	transform: none !important;
	position: relative !important;
}


.vb_options[data-key=export] .vb_options_content>span,
.vb_options[data-key=import] .vb_options_content>span {
	margin-bottom: 20px;
	font-size: 17px;
	float: inline-start;
}

.vb_options[data-key=export] textarea,
.vb_options[data-key=import] textarea {
	width: 100%;
	height: 400px;
	background: #e8ebee !important;
	color: #80888f !important;
	box-shadow: 3px 3px 3px 0 #0008101a inset !important;
	border-radius: 5px;
	border: none !important;
}

.vb_import_wrap #vb_header_import {

	min-height: 500px !important;
}

/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 Options Module
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.vb_options_module .vb_control[control-type="according_start"][control-id="all"] {
	display: none !important;
}

.vb_options_module:has(.vb_layout_active[data-id="all"]) .vb_options_wrap {
	display: inline-block !important;
}

.vb_options_module:has(.vb_layout_active:not([data-id="all"])) .vb_options_content .vb_control_name {
	pointer-events: none !important;
	display: none !important;
}

.vb_options_module:has(.vb_layout_active:not([data-id="all"])) .vb_options_content .vb_control_name::before {
	display: none !important
}

.vb_options_module:has(.vb_layout_active:not([data-id="all"])) .vb_options_content .vb_control_setting {
	display: inline-block !important;
}

.vb_options_module .vb_module_list{
	padding:15px 0;
	
}
.vb_options_module .vb_module_list,
.vb_options_module[vb-has-search="active"] .vb_options_content {
	float: inline-start;
	width: 100%;
	background: #fff;
	display: var(--vb-module-display, grid);
	gap: 10px;
	flex-wrap: wrap;
	grid-template-columns: repeat(var(--vb-module-column, 8), 1fr);
 }

.vb_options_side.vb_options_module .vb_module_list,
.vb_options_side[vb-has-search="active"].vb_options_module .vb_options_content{
	padding: 15px;


}

.vb_options_module .vb_module_image {
	width: 100%;
	float: inline-start;
	height: auto;
	padding: 00px;
}

.vb_module_image img {
	margin: 0px !important;
}

.vb_module_item {
	border-radius: 5px;
	width: var(--vb-module-width, 100%);
	float: inline-start;
	position: relative;
	padding: 15px 10px 10px;
	cursor: pointer;
	margin: 0px;
	box-shadow: 0 0 0px 1px var(--vb-gray-color) inset;
	background: var(--vb-background-color);
}

.vb_module_item:hover {
	box-shadow: 0 0 0px 3px #0772ce inset;
}

.vb_module_item span {
	float: inline-start;
	text-align: center;
	width: 100%;
	display: grid;
	font-weight: 400;
	font-size: 11px;
	margin-top: 10px;
	line-height: 1.5em;
	justify-content: center;
	align-items: center;
	color: var(--vb-name-color) !important;
}
.rtl .vb_module_item span {
		font-size: 12px;
}
.vb_module_image {
	width: 100%;
	height: 0px;
	margin: auto;
	position: relative;
}

#vb_module_element .vb_module_image {
	padding-bottom: 100%;
}

.vb_module_item img {
	max-width: 100% !important;
	opacity: .60;
	float: none;
	width: auto !important;
	text-align: center;
	margin: auto !important;
	vertical-align: top;
	height: 30px !important;
}

.vb_module_add {
	background-color: #10b596;
	color: #ffffff;
	font-weight: 700;
	padding: 0 20px;
	float:inline-start;
}

body .vb_module_item[data-responsive="mobile"] {
	display: none !important;
}

body .vb_responsive_mobile .vb_module_item[data-responsive="mobile"],
body .vb_responsive_tablet .vb_module_item[data-responsive="tablet"] {
	display: inline-block !important;
}


body .vb_responsive_tablet .vb_module_item[data-responsive="desktop"],
body .vb_responsive_tablet .vb_module_item[data-responsive="mobile"],
body .vb_responsive_mobile .vb_module_item[data-responsive="desktop"],
body .vb_responsive_mobile .vb_module_item[data-responsive="tablet"] {
	display: none !important;
}


.vb_title_search {
	width: calc(100% - 40px);
	float: inline-start;
	margin: 10px 20px;
	position: relative;
}

.vb_title_search::before {
	width: 35px;
	height: 35px;
	position: absolute;
	color: #ffffff;
	vertical-align: top;
	opacity: .3;
	font-style: normal;
	line-height: 35px;
	font-size: 20px;
	text-align: center;
}

.vb_title_search>input {
	width: 100% !important;
	height: 35px !important;
	border-radius: 5px !important;
	background: rgb(40, 52, 64) !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--vb-text-color) !important;
	padding-inline-start: 35px;
	padding-inline-end: 20px;
	line-height: 35px !important;
}

.vb_title_search>input::placeholder {
	color: #a0a8af !important;
}

.vb_title_search>input:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.vb_title_search>input:focus {
	border: none !important;
	box-shadow: none !important;
}

[vb-has-search="active"] .vb_title_tabs {
	display: none !important;
}

body .vb_options[vb-has-search="active"] .vb_options_content header.vb_options_wrap,
body .vb_options[vb-has-search="active"] .vb_control[control-type="according_start"],
body .vb_options[vb-has-search="active"] .vb_control[control-type="according_start"] .vb_control_setting,
body .vb_options[vb-has-search="active"] .vb_control[control-type="according_start"] .vb_module_list {
	display: contents !important;
}

.vb_options[vb-has-search="active"] .vb_control_name {
	display: none !important;
}

[vb-has-search="active"] .vb_module_item {
	display: none !important;
}

[vb-has-search="active"] .vb_search_show {

	display: inline-block !important;
}

.vb_module_template_add {
	position: absolute;
	top: 0px;
	inset-inline-end: 0px;
	width: 30px;
		color: var(--vb-text-color);

	height: 30px;
	border: solid 1px var(--vb-border-color);
	border-radius: 5px;
}

.vb_module_template_add::before {
	line-height: 30px;
	font-size: 12px;
	width: 100%;
	color:inherit !important;
	text-align: center;
	display: inline-block;
}

.vb_module_template_add:hover {
	background: var(--vb-main-color);
	color:#ffffff;
}