.campaign__wrapper{
	display: flex;
	justify-content:space-between;
	min-height: calc(100vh - 53px);
	& .campaign__main{
		width: calc(100% - 220px);
		padding-top: 32px;
		padding-left: 24px;
		padding-bottom: 32px;
		& .campaign__elem{
			& .top__part{
				display: flex;
				align-items:center;
				justify-content:space-between;
				margin-bottom: 24px;
				&>.right{
					display: flex;
					align-items:center;
					justify-content:flex-end;
					margin-left: 15px;
					& .add{
						display: flex;
						align-items:center;
						justify-content:center;
						margin-left: 8px;
						&>a{
							display: inline-flex;
							align-items:center;
							justify-content:center;
							min-width: 44px;
							max-width: 44px;
							min-height: 37px;
							border-radius: 8px;
							background-color:#1C45C2;
							transition:.3s ease all;
							&:active{
								box-shadow:0px 0px 0px 3px #C3DDFD;
							}
							&:hover{
								background-color:#1E429F;
							}
						}
					}
					& .status__wrapper{
						&>.group__dropdown{
							&>a{
								min-width: 130px;
							}
						}
					}
					&>a{
						margin-right: 8px;
					}
				}
				&>.left{
					display: flex;
					flex-direction:column;
					align-items:flex-start;
					&>p{
						margin:0px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 400;
						color:#6B7280;
					}
					&>h6{
						margin-top: 0px;
						margin-bottom: 4px;
						font-size: 28px;
						line-height: 125%;
						font-weight: 600;
						color:#111928;
					}
				}
			}
		}
	}
	& .side__campaign{
		width: 100%;
		max-width: 220px;
		min-width: 220px;
		border-right:1px solid #E5E7EB;
		background-color:#FFFFFF;
		padding:24px;
		&>.campaign__elem{

			border-bottom:1px solid #E5E7EB;
			padding-bottom: 20px;
			margin-bottom: 20px;
			& ul{
				padding:0px;
				list-style-type: none;
				margin:0px;
				&>li{
					margin-bottom: 4px;
					&>a{
						display: flex;
						align-items:center;
						justify-content:flex-start;
						min-height: 37px;
						border-radius: 8px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 500;
						color:#1F2A37;
						text-decoration: none;
						transition:.3s ease all;
						&.current{
							background-color:#F9FAFB;
						}
						&:hover{
							background-color:#F9FAFB;
						}
						padding:8px;
						& span{
							display: inline-flex;
							align-items:center;
							justify-content:center;
							margin-right: 8px;
							min-width: 16px;
							max-width: 16px;
						}
					}
					&:last-child{
						margin-bottom: 0px;
					}
				}
			}
			&>p{
				margin-top: 0px;
				margin-bottom: 12px;
				padding-left: 8px;
				font-size: 12px;
				line-height: 150%;
				font-weight: 500;
				color:#6B7280;
			}
			&:last-child{
				margin-bottom: 0px;
				padding-bottom: 0px;
				border-bottom:0px;
			}
		}
	}
}

.manage__tags{
	& .manage__tags--form{
		& .tags__list{
			&>.elem{
				padding:16px 0px;
				display: flex;
				border-bottom:1px solid #E5E7EB;
				align-items:center;
				justify-content:space-between;
				&>.remove__tag{
					min-width: 30px;
					max-width: 30px;
					min-height: 30px;
					max-height: 30px;
					display: flex;
					align-items:center;
					justify-content:center;
				    border-radius: 4px;
				    -webkit-transition: .3s ease all;
				    transition: .3s ease all;
				    &:hover{
				    	background-color:rgba(240,82,82,0.15);
				    }
				}
				&>p.tag{
					margin:0px;
					margin-right: 12px;
					padding:2px 10px;
					font-size: 14px;
					line-height: 150%;
					font-weight: 500;
					color:#6B7280;
					background-color:#F9FAFB;
					border-radius: 6px;
				}
			}
		}
		&>.top{

			margin-bottom: 32px;
			display: flex;
			flex-direction:column;
			align-items:flex-start;
			&>p{
				margin:0px;
				font-size: 14px;
				line-height: 150%;
				font-weight: 400;
				color:#111928;
			}
			&>h6{
				margin-top: 0px;
				margin-bottom: 16px;
				font-size: 24px;
				line-height: 125%;
				font-weight: 600;
				color:#111928;
			}
		}
	}
}

@media (max-width: 1280px){
	.campaign__wrapper .campaign__main{
		width: 100%;
	}
	.campaign__wrapper .side__campaign{
		position: fixed;
        left: 0px;
        height: calc(100% - 53px);
        top: 53px;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        left: -220px;
        z-index: 3;
	}
}
@media (max-width: 991px){
	.campaign__wrapper .campaign__main .campaign__elem .top__part>.right{
		margin-left: 0px;
	}
	.campaign__wrapper .campaign__main .campaign__elem .top__part{
		margin-bottom: 16px;
		flex-direction:column;
		&>.right{
			width: 100%;
		}
		&>.left{
			width: 100%;
			margin-bottom: 10px;
		}
	}
	.regular__table .top{
		flex-direction:row;
	}
	.regular__table .top .switcher{
		margin-top: 0px;
		margin-left: 10px;
	}
}
@media (max-width: 767px){
	.campaign__wrapper .campaign__main .campaign__elem .top__part>.left>h6{
		font-size: 24px;
	}
	.campaign__wrapper .campaign__main{
		padding:20px 15px;
	}
}
@media (max-width: 640px){
	.regular__table .top{
		flex-direction:column;	
	}
	.regular__table>.top form{
		margin-bottom: 10px;
	}
	.regular__table .top .switcher{
		margin-left: auto;
	}
}
@media (max-width: 480px){
	.campaign__wrapper .campaign__main .campaign__elem .top__part>.right{
		flex-direction:column;
		position: relative;
		&>.add{
			position: absolute;
			right: 0px;
			bottom:0px;
		}
		&>a{
			width: 100%;
			margin-bottom: 10px;
			margin-right: 0px;
		}
	}
	.campaign__wrapper .campaign__main .campaign__elem .top__part>.right .status__wrapper{
		width: calc(100% - 52px);
		margin-right: auto;
		&>.group__dropdown>a{
			width: 100%;
		}
	}
}