html {
	scroll-behavior: smooth;
}

body {
	font-family: "Roboto", sans-serif;
	background-color: #fafafa;
}

a {
	text-decoration: none;
	color: #000000;
}

	a:hover {
		color: #222222;
	}

button:focus {
	outline: none;
	box-shadow: none;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.btn:focus,
.btn.focus {
	box-shadow: none;
}

.vh-100 {
	height: 100vh;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #edeeef;
}

.dropdown-divider {
	border-top: 1px solid #e1e3e5;
}

.text-light {
	color: #919eab !important;
}

.text-gray {
	color: #6d7175;
}

.btn-primary-link {
	text-decoration: underline;
	color: #3f4eae;
}

/************/
.box-shadow-0 {
	box-shadow: none !important;
}

.form-control {
	font-size: 14px !important;
}

.dropdown-menu-domain {
	width: 100%;
}

/******p******/
p {
	font-size: 14px;
	color: #000000;
}

h4 {
	font-size: 20px;
	color: #202223;
	font-weight: normal;
}

/**********badge***********/

.badge-sm {
	padding: 1rem;
	height: 10px;
}

.badge--success {
	background-color: #aee9d1;
	color: #414f3e;
}

.abbadge {
	position: absolute;
	padding: 0 0.8em;
}

/*************banner**************/
.banner {
	border-radius: 8px;
}

.banner--warning .banner-icon i {
	color: #ffffff;
	background-color: #b98900;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	border-radius: 50px;
	transform: rotate(180deg);
	font-size: 12px;
}

.cancel-btn-banner i {
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
}

.btn-pointer i {
	cursor: pointer;
}

/* **************new-css****************** */

.confirmchanges-frame {
	height: 64px;
	left: 0px;
	right: 0px;
	background: #202123;
	box-shadow: 0px 0px 2px rgb(0 0 0 / 20%), 0px 2px 10px rgb(0 0 0 / 10%);
	position: fixed;
	bottom: 0;
	text-align: center;
	z-index: 99999;
	padding-top: 15px;
}

.confirmchanges-message {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	display: inline;
}

.frame-toast-manager .btn-danger {
	background: #d82c0d;
}

.frame-toast-manager .btn-success {
	background: #50b83c;
}

.notification-bottom-bar {
	background-color: #202123;
	padding: 10px;
	width: 100%;
	z-index: 9999;
	position: fixed;
	bottom: 0;
}

	.notification-bottom-bar .btn:focus,
	.btn.focus {
		outline: 0;
		border-color: rgba(249, 250, 251, 0.4);
		box-shadow: none;
		color: #e2e2e2;
	}

	.notification-bottom-bar .btn:active,
	.btn.active {
		box-shadow: none;
	}

	.notification-bottom-bar .text-unsaved {
		font-size: 17px;
	}

	.notification-bottom-bar .btn-outline-light {
		font-size: 15px;
	}

.banner--info .banner-icon i {
	color: #ffffff;
	background-color: #00a0ac;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	border-radius: 50px;
	transform: rotate(180deg);
	font-size: 12px;
}

.banner--critical .banner-icon i {
	color: #ffffff;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 20px;
	border-radius: 50px;
	transform: rotate(315deg);
	font-size: 12px;
}

.banner--defalt .banner-icon i {
	color: #ffffff;
	background-color: #5c5f62;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	border-radius: 50px;
	transform: rotate(180deg);
	font-size: 12px;
}

.banner--warning .banner-icon i {
	background-color: #b98900;
}

.banner--success .banner-icon i {
	color: #ffffff;
	background-color: #007f5f;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	border-radius: 50px;
	font-size: 12px;
}

.banner--success:focus {
	box-shadow: inset 0 3px 0 0 #007f5f, inset 0 0 0 3px #007f5f, 0 0 0 1px rgb(63 63 68 / 5%), 0 1px 3px 0 rgb(63 63 68 / 15%);
}

.btn-outline-success {
	border-color: rgb(0 127 95);
}

.banner--info .banner-icon i {
	background-color: #00a0ac;
}

.banner--critical .banner-icon {
	width: 19.93px;
	height: 19.93px;
	text-align: center;
	background: #d72c0d;
	color: #ffff;
	border-radius: 4px;
	transform: rotate(45deg);
}

/**************/
.input-tag {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	min-height: 2.8rem;
	padding: 0 0.8rem;
	background-color: #e4e5e7;
	color: #202223;
	margin-right: 5px;
}

.success-icon i {
	font-size: 32px;
	color: #ffffff;
	background: #61b942;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
}

.spin-loader h3,
.success-icon h3 {
	font-weight: 400;
}

/**************/
.bg-blue {
	background-color: #459ef0;
}

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

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mr-1 {
	margin-right: 0.25rem !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}

.mx-1 {
	margin-left: 0.25rem !important;
	margin-right: 0.25rem !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mr-2 {
	margin-right: 0.5rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2 {
	margin-left: 0.5rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.my-3 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.ml-5 {
	margin-left: 3rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pr-1 {
	padding-right: 0.25rem !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1 {
	padding-left: 0.25rem !important;
}

.px-1 {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pr-2 {
	padding-right: 0.5rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pr-4 {
	padding-right: 1.5rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4 {
	padding-left: 1.5rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

/***********btn************/

.btn-link-primary {
	text-decoration: underline;
	color: #3f4eae;
}

.text-primary {
	color: #4e5a7b !important;
}

.btn {
	font-weight: 500;
}

.btn-primary {
	color: #fff;
	background-color: #4e5a7b;
	background-image: linear-gradient(to bottom, #4e5a7b 0%, #4e5a7b 100%);
	background-repeat: repeat-x;
	border-color: #4e5a7b;
	font-weight: 500;
}

.bg-primary {
	background-color: #4e5a7b !important;
}

.btn-gray {
	background-color: #6d7175;
	color: #fff;
	border-radius: 3px !important;
	background-image: linear-gradient(to bottom, #6d7175 0%, #6d7175 100%);
}

	.btn-gray i {
		line-height: 20px;
	}

.btn-orange-edit {
	color: #f59926 !important;
	font-size: 14px;
	text-decoration: underline !important;
}

.btn-outline-warning {
	color: #000000;
	background-color: transparent;
	background-image: none;
	border-color: rgba(238, 194, 0, 0.4);
	fill: #eec200;
}

/***********banner***********/
.banner--warning {
	background-color: #fff5ea;
	border: 1px solid #e1b878;
	box-shadow: none;
}

.banner--defalt {
	background-color: #f6f6f7;
	border: 1px solid #babfc3;
	box-shadow: none;
}

.banner--info {
	background-color: #ebf9fc;
	border: 1px solid #98c6cd;
	box-shadow: none;
}

.banner--success {
	background-color: #f1f8f5;
	border: 1px solid #95c9b4;
	box-shadow: none;
}

.banner--critical {
	background-color: #fff4f4;
	border: 1px solid #e0b3b2;
	box-shadow: none;
}

/********main-body*********/
.main-body {
	padding: 0 2px;
	min-height: 80%;
}

	.main-body :first-of-type .card:first-of-type {
		min-height: auto;
	}

/*******/
.text-theme {
	color: #4e5a7b;
}

/*******form-check-input**********/
.form-check-input {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 0.8rem;
	vertical-align: sub;
}

.dropdown-date .dropdown-toggle::after {
	margin-left: 3.5em;
}

/**navbar**/
.side-navbar-fixed {
	position: sticky;
	width: 100%;
	z-index: 9;
	top: 10px;
}

.side-navbar {
	background: #ffffff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	height: 95%;
	overflow-y: scroll;
	overflow-x: hidden;
	position: fixed;
	width: 15%;
	z-index: 9;
	top: 12px;
}

	.side-navbar i {
		color: #aeaeae;
		margin-right: 6px;
		font-size: 17px;
	}

.sidenav a,
.dropdown-btn {
	padding: 8px 8px 8px 18px;
	text-decoration: none;
	color: #6d7175;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}

.dropdown-container {
	display: none;
	/*padding-left: 29px;*/
	padding: 0 20px;
}

.sidenav i.fontsize {
	font-size: 20px;
}

.sidenav .active {
	color: #000;
	-moz-animation-duration: 2s;
	-moz-animation-name: delaySlide;
}

.sidenav .dropdown-container .active {
	color: #000;
	background-color: #edeeef !important;
	font-weight: 500;
	border-radius: 4px;
}

.sidenav .active i {
	color: #f8af37;
}

.sidenav {
	font-weight: 500;
}

/**logo***/
.logo img {
	padding-left: 5px;
}

.logo {
	text-align: center;
}

/*dropdown*/
.dropdown-toggle::after {
	margin-left: 0.5em;
	margin-top: 10px;
}

a.dropdown-item:hover {
	background: #f0f0f0;
}

/*header*/

.header {
	background-color: #fafafa;
	background: linear-gradient(180deg, #fafafa 91.15%, rgba(250, 250, 250, 0) 100%);
	padding: 14px 0;
	font-size: 15px;
	position: sticky;
	width: 100%;
	z-index: 9;
	/* top: 10px;*/
	top: 0;
}

.top-header {
	border-bottom: 1px solid #cccccc;
}

	.top-header .news24 i {
		color: #5c5f62;
		line-height: 22px;
		margin-right: 10px;
	}

	.top-header .news24 .btn-white {
		background: #fff;
		border-radius: 4px;
	}

	.top-header .news24 .dropdown-toggle::after {
		margin-left: 2.255em;
		margin-top: 10px;
	}

.header .dropdown-menu .btn-light {
	border-color: #fff !important;
}

.header .dropdown-menu {
	width: auto;
	/*width: 100%;*/
	/*box-shadow: 0 10px 40px 0 rgb(104 113 123 / 30%);*/
	box-shadow: 0px 0px 2px rgb(0 0 0 / 20%), 0px 2px 10px rgb(0 0 0 / 10%);
	border: 1px solid #eaedf1;
	top: 5px !important;
	padding: 0;
}

	.header .dropdown-menu .dropdown-item {
		border-bottom: 1px solid #eaedf1;
		border-bottom: 1px solid #eaedf1;
		padding: 10px !important;
		color: #0d0c22;
		min-width: 190px;
	}

.header-top-icon li {
	display: inline-block;
	background: #fafafa;
	/*padding-right: 15px;*/
}

.header-top-icon .tasks-progress-dropdown i {
	font-size: 30px;
}

.tasks-progress-dropdown .dropdown-menu i {
	font-size: 18px;
}

.header-top-icon .fa-bell {
	font-size: 24px;
}

.header-top-icon .badge-danger {
	color: #fff;
	background-color: #ff0000;
	top: -1em;
	position: relative;
	padding: 0;
	/* font-size: 70%; */
	left: -16px;
	width: 22px;
	height: 22px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	font-family: "Roboto";
}

.header-top-icon .tasks-progress-dropdown i {
	color: #8e8e8e;
	margin-bottom: 12px;
	margin-left: -14px;
}

i.fas.fa-info-circle.tooltipcustom {
	margin-left: 0px;
	margin-top: 3px;
}

.header-top-icon .profile-icon {
	height: 30px;
	width: 30px;
	line-height: 30px;
	background-color: #1b7791;
	border-radius: 50%;
	color: #fff;
	margin-bottom: 14px;
	margin-left: 4px;
}

.header-top-icon .dropdown-profile .dropdown-toggle::after {
	margin-left: 10px;
	margin-top: 18px;
	line-height: 2;
}

.tasks-progress-dropdown .dropdown-menu {
	width: 290px;
	border: 1px solid #eaedf1;
	top: 5px !important;
	padding: 0;
	background: #ffffff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: visible;
}

	.tasks-progress-dropdown .dropdown-menu .tasks-progress-footer {
		color: #4e5a7b;
		font-size: 14px;
		padding: 14px !important;
	}

	.tasks-progress-dropdown .dropdown-menu .tasks-progress-drop-head {
		color: #6d7175 !important;
		font-size: 12px;
		font-weight: 700;
		padding: 16px 14px !important;
	}

	.tasks-progress-dropdown .dropdown-menu .tasks-list {
		background: #f6f6f7;
		border-radius: 4px;
		padding: 1px 10px;
		/*    height: 100px;*/
	}

	.tasks-progress-dropdown .dropdown-menu .tasks-list-empty {
		background: #f6f6f7;
		border-radius: 4px;
		padding: 1px 10px;
		height: 40px;
	}

	.tasks-progress-dropdown .dropdown-menu .tasks-list .not-any-task {
		line-height: 3;
	}

.notification-icon .dropdown .opacity-0 {
	opacity: 0;
}

.notification-icon .dropdown-toggle::after {
	display: none;
}

.header-top-icon .dropdown-toggle::after {
	display: none;
}

.header-top-icon .dropdown-profile i {
	font-size: 12px;
	margin-left: 6px;
	line-height: 35px;
}

.notification-icon .dropdown-menu {
	width: 200px;
	box-shadow: 0 10px 40px 0 rgb(207 208 209 / 30%);
	border: 1px solid #eaedf1;
	top: 5px !important;
	left: -14.3rem;
	padding: 0;
	/*overflow-x: hidden;
    overflow-y: scroll;*/
	/*max-height: 300px;*/
	animation: fadeIn 1s;
}

	.notification-icon .dropdown-menu .notification-list {
		border-radius: 4px;
		padding: 1px 10px;
	}

	.notification-icon .dropdown-menu .notification-content {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.notification-icon .dropdown-menu .unread {
		font-weight: 900;
	}

		.notification-icon .dropdown-menu .unread p {
			font-weight: 900;
		}

	.notification-icon .dropdown-menu:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-bottom-color: #fff;
		left: 77%;
		top: -20px;
		transform: translate(-50%);
	}

	.notification-icon .dropdown-menu .dropdown-item {
		border-bottom: 1px solid #eaedf1;
		border-bottom: 1px solid #eaedf1;
		padding: 12px !important;
		color: #0d0c22;
		font-size: 14px;
	}

/*****pagination*****/
.header .pagination {
	/*justify-content: end;*/
	float: left;
}

.table .pagination {
	display: inline-flex;
}

	.table .pagination .page-item > .btn {
		padding: 0.5rem 0.8rem;
		line-height: inherit;
		z-index: 2;
	}

	.table .pagination .pagination-result-count {
		line-height: 35px;
		margin: 0 12px;
	}

.pagination-footer .pagination {
	justify-content: flex-end;
	border-top: 1px solid #dfe3e8;
	padding: 20px 0;
}

	.pagination-footer .pagination .pagination-result-count {
		line-height: 35px;
		margin: 0 12px;
	}

	.pagination-footer .pagination .page-item > .btn {
		padding: 0.5rem 0.8rem;
		line-height: 25px;
	}

/*********top-pagination***/
.blue-heading {
	font-size: 18px;
}

.pagination-heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.2;
	margin-left: 20px;
}

.pagination-sub-heading {
	position: absolute;
	font-size: 14px;
	color: #6d7175;
	margin-left: 10px;
	margin-top: 10px;
}

.top-pagination {
	padding: 20px 0 0 0;
}

	.top-pagination i {
		margin-top: 10px;
		margin-left: 15px;
	}

.top-pagination-1 {
	padding: 20px 0 0 0;
}

.pagination-heading-top {
	font-size: 20px;
	color: #000000;
	line-height: 2;
	margin-left: 20px;
}

.top-pagination-1 .pagination-heading-top i {
	margin-top: 12px;
	font-size: 16px;
}

.subheading h4 {
	font-size: 20px;
	color: #202223;
	font-weight: normal;
	padding: 10px 0;
}

.top-heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.2;
}

/*********/
/*.list-subscribers .card {
  border-radius: 8px !important;
}*/

.card {
	border-radius: 8px !important;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 5px rgba(0, 0, 0, 0.15);
}

/****create-new-signup-tab****/
.create-new-signup-tab {
	background: #ffffff;
	position: fixed;
	width: 19%;
	border-left: 1px solid gainsboro;
}

	.create-new-signup-tab .nav-tabs .nav-link {
		border: 1px solid transparent;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
		background: #d7d9dc;
	}

		.create-new-signup-tab .nav-tabs .nav-link.active {
			color: #495057;
			background-color: #fafafa !important;
			border-color: transparent !important;
		}

	.create-new-signup-tab .nav-tabs .nav-link {
		border: 1px solid transparent;
		border-top-left-radius: 0rem !important;
		border-top-right-radius: 0rem !important;
		text-align: center;
		padding: 10px;
		color: #74797e;
	}

	.create-new-signup-tab .tab-content > .active {
		display: block;
		background: #fafafa;
		min-height: 100%;
	}

	.create-new-signup-tab .nav.nav-tabs {
		float: right;
		display: block;
		margin-right: -1px;
		border-bottom: 0;
		padding-right: 0;
		margin-top: 7px;
		background: #d7d9dc;
		min-height: 100%;
	}

.tab-icon_1 {
	width: 100%;
	/* height: 70px; */
	background: white;
	text-align: center;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	border-radius: 3px;
	color: #5c5f62;
	padding: 15px 5px;
}

#email-tab-home .col-4 {
	padding: 5px;
}

.new-create-heading h1 {
	color: #dd3390;
	font-size: 60px;
	line-height: 1.3;
}

.new-create-heading span {
	color: #8cbf8c;
}

.new-create-form-box h4 {
	font-size: 20px;
	color: #74797e;
	font-weight: normal;
}

.new-create-form-box p {
	font-size: 18px;
	color: #424343;
	line-height: 1.5;
}

.create-events h2 {
	color: #4a90cd;
	font-size: 24px;
	font-weight: bold;
}

.create-events {
	border-top: 1px solid #d5d5d5;
}

	.create-events h5 {
		color: #8cbf8c;
		font-size: 20px;
		font-weight: normal;
	}

.btn-orange {
	background: #ec9737;
	color: #fff;
	border-radius: 50px;
	border: 1px solid #ec9737;
}

.tab-icon_1 span {
	display: block;
	margin-top: 14px;
	text-align: center;
	color: #5c5f62;
	font-size: 14px;
}

.create-new-signup-tab #myTab span {
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #5c5f62;
	font-size: 14px;
}

/****form-heading****/
.form-heading {
	font-size: 20px;
	color: #202223;
	font-weight: 500;
	padding-bottom: 10px;
}

.subscriber-table td {
	padding: 15px;
}

.subscriber-table {
	margin-top: 30px;
}

.table-input .form-row {
	box-shadow: inset 0px -1px 0px #e1e3e5;
	margin: 10px;
	padding: 10px 0;
}

/**home-right**/
.count-email-box .count-email-num h1 {
	/*font-size: 40px;*/
	font-size: 28px;
	color: #4e5a7b;
}

.count-email-box .count-email {
	/*font-size: 18px;*/
	font-size: 15px;
	margin-top: 18px;
}

.activity h1 {
	font-size: 28px;
	font-weight: normal;
	padding-bottom: 10px;
}

.activity .search-email {
	position: relative;
}

	.activity .search-email i {
		position: absolute;
		top: 12px;
		left: 10px;
		color: #5c5f62;
	}

.activity-list {
	border-bottom: 1px solid #cccccc;
}

.activity p {
	color: #6d7175;
}

.activity .search-email input {
	padding: 0 34px;
}

.btn-link-orange {
	color: #f59926 !important;
	font-size: 14px;
}

.btn-link-orange-2 {
	color: #f59926 !important;
	font-size: 14px;
	text-decoration: underline !important;
}

.activity-position {
	font-size: 16px;
	color: #000;
}

	.activity-position i {
		color: #35bd25;
	}

.activity-list-heading h3 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}

.activity-list-time {
	font-size: 14px;
	color: #6d7175;
}

.activity-list-date {
	font-size: 16px;
	color: #000;
}

/***start-login****/
.login {
	height: 100vh;
	margin: 0;
}

.login-bg-img {
	background-image: url("../_content/TBP6.UI.Identity/img/login-bg.png");
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	/*padding:200px 0;*/
	background-size: cover;
	background-position: center center;
}

.login-overlay {
	background: rgba(78, 90, 123, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
}

.login .login-box {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.login .login-logo img {
	width: 230px;
}

.login .login-logo {
	text-align: center;
}

.login .login-text p {
	color: #ffffff;
	font-size: 36px;
	line-height: 1.3;
}

.login-heading h3 {
	font-size: 28px;
	font-weight: normal;
}

.login-btn {
	/*padding: 8px 100px;*/
	width: 321px;
	height: 36px;
}

.linkedin-btn {
	background-color: #0072b1;
	background-image: none;
	color: #fff;
}

	.linkedin-btn:hover {
		background-image: none;
		background-color: #136796;
		color: #fff;
	}

	.linkedin-btn i {
		font-size: 20px;
	}

.login-form-right {
	padding: 10% 1%;
}

/***border-heading****/
.login-border-heading h6 {
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 16px 0;
	grid-gap: 30px;
}

	.login-border-heading h6:after,
	.login-border-heading h6:before {
		content: " ";
		display: block;
		border-bottom: 1px solid #cccccc;
	}

.login .btn-link-orange {
	font-weight: 700;
}

/***********************marketing-list***********/
.marketing-list {
	border-bottom: 1px solid #e1e3e5;
	padding: 10px 0;
}

	.marketing-list ul li {
		list-style: none;
	}

#select {
	color: #000;
	font-weight: 500;
}

.marketing-list p {
	color: #6d7175;
}

/*************************content-tags********************************/
.content-tags-templates img {
	margin: 0;
	border-radius: 15px;
	width: 100%;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	cursor: pointer;
}

.content-tags {
	background: #ffffff;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	border-radius: 12px;
	height: 80%;
	padding: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	.content-tags h6 {
		font-size: 16px;
		color: #000;
		font-weight: 400;
	}

	.content-tags p {
		font-size: 12px;
		color: #6d7175;
	}

.link-heading {
	margin-bottom: 16px;
	color: #000;
	font-weight: 600;
}

.content-tags-links li a {
	color: #3f4eae;
}

.content-tags .btn-light i {
	color: #5c5f62;
}

.content-tags-sidenav a {
	padding: 6px 8px;
	margin: 6px 0;
	text-decoration: none;
	color: #6d7175;
	display: block;
	border: none;
	background: none;
	width: 100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}

.content-tags-sidenav .active {
	color: #000;
	-moz-animation-duration: 2s;
	-moz-animation-name: delaySlide;
	color: #000;
	background-color: #edeeef !important;
	border-radius: 4px;
}

	.content-tags-sidenav .active i {
		color: #f8af37;
	}

.content-tags-sidenav {
	font-weight: 500;
	padding: 10px 20px 20px 20px;
}

.content-tags-sidenav-heading {
	padding: 20px 26px 15px 26px;
}

/**************************vertical-tabs*******************************/
.campaign-summary-design img {
	max-width: 100%;
	border-radius: 12px;
	filter: drop-shadow(0px 0px 1.15888px rgba(0, 0, 0, 0.25)) drop-shadow(0px 2.31776px 5.79439px rgba(0, 0, 0, 0.15));
}

.edit-design .edit-design-img img {
	max-width: 100%;
	position: relative;
	border-radius: 12px;
	filter: drop-shadow(0px 0px 1.15888px rgba(0, 0, 0, 0.25)) drop-shadow(0px 2.31776px 5.79439px rgba(0, 0, 0, 0.15));
}

.edit-design .edit-btn i {
	color: #5c5f62;
	margin-right: 8px;
	line-height: 20px;
}

.edit-design .edit-btn {
	position: absolute;
	right: 40px;
	bottom: 50px;
}

.email-layout-box-icon {
	cursor: pointer;
}

.email-layout-box {
	border: 1px solid #a7acb1;
	border-radius: 5px;
	min-height: 208px;
}

.email-layout-box-icon i {
	font-size: 36px;
	color: #4e5a7b;
}

.email-layout-box h5 {
	color: #5c5f62;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.email-layout-box p {
	color: #5c5f62;
	font-size: 12px;
	font-weight: 400;
}

.select-input-group .form-control {
	padding-left: 30px;
}

.select-input-group-icon {
	position: absolute;
	line-height: 34px;
	left: 12px;
}

	.select-input-group-icon i {
		font-size: 16px;
		font-style: inherit;
	}

.vertical-tabs {
	height: 80%;
	min-height: 100vh;
}

.vertical-tabs-left {
	background-color: #f0f0f0;
	border-radius: 8px 0px 0px 8px;
	overflow: hidden;
}

.my-dropdown .dropdown-item {
	padding: 8px 14px;
	font-size: 14px;
}

.my-dropdown .dropdown-menu {
	padding: 0;
	min-width: 150px;
}

.check-dropdown .dropdown-menu i {
	position: absolute;
}

.check-dropdown .dropdown-menu span {
	margin-left: 20px;
}

.vertical-tabs .vertical-tabs-left .nav-pills .nav-link.active {
	color: #4e5a7b;
	background-color: #fff;
	border-radius: 0;
	padding: 20px 10px;
	border-bottom: 1px solid lightgray;
}

.vertical-tabs .vertical-tabs-left .nav-pills .nav-link {
	color: #999999;
	background-color: #f0f0f0;
	border-radius: 0;
	padding: 20px 10px;
	border-bottom: 1px solid lightgray;
	font-size: 15px;
}

/*****************************************campaigns********************/
/* .segment-table{
  display: none;
} */
table .disabled,
table .disabled a,
table .disabled .dropdown i {
	color: #b3b3b3;
}

.minus-check .form-check-input::before {
	border-color: #007bff;
	background-color: #007bff;
}

.minus-check .form-check-input::after {
	position: absolute;
	top: 0.25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: 50% / 50% 50% no-repeat;
}

#templates .table th,
#templates .table a {
	font-size: 14px;
	font-weight: normal;
}

#templates table .table-dropdown .dropdown-toggle::after {
	display: none !important;
}

#templates .table td > a {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

#templates .table td .badge {
	border-radius: 0;
}

.nav-pills .btn.active {
	background-image: none;
	box-shadow: none;
}

#mytemplates .nav-pills .nav-link {
	min-width: 90px;
	line-height: 1.7;
}

.nav-tabs .nav-link {
	padding: 14px;
	color: #6d7175;
}

	.nav-tabs .nav-link.active {
		border: 0;
		border-bottom: 3px solid #4e5a7b;
		background-color: #fff;
	}

.list-file_uploading-container {
	border: 2px dashed #8c9196;
	box-sizing: border-box;
	border-radius: 8px;
}

.list-file_uploading .file-upload-wrapper {
	padding: 30px 0;
}

.nav-pills .nav-link.active,
.show > .nav-pills .nav-link {
	color: #fff;
	background-color: #4e5a7b;
}

.list-file_uploading #input-file-now {
	opacity: 0;
	z-index: 9;
	display: block;
	position: absolute;
	cursor: pointer;
}

.list-file_uploading i {
	font-size: 40px;
	color: #5c5f62;
}

.list-file_uploading .file-upload-wrapper p {
	color: #6d7175;
}

.marketing-campaign-inner {
	padding: 20px 1rem;
}

	.marketing-campaign-inner p {
		font-size: 16px;
	}

.tags-dropdown .dropdown-item {
	padding: 8px 14px;
	font-size: 14px;
}

.tags-dropdown {
	padding: 0;
	width: 330px;
	font-size: 14px;
	border-radius: 8px;
}

	.tags-dropdown .form-check-label {
		font-size: 14px !important;
	}

.campaigns .table th,
.campaigns .table a {
	font-size: 14px;
	font-weight: normal;
}

.campaigns .table th,
.campaigns .table td {
	padding: 14px;
}

.filter-round-icon {
	border-radius: 50% !important;
	height: 37px;
	width: 37px;
}

	.filter-round-icon i {
		line-height: 23px;
		text-align: center;
		color: #5c5f62;
	}

.edit-dropdown .dropdown-toggle::after {
	display: none;
}

.edit-dropdown .dropdown-menu {
	padding: 0;
}

.edit-dropdown .dropdown-item {
	padding: 8px 14px;
	font-size: 14px;
}

	.edit-dropdown .dropdown-item i {
		color: #5c5f62;
		margin-right: 6px;
	}

.campaigns-landing-page-box .card {
	border-radius: 12px !important;
}

.campaigns-landing-page-img {
	filter: drop-shadow(0px 0px 1.15888px rgba(0, 0, 0, 0.25)) drop-shadow(0px 2.31776px 5.79439px rgba(0, 0, 0, 0.15));
}

	.campaigns-landing-page-img img {
		border-radius: 12px;
		max-width: 100%;
	}

.campaigns-landing-page-box .btn-link-orange {
	color: #f59926 !important;
	font-size: 14px;
	text-decoration: underline !important;
}

.campaigns-table .dropdown-toggle::after {
	display: none;
}

a.btn-link-orange.float-right {
	padding: 10px 0;
}

/*****************version-a-main-img-box***********************/

.version-a-main-img-box img {
	max-width: 100%;
	width: 100%;
	border-radius: 0 55px 0 55px;
}

.version-a-main-img-box .main-img-box {
	position: relative;
}

.version-a-main-img-box .main-img-box-inner h3 {
	color: #061d6c;
	font-size: 18px;
	font-weight: bold;
}

.version-a-main-img-box .main-img-box-inner p {
	color: #061d6c;
	font-weight: 600;
}

.version-a-main-img-box .main-img-box .btn-yellow {
	position: absolute;
	left: 50%;
	top: 67%;
	transform: translate(-50%, -50%);
}

.btn-yellow {
	background-color: #ddfd52;
	display: inline-flex;
	justify-content: center;
	font-weight: 600;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
	color: #212b36;
	fill: #ddfd52;
	border: 1px solid #ddfd52;
	z-index: 1;
	min-height: 3.6rem;
	min-width: 3.6rem;
	padding: 0.7rem 1.6rem;
	font-size: 14px;
	line-height: 1.6;
	border-radius: 3px;
	transition: all 0.3s ease 0s;
}

	.btn-yellow:hover {
		opacity: 0.8;
	}

/*****************************************campaign********************/

/*.campaign-form ::placeholder{
  font-size: 20px;
  color: #202223;
  padding: 10px;
}*/

.uploading-report-icon {
	text-align: center;
	top: 25px;
	position: absolute;
	right: 30px;
}

.campaignfileUploadbutton {
	opacity: 0;
	z-index: 9;
	display: block;
	position: absolute;
	cursor: pointer;
}

.btn-transparent,
td button.btn.btn-transparent.border-0.p-1 {
	background-image: none;
	color: unset;
	background-color: unset;
}

.btn-pointer {
	cursor: pointer;
}

.campaign-form label {
	font-size: 20px;
	color: #202223;
	padding: 10px;
}

.campaign-form img {
	max-width: 100%;
	padding-bottom: 50px;
}

/****************LongRunningTasks***********************/

.longrunningtasks-heading h3 {
	font-size: 20px;
	font-weight: normal;
}

/************************feeds***************/
.dropzone {
	padding: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	cursor: pointer;
	position: relative;
}

	.dropzone:hover {
		color: #333;
	}

	.dropzone input[type="file"] {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		margin-top: -50px;
		margin-left: -330px;
	}

.dropzone-drag {
	/*  background-color: palegreen;*/
}

.file_uploading .file-upload {
}

.feed-heading h3 {
	font-size: 20px;
	font-weight: normal;
}

.feeds-section {
	padding: 10rem 0;
}

#myfeeds #accordion .card {
	border-radius: 0;
	box-shadow: none;
}

	#myfeeds #accordion .card .card-body .form-check {
		padding: 1rem 0;
		background: rgba(255, 255, 255, 0.01);
		box-shadow: inset 0px -1px 0px #e1e3e5;
	}

	#myfeeds #accordion .card .card-header {
		padding: 1rem 2rem;
		margin-bottom: 0;
		background: #f6f6f7;
	}

		#myfeeds #accordion .card .card-header i {
			color: #5c5f62;
			font-size: 16px;
			margin-left: 10px;
		}

.feeds-icon-toggle.collapsed .fa-chevron-up {
	transform: rotate(0deg);
	font-size: 14px !important;
}

a.card-link.feeds-icon-toggle {
	display: block;
}

.card-link .fa-chevron-up {
	transform: rotate(180deg);
	transition: 0.5s;
}

#myfeeds #accordion .card .card-body {
	padding: 8px 2rem;
}

/*#myfeeds */
.modal-header {
	box-shadow: inset 0px -1px 0px #e1e3e5;
	border-radius: 8px 8px 0px 0px;
}

	/*#myfeeds */
	.modal-header h4 {
		font-size: 20px;
		font-weight: normal;
	}

/*#myfeeds */
.modal-footer {
	box-shadow: inset 0px 1px 0px #e4e5e7;
	border-radius: 0px 0px 8px 8px;
}

#myfeeds .modal-body .card-link,
#myfeeds .modal-body .form-check,
#myfeeds input,
#myfeeds .col-form-label {
	font-size: 14px;
	color: #202223;
}

#myfeeds .card {
	margin-top: 1rem;
}

#sel1 option {
	color: #202223;
}

#myfeeds .card .feed-size-icon i {
	position: absolute;
	bottom: 20px;
	left: 14px;
	color: #5c5f62;
}

.file_uploading {
	border: 2px dashed #8c9196;
	box-sizing: border-box;
	border-radius: 8px;
	margin-top: 18px;
	position: relative;
}

#myfeeds .file-upload-wrapper {
	padding: 30px 0;
}

#myfeeds .file_uploading #input-file-now {
	opacity: 0;
	z-index: 9;
	display: block;
	position: absolute;
	cursor: pointer;
}

/*.file_uploading .fa-trash-alt {
    position: absolute;
    right: 10px;
    top: 50px;
}*/
/*.modal-body{
    height: 600px;
    overflow-y: scroll;
}*/

.file_uploading img {
	/*    margin: auto !important;
    display: inline-block;*/
	/*width: 70px;*/
	width: 100%;
	max-width: 100% !important;
	padding: 10px;
}

#myfeeds .feeds-check-icon i {
	color: #a6a6a6;
}

/********scrollbar**********/

textarea::-webkit-scrollbar {
	width: 4px;
}

textarea::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 4px;
}

.content-tags::-webkit-scrollbar {
	width: 8px;
}

/*.side-navbar::-webkit-scrollbar-track {
  background:  #fafafa;      
}*/

.content-tags::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 4px;
}

.side-navbar::-webkit-scrollbar {
	width: 8px;
}

/*.side-navbar::-webkit-scrollbar-track {
  background:  #fafafa;      
}*/

.side-navbar::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 4px;
}

.modal-body::-webkit-scrollbar {
	width: 10px;
	/* width of the entire scrollbar */
}

.modal-body::-webkit-scrollbar-track {
	background: #fafafa;
	/* color of the tracking area */
}

.modal-body::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 4px;
}

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	background: #fafafa;
	/* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	/* color of the scroll thumb */
	border-radius: 4px;
	/* roundness of the scroll thumb */
}

.create-new-signup-tab::-webkit-scrollbar {
	width: 6px;
}

.create-new-signup-tab::-webkit-scrollbar-track {
	background: #fafafa;
	/* color of the tracking area */
}

.create-new-signup-tab::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	/* color of the scroll thumb */
	border-radius: 4px;
	/* roundness of the scroll thumb */
}

/******modal-content************/
.modal-content {
	border-radius: 8px;
}

/*********progress-bar*********/

.progress {
	display: -ms-flexbox;
	display: flex;
	height:
	/*1rem*/
	8px;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 34px;
}

.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	transition: width 0.6s ease;
}

/********************/
.select {
	max-height: calc(1.2em + 24px);
	height: calc(1.2em + 24px);
}

	.select[multiple] {
		max-height: calc(3em + 24px) !important;
		height: calc(3em + 24px) !important;
	}

/*************feeds-listed**************/

.feeds-listed .table td button.btn.btn-transparent {
	background-color: #fff !important;
}

.feeds-listed .table tbody a {
	color: #2c6ecb;
}

/*.feeds-listed */
.table th a {
	font-size: 14px;
	font-weight: 400;
}

.feeds-listed .card-body {
	padding: 0;
	padding-bottom: 2rem;
}

.feeds-listed .table-bordered th,
.feeds-listed .table-bordered td {
	border-left: 0;
	border-right: 0;
}

.feeds-listed .table-bordered td {
	border-left: 0;
	border-right: 0;
	padding: 1rem 1.6rem;
}

.feeds-listed .table td.feeds-listed-view-icon i {
	color: #5c5f62;
	font-size: 16px;
	margin-right: 10px;
	display: inline-flex;
	border: 0;
}

.feeds-listed .table td i {
	color: #5c5f62;
}

.feeds-listed .table th,
.feeds-listed .table td {
	padding: 14px;
}

/*******list-subscribers-adding****/

#add-subscribers .modal-body {
	height: Auto;
}

#add-subscribers p {
	color: #000000;
	line-height: 1.7;
}

#add-subscribers ::placeholder {
	font-size: 14px;
}

#add-subscribers .btn.active,
.signup-form-tab .btn.active {
	box-shadow: none;
	background-color: #4e5a7b;
}

#add-subscribers .add-subscribers-file_uploading {
	border: 2px dashed #8c9196;
	box-sizing: border-box;
	border-radius: 8px;
}

	#add-subscribers .add-subscribers-file_uploading .file-upload-wrapper {
		padding: 30px 0;
	}

		#add-subscribers .add-subscribers-file_uploading .file-upload-wrapper p {
			color: #6d7175;
		}

	#add-subscribers .add-subscribers-file_uploading #input-file-now {
		opacity: 0;
		z-index: 9;
		display: block;
		position: absolute;
		cursor: pointer;
	}

	#add-subscribers .add-subscribers-file_uploading i {
		font-size: 40px;
		color: #5c5f62;
	}

.list-dropzone {
	padding: 3rem;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	cursor: pointer;
	position: relative;
}

	.list-dropzone:hover {
		color: #333;
	}

	.list-dropzone input[type="file"] {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		margin-top: -24%;
		margin-left: 0;
	}

/************feedslisted-modal*****/
.feedslisted-search {
	position: relative;
}

	.feedslisted-search .feedslisted-search-icon {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 9;
	}

	.feedslisted-search .dropdown-toggle::after {
		display: none;
	}

	.feedslisted-search a.dropdown-item {
		padding: 10px;
	}

	.feedslisted-search .dropdown-header {
		padding: 0 10px;
		font-size: 12px;
	}

	.feedslisted-search .dropdown-menu {
		width: 220px;
	}

	.feedslisted-search .input-group-append {
		margin: 10px 10px 10px 20px;
	}

	.feedslisted-search input.form-control {
		padding: 0.5rem 3rem;
		border-radius: 3.76642px !important;
	}

#myfeedslisted .feedslisted-modal-list h5 {
	font-size: 20px;
	font-weight: normal;
}

#myfeedslisted .feedslisted-modal-list img {
	border-radius: 8px;
	max-width: 100%;
}

#myfeedslisted .feedslisted-modal-list p {
	font-size: 14px;
	line-height: 2;
	color: #202223;
}

#myfeedslisted .feedslisted-modal-list .btn-gray {
	background: #e4e5e7;
	border-radius: 50px !important;
	padding: 5px;
	font-size: 13px;
	color: #000;
	white-space: pre;
}

	#myfeedslisted .feedslisted-modal-list .btn-gray span {
		color: #202223;
	}

.feedslisted-modal-list {
	border-bottom: 1px solid #e1e3e5;
}

	.feedslisted-modal-list:last-child {
		border-bottom: none;
	}

#myfeedslisted .feedslisted-modal-list .last-modified {
	color: #6d7175;
	display: block;
}

	#myfeedslisted .feedslisted-modal-list .last-modified i {
		font-size: 16px;
	}

/*********Lists & subscribers**************/
.list-subscriber .nav-tabs .nav-item {
	margin-bottom: -1px;
	border-bottom: 1px solid #ddd;
}

.list-subscriber .nav-tabs {
	border-bottom: 0;
}

.no-subscribers-found h2 {
	font-size: 20px;
	font-weight: 400;
}

.no-subscribers-found i {
	font-size: 60px;
	color: #8c9196;
}

.no-subscribers-found {
	padding: 100px 0;
	text-align: center;
}

.list-subscriber-search {
	box-shadow: inset 0px -1px 0px #e1e3e5;
	position: relative;
}

.list-subscriber .nav-tabs .nav-link.active {
	border: 0;
	border-bottom: 3px solid #4e5a7b;
	background-color: #fff;
}

.list-subscriber .nav-link {
	padding: 14px;
	color: #6d7175;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #000000;
}

.border-bottom-tabs {
	border-bottom: 1px solid #ddd !important;
}

/* .list-subscriber h4{
  font-size: 20px;
  color: #202223;
  font-weight: normal;
} */
.list-subscriber p {
	font-size: 14px;
	color: #000000;
}

	.list-subscriber p .btn-link {
		text-decoration: underline;
		color: #3f4eae;
	}

.list-subscriber .nav-link:hover {
	border-color: #fff;
}

.list-subscriber-search .list-subscriber-search-icon i {
	position: absolute;
	top: 10px;
	left: 18px;
	z-index: 2;
	color: #5c5f62;
}

.list-subscriber-search input {
	padding: 0.5rem 32px;
	position: relative;
}

.list-subscriber .list-subscriber-table .table td .dropdown-toggle::after {
	display: none;
}

.list-subscriber .list-subscriber-table .card-body {
	padding: 0;
	padding-bottom: 2rem;
}

.subscriber-table ::placeholder {
	color: #202223;
}

.list-subscriber .table th,
.list-subscriber .table td {
	padding: 14px;
	color: #202223;
}

.list-subscriber .list-subscriber-table .card {
	box-shadow: none;
}

.list-subscriber .table th,
.list-subscriber .table a {
	font-size: 14px;
	font-weight: normal;
}

#suppression_list .modal-body {
	height: Auto;
}

#suppression_list p {
	color: #000000;
	line-height: 1.7;
}

#suppression_list ::placeholder {
	font-size: 14px;
}

#suppression_list .btn.active {
	box-shadow: none;
	background-color: #4e5a7b;
}

#suppression_list .btn-continue {
	color: #fff;
	background-color: #008060;
	background-image: linear-gradient(to bottom, #008060 0%, #008060 100%);
	background-repeat: repeat-x;
	border-color: #008060;
}

	#suppression_list .btn-continue:hover {
		opacity: 0.8;
	}

.suppression_list-file_uploading {
	border: 2px dashed #8c9196;
	box-sizing: border-box;
	border-radius: 8px;
}

	.suppression_list-file_uploading .file-upload-wrapper {
		padding: 30px 0;
	}

		.suppression_list-file_uploading .file-upload-wrapper p {
			color: #6d7175;
		}

	.suppression_list-file_uploading #input-file-now {
		opacity: 0;
		z-index: 9;
		display: block;
		position: absolute;
		cursor: pointer;
	}

	.suppression_list-file_uploading i {
		font-size: 40px;
		color: #5c5f62;
	}

/*********switch-btn**********/
.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 28px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 1px;
		bottom: 1px;
		background-color: white;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

input:checked + .slider {
	background-color: #4e5a7b;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

/*********signup**********/
.signup-border .btn-light {
	position: absolute;
	right: 38px;
	bottom: 24px;
}

.signup-border {
	padding: 38px 38px 60px 38px;
	border: 1px solid #bebec2;
	height: 100%;
	position: relative;
}

.Signup-heading h1 {
	font-size: 40px;
	font-weight: 900;
	color: #000;
}

.signup-border button i {
	line-height: 21px;
}

.sc-dnqmqq {
	color: red;
}

.signup-border .btn-success {
	background-color: #87ae4f;
	background-image: linear-gradient(to bottom, #87ae4f 0%, #87ae4f 100%);
	background-repeat: repeat-x;
	border-color: #87ae4f;
}

.signup-border-news {
	height: 68.5vh;
}

/*********my-list**********/
#settings .input-group input.form-control {
	border-radius: 3px !important;
}

/*#settings .form-check-input{
  margin-right: 20px;
}*/
.my-list label {
	font-size: 14px;
}

.my-list .table .form-check-input,
.my-list .table .form-control {
	margin-top: 1.4rem;
}

.my-list .table .form-control {
}

.my-list select#mylistselect span {
	color: #000000;
}

#segments .list-subscriber-search-icon i {
	color: #5c5f62;
}

.my-list #segments .table th {
	font-size: 12px;
}

.my-list .table tbody a {
	color: #5c5f62;
}

	.my-list .table tbody a i {
		color: #5c5f62;
		margin-right: 20px;
	}

.my-list .tbl-custom-fields .table tbody a i {
	margin-right: 0px;
	color: #adaeb0;
}

.my-list .tbl-custom-fields .table tbody .dropdown-toggle i {
	margin-right: 0px;
	color: #5c5f62;
}

.my-list li {
	list-style: none;
}

.my-list .table td .dropdown-toggle::after {
	display: none;
}

.my-list .nav-link:hover {
	border-color: #fff;
}

.my-list .list-subscriber-table .card-body {
	padding: 0;
	padding-bottom: 2rem;
}

.my-list ::placeholder {
	color: #202223;
}

.my-list .table th,
.my-list .table a {
	font-size: 14px;
	font-weight: normal;
}

.existing-field {
	padding: 0 15px 0 15px;
	border-top: 1px solid #e1e3e5;
	border-bottom: 1px solid #e1e3e5;
	margin-top: 50px;
}

.custom {
	background-color: #f6f6f7;
	padding: 0 15px 15px 15px;
}

	.custom .custom-listed ul li {
		list-style: none;
		display: inline-block;
		color: #202223;
		font-size: 14px;
		margin-right: 20px;
	}

		.custom .custom-listed ul li i {
			color: #5c5f62;
		}

	.custom .custom-listed ul {
		padding: 0 0 0 10px;
		margin-bottom: 0;
	}

	.custom .custom-listed.edit {
		background: #ebebeb;
	}

	.custom .custom-listed {
		box-shadow: inset 0px -1px 0px #e1e3e5;
		height: 40px;
		line-height: 40px;
		padding: 0px;
	}

.profile-settings a {
	color: #2c6ecb;
	text-decoration: underline;
}

.profile-settings span i {
	color: #4e5a7b;
}

/****range-slider*****/

.explain {
	margin: 0 0 40px 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #ccc;
}

	.explain span {
		display: block;
		width: 100%;
		padding: 7px 15px;
		margin: 8px 0 0 0;
		font-size: 15px;
		color: #394873;
		background-color: #ececec;
		box-sizing: border-box;
	}

	.explain:first-child {
		border: none;
	}

.output {
	width: 50px;
	color: #ec8500;
	font-weight: 600;
	text-align: center;
	margin: -20px auto 30px auto;
}

div:focus {
	outline: none;
}

.ui-loader {
	display: none;
}

/* Plugin CSS */
.range-slider-line {
	height: 5px;
	background-color: #dadada;
}

.dragger {
	width: 40px;
	height: 40px;
	color: #fff;
	font-weight: 600;
	line-height: 40px;
	background-color: #fff;
	border-radius: 25px;
	border: 1px solid #969696;
}

	.dragger:after {
		content: "<";
		display: block;
		height: 8px;
		margin-top: 0;
		position: absolute;
		left: 4px;
		top: 0;
		z-index: 9;
		color: #5c5f62;
	}

	.dragger:before {
		content: ">";
		display: block;
		height: 8px;
		margin-top: 0;
		position: absolute;
		right: 4px;
		top: 0;
		z-index: 9;
		color: #5c5f62;
	}

.dragging {
	background-color: #fff;
	border: 1px solid #969696;
}

.range-slider .progress {
	width: 0px;
	background: linear-gradient(to right, #aee9d1 0%, #aee9d1 50%, #ffd79d 50%, #ffd79d 100%);
}

.range-slider p {
	font-size: 12px;
	color: #6d7175;
}

.range-slider h6 {
	font-size: 16px;
	color: #202223;
	font-weight: normal;
}

/*********task-progress**********/
.tasks-list-icon i {
	font-size: 18px;
}

.tasks-list-icon {
	line-height: 2.5;
}

	/*.tasks-list-icon .fa-check-circle{
  color: #35BD25;
}*/
	.tasks-list-icon.pause i {
		color: #c4c4c4;
	}

/****************Blazor and loader css ************************/

.content {
	padding-top: 1.1rem;
}

.valid.modified:not([type="checkbox"]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.spinner {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 999999;
}

.btn-link-primary {
	text-decoration: underline;
	color: #3f4eae;
}

.cursor-pointer {
	cursor: pointer;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.spinner::after {
	transform-origin: 50% 47%;
	position: absolute;
	top: 45%;
	left: 45%;
	-webkit-animation: spin 2s ease-in-out infinite;
	animation: spin 2s ease-in-out infinite;
}

.spinner {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 999999;
	height: 100%;
}

.spinner::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 87px;
	height: 87px;
	background-size: 87px;
	object-fit: contain;
	-webkit-animation: spin 2s ease-in-out infinite;
	animation: spin 2s ease-in-out infinite;
}

.spinner.gif-image:after {
	animation: none !important;
}

.autosavespinner {
	width: 20px;
	border: 2px solid transparent;
	animation: spin 2s linear infinite;
	border-radius: 50%;
	height: 20px;
	border-top: 2px solid #6d7175;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	-webkit-animation: spin 2s linear infinite;
}

/*********media**********/
@media only screen and (max-width: 441px) {
	.header-top-icon li {
		padding-right: 0;
	}

	.header-top-icon i {
		font-size: 18px;
	}

	.header-top-icon .profile-icon {
		height: 26px;
		width: 26px;
		line-height: 26px;
	}

	.top-header .btn.btn-white {
		padding: 0;
	}

	span.pagination-heading {
		font-size: 16px;
		color: #000000;
		line-height: 2;
		margin-left: 12px;
	}

	.dropdown-toggle::after {
		margin-left: 8px;
	}

	.login-btn {
		width: 100%;
		height: 36px;
	}
}

/*******modal*********/

#select-version-a-link .modal-body {
	height: 80vh;
	overflow-y: auto;
}

#myfeedslisted .modal-body,
#myfeeds .modal-body {
	/*max-height: 600px;*/
	max-height: 70vh;
	overflow-y: scroll;
}

/************/
@media (min-width: 576px) {
	#suppression1 .form-control {
		font-size: 14px;
		color: #000;
	}

	/* #myfeedslisted .modal-dialog, #myfeeds .modal-dialog, #marketing-lis-progress-modal .modal-dialog {
    max-width: 620px;
    margin: 30px auto;

} */
	.modal-dialog {
		max-width: 620px;
		margin: 30px auto;
	}

	.table th,
	.table td {
		font-size: 14px;
	}

	.subscriber-table .table th,
	.subscriber-table .table td {
		box-shadow: inset 0px -1px 0px #e1e3e5;
		border-top: 0;
	}
}

@media only screen and (max-width: 576px) {
	#myfeeds .card .feed-size-icon i {
		bottom: 2px;
	}
}

@media only screen and (min-width: 600px) {
}

@media only screen and (max-width: 768px) {
	.list-subscriber-search .list-subscriber-search-icon i {
		position: absolute;
		top: 20px;
		left: 18px;
		z-index: 2;
	}
}

@media (min-width: 992px) {

	.modal-lg,
	.modal-xl {
		max-width: 800px !important;
	}
}

@media only screen and (max-width: 992px) {
	.side-navbar {
		min-height: auto;
		overflow-y: scroll;
		overflow-x: hidden;
		position: relative;
		width: 100%;
		z-index: 9;
		top: 0;
	}

	.login .login-text p {
		font-size: 22px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px !important;
	}
}

@media only screen and (max-width: 1200px) {

	#myfeedslisted .modal-body,
	#myfeeds .modal-body {
		height: auto;
	}

	.activity-list-heading h3 {
		font-size: 16px;
	}

	.login .login-text p {
		font-size: 26px;
	}

	.count-email-box .count-email-num h1 {
		font-size: 24px;
	}

	.count-email-box .count-email {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1636px) {
	main.container-fluid {
		max-width: 80%;
		padding: 0;
	}

	.top-container {
		max-width: 86%;
		padding: 0;
	}

	.side-navbar {
		width: 12%;
	}
}

.header-top-icon .btn {
	background-image: linear-gradient(to bottom, #fafafa 0%, #fafafa 100%) !important;
	background-image: none !important;
	background-color: #fafafa;
}

#importhtml .nav-pills .nav-link {
	line-height: 1.7;
}

.vertical-tabs {
	min-height: 80%;
}

#mytemplates .nav-pills .nav-link {
	max-width: 90px;
	line-height: 1.7;
}

#mytemplates .btn-group :first-child .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

#mytemplates .btn-group :nth-child(2) .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#importhtml .nav-pills .nav-link {
	max-width: 90px;
	line-height: 1.7;
}

	#importhtml .nav-pills .nav-link.active {
		border: 1px solid #4e5a7b;
	}

#importhtml .btn-group :first-child .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

#importhtml .btn-group :nth-child(2) .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*****verify-email*****/
.verify-email {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

	.verify-email h2 {
		font-size: 28px;
		font-weight: 900;
		color: #202223;
	}

	.verify-email p {
		color: #6d7175;
		font-size: 16px;
	}

	.verify-email .resend p {
		color: #6d7175;
		font-size: 14px;
	}

/*******************Add company*****************/

.add-company h3 {
	font-size: 18px;
	font-weight: 900;
}

.add-company {
	padding: 30px 50px 0 50px;
}

	.add-company label {
		font-size: 14px;
	}

.popover {
	left: 105px !important;
	margin-top: 0 !important;
	max-width: 236px !important;
}

	.popover .popover-body {
		padding: 0 6px;
	}

	.popover .arrow {
		display: none;
	}

.add-company .fa-info-circle {
	font-size: 20px;
}

/*******************compliance*****************/
.my-progress {
	display: -ms-flexbox;
	display: flex;
	height:
	/*1rem*/
	8px;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 34px;
}

.main-heading h2 {
	font-size: 28px;
	font-weight: 900;
	color: #202223;
}

.compliance label {
	font-size: 14px !important;
	color: #202223;
}

.card-footer {
	background-color: rgb(255 255 255) !important;
	border-radius: 0 0 8px 8px !important;
}

.compliance p {
	color: #202223;
}

/******************mobile-toggle********************/

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display: inline-block !important;
	}
}

@media (max-width: 992px) {
	.header {
		top: 10px;
	}

	.navbar-expand-lg {
		padding: 0;
	}

	.navbar-collapse {
		position: fixed;
		top: 50px;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 50%;
		height: 100%;
		z-index: 99;
	}

		.navbar-collapse.collapsing {
			left: -50%;
			transition: height 0s ease;
		}

		.navbar-collapse.show {
			left: 0;
			transition: left 300ms ease-in-out;
		}

	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}

	button.navbar-toggler {
		position: fixed;
		z-index: 999;
		top: 8px;
		left: 20px;
	}
}

.modal-content {
	height: 198px;
	width: 612px;
	/* padding: 10px 20px; */
}

#exampleModalLongTitle {
	padding-left: 10px;
}

.modal-body {
	padding-left: 27px;
}
/********tab-btn*********/

.btn-group-custom.btn-group :first-child .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}

.btn-group-custom.btn-group :nth-child(2) .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group-custom.nav-pills .nav-link.active {
	border: 1px solid #4e5a7b;
}

.btn-group-custom.nav-pills .nav-link {
	max-width: 90px;
	line-height: 1.7;
}

/**********analytics-campaigns******/

#campaign-performance .card p,
#campaign-performance .card a {
	font-size: 16px;
}

#campaign-performance .card {
	background: #ffffff;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	border-radius: 12px !important;
	min-height: 228px !important;
}

.current-month-icon {
	width: 14px;
	height: 14px;
	background-color: #4e5a7b;
	display: inline-block;
	border-radius: 50px;
	margin-right: 8px;
}

.prior-month-icon {
	width: 14px;
	height: 14px;
	background-color: #71ccd8;
	display: inline-block;
	border-radius: 50px;
	margin-right: 8px;
}

.current-month-icon-sm {
	width: 10px;
	height: 10px;
	background-color: #4e5a7b;
	display: inline-block;
	border-radius: 50px;
	margin-right: 8px;
}

.prior-month-icon-sm {
	width: 10px;
	height: 10px;
	background-color: #71ccd8;
	display: inline-block;
	border-radius: 50px;
	margin-right: 8px;
}

.text-red {
	color: #ff0000;
}

.text-green {
	color: #61b942;
}

.bar-icon {
	border-radius: 4px;
	border: 1px solid lightgray;
	text-align: center;
	width: 35px;
	padding-top: 6px;
	float: right;
}

.open-rate-ico {
	background-color: #457ea1;
	height: 12px;
	width: 12px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 5px;
}

.bg-open-rate {
	background-color: #457ea1;
}

.click-rate-ico {
	background-color: #5ec5ab;
	height: 12px;
	width: 12px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 5px;
}

.bg-click-rate {
	background-color: #5ec5ab;
}

.ctor-ico {
	background-color: #fbce5e;
	height: 12px;
	width: 12px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 5px;
}

.bg-ctor-ico {
	background-color: #fbce5e;
}

#sent-campaigns .sent-campaigns-table i {
	color: #cecfd0;
	margin-left: 5px;
	font-size: 16px;
	cursor: pointer;
}

#sent-campaigns .sent-campaigns-table a {
	text-decoration: underline;
	color: #4e5a7b;
}

#sent-campaigns .campaigns-landing-page-box th,
#sent-campaigns .campaigns-landing-page-box td {
	vertical-align: middle;
	padding: 0.8rem 0;
}

#sent-campaigns .sent-campaigns-table table th,
#sent-campaigns .sent-campaigns-table td {
	vertical-align: middle;
}

#sent-campaigns table thead i {
	color: #cecfd0;
	margin-left: 5px;
}

/*#myfeeds .tooltip {
  top: 90px !important;
}
#myfeeds .tooltip-inner{
  max-width: 282px !important;


}
*/
.tooltipcustom {
	display: inline-block;
	position: relative;
	text-align: left;
}

	.tooltipcustom .rightcustom {
		min-width: 282px !important;
		top: 50%;
		left: 100%;
		margin-left: 10px !important;
		transform: translate(0, -10%);
		padding: 10px;
		position: absolute;
		display: none;
		background: #ffffff;
		box-shadow: 0px 0px 2px rgb(0 0 0 / 20%), 0px 2px 10px rgb(0 0 0 / 10%);
		border-radius: 4px;
		color: #202223;
		max-width: 282px !important;
		position: absolute;
		z-index: 1070;
		margin: 0;
		font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
		font-style: normal;
		font-weight: 400;
		line-height: 2;
		text-align: left;
		text-align: start;
		text-decoration: none;
		text-shadow: none;
		text-transform: none;
		letter-spacing: normal;
		word-break: normal;
		word-spacing: normal;
		white-space: normal;
		line-break: auto;
		font-size: 1.4rem;
		word-wrap: break-word;
		opacity: 1;
	}

	.tooltipcustom:hover .rightcustom {
		display: block;
	}

	.tooltipcustom .bottomcustom {
		min-width: 350px !important;
		top: 470%;
		left: 0;
		transform: translate(0, -50%);
		position: absolute;
		display: none;
		background: #ffffff;
		box-shadow: 0px 0px 2px rgb(0 0 0 / 20%), 0px 2px 10px rgb(0 0 0 / 10%);
		border-radius: 4px;
		color: #202223;
		max-width: 350px !important;
		position: absolute;
		z-index: 1070;
		margin: 0;
		font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
		font-style: normal;
		font-weight: 400;
		line-height: 2;
		text-align: left;
		text-align: start;
		text-decoration: none;
		text-shadow: none;
		text-transform: none;
		letter-spacing: normal;
		word-break: normal;
		word-spacing: normal;
		white-space: normal;
		line-break: auto;
		font-size: 1.4rem;
		word-wrap: break-word;
		opacity: 1;
	}

	.tooltipcustom:hover .bottomcustom {
		display: block;
	}

.tooltip-inner {
	background: #ffffff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	color: #202223;
	text-align: inherit;
	max-width: 282px !important;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	opacity: 0;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	opacity: 0;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	opacity: 0;
}

/******/
.wrapper {
	width: 100%;
	max-width: 100%;
}

.progress-bar {
	height: 30px;
	width: 100%;
	background-color: #e1e3e5;
	/* border-radius: 20px;*/
	overflow: hidden;
	position: relative;
}

.bar {
	width: 0;
	height: 100%;
	background-size: 30px 30px;
	animation: move 1s linear infinite;
	box-shadow: 2px 0 10px inset rgba(0, 0, 0, 0.2);
	transition: width 1s ease-out;
	border-radius: 5px;
}

.bar-1 {
	width: 0;
	height: 100%;
	background-color: #4e5a7b;
	background-size: 30px 30px;
	animation: move 1s linear infinite;
	box-shadow: 2px 0 10px inset rgba(0, 0, 0, 0.2);
	transition: width 1s ease-out;
}

.bar-2 {
	width: 0;
	height: 100%;
	background-color: #71ccd8;
	background-size: 30px 30px;
	/* animation: move 2s linear infinite;*/
	box-shadow: 2px 0 10px inset rgba(0, 0, 0, 0.2);
	/*transition: width 2s ease-out;*/
}

.count-progress .progress-bar {
	height: 8px;
	margin-top: 5px;
}

@keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 30px 30px;
	}
}

.perc {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: bold;
}

.percentage {
	background-color: #6f39b0;
	border-radius: 5px;
	box-shadow: 0 4px 5px rgb(0, 0, 0, 0.2);
	color: #fff;
	font-size: 12px;
	padding: 4px;
	position: absolute;
	top: 20px;
	left: 0;
	transform: translateX(-50%);
	width: 40px;
	text-align: center;
	transition: left 0.4s linear;
}

	.percentage::after {
		background-color: #6f39b0;
		content: "";
		position: absolute;
		top: -5px;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		height: 10px;
		width: 10px;
		z-index: -1;
	}

/*************gauge**************/
.gauge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#canvas-preview {
	background-color: transparent;
}

#minVal {
	display: none;
	position: fixed;
	left: 18%;
	color: white;
}

#maxVal,
#preview-textfield {
	display: none;
}

/*************/
.campaign-performance-input {
	position: relative;
}

	.campaign-performance-input i {
		position: absolute;
		left: 20px;
		z-index: 9;
		top: 10px;
	}

/*****Content-Headings******/

.content-heading {
	font-size: 18px;
	color: #000000;
	font-weight: 400;
}

/*******sharing***********/
.sharing-file .form-control::placeholder {
	color: #202223;
}

.sharing-file .form-control {
	padding-left: 30px;
	text-align: center;
}

.sharing-file .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	text-align: center;
	pointer-events: none;
	/*color: #5C5F62;*/
	width: 30px;
	line-height: 36px;
}

	.sharing-file .form-control-feedback img {
		width: 16px;
		height: 16px;
		display: inline;
	}

.sharing-btn .btn {
	border-radius: 5px;
}

	.sharing-btn .btn i {
		font-size: 18px;
		margin-right: 10px;
	}

	.sharing-btn .btn:hover {
		background-image: none;
		color: #fff;
		opacity: 0.9;
	}

.facebook-btn {
	background-color: #1877f2;
	background-image: none;
	color: #fff;
}

.twitter-btn {
	background-color: #3e89bd;
	background-image: none;
	color: #fff;
}

.file-btn {
	background-color: #e44f58;
	background-image: none;
	color: #fff;
}

.recipient-activity-progress i {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
}

.recipient-activity-progress .polaris-progress__bar {
	height: 12px;
	border-radius: 6px;
	margin: 10px 10px 0 10px;
	display: inline-block;
}

.recipient-activity-progress p {
	display: inline-block;
}

#recipient-activity .list-subscriber-search .list-subscriber-search-icon i {
	position: absolute;
	top: 10px;
	left: 35px;
}

/*********campaign-analytics**********/
.campaign-analytics table a {
	color: #4e5a7b;
	text-decoration: underline;
}

.campaign-analytics #campaign-overview table a {
	text-decoration: none;
	color: #2c6ecb;
}

.campaign-analytics .table th,
.campaign-analytics .table td {
	padding: 14px 1.6rem;
	vertical-align: middle;
}

.campaign-analytics #campaign-overview .table th,
.campaign-analytics #campaign-overview .table td {
	padding: 14px 1.6rem;
	vertical-align: middle;
	font-size: 15px;
}

.campaign-analytics #campaign-overview .table {
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	border-bottom: 0;
}

.campaign-analytics .table {
	border-bottom: 1px solid #dfe3e8;
}

	.campaign-analytics .table thead {
	}

.campaign-analytics-header-icon svg {
	margin-top: 4px;
}

.opens-icon {
	background-color: #4e5a7b;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 8px;
}

.click-icon {
	background-color: #71ccd8;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 8px;
}

/**************/
.light-border-box {
	border: 1px solid #babfc3;
	box-sizing: border-box;
	border-radius: 4px;
}

	.light-border-box i {
		color: #cecfd0;
		margin-left: 5px;
		font-size: 16px;
		cursor: pointer;
	}

.delivery-summary-palette-1 {
	width: 41px;
	height: 15px;
	background: #4e5a7b;
	display: inline-block;
	margin-bottom: 8px;
}

.delivery-summary-palette-2 {
	width: 41px;
	height: 15px;
	background: #71ccd8;
	display: inline-block;
	margin-bottom: 8px;
}

.delivery-summary-palette h4 {
	font-weight: 700;
}

.delivery-summary-palette p {
	margin-top: 0;
}

.reactions {
	min-height: 130px;
}

	.reactions .reactions-text {
		padding: 24px 0;
	}

.campaign-analytics h2 {
	font-size: 28px;
	font-weight: 400;
}

.reactions-text small {
	color: #6d7175;
}

/****************feeds-analytics***********/
.feeds-analytics-btn .btn {
	min-width: 110px;
	font-weight: 500;
}

.search-authors-dropdown {
	min-width: 320px;
}

	.search-authors-dropdown .input-search i {
		position: absolute;
		z-index: 9;
		top: 10px;
		left: 14px;
		color: #5c5f62;
	}

	.search-authors-dropdown .pagination i {
		color: #5c5f62;
	}

	.search-authors-dropdown .pagination {
		margin: 10px 0;
	}

	.search-authors-dropdown .dropdown-item {
		padding: 15px initial;
		padding-bottom: 6px;
		padding-top: 6px;
	}

	.search-authors-dropdown .pagination-result-count {
		font-size: 12px;
	}

#feeds-analytics p a {
	text-decoration: underline;
	color: #4e5a7b;
}

.search-authors-dropdown .pagination .pagination-result-count {
	line-height: inherit;
	margin: 0 12px;
}

.pagination .pagination-result-count {
	line-height: 35px;
	margin: 0 12px;
}

.pagination-page-count {
	line-height: 35px;
	/* margin: 0 12px;*/
}

.pagination .page-item > .btn {
	padding: 0.7rem 0.8rem !important;
	line-height: inherit;
	z-index: 2;
}

/*******************/
#email-overlay-btn-group .btn-group {
	line-height: 35px;
}

#email-overlay-btn-group {
	display: none;
}

/*****************/
.campaign-analytics #bounce-summary table th a {
	text-decoration: none;
	color: #000;
	font-weight: 700;
}

/******breadcrumb*******/
/*.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #637381;
    content: "/";
}
*/
.breadcrumb .breadcrumb-item a {
	color: #5c5f62;
}

.breadcrumb-item.active {
	color: #5c5f62;
	font-weight: 700;
}

.text-12 {
	font-size: 12px !important;
	color: #000 !important;
}

.text-16 {
	font-size: 16px !important;
	color: #000 !important;
}

.text-15 {
	font-size: 15px !important;
}

/******************mobile-toggle********************/

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display: inline-block !important;
	}
}

@media (max-width: 992px) {
	.header {
		top: 10px;
	}

	.navbar-expand-lg {
		padding: 0;
	}

	.navbar-collapse {
		position: fixed;
		top: 50px;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 50%;
		height: 100%;
		z-index: 99;
	}

		.navbar-collapse.collapsing {
			left: -50%;
			transition: height 0s ease;
		}

		.navbar-collapse.show {
			left: 0;
			transition: left 300ms ease-in-out;
		}

	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: left 500ms ease-in-out;
	}

	button.navbar-toggler {
		position: fixed;
		z-index: 999;
		top: 8px;
		left: 20px;
	}
}

/*******compliance*********/
.compliance .form-check-input {
	display: inline-block;
}

.compliance span {
	display: inline-block;
	margin-left: 1.6rem;
	text-align: left;
	vertical-align: top;
}

.frame-toast-manager {
	z-index: 9999;
}

.pt-3-3 {
	padding-top: 1.3rem !important;
}

.list-subscriber-btn-group button {
	width: 132px !important;
}

.subscriber-sorting {
	width: 25%;
	display: inline-block;
}

.top-menu-list {
	border-bottom: 1px solid #ddd;
	width: 97%;
	margin-left: 1%;
}

	.top-menu-list ul {
		border-bottom: none;
	}

.dvTagDataShow {
	display: inline !important;
}

.dvTagData:hover .dvTagDataShow {
	display: none !important;
}

.dvTagDataHide {
	display: none;
}

.dvTagData:hover .dvTagDataHide {
	display: inline !important;
}

/*
.emailrecipients a[aria-expanded=false] .fas.fa-minus-circle.text-gray {
    display: none !important;
}

.emailrecipients a[aria-expanded=true] .fas.fa-plus-circle.text-gray {
    display: none !important;
}*/

.emailrecipients a[aria-expanded="false"] .segmentcountview {
	display: none !important;
}

.emailrecipients a[aria-expanded="true"] .segmentcountcollapse {
	display: none !important;
}

/*.customslidecontainer {
    width: 100%;
}

.customslider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.customslider:hover {
    opacity: 1;
}

.customslider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #04AA6D;
    cursor: pointer;
}

.customslider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #04AA6D;
    cursor: pointer;
}*/

input.customrange[type="range"] {
	-webkit-appearance: none;
	margin: 10px 0;
	width: 100%;
	background: #dadada;
	/*background: linear-gradient(to right, #aee9d1 0%, #aee9d1 25%, #ffd79d 25%, #ffd79d 50%, #dadada 50%, #dadada 100%);*/
}

	input.customrange[type="range"]:focus {
		outline: none;
	}

	input.customrange[type="range"]::-webkit-slider-runnable-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border-radius: 25px;
		border: 0px solid #000101;
	}

	input.customrange[type="range"]::-webkit-slider-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 40px;
		width: 40px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/range-selector.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		border-radius: 50%;
		margin-top: -18px;
	}

	input.customrange[type="range"]::-moz-range-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		/*background: #dadada;*/
		border-radius: 25px;
		border: 0px solid #000101;
	}

	input.customrange[type="range"]::-moz-range-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 40px;
		width: 40px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/range-selector.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		border-radius: 50%;
		margin-top: -18px;
	}

	input.customrange[type="range"]::-ms-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		animate: 0.2s;
		background: transparent;
		border-color: transparent;
		border-width: 39px 0;
		color: transparent;
	}

	input.customrange[type="range"]::-ms-fill-lower {
		/*background: #dadada;*/
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input.customrange[type="range"]::-ms-fill-upper {
		/*background: #dadada;*/
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input.customrange[type="range"]::-ms-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 40px;
		width: 40px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/range-selector.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		border-radius: 50%;
		margin-top: -18px;
	}

input.customcreditrange[type="range"] {
	-webkit-appearance: none;
	margin: 10px 0;
	width: 100%;
	background: #dadada;
	border-radius: 5px;
	height: 8px;
}

	input.customcreditrange[type="range"]:focus {
		outline: none;
	}

	input.customcreditrange[type="range"]::-webkit-slider-runnable-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		/*animate: 0.2s;*/
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border-radius: 25px;
		border: 0px solid #000101;
	}

	input.customcreditrange[type="range"]::-webkit-slider-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 50px;
		width: 50px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/billing_slider.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		-webkit-appearance: none;
		border-radius: 50%;
		margin-top: -23px;
	}

	input.customcreditrange[type="range"]::-moz-range-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		/*animate: 0.2s;*/
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		/*background: #dadada;*/
		border-radius: 25px;
		border: 0px solid #000101;
	}

	input.customcreditrange[type="range"]::-moz-range-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 50px;
		width: 50px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/billing_slider.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		border-radius: 50%;
		margin-top: -23px;
	}

	input.customcreditrange[type="range"]::-ms-track {
		width: 100%;
		height: 5px;
		cursor: pointer;
		/*animate: 0.2s;*/
		background: transparent;
		border-color: transparent;
		border-width: 39px 0;
		color: transparent;
	}

	input.customcreditrange[type="range"]::-ms-fill-lower {
		/*background: #dadada;*/
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input.customcreditrange[type="range"]::-ms-fill-upper {
		/*background: #dadada;*/
		border: 0px solid #000101;
		border-radius: 50px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input.customcreditrange[type="range"]::-ms-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #969696;
		height: 50px;
		width: 50px;
		border-radius: 7px;
		background-image: url(/_content/TBP6.UI.Shared/img/billing_slider.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #fff;
		cursor: pointer;
		border-radius: 50%;
		margin-top: -23px;
	}

.customskeleton {
	height: 330px;
	border-radius: 12px;
	max-width: 100%;
	background: linear-gradient(90deg, hsl(210, 15%, 88%), hsl(210, 15%, 95%), hsl(210, 15%, 88%));
	background-size: 200%;
	animation: skeletonloader 1s infinite reverse;
}

/*******company-user********/
.grey-divider {
	box-shadow: inset 0px -1px 0px #e1e3e5;
}

.dot-dropdown .dropdown-toggle::after {
	display: none;
}

.dot-dropdown .dropdown-toggle i {
	margin-left: 16px;
}

.company-user .dropdown-menu {
	padding: 0;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 10%), 0px 8px 40px rgb(0 0 0 / 20%);
	border-radius: 8px;
	border: 0;
	/*overflow: auto;*/
}

.dropdown-lg .dropdown-menu {
	width: 400px;
}

.company-user .dropdown-item {
	padding: 10px;
}

.dropdown-lg .dropdown-item {
	padding: 10px;
	white-space: normal;
	word-break: break-all;
}

.company-user .frame-toast {
	max-width: 100%;
}

/* skeleton animation */
@keyframes skeletonloader {
	from {
		background-position: -100% 0;
	}

	to {
		background-position: 100% 0;
	}
}

.tbl-custom-fields thead tr {
	background-color: #f6f6f7;
}

.tbl-custom-fields .options li {
	list-style: inherit;
}

.custom-field-tag code {
	color: black;
	background-color: #e4e5e7;
	margin-left: 5px;
}

.sub-details-cf input[type="text"] {
	width: 100% !important;
}

.sub-details-cf .MultiSelectMany {
	width: 100% !important;
}

	.sub-details-cf .MultiSelectMany .dropdown-menu a {
		display: inline;
		margin-left: 5px;
	}

	.sub-details-cf .MultiSelectMany .dropdown-menu .form-check-label {
		padding: 0.25rem 2.5rem;
	}

	.sub-details-cf .MultiSelectMany .dropdown button {
		width: 100%;
	}

.MultiSelectMany button.btn.btn-white.dropdown-toggle {
	width: 100%;
}

div#campaign-html-editor {
	height: calc(100vh - 40px);
}

/********Campaign email design******/
@media screen and (max-width: 1400px) {
	.camp-marketing-loading {
		min-width: 322px;
		min-height: 430px;
	}
}

@media screen and (min-width: 1400px) {
	.camp-marketing-loading {
		min-width: 322px;
		min-height: 430px;
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}

	.camp-marketing-template-loading {
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}
}

@media screen and (min-width: 1600px) {
	.camp-marketing-loading {
		min-width: 322px;
		min-height: 430px;
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}

	.camp-marketing-template-loading {
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}
}

@media screen and (min-width: 1900px) {
	.camp-marketing-loading {
		min-width: 456px;
		min-height: 610px;
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}

	.camp-marketing-template-loading {
		flex: 0 0 24% !important;
		margin: auto 0.5%;
	}

	.camp-email-usage-chart {
		margin-top: -90px !important;
	}
}

/************************************************************
 *                                                         *
 *                      BARCHARTCSS                         *
 *                                                         *
************************************************************/

/* Entire Container */
.chart-container {
	position: relative;
	/*background: #fff;*/
	bottom: 0;
}

	/* Title Below Chart */
	.chart-container .chart-title {
		position: absolute;
		text-align: center;
		/* display: flex;*/
		align-items: center;
		justify-content: center;
		bottom: 0;
		left: 0;
		line-height: 100%;
		display: none;
	}

	/* Area Ticks Along the Left of Chart Take Up */
	.chart-container .chart-ticks {
		position: absolute;
		top: 0;
		left: 0;
	}

		/* Individual Ticks */
		.chart-container .chart-ticks .chart-tick {
			position: absolute;
			width: 100%;
			right: 0;
			text-align: right;
		}

		/* Span used to offset position of tick value */
		.chart-container .chart-ticks span {
			position: relative;
			top: 0.35em;
		}

	/* Labels Section Along Bottom of Chart */
	.chart-container .chart-labels {
		position: absolute;
		right: 0;
	}

		/* Individual Labels */
		.chart-container .chart-labels .chart-label {
			position: absolute;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			white-space: nowrap;
		}

/* Chart */
.chart {
	position: absolute;
	top: 0;
	right: 0;
}

	/* Individual Bars */
	.chart .chart-bar {
		position: absolute;
		display: flex;
		bottom: 0;
		justify-content: center;
		font-weight: bold;
	}

		/* Hover Effect On Bars */
		.chart .chart-bar:hover {
			box-shadow: 0 0 5px rgb(89, 94, 95);
		}

/***************Quick*******************/

#chart-1 {
	border-left: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}

/*** Setting Tab *************/

.my-list .card {
	border-radius: 0px !important;
	box-shadow: none;
	background-color: transparent;
}

.my-list ul.nav.nav-tabs.my-nav-tabs {
	border-radius: 8px 8px 0 0 !important;
	background: #fff;
	padding: 8px 0 0 0;
}

.my-list .py-3.px-5 {
	background-color: #fff;
}

.my-list .card .row {
	margin-bottom: 0;
}

.my-list .card .py-3.px-5 {
	margin-bottom: 20px;
}

.p-grey14 {
	font-size: 14px;
	color: #6d7175 !important;
}

/*.form-control {
    color: #202223 !important;
    font-weight: 400;
}

.list-subscriber .nav-link {
    border-bottom: 3px solid transparent;
}*/

.addbtnsblue {
	box-shadow: 0px 1px 0px rgb(0 0 0 / 5%);
	border-radius: 4px 0px 0px 4px;
	background: #4e5a7b;
	border: 0;
	color: #fff;
	font-weight: 500;
	width: 122px;
	height: 36px;
	border: 2px solid rgb(78 90 123 / 50%);
}

.addbtnsgrey {
	background: #ffffff;
	box-shadow: 0px 1px 0px rgb(0 0 0 / 5%);
	border-radius: 0px 4px 4px 0px;
	height: 36px;
	width: 122px;
	border: 2px solid rgb(78 90 123 / 50%);
	color: #202223;
	font-weight: 500;
}

.openeditor-block {
	width: 454px;
	height: 68px;
	border: 1px solid #c0c4c8;
	padding: 20px 17px;
	border-radius: 4px;
	margin-bottom: 35px;
}

	.openeditor-block i.fas.fa-chevron-right {
		margin-left: auto;
	}

.add-file-upload-block {
	width: 473px;
	height: 80px;
	border: 2px dashed #8c9196;
	border-radius: 8px;
	margin-bottom: 20px !important;
	position: relative;
}

input.upload-inp {
	position: absolute;
	font-size: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.circularchart-settings > div {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.circularchart2-settings > div {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -20%);
	z-index: 0;
}

.barchart-settings > div {
	position: absolute !important;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.barchart2-settings > div {
	position: absolute !important;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -15%);
}

.p-grey14 {
	font-size: 14px;
	color: #6d7175 !important;
}

.form-control {
	color: #202223 !important;
	font-weight: 400;
}

.date-range-first-line {
	justify-content: space-between;
	display: flex;
	font-weight: bold;
}

.include-inputs,
.include-inputs-middle {
	display: flex;
	align-items: center;
}

	.include-inputs-middle .form-check label {
		cursor: pointer;
		font-weight: bold;
	}

	.include-inputs label {
		margin-bottom: 0;
		margin-left: 10px;
		vertical-align: middle;
	}

/* The container */
.check-container {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-top: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
	.check-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #dae1e7;
	border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
	background-color: #f8af37;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
	background-color: #f8af37;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.date-range-second-line span {
	font-weight: bold;
}

.date-range-second-line {
	margin-top: 31px;
	display: flex;
	justify-content: space-between;
}

.date-range-second-line-right {
	display: flex;
	align-items: center;
	font-weight: bold;
}

.date-range-second-line .btn-group {
	margin-right: 25px;
}

	.date-range-second-line .btn-group .dropdown {
		margin-left: 12px;
	}

.cc-selector {
	display: flex;
	margin-left: 10px;
}

	.cc-selector input {
		margin: 0;
		padding: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

		.cc-selector input:active + .graph-type {
			opacity: 0.9;
		}

.card-body img.graph-wrapper {
	display: none;
}

.graph-wrapper.active {
	display: block !important;
}

.cc-selector input:checked + .graph-type {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
	background-color: #4e5a7b;
}

.cc-selector:first-child .graph-type svg path {
	fill: #5c5f62;
	stroke: #5c5f62;
}

.cc-selector:first-child .graph-type svg path {
	fill: #5c5f62;
	stroke: #5c5f62;
}

.cc-selector .graph-type-one svg line {
	stroke: #5c5f62;
}

.cc-selector input:checked + .graph-type-one svg line {
	stroke: #ffffff;
}

.cc-selector input:checked + .graph-type-one svg path {
	stroke: #ffffff;
}

.cc-selector .graph-type-two svg path {
	fill: #5c5f62;
	stroke: none;
}

.cc-selector input:checked + .graph-type-two svg path {
	stroke: none;
	fill: #ffffff;
}

.cc-selector input:checked + .graph-type-one,
.cc-selector input:checked + .graph-type-two {
	border: 0;
}

.cc-selector .graph-type-one,
.cc-selector .graph-type-two {
	border: 1px solid #babfc3;
}

.graph-type-one {
	border-radius: 4px 0px 0px 4px;
}

.graph-type-two {
	border-radius: 0 4px 4px 0;
}

.graph-type {
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	transition: all 100ms ease-in;
}

.campaign-lines {
	margin-bottom: 61px;
}

	.campaign-lines img {
		max-width: 100%;
	}

.campaign-table tr:first-child th {
	border-top: none;
}

.date-range-first-line .dropdown {
	margin-left: 20px;
}

.tracy-analytics-layout .top-pagination .row {
	margin-bottom: 4px;
	margin-top: 10px;
}

.tracy-analytics-layout .top-pagination .pagination {
	margin-bottom: 0;
}

.tracy-analytics-layout .header {
	padding-top: 0;
}

.tracy-analytics-layout .top-header .row {
	margin-bottom: 0px;
	margin-top: 0px;
}

.upload-graph-button {
	justify-content: end;
}

/********Authenticated domains ***********/
.domain-table th {
	font-weight: bold !important;
}

.domain-table .fa-check-circle,
.domain-table .fa-times-circle {
	margin-right: 10px;
	font-size: 16px;
}

.non-existent {
	font-size: 16px;
	color: #ff0000;
}

.non-existent-msg {
	color: #ff0000;
}

.domain-exists {
	font-size: 16px;
}

.advance-settings-link {
	text-decoration: underline;
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (0.5rem * 2));
}

@media (min-width: 576px) {
	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2));
	}
}

.change-domain-input-wrapper input {
	max-width: 160px;
}

.action-dropdown {
	width: 15px;
	max-width: 15px;
}

.w-400 {
	width: 400px;
	min-width: 400px;
}

.w-300 {
	width: 300px;
	min-width: 300px;
}

.w-200 {
	width: 200px;
	min-width: 200px;
}

.w-130 {
	min-width: 130px;
	width: 130px;
}

.companies-list-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.company-search-input {
	position: relative;
	width: 100%;
	max-width: 350px;
}

	.company-search-input input {
		padding-left: 35px;
	}

.companies-list-pagination .form-group {
	width: 350px;
	max-width: 350px;
}

.company-search-input .search-icon {
	color: #5c5f62;
	position: absolute;
	font-size: 16px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

.companies-list-pagination .prev-page,
.companies-list-pagination .next-page {
	align-items: center;
	font-size: 20px;
	color: #5c5f62;
	padding: 7px 12px;
}

.companies-list-pagination .prev-page {
	border-radius: 4px 0 0 4px;
}

.companies-list-pagination .prev-page {
	border-radius: 0 4px 4px 0;
}

.companies-list-pagination {
	display: flex;
	align-items: center;
}

/* authentication domain responsive */
@media screen and (max-width: 576px) {
	#new-domain .modal-footer .btn {
		width: 100%;
		margin-bottom: 10px;
	}

	.companies-list-pagination {
		flex-wrap: wrap;
	}

		.companies-list-pagination .company-search-input {
			max-width: 576px;
			width: 100%;
		}

		.companies-list-pagination .form-group {
			width: 100%;
			max-width: 576px;
		}
}

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

@media only screen and (max-width: 1200px) {
	.date-range-second-line .btn-group {
		margin-right: 15px;
	}

		.date-range-second-line .btn-group .dropdown {
			margin-left: 8px;
		}

	.campaign-lines {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 1023px) {
	.date-range-second-line .btn-group {
		margin-right: 15px;
		margin-bottom: 10px;
	}

	.date-range-second-line-left {
		width: 75%;
	}

	.date-range-second-line-right {
		width: 25%;
		justify-content: end;
	}

	.date-range-first-line .dropdown {
		margin-left: 8px;
	}

	.list-subscriber-search input {
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media only screen and (max-width: 991px) {
	.date-range-first-line .campaign-analytics-header-icon .btn {
		margin-left: 0 !important;
	}
}

@media only screen and (max-width: 767px) {
	.campaign-table {
		overflow-x: auto;
	}

		.campaign-table .email-domains-table {
			width: 400px;
		}

	.date-range-first-line {
		flex-wrap: wrap;
		align-items: center;
	}

	.campaign-table .table th,
	.campaign-table .table td {
		font-size: 14px;
		padding: 10px 14px;
		white-space: nowrap;
	}

	#feeds.bg-white {
		padding: 0 !important;
	}

	.campaign-analytics .card-body {
		padding: 15px;
	}

	.daterange-picker {
		width: 100%;
		margin: 10px 0 0 0 !important;
	}

	.date-range-first-line .campaign-analytics-header-icon,
	.include-inputs-middle {
		margin-top: 10px;
	}

	.date-range-second-line {
		flex-direction: column;
	}

	.date-range-second-line-right,
	.date-range-second-line-left {
		width: 100%;
	}

	.tracy-analytics-layout .top-header .news24 .dropdown-toggle::after {
		margin-left: 5px;
		margin-top: 4px;
	}

	.tracy-analytics-layout .top-header .dropdown-toggle {
		align-items: center;
	}

	.tracy-analytics-layout .top-header .header-top-icon .list-inline {
		float: unset !important;
		margin-bottom: 0%;
	}

	.tracy-analytics-layout .top-header .row {
		justify-content: space-between;
	}

	.tracy-analytics-layout .top-header .header-top-icon {
		width: 50%;
		align-items: center;
		justify-content: center;
		justify-content: end;
		display: flex;
		padding-top: 0;
		padding-bottom: 0;
	}

		.tracy-analytics-layout .top-header .header-top-icon i {
			font-size: 20px;
			margin-bottom: 0;
			width: 20px;
		}

	.header-top-icon .profile-icon {
		height: 20px;
		width: 20px;
		line-height: 20px;
	}

	.header-top-icon .dropdown-profile i {
		font-size: 12px !important;
	}

	.header-top-icon .profile-icon {
		margin: 0;
	}

	.main-body.campaign-analytics #feeds .tags-dropdown {
		width: 300px;
	}

	.main-body.campaign-analytics #feeds .btn {
		padding: 4px 10px;
	}

	.tracy-analytics-layout .top-pagination .row {
		margin-top: 0;
		margin-bottom: 0;
	}

	.date-range-second-line {
		margin-top: 20px;
	}

	.campaign-lines {
		margin-bottom: 10px;
	}

	.upload-graph-button {
		padding: 0;
		margin-top: 0;
	}

	/*.notification-icon .dropdown-menu {
		left: 25px !important;
	}*/

	.w-130 {
		min-width: 110px;
		width: 110px;
	}

	.tracking-script-btn,
	.add-domain-btn {
		margin-top: 15px;
		width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

.analytics-custom-dtpicker {
	display: inline-flex !important;
	position: absolute !important;
	right: 60px !important;
	width: auto !important;
}

.analytics-custom-compare-dtpicker {
	width: auto !important;
}

.campaign-overview-donut-settings > div {
	/*position: absolute !important;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%);*/
}

.mapboxpopupopenactionpanel {
	display: inline;
	float: left;
	width: 8px;
	height: 55px;
	left: 0px;
	top: 0px;
	background: #5ec5ab;
	border-radius: 6px 0px 0px 6px;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0px 0px;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
}

.mapboxpopupclickactionpanel {
	display: inline;
	float: left;
	width: 8px;
	height: 55px;
	left: 0px;
	top: 0px;
	background: #e44f58;
	border-radius: 6px 0px 0px 6px;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0px 0px;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
}

.mapboxpopupshareactionpanel {
	display: inline;
	float: left;
	width: 8px;
	height: 55px;
	left: 0px;
	top: 0px;
	background: #457ea1;
	border-radius: 6px 0px 0px 6px;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 0px 0px;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
}

.mapboxpopupdatapanel {
	display: inline;
	float: left;
	min-width: 150px;
	height: 55px;
	background: #ffffff;
	border-radius: 0px 6px 6px 0px;
	flex: none;
	order: 1;
	flex-grow: 0;
	margin: 0;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
}

.mapboxpopupnamepanel {
	font-weight: 600;
	font-size: 13px;
	color: #000000;
	margin: 5px 5px 5px 10px;
}

.mapboxpopuplocationpanel {
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	margin: 1px 5px 5px 10px;
}

.mapboxgl-popup-content {
	padding: 0 !important;
	background: transparent !important;
}

.mapboxgl-ctrl-logo {
	display: none !important;
}

div.feedEngagingtooltip {
	position: absolute;
	background: #4a4a4a;
	border-radius: 4px;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	padding: 0px 6px;
	font-weight: 400;
	font-size: 10px;
	color: #ffffff;
}

#components-reconnect-modal {
	display: none;
}

	#components-reconnect-modal.components-reconnect-show {
		display: block;
	}

#components-reconnect-modal {
	transition: visibility 0s linear 1000ms;
}

#tracking-script .modal-body .tracking-textarea {
	max-width: 676px;
	width: 100%;
	height: 240px;
	padding: 8px 12px;
	border: 1px solid #a7acb1;
	border-radius: 4px;
	resize: none;
	font-size: 14px;
}

/* billing page start */
.billing-date {
	padding-bottom: 13px;
}

.billing-tabs {
	padding: 0 30px;
}

main.container-fluid.billing-container {
	max-width: 1500px;
	width: 100%;
}

.billing {
	padding: 0 30px;
}

.billing-btn img {
	margin-right: 5px;
}

.billing-main-box {
	justify-content: space-around;
	display: flex;
}

.billing-content-box {
	justify-content: space-around;
}

.billing-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 14px;
	font-weight: 500;
	border-radius: 5px;
	font-size: 15px;
	color: #202223;
	font-weight: 500;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.billing-price {
	margin-bottom: 30px;
	margin-top: 20px;
}

.billing-box {
	background-color: #fafbfb;
	border-radius: 12px;
	max-width: 145px;
	min-height: 115px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.billing-box.billing-box-one {
		justify-content: start;
		padding: 20px;
	}

	.billing-box p {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5;
		color: #000000;
	}

	.billing-box h2 {
		font-size: 20px;
		font-weight: 400;
		margin: 8px 0;
		color: #000000;
	}

.billing .billing-box a {
	color: #4e5a7b;
	font-size: 14px;
	text-decoration: underline;
}

.billing-box span {
	color: #6d7175;
	font-size: 16px;
}

.billing-card {
	min-height: 76vh;
}

.all-modal {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

	.all-modal button {
		display: inline-block;
		max-width: 210px;
		width: 100%;
		margin-bottom: 10px;
	}

	.all-modal h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

/*======== billing table */
.billing-table th {
	font-weight: bold !important;
	font-size: 14px;
	color: #000000;
}

.billing-table td {
	font-size: 14px;
	color: #000000;
}

.billing-table img {
	padding-right: 10px;
	padding-bottom: 7px;
}

.billing .billing-table .biliing-table-date {
	width: 102px;
}

.billing-table-right {
	width: 85px;
}

.billing-table-active {
	background-color: #fafbfb;
}

/*========= billing table */
.list-subscriber-search-top {
	display: flex;
	justify-content: space-between;
	padding: 41px 0 11px;
	align-items: center;
}

	.list-subscriber-search-top .form-group {
		max-width: 639px;
		width: 100%;
		margin-bottom: 0;
		position: relative;
	}

.list-subscriber-search.list-subscriber-search-top .form-group input {
	padding: 8px 8px 8px 35px;
	font-size: 14px !important;
	border-radius: 4px;
}

.list-subscriber-search.list-subscriber-search-top .list-subscriber-search-icon i {
	top: 14px;
	left: 10px;
}

.list-subscriber-search-top .pagination {
	margin-bottom: 0;
}

.list-result {
	margin-right: 12px;
}

.list-subscriber-search-top .date-picker-sec {
	max-width: 252px;
	width: 100%;
	margin: 0 13px;
}

	.list-subscriber-search-top .date-picker-sec input {
		border: 1px solid #c4cdd5;
		max-width: 252px;
		width: 100%;
		border-radius: 4px;
		padding: 9px 12px;
	}

.pagination-bottom {
	text-align: right;
	display: flex !important;
	justify-content: end;
	margin-top: 13px;
}

.billing-invoice tbody tr:last-child td {
	border-bottom: 1px solid #dfe3e8;
}

.billing-download-invoce a {
	text-decoration: underline;
	color: #4e5a7b;
}

.billing-paynow-btn {
	box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 5px 12px;
	font-weight: 500;
	font-size: 15px;
	margin-left: 11px;
}

.paynow-main td {
	/*padding: 11px 10px !important;*/
	padding: 11px 13px !important;
}

.paynow-box {
	display: flex;
	align-items: flex-start;
}

.invoice-pagination {
	max-width: 150px;
	width: 100%;
}

/*=============== modal start ============*/
.transfer-creadit-limit p {
	font-size: 13px;
}

.transfer-creadit-limit .pay-singal-send {
	margin-top: 20px;
}

.send-campain-tip-info p:last-child {
	margin-top: 20px;
}

.transfer-creadit-limit .pay-singal-send .send-campain-tip p {
	padding-right: 0;
}

.transfer-creadit-limit .payment-method-modal .modal-body {
	padding: 20px 16px 49px 13px;
}

.on-credit p {
	text-align: center;
	font-size: 20px;
	margin: 40px 0 20px 0;
	line-height: 20px;
}

.on-credit span {
	display: flex;
	justify-content: center;
	max-width: 348px;
	width: 100%;
	margin: 0 auto;
}

.on-credit .payment-method-modal .modal-body {
	padding: 20px 15px 142px 14px;
}

.debit-order .credit-input-group {
	margin-bottom: 18px;
}

	.debit-order .credit-input-group label {
		font-size: 14px;
	}

	.debit-order .credit-input-group select {
		width: 100%;
		border: 1px solid #e1e3e5;
		border-radius: 4px;
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
		padding: 8px 12px;
		font-size: 14px;
	}

		.debit-order .credit-input-group select:focus {
			outline: none;
		}

.debit-order .payment-method-modal .modal-body {
	padding: 20px 15px 28px 14px;
}

.debit-order .credit-branch-code {
	padding-right: 11px;
	padding-left: 0;
}

.debit-order .payment-type select,
.company-card {
	font-size: 14px;
}

.cancel-subscription .please-note {
	padding-bottom: 18px;
	text-align: center;
	font-size: 15px;
}

.cancel-subscription .credit-input-group {
	margin-bottom: 18px;
}

.cancel-subscription .pay-singal-send .send-campain-tip p {
	padding: 0;
}

.cancel-subscription .pay-singal-send .send-campain-tip .save-card-img img {
	width: 48.6px;
}

.cancel-subscription .pay-singal-send .send-campain-tip .save-card-img {
	max-width: 81px;
	width: 100%;
	text-align: center;
}

	.cancel-subscription .pay-singal-send .send-campain-tip .save-card-img p {
		font-weight: 800;
		font-size: 16.6155px;
		line-height: 23px;
		color: #4e5a7b;
	}

.cancel-subscription .save-card-info {
	line-height: 27px;
	font-size: 18px;
	margin-left: 16px;
}

.cancel-subscription .pay-singal-send .send-campain-tip .save-card-info p {
	font-size: 18px;
	line-height: 27px;
}

.cancel-subscription .payment-method-modal .modal-body {
	padding: 20px 14px 18px 14px;
}

/*=============== modal end============*/
/*=============== modal responsive start============*/
@media screen and (max-width: 425px) {

	.transfer-creadit-limit .payment-method-modal .modal-footer button,
	.on-credit .payment-method-modal .modal-footer button,
	.debit-order .payment-method-modal .modal-footer button {
		font-size: 12px;
	}

	.cancel-subscription .payment-method-modal .modal-footer button {
		font-size: 12px;
		width: 100%;
	}

		.cancel-subscription .payment-method-modal .modal-footer button:first-child {
			margin-right: 0;
		}

	.cancel-subscription .save-card-info {
		font-size: 16px;
	}

	.transfer-creadit-limit .payment-method-modal .modal-body {
		padding: 20px 16px 30px 13px;
	}

	.on-credit .payment-method-modal .modal-body {
		padding: 20px 15px 50px 14px;
	}

	.on-credit p {
		font-size: 16px;
	}

	.debit-order .credit-branch-code {
		padding-right: 0;
	}

	.cancel-subscription .pay-singal-send .send-campain-tip .save-card-info p {
		font-size: 14px;
	}
}

@media screen and (max-width: 575px) {
	.debit-order .credit-input-group {
		padding-bottom: 10px;
		margin: 0;
	}

	.debit-order .credit-branch-code {
		padding: 0;
	}
}

@media screen and (max-width: 375px) {
	.cancel-subscription .payment-method-modal .modal-footer {
		flex-direction: column;
	}

	.cancel-subscription .modal-footer .cancel-subscription-btn {
		margin-top: 15px;
	}
}

/*=============== modal responsive end============*/
/*================ current plan page start ================*/
/* standerd plan start*/
.current-plan .standerd-plan {
	background: #ffffff;
	border: 1px solid #8c9196;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px 98px;
	justify-content: center;
	margin: 0 auto;
	max-width: 526px;
	width: 100%;
	margin: 44px auto 9px auto;
}

	.current-plan .standerd-plan span {
		font-size: 14px;
		line-height: 24px;
		padding: 10px 0;
	}

	.current-plan .standerd-plan b {
		font-size: 20px;
		color: #4e5a7b;
		line-height: 24px;
	}

	.current-plan .standerd-plan p {
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		margin: 12px 0px;
	}

	.current-plan .standerd-plan a {
		text-decoration-line: underline;
		color: #4e5a7b;
		font-weight: 400;
		font-size: 12px;
		line-height: 28px;
		margin-bottom: 13px;
	}

.current-plan .standerd-plan-btn .change-plan {
	margin-left: 5px;
	padding: 8px 40px;
}

.current-plan .standerd-plan .standerd-saving-btn {
	background: #5ec5ab;
	border-radius: 10px;
	padding: 2px 8px;
	font-size: 13px;
	line-height: 16px;
	color: #ffffff;
	margin-top: 14px;
}

.current-plan .standerd-credit {
	background: #e4e5e7;
	border-radius: 24px;
	display: flex;
	padding: 7px 18px;
	margin-top: 12px;
	align-items: center;
}

	.current-plan .standerd-credit p {
		margin: 0;
		line-height: 24px;
		margin-right: 10px;
	}

	.current-plan .standerd-credit a {
		margin: 0;
		background: #4e5a7b;
		border-radius: 24px;
		padding: 0 11px;
		color: #fff;
		text-decoration: none;
	}

/* standerd plan end*/
/* switch premium plan start  */
.switch-premiumbox {
	background: #4e5a7b;
	border: 1px solid #8c9196;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px 16px;
	justify-content: center;
	margin: 0 auto;
	max-width: 526px;
	width: 100%;
	margin: 0px auto 60px auto;
	color: #fff;
}

	.switch-premiumbox .send-campain-tip .save-card-img {
		padding-right: 12px;
	}

	.switch-premiumbox .send-campain-tip .save-card-info p {
		font-weight: 400;
		font-size: 18px;
		line-height: 26px;
		color: #fff;
		margin-bottom: 12px;
	}

	.switch-premiumbox .send-campain-tip .save-card-info span {
		display: inline-block;
	}

	.switch-premiumbox .send-campain-tip .save-card-info button {
		margin-top: 13px;
	}

/* switch premium plan start  */
/*================ current plan page end ================*/
/*================ current plan page  respnsive start ================*/
@media screen and (max-width: 768px) {
	.current-plan .standerd-plan {
		padding: 15px;
	}
}

@media screen and (max-width: 484px) {
	.current-plan .standerd-plan-btn button {
		width: 100%;
	}

	.current-plan .standerd-plan-btn .change-plan {
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 425px) {
	.current-plan .standerd-plan b {
		font-size: 16px;
	}

	.current-plan .standerd-plan p {
		font-size: 14px;
		margin: 5px 0px;
	}

	.current-plan .standerd-plan a {
		margin-bottom: 5px;
	}

	.current-plan .standerd-credit {
		flex-direction: column;
	}

	/* switch premium plan start */
	.switch-premiumbox .send-campain-tip .save-card-info button {
		font-size: 12px;
	}

	.switch-premiumbox .send-campain-tip .save-card-info p {
		font-size: 16px;
	}

	.switch-premiumbox .send-campain-tip .save-card-info span {
		font-size: 14px;
	}

	.switch-premiumbox .send-campain-tip {
		flex-direction: column;
		text-align: center;
	}

	.current-plan .standerd-plan-btn button {
		font-size: 12px;
	}

	.billing {
		padding: 0 15px;
	}

	/* switch premium plan end */
}

/*================ current plan page respnsive end ================*/

/* billing page end */
/*===================== payment methods start ===================*/
.payment-method {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

	.payment-method img {
		margin-top: 63px;
	}

	.payment-method p {
		color: #202123;
		font-weight: 400;
		font-size: 20px;
		margin: 33px 0 11px 0;
	}

.payment-method-modal .modal-header {
	padding: 20px !important;
}

.payment-method-modal .modal-footer {
	margin: 0;
	padding: 17px;
}

	.payment-method-modal .modal-footer button {
		margin: 0;
		padding: 8px 16px;
	}

.modal-footer > :not(:first-child) {
	margin: 0;
}

.payment-method-modal .modal-footer button:first-child {
	margin-right: 10px;
	background-color: #ffffff;
}

.modal-content.payment-method-modal {
	border: none;
}

.payment-method-main-modal .modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (0.5rem * 2));
}

#exampleModalLongTitle {
	font-size: 20px;
	font-weight: 400;
	color: #202223;
}

.payment-method-main-modal .modal-dialog {
	max-width: 412px;
	margin: 0 auto;
	width: 100%;
}

.payment-method-modal .modal-body {
	padding: 20px 15px 38px 14px;
}

.payment-type select {
	margin-bottom: 18px;
	color: #202223;
}

.payment-type select,
.company-card {
	width: 100%;
	border: 1px solid #e1e3e5;
	border-radius: 4px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	padding: 8px 12px;
}

#bank-card {
	padding: 7px 8px;
	cursor: pointer;
}

.payment-type label {
	font-size: 14px;
	margin-bottom: 4px;
	color: #202223;
}

.company-card::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: #202223;
}

.modal-content.payment-method-modal {
	max-width: 412px;
	margin: 0 auto;
	width: 100%;
}

.payment-type select,
.company-card:focus-visible {
	outline: none;
}

/*===================== payment methods end ===================*/
/*===================== payment methods 2 start ===================*/
.payment-bussiness-cradit-card {
	max-width: 827px;
	width: 100%;
	display: flex;
	background: #ffffff;
	box-shadow: 0px 3px 9px #e1e3e5;
	padding: 30px 24px;
	background: #ffffff;
	justify-content: space-between;
	margin-bottom: 21px;
	position: relative;
}

.payment-bussiness-cradit-left {
	display: flex;
	align-items: center;
}

.payment-bussiness-cradit-right {
	display: flex;
	align-items: center;
}

.payment-method-dropdown {
	max-width: 150px;
	width: 100%;
	position: absolute;
	display: inline-block;
	right: -43px;
	bottom: -116px;
	background-color: #fff;
	box-shadow: 0px 3px 9px #e1e3e5;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

	.payment-method-dropdown ul {
		margin: 0;
		padding: 16px 24px;
	}

		.payment-method-dropdown ul li {
			line-height: 20px;
			padding-bottom: 20px;
			font-weight: 400;
			list-style: none;
			text-align: left;
		}

			.payment-method-dropdown ul li:last-child {
				padding-bottom: 0px;
			}

.payment-bussiness-cradit-right .dot:hover ~ .payment-method-dropdown {
	opacity: 1;
	visibility: visible;
}

.payment-bussiness-cradit-right img {
	margin: 0;
}

.payment-billing-one p {
	margin: 33px 0 20px 0;
}

.payment-bussiness-cradit-left img {
	margin: 0;
	width: 20px;
	height: 20px;
	margin-right: 32px;
}

.payment-bussiness-cradit-left p {
	font-weight: 700;
	font-size: 14px;
	margin: 0;
	font-size: 14px;
}

.defult-btn {
	background: #e4e5e7;
	border-radius: 10px;
	padding: 2px 8px;
	color: #202223;
	font-size: 13px;
	margin-right: 34px;
}

/*===================== payment methods 2 end ===================*/
/* billing page responsiv start */
@media screen and (max-width: 1200px) {
	.billing-main-box {
		max-width: 33.33%;
		width: 100%;
		justify-content: center;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1125px) {
	.billing-main-box {
		max-width: 33.33%;
		width: 100%;
	}

	.billing-main-table {
		overflow-x: auto;
		width: initial;
	}

		.billing-main-table.billing-invoice table.billing-table {
			width: 877px;
			overflow-x: auto;
			max-width: unset;
		}
}

@media screen and (max-width: 991px) {
	.payment-method-dropdown {
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.billing-main-box {
		max-width: 50%;
		width: 100%;
	}

	.billing-main-table {
		overflow-x: auto;
		width: initial;
	}

	table.billing-table {
		width: 676px;
		overflow-x: auto;
		max-width: unset;
	}

	.pagination .pagination-result-count {
		margin: 0 5px;
	}
}

@media screen and (max-width: 599px) {
	.list-subscriber-search-top {
		flex-wrap: wrap;
		justify-content: center;
	}

		.list-subscriber-search-top .date-picker-sec {
			margin: 15px 0;
		}

	.payment-method p {
		font-size: 16px;
		text-align: center;
	}

	.payment-bussiness-cradit-left p {
		font-size: 14px;
	}
}

@media screen and (max-width: 428px) {
	.billing-main-box {
		max-width: 100%;
		width: 100%;
	}

	.billing-box {
		max-width: 100%;
	}

	.payment-method-main-modal {
		margin: 0 15px;
	}

	.list-result {
		margin-bottom: 15px;
	}

	/*===================== payment methods 2 start ===================*/
	.defult-btn {
		margin-right: 10px;
	}

	.payment-bussiness-cradit-left img {
		margin-right: 10px;
	}

	.payment-bussiness-cradit-card {
		padding: 30px 15px;
	}

	/*===================== payment methods 2 end ===================*/
}

/* billing page responsive end */
/* company details page start */
.company-details-container {
	width: 100%;
	max-width: 1610px !important;
	padding: 0px 30px 0 30px;
}

.company-details {
	color: #202223;
	font-weight: 400;
	font-size: 14px;
}

	.company-details h2 {
		font-weight: 900;
		font-size: 18px;
		line-height: 32px;
		margin: 19px 0 20px 0;
		border-top: 1px solid #e4e5e7;
	}

	.company-details label {
		margin-bottom: 4px;
		line-height: 20px;
		font-size: 14px;
	}

	.company-details .details-input-box {
		margin-bottom: 21px;
	}

	.company-details input {
		background: #ffffff;
		border-radius: 4px;
		border: 1px solid #c4cdd5;
		padding: 8px 12px;
		width: 100%;
	}

	.company-details select {
		width: 100%;
		border: 1px solid #c4cdd5;
		border-radius: 4px;
		padding: 8px 7px;
		cursor: pointer;
	}

		.company-details select:focus {
			outline: none;
		}

	.company-details input:focus {
		outline: none;
	}

	.company-details .card {
		max-width: 770px;
		width: 100%;
	}

.company-details-main .main-body {
	margin: 0;
	justify-content: center;
}

.company-details .header {
	margin: 0;
	padding: 0;
}

	.company-details .header .top-pagination {
		padding: 32px 0 30px 0;
	}

		.company-details .header .top-pagination .row {
			margin: 0;
		}

	.company-details .header .pagination {
		margin: 0;
	}

.company-details .card .card-body {
	background: #ffffff;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	padding: 0;
}

.company-details {
	justify-content: center;
}

.company-details-card h1 {
	font-weight: 900;
	font-size: 28px;
	line-height: 32px;
}

.company-details-card-info {
	border-bottom: 1px solid #e4e5e7;
}

.company-details-card {
	padding: 30px 101px 35px 98px;
}

.company-details h2.company-details-heading {
	border-top: none;
}

.address-details .address-details-left {
	padding-right: 15px;
	padding-left: 0;
}

.company-details .default-company {
	padding: 19px 0 35px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.company-details .default-company label {
		margin: 0;
		width: 40px;
		height: 24px;
		padding-top: 3px;
		padding-left: 10px;
	}

	.company-details .default-company input[type="checkbox"] {
		width: 40px;
	}

.company-details .details-card-bottom {
	border-top: 1px solid #e4e5e7;
	display: flex;
	padding: 17px;
	justify-content: end;
}

	.company-details .details-card-bottom .btn-light {
		background: #ffffff;
	}

.company-details .content {
	background-color: white;
	justify-content: center;
	padding: 0;
	width: 40px;
}

.company-details .switch {
	position: relative;
	display: inline-block;
}

	.company-details .switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.company-details .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #cccccc;
	transition: 0.4s;
}

	.company-details .slider:before {
		position: absolute;
		content: "";
		width: 22px;
		height: 21.87px;
		left: 1px;
		bottom: 1px;
		background-color: white;
		transition: 0.4s;
		box-shadow: 0px 1.09209px 1.09209px rgba(0, 0, 0, 0.2);
	}

.company-details input:checked + .slider {
	background: #4e5a7b;
	width: 40px;
	height: 24px;
}

	.company-details input:checked + .slider:before {
		transform: translate(16px, 0px);
		width: 22px;
		height: 21.87px;
	}

.company-details .slider.round {
	border-radius: 34px;
}

	.company-details .slider.round:before {
		border-radius: 50%;
	}

/* company details page end */
/* company details page responsive start */
@media screen and (max-width: 1125px) {
	.company-details-card {
		padding: 30px 30px 30px 30px;
	}
}

@media screen and (max-width: 574px) {
	.address-details .address-details-left {
		padding: 0;
	}
}

@media screen and (max-width: 425px) {
	.company-details-card {
		padding: 30px 15px 30px 15px;
	}

	.company-details-container {
		padding: 0 15px 0 15px;
	}
}

/* company details page responsive end */
/* campaiges page start */
.choose-plan-main .pagination {
	justify-content: start;
}

.choose-plan-main .top-pagination {
	padding: 32px 0 48px 0;
}

.choose-main-body .card.card-body {
	padding: 0;
}

.choose-plan-main .choose-plan-header {
	padding: 17px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.choose-plan-price-box {
	max-width: 896px;
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: center;
}

.choose-plan-main .choose-header-box {
	display: flex;
	justify-content: left;
	padding: 24px 18px;
	border-radius: 6px;
	border: 1px solid #bbbbbb;
	max-height: 146px;
}

	.choose-plan-main .choose-header-box p {
		margin: 0;
		font-size: 18px;
		line-height: 21px;
	}

	.choose-plan-main .choose-header-box h2 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}

		.choose-plan-main .choose-header-box h2 span {
			font-size: 18px;
		}

.choose-header-box.choose-recommended {
	background: #ebebeb;
	border: none;
	max-height: 166px;
	padding: 18px;
}

.choose-plan-price span.recommended {
	padding: 2px 8px;
	background: #f59926;
	border-radius: 10px;
	color: #ffffff;
	margin-bottom: 12px;
	display: inline-block;
}

.choose-plan-main .list-subscriber .list-subscriber-table .card-body {
	padding-bottom: 0;
}

/* table */
.choose-plan-main .choose-plan-table th {
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #dfe3e8;
}

.choose-plan-main tr td.choose-plan-table-heading {
	width: 100%;
}

.choose-plan-main .default-company {
	display: flex;
	justify-content: center;
}

	.choose-plan-main .default-company label {
		max-width: 172px;
		width: 100%;
		padding-top: 3px;
		padding-right: 10px;
		font-weight: bold;
	}

.choose-plan-main .content {
	justify-content: center;
	padding: 0;
	width: 40px;
}

.choose-plan-main .choose-plan-table th {
	width: 360px;
	text-align: center;
}

.choose-plan-main .choose-plan-table tbody tr td {
	width: 360px;
	text-align: center;
}

	.choose-plan-main .choose-plan-table tbody tr td img {
		width: 16px;
		margin: 0 auto;
		text-align: center;
	}

.choose-plan-main .switch {
	position: relative;
	display: inline-block;
}

	.choose-plan-main .switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.choose-plan-main .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #cccccc;
	transition: 0.4s;
	width: 40px;
	height: 24px;
}

	.choose-plan-main .slider:before {
		position: absolute;
		content: "";
		width: 22px;
		height: 21.87px;
		left: 1px;
		bottom: 1px;
		background-color: white;
		transition: 0.4s;
		box-shadow: 0px 1.09209px 1.09209px rgba(0, 0, 0, 0.2);
	}

.choose-plan-main input:checked + .slider {
	background: #4e5a7b;
	width: 40px;
	height: 24px;
}

	.choose-plan-main input:checked + .slider:before {
		transform: translate(16px, 0px);
		width: 22px;
		height: 21.87px;
	}

.choose-plan-main .slider.round {
	border-radius: 34px;
}

	.choose-plan-main .slider.round:before {
		border-radius: 50%;
	}

/* table */
.choose-plan-main .not-sending {
	padding: 36px 0 109px 0;
}

.choose-plan-main .not-sending {
	width: 100%;
	text-align: center;
}

	.choose-plan-main .not-sending p {
		font-size: 16px;
	}

		.choose-plan-main .not-sending p a {
			text-decoration: underline;
			color: #4e5a7b;
			line-height: 2;
		}

/* campaiges page end */
/* campaiges page reaponsive start */
@media screen and (max-width: 768px) {
	.choose-plan-main .choose-plan-price-box {
		flex-wrap: wrap;
	}

	.choose-plan-main .choose-header-box {
		margin-top: 15px;
	}

	.choose-header-box.choose-recommended {
		margin: 0 10px;
		margin-top: 15px;
	}

	.choose-plan-main .choose-plan-main .not-sending {
		font-size: 14px;
	}

	.choose-plan-main .table-responsive-wrapper {
		overflow-x: auto;
	}

	.choose-plan-main .table {
		min-width: 800px;
	}

	.choose-plan-main .choose-plan-table tbody tr td {
		font-size: 14px;
	}

	.choose-plan-main .not-sending p {
		font-size: 14px;
	}
}

@media screen and (max-width: 460px) {
	.choose-plan-main .choose-header-box {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

		.choose-plan-main .choose-header-box.choose-recommended {
			margin: 0;
			margin-top: 15px;
			display: table;
		}
}

/* campaiges page reaponsive end */
/* pay-singal-send page start */
.pay-singal-send {
	color: #000000;
	font-weight: 400;
}

	.pay-singal-send th.table-width {
		width: 113px;
	}

	.pay-singal-send .card-body,
	.card-title,
	.card-prompt {
		padding: 0;
	}

	.pay-singal-send .table th,
	.table td {
		padding: 16px 10px;
		line-height: 20px;
	}

	.pay-singal-send .card-body-section:last-of-type {
		padding: 12px;
	}

	.pay-singal-send .pay-single-cradit-box {
		margin-right: 20px;
	}

	.pay-singal-send .pay-single-vat-box {
		width: 344px;
	}

	.pay-singal-send .main-body {
		justify-content: center;
		margin: 0;
	}

	.pay-singal-send .col-sm-6.campaign-form.pay-singal-card.p-0 {
		max-width: 609px;
		width: 100%;
	}

	.pay-singal-send .top-pagination {
		padding: 32px 0 41px 0;
	}

	.pay-singal-send .pagination {
		justify-content: start;
	}

	.pay-singal-send .creadit-balance span {
		padding: 12px 18px;
		font-size: 20px;
		background: #e4e5e7;
		border-radius: 24px;
		display: inline-block;
		color: #202223;
	}

	.pay-singal-send .pagination-main {
		display: flex;
		justify-content: space-between;
		max-width: 1141px;
		width: 100%;
	}

	.pay-singal-send .main-body p {
		color: #202223;
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.pay-singal-send .pay-singal-card-left {
		margin-top: 35px;
		max-width: 344px;
		width: 100%;
	}

	.pay-singal-send .pay-single-cradit-save p {
		margin: 19px 0 11px 0;
		color: #202223;
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.pay-singal-send .pay-single-cradit-left {
		color: #0072b1;
	}

	.pay-singal-send .credit-pay-single th {
		color: #202223;
		font-weight: 400;
		font-size: 20px;
	}

	.pay-singal-send .creadit-font th {
		font-size: 20px;
	}

	.pay-singal-send .creadit-save-table td {
		padding: 5px 10px;
	}

	.pay-singal-send .creadit-save-table th {
		padding: 5px 10px;
	}

	.pay-singal-send .pay-single-cradit-save .card-body-section {
		padding: 25px 20px 16px;
	}

	.pay-singal-send th.table-width-save {
		width: 114px;
	}

	.pay-singal-send .add-creadit {
		display: flex;
		justify-content: center;
		align-items: baseline;
	}

	.pay-singal-send .ceadit-numberbox-info {
		font-weight: bold;
		font-size: 20px;
		padding: 4px 37px;
		border: 1px solid #bbbbbb;
		border-radius: 8px;
		line-height: 24px;
		margin: 0 10px;
	}

	.pay-singal-send .add-creadit-main {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

		.pay-singal-send .add-creadit-main span {
			background: #5ec5ab;
			border-radius: 10px;
			padding: 2px 8px;
			color: #ffffff;
			font-weight: 400;
			font-size: 13px;
			display: inline-block;
			margin-right: 25px;
			margin-top: 10px;
		}

	.pay-singal-send .add-bank-card .card-body-section {
		padding: 18px;
	}

	.pay-singal-send .bank-transfer-btn {
		display: flex;
		margin: 23px 0;
	}

.bank-transfer-btn .bank-transfer-btn-left {
	border-radius: 0px 4px 4px 0px;
	color: #000000;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #dfe3e8;
	padding: 9px 16px;
}

.pay-singal-send .add-bank-card .card {
	margin-top: 20px;
}

.pay-singal-send .add-bank-card-one {
	border-radius: 8px;
	border: 2px dashed #8c9196;
	padding: 11px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 303px;
	width: 100%;
}

	.pay-singal-send .add-bank-card-one img {
		width: 57.79px;
		margin: 0;
		margin-right: 19px;
	}

	.pay-singal-send .add-bank-card-one .add-bank-btn a {
		padding: 8px 16px;
		border: 1px solid #dfe3e8;
		border-radius: 4px;
		font-weight: 500;
	}

.pay-singal-send .send-campain {
	padding: 12px 24px;
	background: #f1f1f1;
	border-radius: 4px;
	display: inline-block;
	margin-top: 24px;
}

	.pay-singal-send .send-campain a {
		color: #8c9196;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
	}

.pay-singal-send .change-standerd a {
	font-weight: 600;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 16px;
	max-width: 226px;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	margin-top: 29px;
}

.pay-singal-send .save-card .card {
	background-color: #4e5a7b;
	color: #fff;
	margin-top: 20px;
}

.save-card .save-card-img {
	padding-left: 15px;
}

.pay-singal-send .save-card .save-card-img img {
	width: 52px;
	margin: 0;
}

.pay-singal-send .save-card .choose-monthly {
	color: #ffffff;
	font-size: 18px;
	line-height: 26px;
	max-width: 279px;
	width: 100%;
	font-weight: 400;
	margin: 12px 0;
}

.pay-singal-send .save-card .save-card-img P {
	margin: 0;
	color: #fff;
}

.pay-singal-send .save-card .card-body-section {
	padding: 16px 16px 22px;
}

.pay-singal-send .transfer-fund {
	font-size: 16px;
	line-height: 24.34px;
}

.pay-singal-send .number-info-more {
	padding: 4px 12px;
}

.pay-singal-send .card-body-section .transfer-fund p {
	font-size: 16px;
	margin: 0;
}

.pay-singal-send .card-body-section .transfer-fund .send-proof {
	margin-top: 20px;
}

.pay-singal-send .transfer-fund button {
	margin: 24px 0;
}

.pay-singal-send .send-campain-tip {
	display: flex;
	align-items: start;
	padding: 16px;
	background: #f6f6f7;
	border: 1px solid #babfc3;
	border-radius: 8px;
}

	.pay-singal-send .send-campain-tip img {
		width: 20px;
		margin: 0;
	}

	.pay-singal-send .send-campain-tip p {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		padding: 0 16px;
	}

/* model */
.pay-singal-send .invoice-download {
	padding: 47px 35px 32px;
}

	.pay-singal-send .invoice-download p {
		padding: 30px 0;
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
	}

	.pay-singal-send .invoice-download span {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		/* padding: 0 5px; */
	}

.pay-singal-send .modal-content {
	max-width: 612px;
	width: 100%;
	margin: 0 auto;
}

.pay-singal-send .modal.show .modal-dialog {
	transform: translate(0, 0);
}

.pay-singal-send .modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (0.3rem * 2));
}

.modal.fade.checktree-modal.invoice-download-modal {
	overflow-y: hidden;
}

.pay-singal-send .payment-processing {
	padding: 93px 44px 57px;
}

.pay-singal-send .payment-fail {
	padding: 61px 44px 75px;
}

/* model */
/* tab */

.pay-singal-send .nav-tabs .nav-link.active {
	border-bottom: 0;
	background-color: #4e5a7b;
	color: #fff;
}

#nav-home-tab {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pay-singal-send .nav-tabs .nav-link.active:hover {
	border: none;
}

.pay-singal-send .nav-tabs {
	/* border-radius: 0px 0px 4px 0px; */
	color: #ffffff;
}

.nav-tabs {
	border: none;
}

.pay-singal-send .nav-item {
	border: 1px solid #dfe3e8;
	padding: 9px 16px;
	color: #000;
	font-weight: 500;
}

	.pay-singal-send .nav-item:hover {
		border: 1px solid #dfe3e8;
	}

/* tab */
/* pay-singal-send page end */
/* pay-singal-send page responsive start */
@media screen and (max-width: 1250px) {
	.pay-singal-send .main-body {
		justify-content: space-around;
	}
}

@media screen and (max-width: 992px) {
	.pay-singal-send .main-body {
		justify-content: space-between;
	}

	.pay-singal-card {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.pay-singal-card {
		width: 100%;
		max-width: 100%;
	}

	.pay-singal-send .main-body {
		justify-content: center;
	}

	.pay-singal-send .pay-single-cradit-box {
		width: 400px;
		margin: 0;
	}

	.pay-singal-send .pay-singal-card-left {
		max-width: 400px;
	}

	.pay-singal-send .pay-single-vat-box {
		width: 400px;
	}
}

@media screen and (max-width: 575px) {

	.pay-singal-send .main-body p,
	.pay-singal-send .pay-single-cradit-save p,
	.pay-singal-send .creadit-balance span,
	.pay-singal-send .credit-pay-single th,
	.pay-singal-send .creadit-font th,
	.pay-singal-send .table th,
	.table td,
	.pay-singal-send .bank-transfer-btn .bank-transfer-btn-right,
	.pay-singal-send .add-bank-card-one .add-bank-btn a {
		font-size: 14px;
	}
}

@media screen and (max-width: 525px) {
	.pay-singal-send .pay-single-cradit-box {
		margin: 0;
		width: 100%;
	}

	.pay-singal-send .table-responsive-wrapper {
		overflow-x: auto;
	}

	.pay-singal-send .table {
		min-width: 360px;
		width: 100%;
	}

	.pay-singal-send .pay-single-vat-box {
		width: 100%;
	}

	.pay-singal-send .creadit-balance span {
		margin-top: 20px;
	}
}

@media screen and (max-width: 375px) {
	.pay-singal-send .modal-footer {
		justify-content: center;
		margin: 0;
	}

	.pay-singal-send .invoice-download p {
		font-size: 18px;
	}
}

/* pay-singal-send page responsive end */
/*========================= subscribe-stansderd-plan page start =================*/
.subscribe-stansderd-plan .pagination {
	justify-content: start;
}

.subscribe-stansderd-plan .subscribe-stansderd-main {
	max-width: 929px;
	width: 100%;
	margin: 0 auto;
}

.subscribe-stansderd-plan .pay-singal-send .add-bank-card-one {
	max-width: 100%;
}

.subscribe-stansderd-plan #subscibe-card {
	border-radius: 4px 0 0px 4px;
}

.subscribe-stansderd-plan .subscribe-stansderd-nav {
	display: flex;
	justify-content: center;
	align-content: center;
}

.subscribe-stansderd-plan .subscribe-stansderd-navbar p {
	line-height: 24.34px;
	padding: 7px 9px 0 0;
	font-size: 17.0361px;
}

.subscribe-stansderd-plan .pay-singal-send .bank-transfer-btn {
	margin: 42px 0 22px 0;
	justify-content: center;
}

.subscribe-stansderd-plan .pay-singal-send .bank-transfer-border {
	border-radius: 0;
}

.subscribe-stansderd-plan .pay-singal-send .add-bank-card-one {
	padding: 36px 0;
}

.subscribe-stansderd-plan .pay-singal-send .tab-pane .subscribe-summary p {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #202223;
	margin: 31px 0 20px 0;
}

.subscribe-stansderd-plan .subscribe-table {
	margin-bottom: 30px;
}

.subscribe-stansderd-plan .pay-singal-send .send-campain-tip {
	background-color: transparent;
	padding: 20px;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
}

.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung {
	background-color: #f6f6f7;
	display: flex;
	flex-direction: row;
	padding: 16px;
	margin-bottom: 0;
	align-items: center;
}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung .save-card-img {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-right: 30px;
	}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung p {
		margin: 0 0 14px 0;
		font-size: 18px;
	}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung .save-card-img img {
		width: 50px;
	}

.subscribe-stansderd-plan .send-campain-tip h2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
}

.subscribe-stansderd-plan .send-campain-tip ul {
	margin: 0;
	padding: 20px;
}

	.subscribe-stansderd-plan .send-campain-tip ul li {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}

.subscribe-stansderd-plan .send-campain-tip p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0 10px;
	padding: 0;
}

.subscribe-stansderd-plan .send-campain-tip .subscribe-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

	.subscribe-stansderd-plan .send-campain-tip .subscribe-checkbox input {
		margin-right: 11px;
		border-radius: 4px;
		box-sizing: border-box;
		cursor: pointer;
	}

	.subscribe-stansderd-plan .send-campain-tip .subscribe-checkbox label {
		margin: 0;
		font-size: 16px;
		line-height: 24px;
		cursor: pointer;
	}

.subscribe-automatic p {
	font-size: 16px;
	line-height: 24px;
	color: #202223;
	margin-bottom: 20px;
}

.subscribe-stansderd-plan .pay-singal-send .send-campain {
	margin-top: 26px;
}

.subscribe-stansderd-plan .send-campain input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: auto;
	display: table-row;
	border: 2px solid #8c9196;
}

.subscribe-stansderd-plan .subscribe-summary-save {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.subscribe-stansderd-plan .choose-plan-main .default-company {
	display: flex;
	justify-content: center;
	margin-top: 13px;
}

.subscribe-stansderd-plan .account-details {
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	background: #ffffff;
	padding: 30px 41px;
}

	.subscribe-stansderd-plan .account-details p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 40px;
	}

.subscribe-stansderd-plan .credit-branch-code {
	padding-right: 11px;
}

.subscribe-stansderd-plan .transfer-fund-account p {
	margin: 0;
}

.subscribe-stansderd-plan .pay-singal-send .send-campain-tip.subscribe-tip {
	background-color: #f6f6f7;
	flex-direction: row;
	padding: 16px;
	margin: 45px 0 0 0;
}

.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung .save-card-img {
	color: #4e5a7b;
	font-size: 16px;
	max-width: 71px;
	width: 100%;
}

.subscribe-stansderd-plan .pay-singal-send .send-campain-tip.subscribe-tip img {
	margin-right: 16px;
}

.subscribe-stansderd-plan .pay-singal-send .send-campain-tip-info p {
	font-size: 14px;
}

.subscribe-stansderd-plan .account-details .you-left {
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 20px;
}

	.subscribe-stansderd-plan .account-details .you-left b {
		color: #4e5a7b;
	}

.identifier {
	display: flex;
	align-items: center;
	margin-top: 18px;
}

	.identifier img {
		margin-right: 10px;
	}

.subscribe-stansderd-plan .modal-body.identifier-modal {
	padding: 20px 15px 25px 14px;
}

.subscribe-stansderd-plan .payment-bussiness-cradit-card {
	max-width: 100%;
}

.subscribe-stansderd-plan .debit-order .credit-input-group select {
	cursor: pointer;
}

.subscribe-stansderd-plan .card {
	box-shadow: none;
	border-radius: 0 !important;
}

.subscribe-stansderd-plan .save-card-info button {
	color: #202223;
	font-weight: 500;
}

/*========================= subscribe-stansderd-plan page end =================*/
/*========================= subscribe-stansderd-plan responsive page start =================*/
@media screen and (max-width: 768px) {
	.subscribe-stansderd-plan .subscribe-stansderd-navbar p {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.subscribe-stansderd-plan .top-pagination .pagination {
		align-items: center;
	}

	.subscribe-stansderd-plan .top-pagination .pagination-heading {
		font-size: 22px;
		justify-content: center;
	}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung p {
		font-size: 16px;
	}
}

@media screen and (max-width: 575px) {
	.subscribe-stansderd-plan .credit-branch-code {
		padding-right: 0;
	}
}

@media screen and (max-width: 475px) {

	.subscribe-stansderd-plan .send-campain-tip p,
	.subscribe-stansderd-plan .send-campain-tip ul li,
	.subscribe-stansderd-plan .send-campain-tip .subscribe-checkbox label,
	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung p,
	.subscribe-automatic p {
		font-size: 14px;
	}

	.subscribe-stansderd-plan .save-card-info button {
		font-size: 12px;
	}

	.subscribe-stansderd-plan .pay-singal-send .tab-pane .subscribe-summary p,
	.subscribe-stansderd-plan .send-campain-tip h2 {
		font-size: 17px;
	}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung {
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}

	.subscribe-stansderd-plan .top-pagination .pagination-heading {
		font-size: 14px;
	}

	.subscribe-stansderd-plan .pay-singal-send .nav-item {
		margin: 3px;
		border-radius: 0;
	}

	.subscribe-stansderd-plan .subscribe-summary-save {
		flex-direction: column;
	}

	.subscribe-stansderd-plan .pay-singal-send .tab-pane .subscribe-summary p {
		margin-bottom: 10px;
	}

	.subscribe-stansderd-plan .account-details p {
		font-size: 14px;
	}

	.subscribe-stansderd-plan .account-details {
		padding: 30px 20px;
	}

		.subscribe-stansderd-plan .account-details .you-left {
			font-size: 18px;
		}

	.subscribe-stansderd-plan #subscibe-card {
		border-radius: 0;
	}

	.subscribe-stansderd-plan .send-campain-tip.send-campain-tip-backgroung .save-card-img {
		margin: 0;
		justify-content: center;
		align-items: center;
	}
}

/*========================= subscribe-stansderd-plan responsive page end =================*/
/* =========================== unsubscribe email page start ================================== */
.email-subscription {
	margin: 0 auto;
	color: #202223;
}

	.email-subscription .card {
		background-color: #fff;
		max-width: 770px;
		width: 100%;
		margin: 0 auto;
	}

	.email-subscription .card-body {
		padding: 30px;
	}

	.email-subscription .main-heading-subscription h2 {
		margin: 0;
		font-weight: 900;
		font-size: 28px;
		margin-bottom: 14px;
		line-height: 1;
	}

	.email-subscription .main-heading-subscription p {
		max-width: 691px;
		width: 100%;
		margin-bottom: 20px;
	}

.subscribed-email {
	border-bottom: 1px solid rgba(167, 172, 177, 1);
	padding-top: 15px;
}

.subscribed-email-time span {
	/* margin-left: 7; */
	font-weight: 700;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 15px;
}

.subscribed-email-time .subscribed-time span {
	font-weight: 400;
	font-size: 14px;
	padding-top: 5px;
}

.subscribed-time {
	border-bottom: 1px solid rgba(167, 172, 177, 1);
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

	/*.subscribed-time:last-child span {
		text-align: center;
		padding-bottom: 19px;
	}*/

.unsubscribed-btn-month {
	margin-bottom: 10px;
}

	.unsubscribed-btn-month .btn-primary {
		background-image: none;
		background-color: transparent;
		color: #202223;
		font-weight: 700;
		font-size: 14px;
	}

.unsubscribed-btn-daily {
	margin-bottom: 10px;
}



.subscribed-message {
	position: absolute;
	height: 200px;
	background-color: #fff;
	width: 600px;
	content: "";
	/* padding: 20px 30px; */
	top: 30%;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);
}

.about_heading p {
	font-size: 20px;
	padding: 20px;
}

.about_heading {
	box-shadow: inset 0px -1px 0px #E1E3E5;
	border-radius: 8px 8px 0px 0px;
	padding: 0;
}

.unsubscribed-btn-specials {
	/*margin-right: 8px !important;*/
	margin-bottom: 10px;
}

.subscription-box {
	font-size: 14px;
	padding-left: 38px;
}

.unsubscribed-btn .subscription-form-info {
	display: flex;
	flex-direction: column;
	max-width: 570px;
	width: 100%;
	margin-bottom: 21px;
}

.subscription-form-info label {
	line-height: 20px;
	margin-bottom: 4px;
}

.subscription-form-info input,
.subscription-form-info select {
	padding: 7px;
	border-radius: 4px;
	border: 1px solid #a7acb1;
	font-size: 14px;
	max-width: 567px;
	width: 100%;
}

.subscription-form-info select {
	cursor: pointer;
}

	.subscription-form-info input:focus,
	.subscription-form-info select:focus {
		outline: none;
	}

.email-subscription .card-footer {
	box-shadow: inset 0px 1px 0px #e4e5e7;
	padding: 17px;
	display: flex;
	justify-content: end;
}

	.email-subscription .card-footer .btn {
		padding: 8px 16px;
		border-radius: 4px;
		outline: none;
		margin-left: auto;
	}

.save-prafrences {
	display: flex;
}

.subscription-intrest {
	padding-top: 30px;
}

	.subscription-intrest .row {
		max-width: 585px;
		width: 100%;
	}

.intrest-info {
	display: flex;
	justify-content: center;
	margin-bottom: 22px;
}

	.intrest-info input {
		width: 18px;
		height: 18px;
		margin-right: 9px;
		border-radius: 4px;
		cursor: pointer;
	}

	.intrest-info label {
		margin-bottom: 0;
	}

.unsubscribe-bottom {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 45px;
}

	.unsubscribe-bottom a {
		text-decoration: underline;
		color: #6d7175;
	}

.about-unsubscribe {
	margin-bottom: 39px;
}

.about-unsubscribe-box {
	padding: 14px;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	border: 1px solid #c4cdd5;
	display: flex;
	max-width: 471px;
	width: 100%;
	margin-bottom: 9px;
}

input[type="radio"]:checked .about-unsubscribe-box {
	background-color: #000;
}

.about-unsubscribe-box label {
	margin-bottom: 0;
	align-items: center;
	line-height: 1;
	margin-left: 14px;
	color: #6d7175;
	line-height: 1.2;
}

.error {
	color: #D72C0D;
	padding-top: 10px;
}


.checkbox-custom,
.radio-custom {
	opacity: 0;
	position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
	position: relative;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
	content: "";
	background: #fff;
	border: 2px solid #bbbbbb;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
}

.radio-custom + .radio-custom-label:before {
	border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	color: #4e5a7b;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	font-size: 8px;
	text-rendering: auto;
	padding: 2px;
	line-height: 1;
	border: 2px solid #4e5a7b;
}

.checkbox-custom:checked + .checkbox-custom-label,
.radio-custom:checked + .radio-custom-label {
	outline: 1px solid #384361;
	/* focus style */
}

.email-unsubscription .compliance label {
	border: 1px solid #bbbbbb;
	padding: 14px;
	border-radius: 4px;
	max-width: 471px;
	width: 100%;
	display: flex;
	margin: 0;
	margin-bottom: 7px;
}

.email-error {
	background-color: #FFF4F4;
}

#submit {
	position: relative;
}

.alert p {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-top: 7px;
	position: relative;
}

	.alert p i {
		position: absolute;
		padding: 0 10px;
		font-size: 20px;
	}

.alert {
	background-color: #202123;
	color: #fff;
	border-color: #202123;
	position: absolute;
	z-index: 99;
	height: 50px;
	width: 320px;
	bottom: 30px;
	right: 180px;
}

/* =========================== unsubscribe email page end ================================== */
/* =========================== unsubscribe email page resopnsive start ================================== */
@media screen and (max-width: 424px) {
	.email-subscription .card-body {
		padding: 15px;
	}

	.email-subscription .main-heading-subscription h2 {
		font-size: 22px;
	}
}

/* =========================== unsubscribe email page resopnsive end ================================== */

/*  */
.segments-last-table {
	margin-top: 30px;
}
/* redirect-page css start */
.readirect-section {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	padding: 0 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

	.readirect-section .top-section {
		text-align: center;
	}

		.readirect-section .top-section svg {
			width: 100%;
			max-width: 100%;
		}


		.readirect-section .top-section p {
			margin-top: 27px;
			display: flex;
			justify-content: center;
			font-size: 20px;
			line-height: 1.1;
		}

	.readirect-section .bottom-section p {
		margin-top: 25px;
		font-size: 24px;
		line-height: 1.1;
		display: flex;
		justify-content: center;
		color: #6d7175;
	}

	.readirect-section .recaptcha-section {
		margin-top: 25px;
	}

	.readirect-section .warning-box {
		background: #fff4f4;
		border: 1px solid #e0b3b2;
		border-radius: 8px;
		padding: 16px;
		margin-top: 20px;
		display: flex;
	}

		.readirect-section .warning-box .msg-text {
			padding-left: 16px;
		}

			.readirect-section .warning-box .msg-text p {
				font-size: 14px;
			}

			.readirect-section .warning-box .msg-text h4 {
				font-size: 14px;
				font-weight: 700;
			}

			.readirect-section .warning-box .msg-text a {
				border: 1px solid #e0b3b2;
				display: inline-block;
				padding: 8px 16px;
				border-radius: 8px;
				margin-top: 15px;
			}

/* redirect-page css end */
/* campaign-summary page start */
.campaign-summary .campaign-summary-btn:first-child {
	background-image: none;
	background-color: transparent;
}

/* campaign-summary modal start*/
.campaign-summary-modal .modal-content {
	overflow-y: hidden;
	max-width: 612px;
	width: 100%;
}

.campaign-summary-modal .modal-dialog {
	max-width: 612px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 92vh;
	overflow-y: hidden !important;
}

.campaign-summary-modal .modal-header {
	padding: 20px;
}

.campaign-summary-modal .modal-body {
	padding: 31px 32px 20px 20px;
}

	.campaign-summary-modal .modal-body .enter-address {
		color: #202223;
		font-weight: 400;
		margin-bottom: 4px;
		font-size: 14px;
	}

	.campaign-summary-modal .modal-body input {
		margin-bottom: 4px;
		width: 100%;
		background: #ffffff;
		border-radius: 4px;
		outline: none;
		padding: 5px;
		border: 1px solid #babfc3;
	}

	.campaign-summary-modal .modal-body .summury-email-info {
		color: #6d7175;
		margin-bottom: 30px;
	}

	.campaign-summary-modal .modal-body .info {
		color: #000000;
		font-weight: 400;
		font-size: 14px;
		margin-bottom: 16px;
	}

	.campaign-summary-modal .modal-body .email-option {
		margin-bottom: 40px;
		display: flex;
	}

		.campaign-summary-modal .modal-body .email-option span {
			background: #e4e5e7;
			padding: 4px 8px;
			border-radius: 2px;
			margin-right: 10px;
			color: #202223;
			font-size: 14px;
		}

.campaign-summary-modal .modal-footer {
	padding: 17px;
}

/* campaign-summary modal end*/
/* campaign-summary page end */
/* campaign-summary resopnsive page start */
@media screen and (max-width: 767px) {
	.modal.show .modal-dialog {
		width: auto;
	}
}

@media screen and (max-width: 574px) {
	.email-option {
		flex-direction: column;
		margin-bottom: 10px;
		justify-content: center;
	}

	.campaign-summary-modal .modal-body .email-option span {
		margin-bottom: 10px;
		margin-left: 0;
	}
}

/* campaign-summary resopnsive page end */
img.sent-details-icon {
	width: 20px;
	display: inline-block;
	margin: 0;
}

/* sent-test-tab */
.sent-test-tab {
	max-width: 444px;
	width: 100%;
}

	.sent-test-tab .modal-content {
		border: none;
	}

	.sent-test-tab .modal-header {
		border: none;
		box-shadow: none;
	}

	.sent-test-tab .modal-dialog {
		display: unset;
	}

	.sent-test-tab .modal-header {
		padding: 0;
	}

	.sent-test-tab .modal-body {
		padding: 0;
	}

	.sent-test-tab .modal-body {
		padding: 0;
	}

		.sent-test-tab .modal-body .summury-email-box1 {
			max-width: 500px;
			width: 100%;
			margin-bottom: 4px;
			width: 100%;
			background: #ffffff;
			border-radius: 4px;
			outline: none;
			padding: 5px;
			border: 1px solid #babfc3;
			height: 90px;
		}

	.sent-test-tab .modal-footer {
		border: none;
		box-shadow: none;
		display: unset;
		padding-left: 0;
	}

.sent-test-box {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 1400px) {
	.sent-test-box {
		display: unset;
	}
}

@media screen and (max-width: 767px) {
	.sent-test-box .modal-body .email-option {
		flex-direction: column;
		margin-bottom: 10px;
	}

		.sent-test-box .modal-body .email-option span {
			margin-bottom: 10px;
			margin-left: 0;
		}

	.sent-email-pagination {
		font-size: 18px;
	}
}

/* sent-test-tab */
/* about-unsubscribe page start */
.about-unsubscribe-main .main-heading-subscription .about-unsubscribe-para {
	margin-bottom: 0px;
}

.about-unsubscribe-main .card-footer {
	padding: 5px 30px 41px 30px;
	box-shadow: none;
}

/* about-unsubscribe page end */
/* about-unsubscribe responsive page start */
@media screen and (max-width: 424px) {
	.about-unsubscribe-main .card-footer {
		padding: 5px 30px 41px 15px;
	}
}

/* about-unsubscribe responsive page end */

.under-my-list ul.nav.nav-tabs.my-nav-tabs {
	top: 0;
}

.about-unsubscribe {
	display: none;
}

.under-my-list .card {
	/* border-radius: unset !important; */
	box-shadow: unset;
}

.under-my-list {
	border-radius: 8px !important;
	box-shadow: 0px 0px 1px rgb(0 0 0 / 25%), 0px 2px 5px rgb(0 0 0 / 15%);
	background-color: #fff;
}

.list-subscribers .header {
	padding-bottom: 0;
}

.segment-section {
	margin-top: 15px;
}

	.segment-section .segment-text h6 {
		font-size: 14px;
		font-weight: 400;
	}

.input-box input {
	width: 100%;
	max-width: 408px;
	height: 36px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.define-box {
	background: #f6f6f7;
	border-radius: 8px;
	padding: 8px 12px 8px 16px;
	margin-top: 21px;
}

.add-btn {
	position: relative;
}

.add-line:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 17px;
	background-color: #bbbfc3;
	top: -16px;
	left: 13%;
}

.under-my-list .tab-content .rules-section {
	padding: 29px 33px;
}

.under-my-list .define-box .dropdown.dropdown-margin {
	margin: 0px 11px;
}

.under-my-list .card-body img.delet-icn {
	width: 100% !important;
	cursor: pointer;
	max-width: 15px;
	display: none;
}

.back-segment-list {
	margin-left: 10px;
}

.card-body-section td.delet-img {
	padding: 13px 0px !important;
}

.under-my-list .define-box .dropdown-menu {
	width: 100%;
}

	.under-my-list .define-box .dropdown-menu a {
		text-align: center;
	}

.rules-section .float-right .btn-primary {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.segment-section .input-box input {
	padding: 5px 10px;
	outline: none;
}

.rules-section .card-body-section td.list-border-bottom {
	border-bottom: 1px solid #ddd;
}

.rules-section .list-subscriber-search .form-group {
	margin-bottom: 0;
}

.rules-section .list-subscriber-search {
	padding-bottom: 12px;
	align-items: center;
}

.top-header .header-top-icon .tasks-progress-dropdown i,
.top-header .header-top-icon .profile-icon {
	margin-bottom: 0;
}

.top-header .header-top-icon .tasks-progress-dropdown button.btn.dropdown-toggle,
.top-header .dropdown-profile button.btn.dropdown-toggle,
.top-header ul.list-inline.float-right,
.top-header .header-top-icon .fa-bell,
.notification-icon .dropdown button.btn.dropdown-toggle {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
	.add-line:before {
		left: 18%;
	}

	.under-my-list .form-group input::placeholder {
		font-size: 13px;
	}

	.under-my-list .form-group input.form-control {
		padding: 0 10px 0 33px;
	}
}

@media screen and (max-width: 991px) {
	.add-line:before {
		left: 20%;
	}

	.under-my-list .form-group input.form-control {
		padding: 0 6px 0 30px;
	}

	.under-my-list .form-group input::placeholder {
		font-size: 11px;
	}

	.list-subscriber-search .list-subscriber-search-icon i {
		top: 10px;
	}

	.header {
		top: 0;
	}
}

@media screen and (max-width: 767px) {
	.add-line:before {
		left: 18%;
		height: 27px;
	}

	.define-box {
		padding: 8px 10px 8px 10px;
	}

	.under-my-list .my-nav-tabs .nav-link {
		padding: 10px 5px;
		margin: 0px !important;
		font-size: 13px;
		margin-right: 12px !important;
	}

	.under-my-list .tab-content .rules-section {
		padding: 20px 15px;
	}

	.under-my-list .form-group input::placeholder {
		font-size: 14px;
	}

	body .rules-section .card-body-section td {
		font-size: 12px;
	}

	body .header-top-icon .list-inline {
		float: right !important;
	}
}

@media screen and (max-width: 425px) {
	.add-line:before {
		left: 17%;
	}

	.top-header .news24 .btn.btn-white {
		padding: 11px 24px;
	}
}

@media screen and (max-width: 375px) {

	.define-box .btn-group .btn-light,
	.define-box .btn-group .btn-gray {
		padding: 7px 13px;
	}

	.define-box {
		padding: 8px 5px 8px 5px;
	}

	.add-line:before {
		left: 19%;
	}
}

@media screen and (max-width: 374px) {

	.define-box .btn-group .btn-light,
	.define-box .btn-group .btn-gray {
		padding: 7px;
	}

	.under-my-list .define-box .dropdown.dropdown-margin {
		margin: 0px 4px;
	}

	.add-line:before {
		left: 23%;
	}

	.top-header .dropdown .dropdown-toggle span {
		font-size: 14px;
	}

	.top-header .news24 .btn.btn-white {
		padding: 11px 10px;
	}

	.top-header .news24 .dropdown-toggle::after {
		margin-left: 10px;
	}
}

@media screen and (min-width: 426px) and (max-width: 767px) {
	.add-line:before {
		left: 9%;
	}
}

ul.checktree {
	list-style-type: none;
}

.checktree ul {
	list-style-type: none;
}

ul.checktree li:before {
	height: 1.5em;
	width: 10px;
	border-bottom: 1px solid #8c9196;
	content: "";
	display: inline-block;
	top: -0.3em;
	position: relative;
}

ul.checktree li {
	border-left: 1px solid #8c9196;
}

	ul.checktree li:last-child:before {
		border-left: 1px solid #8c9196;
	}

	ul.checktree li:last-child {
		border-left: none;
	}

/******/
.checktree-modal ul {
	padding-left: 18px;
	margin-top: -15px;
}

.checktree-modal > ul {
	padding-left: 0;
}

.checktree input {
	display: inline-block;
	margin-right: 10px;
}

.checktree label {
	display: inline-block;
	margin: 10px 0;
}

ul.checktree > li:before {
	opacity: 0;
}

ul.checktree > li {
	/*margin-left: 10px;*/
	border-left: 0;
}

ul.checktree {
	padding-left: 0;
}

/*ul.checktree>li> ul>li>label{
   margin:20px 10px 15px 0;
}*/

.link:hover {
	stroke-opacity: 0.5 !important;
}

/*========== Compare campaigns page start ==========*/
.compar-campaigns-img {
	padding: 30px 38px;
}

	.compar-campaigns-img img {
		width: 100%;
	}

.select-campaign {
	display: flex;
	align-items: center;
}

	.select-campaign h3 {
		margin-bottom: 0;
		font-size: 14px;
	}

.compar-newsletter {
	text-decoration: underline;
	color: #4e5a7b;
}

.select-campaign-table {
	margin-bottom: 30px;
}

	.select-campaign-table td {
		padding: 20px 15px;
	}

.select-campaign-head {
	align-items: center;
	display: flex;
	justify-content: center;
}

.select-campaign-table td span {
	width: 12px;
	height: 12px;
	background: #4e5a7b;
	border-radius: 50%;
	margin-right: 4px;
}

.select-campaign-table tr td {
	text-align: center;
}

.select-campaign-table tr th {
	padding: 20px 15px;
}

.select-campaign-table td img {
	height: 12px;
	width: 12px;
	margin-left: 6px;
	margin-top: 0;
}

.select-campaign-head span.blue {
	background-color: #71ccd8;
}

td .select-campaign-head span.green {
	background-color: #5ec5ab;
}

td .select-campaign-head span.yellow {
	background-color: #fbce5e;
}

td .select-campaign-head span.orange {
	background-color: #f79738;
}

td .select-campaign-head span.red {
	background-color: #e44f58;
}

.compar-campaigns .border-bottom-tabs {
	border-bottom: 0;
}

.compar-campaigns .compar-campaigns-img .card-body {
	margin-bottom: 30px;
}

thead .select-campaign-border {
	border-top: 0;
}

.select-campaign-table .heading-table {
	width: 23%;
}

.compar-campaigns .select-campaign-border-b {
	border-bottom: 1px solid #dfe3e8;
}

.list-subscriber-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
}

.list-subscriber-heading-main {
	margin-right: 15px;
}

.main-body.compare-campaigns {
	clear: both;
	margin-top: 28px;
	display: inline-block;
	width: 100%;
}

.hide {
	display: none;
}

@media screen and (max-width: 1200px) {
	.select-campaign-table {
		width: 900px;
		overflow-x: auto;
	}

	.list-subscriber-heading {
		max-width: 100%;
	}

	.select-campaign-table .heading-table {
		min-width: 200px;
	}
}

@media screen and (max-width: 424px) {
	.compar-campaigns .select-campaign {
		flex-direction: column;
		justify-content: center;
		width: 100%;
	}

		.compar-campaigns .select-campaign h3 {
			margin-bottom: 10px;
		}
}

/*========== Compare campaigns page end ==========*/

/* email-marketing-experts-wrapper */
.email-marketing-experts-wrapper {
	height: 100vh;
}

.email-marketing-page-title {
	margin: 25px 0;
	font-size: 20px;
}

.email-marketing-contact-details {
	margin-bottom: 20px;
	margin-top: 5px;
	display: flex;
	align-items: center;
}

	.email-marketing-contact-details span {
		color: #f59926;
		font-weight: 700;
	}

	.email-marketing-contact-details a {
		margin-right: 5px;
	}

.email-marketing-contact-separator {
	height: 16px;
	display: inline-block;
	margin: 0 15px;
	width: 1px;
	background-color: #000;
}

@media screen and (max-width: 768px) {
	.email-marketing-contact-separator {
		display: none;
	}

	.email-marketing-contact-details {
		flex-direction: column;
	}

	.email-marketing-experts-wrapper .logo {
		max-width: 100%;
	}
}

/* end email marketing experts wrapper */

/* campaign name page */
.campaign-name-wrapper {
	margin-top: 100px;
}

.campaign-name-title {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 20px;
}

.campaign-name-wrapper .compain-name-note {
	color: #6d7175;
}

/* end campaign name page */
/* notificatio */
.header-top-icon li {
	background: none;
}

.notification-icon .dropdown-menu {
	width: 428px;
	height: 80vh;
	overflow-y: scroll;
	border-top: 1px solid #c9cccf;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 5px rgba(0, 0, 0, 0.15);
	border-radius: 8px 8px 8px 8px;
	padding-top: 8px;
}

.notification-icon .heading {
	color: #6d7175;
	font-weight: 700;
	font-size: 12px;
	padding-left: 15px;
}

.dropdown-iteam li {
	border-top: 1px solid #eceaea;
	padding: 12px 0px;
	margin-top: 3px;
}

	.dropdown-iteam li .link {
		color: #4E5A7B;
		text-decoration: underline;
	}

.dropdown-iteam {
	padding: 0 12px;
}

	.dropdown-iteam a {
		color: #000;
		margin-top: 50px;
		font-size: 14px;
		font-weight: 700;
		line-height: 20px;
	}

	.dropdown-iteam p {
		font-size: 15px;
		font-weight: 400;
	}

	.dropdown-iteam span {
		color: #6d7175;
		font-size: 14px;
		font-weight: 500;
		padding-bottom: 50px;
	}

.notification-icon .unreadmsg {
	background: #f3f3f3;
	border-radius: 8px;
	padding: 15px;
}

.dropdown-iteam {
	overflow: hidden;
}

.showmore {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	color: #000;
}

.showmore-buttton {
	padding: 5px 12px 5px 12px;
	font-size: 14px;
	border-radius: 5px;
	background: #f6f6f7;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border: 2px solid #c9cccf;
}

.dropdown-menu::-webkit-scrollbar {
	width: 16px;
	border-left: 1px solid #c9cccf;
}

/* Track */
.dropdown-menu::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #F8F8F8;
}

/* Handle */
.dropdown-menu::-webkit-scrollbar-thumb {
	background: #C2C2C2;
	border-radius: 8px;
	border: 5px solid #F8F8F8;
}


.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.error-section span {
	color: red;
}
/* end email marketing experts wrapper */


/************************abuse start************************/
.abuse-section {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	padding: 0 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.abuse-main {
	max-width: 850px;
}

	.abuse-main .brand-logo svg {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.abuse-main .thank-you-logo svg {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

.abuse-box {
	font-size: 14px;
}

.abuse-form .abuse-box .error-section span {
	color: red;
}

.main-heading-abuse {
	margin-bottom: 5rem;
}

	.main-heading-abuse h1 {
		font-weight: 400;
		font-size: 2.5rem;
		text-align: center;
		margin: 1rem;
	}

.save-abuse button {
	color: #ffff !important;
}

.save-abuse {
	padding: 2rem;
}

.text-align-center {
	text-align: center;
}

.txtAreaComments {
	border: 1px solid;
}

.abuse-options {
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
}
/************************abuse end************************/

.select-option-text {
	overflow: hidden;
	overflow-wrap: break-word;
	width: 100%;
	display: inline-block;
	white-space: pre-line;
}

.frame-toast.show {
	display: flex !important;
}


.preferences-main {
	max-width: 850px;
}
	.preferences-main .thank-you-logo svg {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

.preferences-box {
	font-size: 14px;
}

.main-heading-preferences {
	margin-bottom: 5rem;
}

	.main-heading-preferences h1 {
		font-weight: 400;
		font-size: 2.5rem;
		text-align: center;
		margin: 1rem;
	}