.settings__complex{
	padding:32px 24px;
	width: 100%;
	& .containers{
		margin-top: 24px;
		& .elem{
			&>.box{
				& .search{
					padding:16px;
					display: flex;
					align-items:center;
					justify-content:space-between;
					& .date__filter{
						width: 100%;
						max-width: 200px;
						&>.group__dropdown>a{
							&>span{
								left: 35px;
								width: calc(100% - 65px);
							}
							&>p{
								margin:0px;
								position: absolute;
								display: inline-flex;
								& svg{
									position: static;
								}
								left: 12px;
							}
						}
					}
					& .group__input{
						width: 100%;
						max-width: 325px;
						position: relative;
						display: flex;
						align-items:center;
						&>input{
							width: 100%;
							height: 42px;
							border-radius: 8px;
							background-color:#F9FAFB;
							border:1px solid #D1D5DB;
							padding-left: 42px;
							padding-right: 16px;
							font-size: 14px;
							color:#000;
						}
						& span{
							display: inline-flex;
							align-items:center;
							justify-content:center;
							position: absolute;
							left: 16px;
						}
					}
				}
				&.no__space{
					padding:0px;
				}
				margin-bottom: 24px;
				& .title + .double{
					margin-top: 0px;
				}
				& .feedback__table{
					border-radius: 8px;
					& table{
						border-bottom: 0px;
					}
					border:1px solid #E5E7EB;
					& tr th{
						border-top:0px;
					}
				}
				& .double{
					display: grid;
					grid-template-columns:repeat(2,1fr);
					grid-column-gap:20px;
					margin-top: 24px;
				}
				& .thanks__message{
					&>p{
						margin-top: 0px;
						margin-bottom: 16px;
						font-size: 16px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
				}
				& .spacer{
					min-height: 1px;
					width: 100%;
					background-color:#E5E7EB;
					margin:24px 0px;
				}
				& .page__heading{
					&>p{
						margin-top: 0px;
						margin-bottom: 12px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
					& .fields{
						display: grid;
						grid-template-columns:repeat(2 ,1fr);
						grid-column-gap:20px;
					}
				}
				& .color__pickers{
					display: grid;
					grid-template-columns:repeat(2 ,1fr);
					grid-column-gap:20px;
					grid-row-gap:20px;
					padding-bottom: 20px;
					margin-bottom: 20px;
					border-bottom:1px  solid #E5E7EB;
					& .field{
						& .group__input{
							width: 100%;
							& .minicolors {
								width: 100%;
							}
						}
						&>p{
							margin-top: 0px;
							margin-bottom: 12px;
							font-size: 14px;
							line-height: 150%;
							font-weight: 500;
							color:#111928;
						}
					}
				}
				& .url__slug{
					display: flex;
					align-items:center;
					& .group__input{
						width: 100%;
						&>input{
							width: 100%;
							height: 48px;
							border:1px solid #D1D5DB;
							border-left: 0px;
							border-top-right-radius: 8px;
							border-bottom-right-radius: 8px;
							padding-left: 14px;
							font-size: 16px;
							color:#111928;
						}
					}
					justify-content:flex-start;
					& .left__part{
						border-top-left-radius: 8px;
						border-bottom-left-radius: 8px;
						& span{

							font-size: 16px;
							line-height: 150%;
							font-weight: 400;
							color:#000000;
						}
						padding:12px 14px;	
						border:1px solid #D1D5DB;
						min-height: 48px;
						display: flex;
						align-items:center;
						justify-content:center;
						background-color:#FAFAFA;
					}
				}
				& .link{
					display: flex;
					justify-content:flex-start;
					&>div{
						display: inline-flex;
						align-items:center;
						justify-content:flex-start;
						text-decoration: none;
						padding:2px 6px;
						background-color:#F3F4F6;
						border-radius: 4px;
						& p{
							margin:0px;
							font-size: 12px;
							line-height: 150%;
							font-weight: 500;
							color:#4B5563;
							word-break:break-all;
							margin-right: 4px;
						}

					}
				}
				&>.title{

					margin-bottom: 12px;
					&>p{
						margin:0px;
						font-size: 16px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
				}
				background-color:#fff;
				border:1px solid #E5E7EB;
				border-radius: 8px;
				padding:24px;
				& .fields__triple{
					display: grid;
					grid-template-columns:repeat(3 ,1fr);
					align-items:flex-start;
					grid-column-gap:20px;
					grid-row-gap:20px;
					&>.field{
						&>p{
							margin-top: 0px;
							margin-bottom: 16px;
							font-size: 16px;
							line-height: 24px;
							font-weight: 500;
							color:#111928;
						}
					}
				}
				& .top{
					display: flex;
					flex-direction:column;
					align-items:flex-start;
					margin-bottom: 24px;
					padding-bottom: 24px;
					border-bottom:1px solid #E5E7EB;
					&>span{
						display: block;
						margin-bottom: 8px;
						font-size: 16px;
						line-height: 24px;
						font-weight: 500;
						color:#111928;
					}
					&>p{
						margin:0px;
						font-size: 16px;
						line-height: 24px;
						font-weight: 400;
						color:#111928;
					}
				}
				&:last-child{
					margin-bottom: 0px;
				}
			}
		}
	}
	&>.switcher{
		padding:16px 24px;
		background-color:#FFFFFF;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		padding:16px 24px;
		& ul{
			padding:0px;
			list-style-type: none;
			margin:0px;
			display: flex;
			align-items:center;
			justify-content:center;
			width: 100%;
			border:1px solid #E5E7EB;
			border-radius: 8px;
			&>li{
				border-right:1px solid #E5E7EB;
				&:last-child{
					border-right:0px;
				}
				width: 100%;
				&:nth-child(1){
					&>a{
						border-top-left-radius: 8px;
						border-bottom-left-radius: 8px;
					}
				}
				&:last-child{
					&>a{
						border-top-right-radius: 8px;
						border-bottom-right-radius: 8px;
					}
				}
				&>a{
					display: flex;
					align-items:center;
					justify-content:center;
					text-decoration: none;
					width: 100%;
					height: 42px;
					font-size: 14px;
					line-height: 130%;
					font-weight: 400;
					color:#374151;
					transition:.3s ease all;
					&:hover{
						background-color:#F9FAFB;
						color:#374151;
					}
					&.current{
						background-color:#F9FAFB;
						color:#374151;
					}
				}
			}
		}
	}
	&>.top{
		display: flex;
		align-items:center;
		margin-bottom: 24px;
		justify-content:space-between;
		&>h6{
			margin:0px;
			font-size: 28px;
			line-height: 125%;
			font-weight: 600;
			color:#111928;
		}
		&>a{
			min-height: 35px;
			font-size: 12px;
		}
	}
}
@media (max-width: 1200px){
	.settings__complex .containers .elem>.box .fields__triple{
		grid-template-columns:1fr;
	}
}
@media (max-width: 991px){
	.settings__complex .containers .elem>.box .color__pickers{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.settings__complex .containers .elem>.box .spacer{
		margin:15px 0px;
	}
	.settings__complex .containers .elem>.box .color__pickers , .settings__complex .containers .elem>.box .page__heading .fields , .settings__complex .containers .elem>.box .double{
		grid-template-columns:1fr;
		grid-row-gap:16px;
	}
	.settings__complex .containers{
		margin-top: 16px;
	}
	.settings__complex .containers .elem>.box{
		margin-bottom: 16px;
		&:last-child{
			margin-bottom: 0px;
		}
	}
	.settings__complex>.switcher ul{
		justify-content:flex-start;
	}
	.settings__complex .containers .elem>.box{
		padding:16px;
	}
	.settings__complex .containers .elem>.box .top{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.settings__complex .containers .elem>.box .fields__triple>.field>p{
		margin-bottom: 10px;
	}
	.settings__complex .containers .elem>.box .fields__triple{
		grid-row-gap:12px;
	}
	.settings__complex>.switcher{
		padding:16px;
	}
	.settings__complex>.top>h6{
		font-size: 24px;
	}
	.settings__complex>.switcher ul>li>a{
		padding-left: 16px;
		padding-right: 16px;
	}
	.settings__complex>.top{
		margin-bottom: 20px;
	}
	.settings__complex>.switcher ul{
		overflow-x:auto;
		&::-webkit-scrollbar {
		  width: 6px;
		  height:4px;
		}
		 
		&::-webkit-scrollbar-track {

		}
		 
		&::-webkit-scrollbar-thumb {
			border-radius: 250px;
		  background-color:rgb(28,69,194);
		}
	}
	.settings__complex>.switcher ul>li>a{
		white-space: nowrap;
	}
}
@media (max-width: 767px){
	.settings__complex .containers .elem>.box .search{
		flex-direction:column;
		& .group__input{
			width: 100%;
			max-width: 100%;
		}
		& .date__filter{
			width: 100%;
			margin-bottom: 10px;
			max-width: 100%;
		}
	}
	.settings__complex .containers .elem>.box .url__slug {
		flex-direction:column;
		& .left__part{
			max-width: 100%;
			width: 100%;
			border-bottom-left-radius: 0px;
			border-top-right-radius: 8px;
		}
	}
	.settings__complex .containers .elem>.box .url__slug .left__part{
		justify-content:flex-start;
		&>span{
			font-size: 13px;
			word-break:break-all;
		}
	}
	.settings__complex .containers .elem>.box .url__slug .group__input{
		& input{
			border-radius:0px;
			border-top: 0px;
			font-size: 14px;
			border-left: 1px solid #D1D5DB;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
		}
	}
	.settings__complex{
		padding:16px 16px;
	}
}
@media (max-width: 480px){
	.settings__complex>.top{
		flex-direction:column;
		&>h6{
			width: 100%;
			margin-bottom: 10px;
		}
		&>a{
			width: 100%;
		}
	}
}