body {
	background-color: #f1f5f9 !important;
}

:root {
	--theme--color1: #2271b1;
	--bs-border-radius: 0.25rem !important;
	
}
.accordion {
	--bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgb(120 163 197) !important;
	--bs-accordion-btn-icon-width: 1rem !important;
}
button.nav-link {
	font-weight: 500;
}

.switch-container {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

#theme_settings .switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

#theme_settings .switch::before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

#theme_settings input[type=checkbox] {
	opacity: 0;
}

#theme_settings input[type="checkbox"]:checked+.switch {
	background-color: #000;
}

#theme_settings input[type="checkbox"]:checked+.switch::before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

#theme_settings .breadscrumb_custom input[type=checkbox] {
	opacity: 1;
}

#theme_settings .breadscrumb_custom input[type=checkbox] {
	opacity: 1;
}

#theme_settings .accordion-button {
	background: transparent;
	border-radius: .25rem;
	padding: .5rem .75rem;
	font-size: 14px;
	color: #000;
	height: 37px;
}

#theme_settings .accordion-button:not(.collapsed) {
	box-shadow: none;
	
}

#theme_settings .accordion-button:focus {
	box-shadow: var(--bs-accordion-btn-focus-box-shadow);
	border: none;
	outline: none !important;
}

#theme_settings .accordion-item {
	margin-bottom: 20px;
	border: none;
}
#theme_settings .accordion-item .accordion-body {
	padding: 0;
	margin-left: 2rem;
	margin-top: 10px;
}

/* #theme_settings .accordion-item .accordion-collapse {
	border: 1px solid var(--theme--color1);
} */

#theme_settings .accordion-item form {
	border: none;
	padding: 0;
}


#theme_settings .onoff {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	vertical-align: auto;
	zoom: 1;
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 70px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
}

#theme_settings .onoff label {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #a4b0be;
	border-radius: .25rem;
	font-weight: bold;
	color: #FFF;
	overflow:hidden;
	-webkit-transition: background 0.3s, text-indent 0.3s;
	-moz-transition: background 0.3s, text-indent 0.3s;
	-o-transition: background 0.3s, text-indent 0.3s;
	transition: background 0.3s, text-indent 0.3s;
	text-indent: 27px;
}

#theme_settings .onoff label:after {
	content: 'OFF';
	display: block;
	position: absolute;
	top: 0px;
	left: 8px;
	width: 100%;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
	z-index: 1;
}

#theme_settings .onoff label:before {
	content: '';
	width: 25px;
	height: 25px;
	border-radius: 0px;
	border: 4px solid #bdc3c7;
	background-color: #34495e;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	display: block;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
}

#theme_settings .onoff input:checked+label {
	background: #2271b1;
	text-indent: 8px;
}

#theme_settings .onoff input:checked+label:after {
	content: 'ON';
	color: #ffffff;
	left: 0;
}

#theme_settings .onoff input:checked+label:before {
	left: 45px;
	background-color: #2271b1;
}

#theme_settings .bl_list_ input[type="checkbox"] {
	opacity: 1;
}

#theme_settings .bl_tab_ .template_listing {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
}

#theme_settings .bl_tab_ .template_listing li label.new {
	width: 176px;
	border-radius: 4px;
	background: transparent;
	color: #000;
	border: none;
	padding: 0;
	margin: 8px 4px;
	display: flex;
	align-items: start;
	line-height: 1;
	text-transform: capitalize;
}

#theme_settings .bl_tab_ .bttn,
#theme_settings .button-primary {
	background: var(--theme--color1);
	border: 0;
	padding: 6px 12px;
	color: #fff;
	font-size: initial;
	border: 1px solid var(--theme--color1);
	text-transform: capitalize;
	border-radius: 4px;
	display: block;
	line-height: 1.2 !important;
	margin-top: 1.5rem;
	font-weight: 600;
}

#theme_settings .bl_tab_ input[type=checkbox] {
	margin: 0.1rem .25rem 0 0;
}

#theme_settings .bl_tab_ label.all.new {
	background: transparent;
	color: #000;
	border: none;
	padding: 0;
	margin: 8px 4px;
	display: inline-block;
}

#theme_settings .bl_tab_ ul+div label.all.new input[type=checkbox] {
	margin: -.125rem .25rem 0 0;
}

#theme_settings .bl_tab_ .bl_list_ {
	display: none;
}

#theme_settings .bl_tab_ .bl_list_ ul {
	padding-left: 0;
}

#theme_settings .bl_tab_ .Select.All {
	margin: -.125rem .25rem 0 0;
}


#theme_settings label.bread_all {
	color: #000;
	margin: 0px 4px;
	text-transform: capitalize;
}

#theme_settings .show_hide_label label {
	color: #000;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}

#theme_settings p.submit {
	padding: 0;
	margin: 0;
}



#theme_settings .nav-tabs .nav-item .nav-link,
#theme_settings .nav-tabs .nav-link {
	text-decoration: none;
	color: rgb(0 0 0);
	padding: .5rem 1rem;
	border-radius: 0px;
	font-weight: 500;
	border: 1px solid var(--theme--color1);
	cursor: pointer;
	display: block;
	font-size: 14px;
}

#theme_settings .nav-tabs .nav-item.show .nav-link,
#theme_settings .nav-tabs .nav-link.active {
	background-color: var(--theme--color1);
	color: #ffffff;
	position: relative;
}

#theme_settings .nav-tabs .nav-item {
	margin-bottom: 20px;
}

#theme_settings .nav-tabs .nav-item:not(:last-child) {
	margin-right: 10px;
}


#theme_settings .nav-tabs .nav-link.active::after {
	content: '';
	background-color: var(--theme--color1);
	height: 15px;
	width: 15px;
	position: absolute;
	bottom: -7px;
	left: 47%;
	transform: rotate(45deg);
	border-bottom-right-radius: 1.5px;
}

#theme_settings .nav-tabs {
	border: 0;
}



#theme_settings form {
	padding: 0;
	border: 0;
}

#theme_settings .tab-content {}

#theme_settings .nav#bl-pills-tab {
	
}
#theme_settings .card{
	max-width: 100%;
min-height: 70vh;
}
#theme_settings .nav-pills .nav-link {
	color: #000;
	border-radius: .25rem;
	font-size: 14px;
	width: 100%;
	position: relative;
	text-align: left;
	padding: .5rem .75rem;
	color: rgb(71 85 105);
}
#theme_settings .nav-pills .nav-link:hover ,#theme_settings .accordion-button:hover{
	background-color: rgb(248 250 252);
	color: rgb(0 0 0);
}
#theme_settings .nav-pills .nav-link:not(:last-child){
	margin-bottom: 5px;
}

#theme_settings .nav-pills .nav-link.active,
#theme_settings .nav-pills .show>.nav-link {
	/* background: var(--bs-gray-200); */
	background: rgb(226 232 240);
	color: rgb(0 0 0);
}
#theme_settings .nav-pills .nav-link.active:hover,
#theme_settings .nav-pills .show:hover>.nav-link {
	/* background: var(--bs-gray-200); */
	background: rgb(226 232 240);
	color: rgb(0 0 0);
}
#theme_settings .accordion-header button.nav-link {
	color: rgb(0 0 0);
}

/* #theme_settings .nav-pills .nav-link.active::after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translatey(-8px);
	border: solid 8px transparent;
	border-right-color: #f0f0f1;
} */

#theme_settings aside {}
#theme_settings .accordion-item {background: transparent;}

@media screen and (max-width: 768px) {
	#theme_settings .bl_tab_ .template_listing li label.new {
		width: 150px;
	}

	#theme_settings input[type=checkbox],
	#theme_settings input[type=radio] {
		height: 1rem;
		width: 1rem;
	}
	
	#theme_settings input[type=checkbox]::before {
		width: 1.2rem ;
		height: 1.2rem ;
		margin: -0.1875rem ;
	}
	
}

@media screen and (max-width: 375px) {
	#theme_settings .bl_tab_ .template_listing li label.new {
		width: 100%;
	}

	#theme_settings .bl_tab_ .template_listing {
		flex-direction: column;
	}
}
