.dz-setting .card-body{
	padding:0;
	.dz-title{
		font-weight:500;
		color:#444;
		margin-bottom: 2px;	
	}
	
	
	.ThemeOptionsMainMenu{
		padding: 10px 0;
		border-right: 1px solid $border;
		color: #7e7e7e;
		width: 210px;
		display: block;
		flex: 0 0 200px;
		@include respond ('phone-land'){
			width: 40px;
			flex: 0 0 40px;
		}
		li{
			a{
				color: #7e7e7e;
				font-size: 13px;
				padding: 13px 20px;
				font-weight: 400;
				position: relative;
				@include respond ('phone-land'){
					padding: 10px 6px;
					text-align:center;
				}
				i{
					transform: scale(1.25);
					@include respond ('phone-land'){
						transform: scale(1);
						margin-right:0  !important;
					}
				}
				span{
					@include respond ('phone-land'){
						display:none;
					}
				}
				&.active{
					color:var(--primary);
				}
			}
			
			&.has-subsection{
				& > a:after{
					content: "\f078";
					font-family: "Font Awesome 5 Free";
					font-weight: 700;
					font-size: 10px;
					float: right;
					transform: rotate(-90deg);
					vertical-align: middle;
					margin-top: 1px;
					position: absolute;
					right: 20px;
					top: 15px;
					@include respond ('phone-land'){
						content:none;
					}
				}
				&.active-section > a:after{
					transform: rotate(0deg);
				}
			}
		}
		& > li  > a.active{
			background:var(--rgba-primary-1);
		}
		.ThemeOptionsSubMenu{
			background:#fbfbfb;
		    padding: 10px 0;
			li{
				a{
					padding: 8px 20px;
					@include respond ('phone-land'){
						padding: 10px 8px;
					}
				}
			}
		}
	}
	
	.tab-content{
		padding:30px;
	    width: 100%;	
		@include respond ('tab-port'){
			padding:20px;
		}
	}
	.dz-btn-group {
		border:1px solid $border;
		border-radius:6px;
		padding:4px;
		gap: 4px;
	    margin-bottom: 5px;
		@include respond ('phone'){
			border:0;
			border-radius:0;
			padding:0;
			    display: block;
		}
		.btn{
			font-size: 13px;
			font-weight: 500;
			padding: 7px 12px;
			border: 0;
			border-radius: 4px;
			color: #444;
			&:hover{
				color:#fff;
				
			}
			@include respond ('phone'){
				background:#eee;
				margin:0 4px 4px 0;
				&:hover{
					color:#444;
					
				}
			}
		}
		input:checked + .btn{
			color:#fff;
			box-shadow: 2px 2px 10px -5px var(--primary);
			@include respond ('phone'){
				background:var(--primary);
			}
		}
	}
	
	
	.dz-mediaradio{
		position: relative;
		margin-bottom: 10px;
		display: inline-block;
		margin-right: 10px;
		
		input{
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.control-label img{
			border: 1px solid $border;
			border-radius: 6px;
			padding: 4px;
		    min-height: 50px;	
			
		}
		
		
		.label-title{
			font-weight: 400;
			color: #000;
			margin: 8px 0 5px;
			display: block;
			font-size: 13px;
		}
		input:checked + .control-label img{
			border: 1px solid var(--primary);
			box-shadow: 0px 0px 0px 6px var(--rgba-primary-2), 0px 0px 0px 1px var(--primary);
		}
	}
	.img-parent-box img{
		border: 1px solid $border;
		border-radius: 6px;
		padding: 4px;
		background:#f7f7f7;
	}
}
