:root {
	--transition: all 0.3s ease-in-out;
	--sitePrimaryColor: #ff6b09;
    --siteSecondaryColor: #202b3f;
    --sitePrimaryLight: rgb(255 107 9 / 50%);
    --siteTextColor: #222222;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	font-family: "Outfit", sans-serif;
	outline: none;
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--siteTextColor);
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	background-color: #eaedf3;
	background-image: url(../images/body_bg.jpg);
}
/*=============================
    ScrollBar Style
=============================*/
*::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
*::-webkit-scrollbar-track {
	background-color: #4d3b36;
	border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
	background-color: var(--sitePrimaryColor);
	border-radius: 10px;
}
iframe {
	width: 100%;
	height: 100vh;
}
/*=============================
    Basic Style
=============================*/
a,
a:hover {
	color: inherit;
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Outfit", sans-serif;
}
.d-none {
	display: none !important;
}
img {
	max-width: 100%;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
table caption {
	padding: 0.5em 0;
}

table.dataTable th,
table.dataTable td {
	white-space: nowrap;
}
/*=============================
Button Style
=============================*/
.frm_btn {
	padding: 0 15px;
	min-width: 140px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	text-align: center;
	color: #ffffff !important;
	border-radius: 8px;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 400;
	z-index: 1;
	border: none;
	border-radius: 23px;
	cursor: pointer;
	background-color: var(--sitePrimaryColor);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
	letter-spacing: inherit;
}

.frm_btn:focus svg path {
	fill: var(--sitePrimaryColor);
}
/*.frm_btn:focus {*/
/*	border: 1px solid var(--sitePrimaryColor) !important;*/
/*	background-color: #0000;*/
/*	color: var(--sitePrimaryColor) !important;*/
/*	outline: none;*/
/*}*/
.frm_btn:focus {
	border: 1px solid var(--siteSecondaryColor) !important;
    color: #fff !important;
    background-color: var(--siteSecondaryColor);
    outline: none;
}
   
/*.frm_btn:focus {*/
/*	border: 1px solid var(--siteTextColor) !important;*/
/*	color: var(--siteTextColor) !important;*/
/*	background-color: #0000;*/
/*	outline: none;*/
/*}*/

.frm_btn {
	position: relative;
	overflow: hidden;
}
.frm_btn:before {
	content: "";
	width: 0;
	height: 100%;
	background: var(--siteTextColor);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.frm_btn:hover:before {
	width: 100%;
}
/*.frm_btn:focus svg path {*/
/*	fill: var(--siteTextColor);*/
/*}*/

.frm_btn:focus svg path {
    fill: #fff;
}

.frm_btn:focus:before {
	display: none;
}
.frm_btn.fr_btn_2 {
	background-color: var(--siteTextColor);
}
.frm_btn.fr_btn_2:focus {
	border: 1px solid var(--siteTextColor) !important;
	color: var(--siteTextColor) !important;
	background-color: #0000;
}

/*=============================
 Font-Family Style
=============================*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500;600;700;800;900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");

/*=============================
 Go To Top Style
=============================*/
#back-to-top {
	background: #ffebef;
}
#back-to-top svg {
	fill: #ff577f;
}
#back-to-top {
	color: #fff;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	display: none;
	text-align: center;
	z-index: 10000;
	height: 42px;
	width: 42px;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ffc1cd;
}

/*=============================
NotificationPopup Style
=============================*/
.fr_notification {
	position: fixed;
	right: -515px;
	top: 25px;
	background-color: #fff;
	padding: 4px 5px;
	overflow: hidden;
	max-width: 490px;
	width: 100%;
	z-index: 9999;
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
}
.notification_open .fr_notification {
	right: 25px;
}
.notification_hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 6px;
	background-color: #eaedf3;
	padding: 10px 20px;
}
.fr_notification .notification_hd h6 {
	font-size: 18px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
	font-family: "Outfit";
	margin: 0;
}
.fr_nt_content_item p {
	font-size: 14px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-family: "Outfit";
	margin: 0;
}
button.notification_btn {
	width: 60px;
	height: 32px;
	border-radius: 16px;
	background-color: var(--sitePrimaryColor);
	outline: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	font-size: 15px;
}
.notification_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 25px;
	flex-wrap: wrap;
}
/* .Rectangle_3 {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 1177px;
  top: 135px;
  width: 541px;
  height: 680px;
  z-index: 9;
}
.notification_open .notificationPopup {
    right: 15px;
    bottom: -20px;
}
.notificationPopup:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 40px;
    border-radius: 3px;
    background-color: #49d642;
}
.notificationPopup.success:before{
    background-color: #49d642;
}
.notificationPopup.error:before{
    background-color: #ff2448;
}
.notificationPopup .noti_icon {
    display: flex;
}
.notificationPopup .noti_msg {
    margin-left: 14px;
}
.notificationPopup .close {
    position: absolute;
    top: 8px;
    right: 12px;
    line-height: 9px;
    cursor: pointer;
}
.notificationPopup .noti_msg .noti_heading {
    font-weight: 600;
    font-size: 16px;
    color: #ff2448;
}
.notificationPopup .noti_msg>span {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #b0b2bd;
    font-weight: 300;
    padding-top: 7px;
}
.Oops__Something_went_wrong {
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  color: rgb(255, 62, 90);
  line-height: 1.5;
  text-align: left;
  position: absolute;
  left: 1688.162px;
  top: 886.546px;
  z-index: 82;
}
.formify_form_inner_content{
    position: relative;
}
.notificationPopup {
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    background-color: #fff;
    padding: 12px 10px;
    overflow: hidden;
    max-width: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.notificationPopup.success .noti_msg .noti_heading{
	color:#49d642;
} */

/*=============================
07. Preloader Style
=============================*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: linear-gradient(#d6eaf0, #edd9d2);
}
.preloader.finance-demo .loader span {
	background-color: #fff;
}
.preloader.loaderout {
	top: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 80px;
	text-transform: uppercase;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 2em;
	letter-spacing: 10px;
	overflow: hidden;
	font-weight: 400;
}
.loader span {
	position: absolute;
	background: var(--sitePrimaryColor);
}
.loader span.anim_1 {
	width: 100%;
	height: 4px;
	top: 0;
	left: -100%;
	animation: animate1 2s linear infinite;
	border-radius: 100%;
}
@keyframes animate1 {
	0% {
		left: -100%;
	}
	20% {
		left: 0;
	}
	40% {
		left: 100%;
	}
	60% {
		left: 100%;
	}
	80% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}
.loader span.anim_2 {
	width: 4px;
	height: 100%;
	right: 0;
	top: -100%;
	animation: animate2 2s linear infinite;
	border-radius: 100%;
}
@keyframes animate2 {
	0% {
		top: -100%;
	}
	20% {
		top: -100%;
	}
	40% {
		top: 0%;
	}
	60% {
		top: 100%;
	}
	80% {
		top: 100%;
	}
	100% {
		top: 100%;
	}
}
.loader span.anim_3 {
	width: 100%;
	height: 4px;
	bottom: 0;
	right: -100%;
	animation: animate3 2s linear infinite;
	border-radius: 100%;
}
@keyframes animate3 {
	0% {
		right: -100%;
	}
	20% {
		right: -100%;
	}
	40% {
		right: -100%;
	}
	60% {
		right: 0;
	}
	80% {
		right: 100%;
	}
	100% {
		right: 100%;
	}
}
.loader span.anim_4 {
	width: 4px;
	height: 100%;
	left: 0;
	bottom: -100%;
	animation: animate4 2s linear infinite;
	border-radius: 100%;
}
@keyframes animate4 {
	0% {
		bottom: -100%;
	}
	20% {
		bottom: -100%;
	}
	40% {
		bottom: -100%;
	}
	60% {
		bottom: -100%;
	}
	80% {
		bottom: 0%;
	}
	100% {
		bottom: 100%;
	}
}

/*=============================
 Dashboard Style
=============================*/
.fr_dashboard_section {
	position: relative;
}
.fr_sidebar_main {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 292px;
	padding: 50px 10px 50px 0;
	text-align: center;
	background-color: var(--siteSecondaryColor);
	z-index: 111;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.fr_main_structure {
	margin-left: 292px;
	padding-bottom: 80px;
}

/*=============================
 Sidebar Style
=============================*/
.fr_sidebar_manu {
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 60px;
    height: calc(100% - 250px);
}
.fr_sidebar_manu ul.fr_mainmenu > li > a {
	float: left;
	padding: 10px 25px;
	color: #fff;
	margin: 0 0 15px;
	font-weight: 400;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 221px;
	height: 60px;
	border-radius: 30px;
	display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

/* .fr_sidebar_manu ul.fr_mainmenu > li > a.user-seting-menu {
    height: 70px !important;
} */
.fr_sidebar_manu ul.fr_mainmenu > li:hover a {
	width: 221px;
	height: 60px;
	border-radius: 30px;
	background-color: rgba(var(--sitePrimaryLight),  20%);
	
}
.fr_sidebar_manu ul.fr_mainmenu > li > a > svg {
	fill: #abbccf;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.fr_sidebar_manu ul.fr_mainmenu > li:hover a svg path {
	fill: var(--sitePrimaryColor);
}
.fr_sidebar_manu ul.fr_mainmenu > li.active > a svg path {
	fill: var(--sitePrimaryColor);
}
.fr_sidebar_manu ul.fr_mainmenu > li > a p {
	float: left;
	width: auto;
    margin: 0;
	color: #6c7e9e;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.fr_sidebar_manu ul.fr_mainmenu > li.active > a p {
	color: #fff;
}
.fr_sidebar_manu ul.fr_mainmenu > li.active > a {
	width: 221px;
	height: 60px;
	border-radius: 30px;
	background-color: rgba(var(--sitePrimaryLight),  20%);
}
.fr_profile_wrapper {
	display: flex;
	align-items: center;
}
.fr_profile_wrapper .user_img {
	filter: drop-shadow(8.51px 2.93px 5px rgba(255, 107, 9, 0.2));
}
.user_img img {
	border-radius: 100%;
}
.fr_sidebar_ft {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 11px 10px 40px 20px;
}
.fr_profile_wrapper h5 {
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
	font-weight: 500;
	margin: 0;
}
.fr_profile_wrapper p {
	font-size: 14px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: 400;
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.fr_profile_wrapper .user_name {
	margin-left: 15px;
	text-align: left;
}
.frm_btn img {
	margin-top: 3px;
	margin-right: 4px;
}
.fr_sidebar_ft a.frm_btn {
	height: 40px;
	line-height: 40px;
	min-width: auto;
}
.logo_ds {
	display: flex;
	padding: 0 33px;
}
.frm_btn:hover {
	color: #fff;
}
.fr_lgout_btn .frm_btn:focus {
	border: 1px solid var(--sitePrimaryColor) !important;
	color: var(--sitePrimaryColor) !important;
	background-color: #0000;
	outline: none;
}
/*.fr_lgout_btn .frm_btn:focus svg path {*/
/*	fill: var(--sitePrimaryColor) !important;*/
/*}*/
.fr_lgout_btn .frm_btn:before {
	display: none;
}
.fr_sidebar_manu ul.fr_mainmenu > li {
	position: relative;
	margin-left: 9px;
	display: inline-block;
}
.fr_sidebar_manu ul.fr_mainmenu > li .fr_hv_clip {
	position: absolute;
	content: "";
	top: 6px;
	left: -7px;
	background-image: url(../images/menu_hover_clip.png);
	max-width: 37px;
	height: 60px;
	background-repeat: no-repeat;
	width: 100px;
	z-index: 999999999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
	background-image: none;
}
.fr_sidebar_manu ul.fr_mainmenu > li.active .fr_hv_clip {
	visibility: visible;
	opacity: 1;
}

.fr_sidebar_manu ul.fr_mainmenu > li:hover a p {
	color: #fff;
}
.fr_lgout_btn {
	display: flex;
	margin-top: 35px;
}
.fr_sidebar_manu ul.fr_mainmenu > li.active .fr_hv_clip svg {
    fill: var(--sitePrimaryColor);
    width: 10px;
    height: 42px;
}

.fr_sidebar_manu ul.fr_mainmenu > li.active .fr_hv_clip svg circle.cls-2 {
    fill: #ffffff;
}
/*=============================
 Header Style
=============================*/
.toggle-btn {
	display: none;
}
.fr_nodeta_found_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 75vh;
}
.fr_nodeta_found_inner p {
    width: fit-content;
    margin: auto;
    color: #ff3838;
    background-color: rgb(255 255 255 / 40%);
    padding: 30px 40px;
    border-radius: 10px;
    border: solid 1px #ffb6b6;
    font-size: 20px;
}

.fr_structure_header {
	display: flex;
	align-items: center;
	padding: 40px 50px;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-gap: 20px;
}
.fr_structure_header .fr_st_heading h3 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: 600;
	margin: 0;
}

.fr_listgrid_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.fr_listgrid_box {
    display: inline-flex;
    align-items: center;
    grid-gap: 10px;
}

.fr_listgrid_box a {
    display: inline-flex;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    justify-content: center;
    border-radius: 50px;
}
.fr_listgrid_box a.active {
    border-color: var(--sitePrimaryColor);
    background-color: var(--sitePrimaryColor);
}
.fr_listgrid_box a.active svg  path {
    fill: #ffffff;
}
.fr_template_list.product_list_view {
    display: flex;
    flex-direction: column;
}
.product_list_view .fr_template_content {
    display: inline-flex;
    /* width: 363px; */
    /* flex-direction: column; */
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.product_list_view .fr_template_content a {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.fr_template_list.product_list_view .fr_template_overlay_wrapper ul {
	grid-gap: 5px;
}
.fr_template_list.product_list_view.fr_temp_block.fr_use_template .fr_template_overlay_wrapper ul li a {
    width: 30px !important;
    height: 30px;
}
.fr_template_list.product_list_view.fr_temp_block.fr_use_template .fr_template_overlay_wrapper ul li a img {
    max-width: 14px;
}

.product_list_view .fr_template_title {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 3fr));
    grid-gap: 15px;
    align-items: center;
}
.product_list_view .fr_template_title p {
    margin: 0;
}
.product_list_view .fr_template_title h4 {
    padding: 0;
}
.product_list_view .fr_template_title .fr_table_icon {
    flex: 1;
}
.fr_tooltip_wrapper {
    position: relative;
}
.fr_tooltip_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 70%);
    border-radius: 10px;
    z-index: 1;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.3s;
}
.fr_tooltip_wrapper:hover .fr_tooltip_content {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.fr_right_header {
	display: inline-flex;
}
.search-area .form-control {
	width: 306px;
	height: 46px;
	border-radius: 23px;
	background-color: #ffffff;
	border: 0;
	padding: 12px 40px 12px 18px;
	margin: 0;
	line-height: 1.4;
}
.search-area .form-control:focus {
	border: 1px solid var(--sitePrimaryColor);
	outline: none;
	box-shadow: none;
}
.input-group-append {
	position: absolute;
	right: 11px;
	top: 15px;
}
.input-group-append svg path {
    fill: var(--sitePrimaryColor);
}
.search-area {
	position: relative;
}
.input-group-text {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #f0f1f5;
	border-radius: 0.75rem;
}
.fr_structure_header .search-area {
	margin-right: 0;
}
.fr_base_gape {
	margin: 0px 40px;
}

/* .fr_dash_box_main {
	display: flex;
	width: 100%;
	flex-direction: column;
} */

.fr_dash_box {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 20px 25px;
	border-radius: 14px;
	flex-wrap: wrap;
    gap: 20px;
}
.fr_box_content p {
	margin: 0;
	font-size: 16px;
	color: var(--siteTextColor);
}

.fr_box_content h5 {
	margin: 0;
	font-size: 34px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: 700;
}
/*=============================
    Model Style
=============================*/
.modal-dialog {
	max-width: 600px;
	margin: 1.75rem auto;
}
.fr_model {
	background-image: url(../images/body_bg.jpg);
}
.fr_model h5 {
	font-size: 16px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: 600;
	font-family: "Outfit";
    text-transform: capitalize;
}
.fr_model .modal-header .close span {
	color: #979eac;
}
.fr_model .modal-header {
	border-radius: 10px;
	background-color: #f3f5f9;
	margin: 5px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.fr_model .modal-content {
	border-radius: 10px;
	border: 1px solid #fff;
	background-color: #ffff;
	z-index: 11000;
    overflow-y: auto;
    max-height: calc(100vh - 140px);
    overflow-x: hidden;
}
.fr_model .fr_model_user {
    background-color: #ffffff;
    padding: 0px 10px 0px;
    text-align: left;
}
.fr_md_input {
	margin-bottom: 23px;
}
.fr_md_input label {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	margin-bottom: 15px;
}
.fr_md_input label sup {
    color: #f51414;
}
.fr_select label sup {
    color: #f51414;
}
.fr_md_input input {
	width: 100%;
	padding: 5px 50px 5px 20px;
	height: 46px;
	border-radius: 6px;
	background-color: #fcfdff;
	border: 1px solid #eaedf3;
	font-size: 15px;
	line-height: 60px;
	color: #66738b;
	font-weight: 400;
}
.fr_md_input input:focus {
	border: 1.5px solid var(--sitePrimaryColor);
}

::placeholder {
	color: #c5ccda;
	font-weight: 400;
}
.search-area .form-control::placeholder {
	font-size: 15px;
	line-height: 60px;
	font-weight: 400;
	color: var(--siteTextColor);
}
.fr_model .modal-body {
    padding: 25px 20px;
    /* max-height: calc(100vh - 140px);
    overflow-y: auto; */
}
ul.cmp_modal li {
    text-align: left;
    display: flex;
    gap: 10px;
}
.fr_model .fr_url_iput {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fr_model .fr_url_iput p {
	margin: 0 27px 0 0;
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteTextColor);
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	opacity: 0.5;
}
.modal {
	background-color: #0000;
	opacity: 1;
}
.fr_model button.close {
	border: none;
	outline: navajowhite;
}
.fr_model .modal-header .close span:hover {
	color: #979eac;
}

.fr_copy_url {
	position: absolute;
	top: 0;
	right: 0;
}

.fr_copy_url span {
	font-size: 12px;
	line-height: 1.4;
	color: var(--siteTextColor);
}
.fr_copy_url .span a {
	margin-left: 8px;
}

/*=============================
    Table Style
=============================*/
.pfb_white_box {
	border-radius: 10px;
	margin-bottom: 50px;
}
.pfb_setup_website.my_website_dv {
	position: relative;
	background-color: #fff;
	padding: 5px;
	border-radius: 10px;
}
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: inherit;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 40px;
}
.pfb_setup_website table {
	table-layout: fixed;
	width: 100%;
	border-spacing: 0 1em;
}
.my_website_dv th:nth-child(1) {
	width: 6%;
}
.my_website_dv table tr th {
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1.4;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
}
.my_website_dv table tr td {
	font-size: 15px;
	line-height: 60px;
	color: var(--siteTextColor);
	line-height: 1.4;
}
.my_website_dv table tr th {
	padding: 15px 0 15px 33px !important;
	border: 0;
}
table th:first-child {
	border-top-left-radius: 10px;
}
.pfb_setup_website th {
	background-color: #f4f5f8;
	border-bottom: 1px solid #eaeaf5;
	color: var(--headingColor);
	font-weight: 500;
	padding: 12px 35px;
}
.pfb_setup_website table tbody tr {
	background: #ffffff;
}
.my_website_dv table tr td {
	padding: 15px 0 0 33px !important;
	position: relative;
}
table th:last-child {
	border-top-right-radius: 10px;
}
.pfb_setup_website td {
	vertical-align: middle;
}
p.fr_edite a {
	margin-left: 18px;
}

.fr_table_icon a {
/* 	padding: 0 5px; */
	margin:0;
}
.fr_dase_page th.fr_table_icon_td {
	width: 25%;
}
td p {
	margin: 0;
	word-break: break-all;
}
.fr_table_icon {
	display: inline-block;
	width: 100%;
}
.fr_table_icon a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

/*=============================
    Pagination Style
=============================*/
.fr_entry_flex {
	display: flex;
	align-items: center;
	padding: 0 20px;
	max-width: 647px;
	border-radius: 6px;
	background-color: #ffffff;
	justify-content: center;
	margin: 0 auto;
	flex-wrap: wrap;
}
.fr_page_entry {
	flex: 1;
}
.fr_pagination > ul {
	border-radius: 5px;
	display: inline-block;
}
.fr_pagination > ul > li {
	display: inline-block;
	vertical-align: middle;
}
.fr_pagination > ul > li > a,
.fr_pagination > ul > li > a:focus {
	display: inline-block;
	width: 40px;
	text-align: center;
	padding: 0;
	border-radius: 5px;
	font-size: 15px;
	line-height: 60px;
	color: var(--siteTextColor);
	font-weight: 500;
	font-family: "Outfit";
}
.fr_entry_flex p {
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteTextColor);
	margin: 0;
}
.fr_pagination li.Active a {
	width: 30px;
	height: 30px;
	background: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	line-height: 1.4;
	border-radius: 50px;
	color: #fff;
}

/*=============================
    Select 2 Style
=============================*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	flex: 1;
	padding: 0 1em;
	/*background-image: none;*/
	cursor: pointer;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	font-size: 14px;
	color: #747888;
	font-weight: 500;
}
option {
	padding: 10px 0;
	background-color: #f9f9f9;
}
select::-ms-expand {
	display: none;
}

/* Custom Select wrapper */
.select {
	position: relative;
	display: flex;
	width: 232px;
	height: 46px;
	border-radius: 0.25em;
	overflow: hidden;
}
/* Arrow */
.select::after {
	content: "\25BC";
	position: absolute;
	width: 14px;
	height: 14px;
	top: 21px;
    right: 12px;
	background-color: #0000;
	transition: 0.25s all ease;
	pointer-events: none;
	border: #0000;
	font-size: 11px;
	color: #0000;
	background-image: url(../images/dropdown_arrow.png);
	background-repeat: no-repeat;
}

.select
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	display: none;
}
.select .select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 46px;
	user-select: none;
	-webkit-user-select: none;
}
.select2-container .select2-selection--single {
    height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px;
    right: 10px;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	margin-top: 6px;
	font-weight: 400;
	font-size: 15px;
	color: #66738b;
}
.select2-container--default .select2-selection--single {
	padding: 0 5px;
	border-radius: 6px;
	background-color: #fcfdff;
	border: 1px solid #eaedf3;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #f0f3f7;
	font-size: 14px;
	color: #000;
	font-weight: 500;
}
.select2-dropdown {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #e5e5e5;
}
.select2-container--default
	.select2-results__option--highlighted[aria-selected] {
	background-color: var(--sitePrimaryColor);
	color: #fff;
}
.select2-results__option {
	font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 10px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}
.select2-container .select2-selection--multiple {
    min-height: 46px !important;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 11px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 10px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 12px !important;
    margin-right: 20px !important;
}
.fr_q_a_main_content {
	position: relative;
	background: #ffff;
	padding: 45px 50px;
	border-radius: 10px;
	background-color: #ffffff;
	max-width: 911px;
}
.fr_select label {
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 500;
    margin-bottom: 15px;
}

.fr_select {
	margin-bottom: 35px;
}
.fr_q_a_main_content .fr_btn_grp {
	margin-top: 0;
}

/*=============================
    Domain  Page Style
=============================*/
.fr_domain_main_content .fr_q_a_main_content {
	position: relative;
	background: #ffff;
	padding: 30px 35px;
	border-radius: 10px;
	background-color: #ffffff;
	max-width: 744px;
	margin: 0 auto;
}
.fr_domain_main_content .fr_q_a_main_content h5 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
	font-family: "Outfit";
	margin-bottom: 25px;
}
.fr_domain_main_content .fr_btn_grp .frm_btn {
	margin-right: 15px;
}
.fr_domain_main_content .fr_q_a_main_content .fr_btn_grp {
	margin-top: 15px;
}

.fr_settng_menu_main {
	max-width: 228px;
	margin: 18px auto;
	border-radius: 6px;
	background-color: #ffffff;
	padding: 12px 0;
}
.fr_settng_menu_main ul {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.fr_settng_menu_main ul li.Active a {
	color: var(--sitePrimaryColor);
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	font-family: "Outfit";
}
.fr_settng_menu_main ul li.Active a {
	position: relative;
}

.fr_settng_menu_main ul li.Active a::before {
	visibility: visible;
	opacity: 1;
}
.fr_settng_menu_main ul li:hover a::before {
	visibility: visible;
	opacity: 1;
	bottom: -13px;
}
.fr_settng_menu_main ul li:hover a {
	color: var(--sitePrimaryColor);
}
.fr_settng_menu_main ul li a::before {
	content: "";
	position: absolute;
	width: 37px;
	height: 2.5px;
	left: 50%;
	bottom: -17px;
	background-color: var(--sitePrimaryColor);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.fr_settng_menu_main ul li {
	position: relative;
}

.fr_q_a_main.fr_domain_main_content {
	margin-top: 40px;
}
.fr_settng_menu_main ul li a {
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 500;
}
/*Switch Css*/
.fr_on_off_switch {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	width: 35px;
	height: 10px;
	border-radius: 5px;
	background-color: #d3daf0;
}
.fr_on_off_switch::before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0px;
	background: #fafafa;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	filter: drop-shadow(0 0 1.5px rgba(67, 80, 120, 0.55));
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.fr_on_off_switch:active::before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
		0 0 0 20px rgba(128, 128, 128, 0.1);
}
input.fr_switch_input:checked + .fr_on_off_switch::before {
	left: 18px;
	background: var(--sitePrimaryColor);
}
input.fr_switch_input:checked + .fr_on_off_switch:active::before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}

/*=============================
    Team Member  Page Style
=============================*/
.fr_user_nm span img {
	margin-right: 20px;
	border-radius: 10px;
}
.fr_team_memebr_page th:last-child {
	width: 12%;
}
.fr_delete_content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 16px;
}
.fr_delete_campign .bp_modal_footer {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.fr_delete_content img {
	margin-bottom: 20px;
}
.fr_delete_content h6 {
	font-size: 16px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: bold;
	font-family: "Outfit";
	text-align: center;
}
.fr_delete_content p {
	font-size: 15px;
	line-height: 25px;
	color: var(--siteTextColor);
	font-family: "Outfit";
	text-align: center;
}

/*=============================
    Profile  Page Style
=============================*/
.fr_profile_page .fr_q_a_main_content h5 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
	font-family: "Outfit";
	margin-bottom: 20px;
}
.fr_profile_page .fr_user_info_main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 670px;
	border-top-left-radius: 30px;
	background-color: var(--sitePrimaryColor);
	margin: 88px auto 0 auto;
	border-top-right-radius: 30px;
	padding: 30px 30px;
	width: 100%;
    gap: 20px;
}
.fr_profile_page .fr_q_a_main_content {
	max-width: 100%;
}
.fr_user_content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.user_name h5,
.user_name p {
	margin: 0;
}
.fr_profile_page .user_name p {
	color: #fff;
}
.user_name h5 {
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
	font-weight: 600;
	font-family: "Outfit";
}
.user_name p {
	font-size: 14px;
	line-height: 1.4;
	color: #6c7e9e;
	font-family: "Outfit";
	margin-top: 3px;
}

input[type="file"] {
	width: 100%;
	display: none;
}
.upload-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 46px;
	border-radius: 23px;
	background-color: var(--siteSecondaryColor);
	color: #fff;
	cursor: pointer;
	font-weight: 400;
	font-size: 15px;
}
.fr_user_content .user_name {
	margin-left: 15px;
}
img.profile-pic {
	width: 70px;
	height: 70px;
	border-radius: 40px;
	background-color: #aaaaaa;
	object-fit: cover;
	object-position: top;
}
.auto_responder_content {
	position: relative;
	width: 100%;
	padding: 40px 0;
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
	grid-gap: 20px;
}
.responder_content_box {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 20px;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	transition: var(--transition);
	cursor: pointer;
}
.auto_responder_content .responder_content_box  .responder_img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.responder_name {
	margin-left: 14px;
}
.responder_name h6 {
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 500;
	font-family: "Outfit";
	margin: 0;
}

.responder_content_box input[type="checkbox"]:checked {
	border: 3px solid #fc6b68;
	background: #fff;
	-webkit-transition: ease-in 0.3s;
	-o-transition: ease-in 0.3s;
	transition: ease-in 0.3s;
}
.responder_content_box input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}
.fr_responder::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: #0000;
	left: 0;
	top: 0;
	border: 2px solid var(--sitePrimaryColor);
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
}
.responder_content_box input[type="checkbox"]:checked + .fr_responder::before {
	opacity: 1;
	visibility: visible;
}
.fr_responder {
	display: flex;
	align-items: center;
}
.fr_q_a_main_content.fr_responder_select_data {
	max-width: 100%;
	margin-bottom: 20px;
}
.fr_q_a_main_content.fr_responder_select_data h5 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
	font-family: "Outfit";
	margin-bottom: 20px;
}
.fr_q_a_main_content.fr_responder_select_data .fr_btn_grp {
	margin-top: 8px;
}
.fr_template_preview_content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}
svg path {
	transition: var(--transition);
}
svg:hover .fr1_st1,
svg:hover .fr2_st1,
svg:hover .fr3_st1,
svg:hover .fr4_st1 {
	fill: #fff !important;
}
svg:hover .fr1_st0 {
	fill: #ff577f;
}
svg:hover .fr2_st0 {
	fill: #16c79a;
}
svg:hover .fr3_st0 {
	fill: #4887ff;
}
svg:hover .fr4_st0 {
	fill: #ff0000 !important;
}

path.fr4_st1 {
	fill: #ff0000 !important;
}
.fr4_st0 {
	fill: #f7e5e5 !important;
}

/*User Page Css*/

.user_header_bar_main {
	padding: 0 50px 20px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.user_header_bar_main_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.user_header_left li:hover a {
	color: var(--sitePrimaryColor);
}
.user_header_left ul {
	padding: 0;
}
.user_header_left li {
	display: inline-block;
	padding: 0 13px 0 0;
}
.fr_user_header_right {
	display: inline-flex;
}
.user_header_left li a {
	font-weight: 500;
	font-size: 16px;
	color: var(--siteSecondaryColor);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.user_header_right .fr_hd_button:first-child {
	margin-right: 18px;
}

.fr_select .select {
	width: 100%;
}
.fr_add_new_popup .modal-dialog.modal-dialog-centered {
	max-width: 500px;
}
.fr_user_table .my_website_dv table tr td {
	padding: 15px 0 15px 33px !important;
}
/* Checkbox  */
.fl_tb_checkbox label {
	position: relative;
	margin: 0;
}

.fl_tb_checkbox label:before {
	content: "";
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 11px;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	border: 1px solid #d3daf0;
}
.fl_tb_checkbox input:checked + label:before {
	background-color: var(--sitePrimaryColor);
	border-color: var(--sitePrimaryColor);
}

.fl_tb_checkbox input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.fl_tb_checkbox input {
	display: none;
}

/*---- progress bar css ---*/
.lr_progress_box {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: #ffffff;
	width: 300px;
	max-width: 100%;
	text-align: center;
	padding: 15px 0;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	z-index: 1100;
}
.lr_progress_box h3 {
	font-size: 16px;
	font-weight: 700;
}
.lr_progress_bar {
	position: absolute;
	height: 5px;
	width: 0%;
	background: #ff5c00;
	top: 0;
	left: 0;
}

.hide {
	display: none;
}

/**/
textarea.lr_input {
    width: 100%;
    padding: 15px 20px;
    height: 120px;
    border-radius: 6px;
    background-color: #fcfdff;
    border: 1px solid #eaedf3;
    font-size: 15px;
    color: #66738b;
    font-weight: 400;
}
.fr_model_user input.lr_input {
	margin-bottom: 13px;
}


.fr_model_user .fr_ans_input {
	position: relative;
	width: 100%;
}
.fr_model_user .fr_ans_close {
    position: absolute;
    top: 15px;
    right: -23px;
    cursor: pointer;
	color: var(--sitePrimaryColor);
    border: 1px solid var(--sitePrimaryColor);
    border-radius: 100px;
    font-size: 9px;
    width: 16px;
    height: 16px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    padding-top:1px;
}
.fr_model_user .fr_add_ans {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    cursor: pointer;
    background-color: var(--sitePrimaryColor);
    color: #fff;
    border-radius: 23px;
    border: 1px solid var(--sitePrimaryColor);
    max-width: 157px;
    margin: 26px auto;
}
.fr_model_user .fr_add_ans:hover {
	color: #fff;
}

/*=============================
 Section Page Style
=============================*/

.fr_section_wrapper.fr_dash_main {
	margin: 0px 40px;
}
.fr_full_heading {
	margin-bottom: 20px;
}
.fr_full_heading {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.fr_full_heading .fr_heading_content h2 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
}
.fr_full_heading .fr_heading_content p {
	font-size: 16px;
	color: var(--siteTextColor);
}
.fr_template_list {
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	grid-gap: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.fr_template_content {
	padding: 6px;
	border-radius: 16px;
	background-color: #f8f8f8;
	box-shadow: 0px 8px 60px 0px rgb(44 90 183 / 5%);
	cursor: pointer;
}
.fr_url_wrapper {
    text-align: center;
}
.fr_template_img {
    border-radius: 16px;
    position: relative;
}
.fr_template_list.product_list_view .fr_template_img {
    width: 110px;
}
img.template_thumb {
  border-radius: 10px;
  width: 100%;
  min-height: 200px;
  max-height: 200px;
  object-fit: cover;
}
.fr_template_title {
    text-align: center;
}
.fr_template_title .fr_table_icon {
    justify-content: center;
}
.fr_template_content .fr_switch {
    position: absolute;
    top: 15px;
    right: 15px;
}
.fr_table_icon.fr_delete_icon_top {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
}
.fr_defaultTag {
    position: absolute;
    top: 18px;
    left: 5px;
    background-color: rgba(var(--sitePrimaryLight),  20%);
    border-radius: 0 50px 50px 0;
    font-size: 12px;
    padding: 2px 10px;
    color: var(--sitePrimaryColor);
}

.fr_template_content .fr_table_icon a svg {
    border-radius: 50px;
}
.fr_template_content a.fr_act_svg {
    border-radius: 50px;
}

.fr_template_title h4 {
	font-size: 16px;
	color: var(--siteTextColor);
	padding: 12px 15px;
	font-weight: 500;
    margin-bottom: 0;
}

.fr_template_overlay_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(105 110 131 / 78%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
.fr_template_content:hover .fr_template_overlay_wrapper {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.fr_template_overlay_wrapper ul {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 10px;
}

.fr_template_overlay_wrapper ul li a {
	width: 40px;
	height: 40px;
	-webkit-transition: none;
	transition: none;
	border-radius: 50%;
	display: block;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.fr_template_overlay_wrapper ul li {
	position: relative;
	/* width: 35px;
	height: 35px; */
	/*margin: 5px;*/
	-webkit-transition: none;
	transition: none;
	border-radius: 50%;
	display: block;
	z-index: 9999;
	background-color: var(--sitePrimaryColor);
	z-index: 1;
}

.fr_template_overlay_wrapper ul li a span svg path {
	fill: #fff;
}
.section_popup .modal-dialog {
	max-width: 600px;
	margin: 1.75rem auto;
}
.fr_section_q_option .fl_tb_checkbox {
	display: flex;
}
ul.fr_section_q_option {
	margin-left: 30px;
}
.fr_section_q_ h4 {
	font-size: 16px;
	line-height: 1.4;
	color: var(--siteSecondaryColor);
	font-weight: 600;
	margin-bottom: 12px;
}
.fr_section_q_ p {
	font-size: 16px;
	margin-bottom: 5px;
}
.fr_section_q_ {
	margin: 0 0 15px 0;
}
.fr_section_q_footer a {
	font-size: 14px;
	text-transform: capitalize;
	cursor: pointer;
	padding: 6px 20px;
	background-color: var(--sitePrimaryColor);
	border-radius: 8px;
	color: #fff;
}
.fr_section_q_footer {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 10px 0 18px 0;
}
.section_popup .bp_modal_footer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.t-dropdown-block {
	height: 46px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	border-radius: 6px;
}

.t-dropdown-list {
	display: none;
	background-color: #fff;
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 150px;
	overflow: auto;
	position: absolute;
	margin-top: 6px;
	width: 100%;
	border: 1px solid #eaedf3;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.t-dropdown-item {
	padding: 5px 20px;
	margin: 4px 4px;
	text-transform: capitalize;
	cursor: pointer;
}

.t-dropdown-item:hover {
	background-color: var(--sitePrimaryColor);
	color: var(--sitePrimaryColor);
	margin: 4px 4px;
}

.t-dropdown-select {
	width: 100%;
	height: 46px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	line-height: 46px;
	border-radius: 6px;
}

.t-dropdown-input {
	width: 100%;
	height: 46px;
	border-radius: 6px;
	background-color: #fcfdff;
	border: 1px solid #eaedf3;
	font-size: 15px;
	line-height: 60px;
	color: #66738b;
	font-weight: 400;
}

.t-select-btn {
	background-image: url(https://cdn4.iconfinder.com/data/icons/ui-indicatives/100/Indicatives-26-128.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 7px 7px;
	position: absolute;
	width: 30px;
	top: 0;
	right: 0;
	height: 100%;
	border-left: 1px solid #ddd;
}

.t-select-btn:active {
	background-color: #f1f1f1;
}
span.fr_add {
	position: absolute;
	top: 14px;
	right: 14px;
	background-color: var(--sitePrimaryColor);
	width: 20px;
	height: 20px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fr_add a {
	color: #fff;
}
.fr_loadmorebtn_wr {
    text-align: center;
    margin-top: 30px;
}
/*=============================
 User Table Style
=============================*/

.table-responsive.fr_question_content table tbody tr p {
	display: inline-flex;
	background-color: #fd7e140f;
	color: #fd7e14;
	margin-bottom: 12px !important;
	margin-right: 12px !important;
	padding: 6px 8px;
	border-radius: 6px;
}

.fr_user_table .pfb_setup_website table tbody tr {
	border-bottom: 1px solid #f4f5f8;
}
.fr_user_table .pfb_setup_website table tbody tr:last-child {
	border-bottom: 0;
}
.fr_user_table .table-responsive {
	margin-bottom: 7px;
}
.fr_template_overlay_wrapper ul li {
	position: relative;
	z-index: 1;
}
.fr_template_overlay_wrapper ul li a svg {
	position: relative;
	z-index: -1;
  /* margin-bottom: 6px;
  margin-right: 6px; */
}

.fr_template_overlay_wrapper ul li a svg.hovered-paths path {
	fill: #fff;
}
.fr_table_icon a svg {
	z-index: -1;
}
.fr_table_icon {
	position: relative;
	z-index: 2;
}

/*=============================
 Load More Style
=============================*/

.fr_load_more_blocks {
	background-color: var(--sitePrimaryColor);
	display: inline-flex;
	border-radius: 23px;
	padding: 8px 20px;
	color: #fff;
	cursor: pointer;
}

.padTB10 {
	padding: 10px 0;
}
.fr_link {
	color: var(--sitePrimaryColor);
}

.fr_template_overlay_wrapper ul li a svg path {
	fill: #fff;
}
.fr_ans_input {
	display: flex;
	align-items: center;
}
.fr_ans_input .fr_select {
	margin-bottom: 0;
}
.fr_ans_input .fr_model_user input.lr_input {
	margin-bottom: 0;
}
.fr_ans_input .fr_select .select {
	width: 199px !important;
	margin-left: 10px;
}
.fr_model_user .fr_input_answer___ input.lr_input {
	margin-bottom: 0;
}

/**/

.fr_Campaign .fr_url_iput p {
    margin: 0 8px;
}
.fr_Campaign .fr_url_iput {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mh_access_box [type="radio"]:checked,
.mh_access_box [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.mh_access_box [type="radio"]:checked + label,
.mh_access_box [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.mh_access_box [type="radio"]:checked + label:before,
.mh_access_box [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.mh_access_box [type="radio"]:checked + label:after,
.mh_access_box [type="radio"]:not(:checked) + label:after {
   content: '';
    width: 12px;
    height: 12px;
    background: var(--sitePrimaryColor);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.mh_access_box [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mh_access_box [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mh_access_box {
    display: flex;
    align-items: center;
}
.fr_cs_rd h4 {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
}	


.fr_q_a_main.fr_base_gape.fr_Campaign {
    margin-bottom: 40px;
}

th.user_name {
    width: 20% !important;
}

/*=============================
	Tab Style
=============================*/

button.tablinks p {
    color: var(--siteSecondaryColor);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Outfit";
    border: 0;
    margin: 0;
    text-transform: capitalize;
}
button.tablinks.active p {
    color: var(--sitePrimaryColor);
}
button.tablinks {
    border: 0;
    background-color: #0000;
    margin: 0;
}
.yt_tabcontent_data {
    display: none;
}
.yt_tabcontent_data.active {
    display: block;
}
.tabcontent  .fr_right_header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.half_input .fr_md_input {
    max-width: 45%;
}
button.tablinks.active:focus {
    outline: none;
}
.fr_settng_menu_main button:focus {
    outline: none;
}
.fr_settng_menu_main button.tablinks.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2.7px;
    bottom: -11px;
    left: 0;
    background-color: var(--sitePrimaryColor);
    transition: all 0.3s ease-in-out;
}
.tabcontent .fr_right_header {
    padding: 0 0 15px 0;
}

/*=============================
 Group Page Style
=============================*/

.user_header_bar_main_content.single_right_btn {
    justify-content: flex-end;
}
p.qt_tb {
    padding-left: 32px;
}
.fr_edit_group_popup .modal-dialog {
    max-width: 500px;
}
.fr_group_new_popup .modal-dialog {
    max-width: 500px;
}

/*=============================
 Publish Campaign Page Style
=============================*/

.fr_publish_campaign_popup  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}
.fr_publish_campaign_popup .fr_q_a_main_content {
    padding: 0px 10px;
    max-width: 100%;
}

.fr_publish_campaign_popup .fr_q_a_main_content .half_input .fr_md_input {
    max-width: 100%;
}
.fr_publish_campaign_popup .fr_url_iput p.sub_d_name {
    margin-left: 10px;
}
a.frm_btn.fr_btn_2 {
    margin-right: 15px;
}

/**/
td.fr_tb_ans_category .fr_tb_ans_category_content_main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    overflow: auto;
    max-height: 123px;
}
.fr_tb_ans_category_content {
    width: 100%;
    margin: 0 5px 10px 5px;
    display: flex;
    align-items: center;
	/* flex-wrap: wrap; */
	gap: 20px;
}
.fr_tb_ans_category_content .fr_tb_ans_next_qut_sl {
    width: 100%;
}
.fr_tb_ans_category_content .fr_tb_ans_next_qut_sl .fr_select {
    margin-bottom: 0;
}
.fr_tb_ans_category_content p {
    max-width: 100%;
    width: 200px;
}
th.fr_ans_row {
    width: 55%;
}
.mh_access_box p {
    background-color: #0000 !important;
}
.table-responsive.fr_question_content table tbody tr .fr_tb_ans_category_content p {
    margin-bottom: 0 !important;
}
.fr_tb_ans_category_content .fr_tb_ans_next_qut_sl .fr_select .select select {
    background-color: #0000;
    color: #a4abba;
    border: 1px solid #f4f5f8;
    font-weight: 400;
}

/**/
.pfb_setup_wrapper.fr_ds_tbl_main p.fr_edite {
    position: relative;
    z-index: 2;
}
.pfb_setup_wrapper.fr_ds_tbl_main a.fr_edit_campaign {
    z-index: 999;
    display: inline-flex;
}
.pfb_setup_wrapper.fr_ds_tbl_main  .fr_edit_campaign img {
    z-index: -1;
}

::-webkit-scrollbar {
  width: 6.5px;
}

/*=============================
 Question & Answer Scroll Style
=============================*/

.fr_tb_ans_category_content_main::-webkit-scrollbar-track {
  background: #fd7e1433;;
}
.fr_tb_ans_category_content_main::-webkit-scrollbar-thumb {
  background: var(--sitePrimaryColor);
}
.fr_tb_ans_category_content_main::-webkit-scrollbar-thumb:hover {
  background: var(--sitePrimaryColor);
}

/*=============================
 Admin Sidebar Menu Scroll Style
=============================*/

.fr_sidebar_manu::-webkit-scrollbar-track {
  background: rgba(var(--sitePrimaryLight),  20%);
}
.fr_sidebar_manu::-webkit-scrollbar-thumb {
  background: var(--sitePrimaryColor);
}
.fr_sidebar_manu::-webkit-scrollbar-thumb:hover {
  background: var(--sitePrimaryColor);
}


/*=============================
 Campaign  Style
=============================*/

.fr_epmty_alert_box {
    position: relative;
    background: #ffff;
    padding: 30px 35px;
    border-radius: 10px;
    background-color: #ffffff;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 35px;
}
 .fr_epmty_alert_box_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fr_epmty_alert_box_content h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--siteSecondaryColor);
    margin-bottom: 15px;
    text-align: center;
}
.fr_epmty_alert_box_content a.frm_btn {
    margin: 20px 0 0 0;
}

/*=============================
  Style
=============================*/
.fr_main_structure.fr_user_dashboard_main_page .pfb_setup_wrapper.fr_ds_tbl_main p.fr_edite {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fl_disscribtion_bar {
   width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 100%;
    background-color: var(--sitePrimaryColor);
    position: relative;
}

.fl_disscribtion_bar svg {
    width: 13px;
    height: 13px;
    fill: #ffff;
}

.funnel_tooltip_icon {
    background-color: #292c3d;
    color: #fff;
    position: absolute;
    font-size: 12px;
    padding: 7px 10px;
    line-height: 18px;
    border-radius: 3px;
    top: auto;
    bottom: 100%;
    margin-bottom: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    max-width: 250px;
    white-space: normal;
    min-width: fit-content;
    text-align: center;
    z-index: 9999;
    width: 220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fl_disscribtion_bar:hover .funnel_tooltip_icon {
    opacity: 1;
    visibility: visible;
}
.funnel_tooltip_icon:before {
    content: "";
    width: 0px;
    border-top: 5px solid #292c3d;
    bottom: -5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

/*=============================
    Custom Radio Style
=============================*/
/**/    

.radio_button {
    margin-bottom: 10px;
}
.radio_button__label {
   border-radius: 50%;
   cursor: pointer;
   display: inline-block;
   padding-left: 25px;
   position: relative;
   margin-bottom: 0 !important;
}
.radio_button__label:hover .radio_button__input ~ .radio_button_indicator {
 border-color: #8b91ae;
}
.radio_button_indicator {
    background-color: #fff;
    border: 1px solid #8b91ae;
    border-radius: 50%;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
}
.radio_button_indicator::after {
    background-color: var(--sitePrimaryColor);
    border-radius: 50%;
    content: "";
    display: none;
    height: 12px;
    left: 2.4px;
    position: absolute;
    top: 2px;
    width: 12px;
}
.radio_button__input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.radio_button__input:focus ~ .radio_button_indicator {
    border-color: #8b91ae;
}
.radio_button__input:checked ~ .radio_button_indicator::after {
    display: block;
}
.radio_button__input:disabled ~ .radio_button_indicator {
    opacity: 0.6;
    pointer-events: none;
}
h3.radio-button__label-title {
    font-size: 14px;
}


/*=============================
    Custom Select lable Style
=============================*/
/**/  

.fr_model .fr_select label {
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteTextColor);
    font-weight: 500;
    margin-bottom: 22px;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #fcfdff;
    border: 1px solid #eaedf3;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fcfdff;
    border: 1px solid #eaedf3;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--sitePrimaryColor);
    border: 1px solid var(--sitePrimaryColor);
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.fr_add_new_popup  .fr_ans_input.fr_input_hf {
    margin-bottom: 10px;
}


/*=============================
  Image Upload Style
=============================*/
/**/  

.fr_upload{
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-transform: capitalize;
	position: relative;
	margin-bottom: 0;
	width: 100%;
	padding: 5px 50px 5px 20px;
	height: 46px;
	border-radius: 6px;
	background-color: #fcfdff;
	border: 1px solid #eaedf3;
	font-size: 15px;
	line-height: 60px;
	color: #66738b;
	font-weight: 400;
}
  
label.fr_upload span {
    text-transform: capitalize;
    border-radius: 5px;
    background-color: #f3f5f9;
    line-height: 44px;
    padding: 0 22px;
    width: 126px;
    height: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    font-size: 13px;
    letter-spacing: 1px;
    color: #8b91ae;
    font-weight: 600;
    background-image: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.fr_upload span svg {
    margin-top: 7px;
    margin-right: 3px;
}
label.fr_upload {
    margin-bottom: 0 !important;
}
label.fr_upload span img {
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
    margin-right: 8px;
}

/*=============================
  Section Page (Admin) Style
=============================*/
/**/  

.fr_section_list {
    display: grid;
	display: -ms-grid;
    /* grid-template-columns: repeat(auto-fill, minmax(18%, 1fr)); */
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}


/*=============================
  Switc Style
=============================*/
/**/  

.fr_switch {
   position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    z-index: 9;
}
.fr_switch input {
    display: none;
}
.switch.switch-light .switch-status {
    background-color: #ffffff;
    border: 1px solid #c1c1d5;
}
.switch-status {
       border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border: 1px solid #d8dce4;
}
.fr_switch.switch-light .switch-status:before {
        background: #c1c1d5;
}
.switch-status:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3.4px;
    bottom: 2.3px;
    background-color: #000;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 20px;
}
 .fr_switch input:checked+.switch-status:before {
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
    background-color:var(--sitePrimaryColor);
}
.switch.switch-light input:checked+.switch-status:before {
    background: #28e8a2;
}


.fr_template_content {
    position: relative;
}
.fr_template_content label.fr_switch.switch-light {
    position: absolute;
    top: 15px;
    right: 15px;
}

.user_img img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    min-width: 50px;
    max-height: 50px;
    min-height: 50px;
}

/*Custom Domain Popup Css*/

div#create_campign .fr_md_input {
    margin-bottom: 5px;
}
.fr_uploadIcon_form {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul {
    display: inline-flex;
    justify-content: space-between;
    background-color: rgba(var(--sitePrimaryLight),  20%);
    margin: 0px;
    padding: 3px;
    border: solid 1px var(--sitePrimaryLight);
    border-radius: 5px;
    width: 100%;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul > li {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul > li > input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul > li > input:checked ~ label {
    background-color: var(--sitePrimaryColor);
    color: #fff;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul > li > input:checked ~ label {
    opacity: 1;
}
.fr_uploadIcon_form .fr_custom_radio_tab > ul > li > label {
    min-width: 150px;
    padding: 0 12px;
    height: 40px;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    color: var(--sitePrimaryColor);
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    text-transform: capitalize;
    margin-bottom: 0;
}
.frSubDomain, .frAddonDomain {
    padding-top: 20px;
}

.fr_uploadIcon_form .fr_label_list span {
  color: var(--siteSecondaryColor);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}
.fr_uploadIcon_form .fr_inputdomain_holder {
    position: relative;
}

.fr_uploadIcon_form .fr_inputdomain_holder.fr_md_input button.frm_btn {
    margin-top: 20px;
}

/**/

.fr_conformation_popup_campign  .fr_delete_content span {
    margin-bottom: 20px;
}
.fr_conformation_popup_campign  span svg {
    width: 30px;
    height: 30px;
}



/*Block Template List Page Css*/

.fr_block_template_list {
    display: grid;
	display: -ms-grid;
    grid-template-columns: repeat(auto-fill,minmax(18%,1fr));
    grid-gap: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.fr_block_template_content {
    padding: 6px;
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 60px 0 rgb(44 90 183 / 5%);
    box-shadow: 0 8px 60px 0 rgb(44 90 183 / 5%);
    cursor: pointer;
}

.fr_block_template_preview {
    border-radius: 16px;
    position: relative;
}
.fr_block_template_preview img{
    border-radius: 16px;
    width: 100%;
    min-height: 284px;
    max-height: 284px;
    object-fit: cover;
    object-position: top;
}

.fr_block_template_title h4 {
  padding: 15px 12px 0 24px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
}


.fr_block_template_overlay_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(105 110 131 / 78%);
    border-radius: 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    opacity: 0;
    visibility: hidden;
}

 .fr_block_template_overlay_wrapper {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fr_block_template_content:hover .fr_block_template_overlay_wrapper {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.fr_block_template_content a.fr_view_template_live {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    margin-top: 20px;
}


.fr_sidebar_manu ul.fr_mainmenu > li > a > svg path {
    fill: #6c7e9e;
}


.fr_dash_box:hover {
    transform: translateY(-5px);
}
.fr_dash_box{
    transition: var(--transition);
}

/*admin notification*/

.fr_notification.lr_notifications.lr_success .notification_hd {
    background-color: #3fd6391f;
}
.fr_notification.lr_notifications.lr_success .notification_hd h6 {
    color: #3fd639;
}

/*Delete Popup Changes Css*/

.fr_model_delete_warn_main .bp_modal_footer {
    text-align: center;
}

/*Oops Page Css*/

.fr_opps_page {
    position: relative;
    background: #ffff;
    padding: 45px 50px;
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
}

.fr_opps_page h4 {
    font-size: 22px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.fr_opps_page p {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 15px;
}
.fr_opps_page .fr_btn_grp {
    margin-top: 18px;
}

/*Template List Page */
.fr_template_list.fr_temp_block img.template_thumb {
    object-position: top;
 	min-height: 280px;
    max-height: 280px;
    transform: translateY(0px);
}
.fr_template_list.fr_temp_block.product_list_view img.template_thumb {
    min-height: 120px;
    max-height: 120px;
    object-fit: cover;
    border-radius: 10px;
}
.fr_template_title h4 {
    text-transform: capitalize;
}

/*  .fr_template_list.fr_temp_block .fr_template_content:hover img.template_thumb {
  transform: translateY(calc(-100% - 280px));
}

.fr_template_img {
    overflow: hidden;
}
 */


 .fr_template_list.fr_temp_block.fr_use_template .fr_template_overlay_wrapper ul li a {
    border-radius: 5px !important;
    color: #fff;
    padding: 5px;
}
/*.fr_template_list.fr_temp_block.fr_use_template .fr_template_overlay_wrapper ul li {*/
/*  border-radius: 5px !important;*/
/*}*/

/*.fr_template_list.fr_temp_block.fr_use_template  .fr_template_overlay_wrapper ul {*/
/*    flex-direction: column;*/
/*}*/

.fr_template_list.fr_temp_block.fr_use_template .fr_template_overlay_wrapper ul li a {
    border-radius: 100px !important;
    color: #ffffff;
    padding: 5px;
    width: 45px !important;
    height: 45px;
}

.product_list_view .fr_workspace_main {
    min-height: auto;
    width: 228px;
    grid-template-columns: repeat(auto-fill, minmax(100px, 2fr));
}
.fr_workspace_main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 4fr));
    grid-gap: 6px;
    min-height: 280px;
    position: relative;
}
.fr_workspace_main .fr_template_img {
    display: flex;
    align-items: center;
    background-color: #ffffff;
}

.fr_workspace_main .fr_template_img img.template_thumb {
    min-height: 138px;
    max-height: 130px;
}
.fr_workspace_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 40%);
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.fr_workspace_main.fr_workspace_singleimage {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.fr_workspace_main.fr_workspace_singleimage .fr_template_img img.template_thumb {
    max-height: 280px;
}
/*Block Page Select Design Flow Css*/


/* Tooltip Css Start */
.fr_tooltip_show {
    position: absolute;
    top: -35px;
    background-color: #0a2435;
    line-height: normal;
    color: #ffffff;
    padding: 2px 10px 5px;
    border-radius: 5px;
    text-align: center;
    transform: translate(0px, 10px);
    transition: all linear 0.1s;
    opacity: 0;
    visibility: hidden;
}
.fr_tooltip_show p {
    white-space: nowrap;
    color: #ffffff;
    font-size: 13px;
    margin: 0;
}
.fr_template_overlay_wrapper ul li a:hover .fr_tooltip_show {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    transition: all linear 0.1s;
}
.fr_tooltip_show:before {
    content: "";
    position: absolute;
    bottom: -7px;
    width: 7px;
    height: 7px;
    border-top: 5px solid #0a2435;
    left: calc(50% - 6px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: all linear 0.1s;
}
.fr_actions a.fr_icon:hover .fr_tooltip_show:before, 
.title_menu_icon .fr_btn.fr_icon:hover .fr_tooltip_show:before,
.fr_inline_feild .fr_btn:hover .fr_tooltip_show:before {
    opacity: 1;
    visibility: visible;
    transition: all linear 0.1s;
}
/* Tooltip Css End */


.fr_section_wrapper .fr_template_content .fr_checkbox label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.4;
    color: #b0b2bd;
}
.fr_section_wrapper .fr_template_content .fr_checkbox input {
    display: none;
}
.fr_section_wrapper .fr_template_content .fr_checkbox label:before {
   content: "";
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 11px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 2px solid;
    border: 1px solid #e9e9f4;
}
.fr_section_wrapper .fr_template_content .fr_checkbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    top: 1.5px;
    left: 6.2px;
    width: 7px;
    height: 12px;
}

.fr_section_wrapper .fr_template_content .fr_checkbox input:checked + label:before{
  background-color: var(--sitePrimaryColor);
  border:1px solid var(--sitePrimaryColor);
}

.fr_section_wrapper .fr_template_content  .fr_checkbox {
  position: absolute;
  z-index: 10;
  left: 15px;
  top: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.fr_template_content:hover .fr_checkbox{
    visibility: visible;
    opacity: 1;
}

.fr_template_content.selected_block {
    border: 2px solid var(--sitePrimaryColor) !important;
}


/*Block Page Check Box Css*/

.fr_block_select_header {
    margin: 0px 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
}
.fr_block_select_header .fr_select {
    margin-bottom: 9px;
    width: 174px;
}
.fr_block_select_header .fr_select .select {
    height: 44px;
}


.fr_section_list .fr_template_content{
  border: 2px solid #0000;
}

/*New Data Table css*/

.fr_cutome_datatable_main .my_website_dv {
	position: relative;
	background-color: #fff;
	padding: 5px;
	border-radius: 10px;
}

.fr_cutome_datatable_main .my_website_dv {
	position: relative;
	background-color: #fff;
	padding: 5px;
	border-radius: 10px;
}

.fr_cutome_datatable_main .my_website_dv table{
	/* table-layout: fixed; */
    table-layout: auto;
	width: 100%;
	border-spacing: 0;
}

.fr_cutome_datatable_main .my_website_dv th {
    background-color: #f4f5f8;
    border-bottom: 1px solid #eaeaf5;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #222222;
    font-weight: 500;
    text-transform: uppercase;
}

.fr_cutome_datatable_main .my_website_dv table tbody tr {
	background: #ffffff;
}
.fr_cutome_datatable_main .my_website_dv table td {
	vertical-align: middle;
}

.fr_cutome_datatable_main .my_website_dv table tbody tr {
	border-bottom: 1px solid #f4f5f8;
}
.fr_cutome_datatable_main .my_website_dv table tbody tr:last-child {
	border-bottom: 0;
}

.fr_cutome_datatable_main .my_website_dv table tr td {
    border-bottom: 1px solid #f4f5f8 !important;
}

/**/
.fr_cutome_datatable_main table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%);
}

.fr_cutome_datatable_main table.dataTable.no-footer {
    border-bottom: 0;
}


/*Table Header,filter and Search Css */

.fr_cutome_datatable_main div#fr_DataTable_length , .fr_cutome_datatable_main div#fr_DataTable_filter {
    padding: 25px 35px 20px 35px;
}
.fr_cutome_datatable_main div#DataTables_Table_0_length , .fr_cutome_datatable_main div#DataTables_Table_0_filter {
    padding: 25px 35px 20px 35px;
}

.fr_cutome_datatable_main div#fr_DataTable_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    color: var(--siteTextColor);
    display: flex;
    align-items: center;
    gap: 10px;
}
.fr_cutome_datatable_main div#DataTables_Table_0_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    color: var(--siteTextColor);
    display: flex;
    align-items: center;
    gap: 10px;
}

.fr_cutome_datatable_main div#fr_DataTable_filter input {
    line-height: 40px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #f1f1f8;
    font-size: 15px;
    letter-spacing: 0px;
    color: #778bb0;
    font-weight: 500;
}
.fr_cutome_datatable_main div#DataTables_Table_0_filter input {
    line-height: 40px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #f1f1f8;
    font-size: 15px;
    letter-spacing: 0px;
    color: #778bb0;
    font-weight: 500;
}

.fr_cutome_datatable_main div#fr_DataTable_length label {
    display: inline-block;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--siteTextColor);
    font-size: 16px;
}
.fr_cutome_datatable_main div#DataTables_Table_0_length label {
    display: inline-block;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--siteTextColor);
    font-size: 16px;
}

.fr_cutome_datatable_main div#fr_DataTable_length label select{
	border: 1px solid #f1f1f8 !important;
}
.fr_cutome_datatable_main div#DataTables_Table_0_length label select{
	border: 1px solid #f1f1f8 !important;
}


/*Data Table Footer Css*/

.fr_cutome_datatable_main div#fr_DataTable_info {
	padding: 25px 35px 0 35px;
	color: var(--siteTextColor);
	font-size: 16px;
}

.fr_cutome_datatable_main div#fr_DataTable_paginate{
	padding: 25px 35px 20px 35px;
	color: var(--siteTextColor);
	font-size: 16px;
}


.fr_cutome_datatable_main div#fr_DataTable_paginate a#fr_DataTable_previous {
    color: var(--siteTextColor) !important;
}

.fr_cutome_datatable_main div#fr_DataTable_paginate a#fr_DataTable_next{
color: var(--siteTextColor) !important;
}





.fr_cutome_datatable_main div#DataTables_Table_0_info {
	padding: 25px 35px 0 35px;
	color: var(--siteTextColor);
	font-size: 16px;
}

.fr_cutome_datatable_main div#DataTables_Table_0_paginate{
	padding: 25px 35px 20px 35px;
	color: var(--siteTextColor);
	font-size: 16px;
}


.fr_cutome_datatable_main div#DataTables_Table_0_paginate a#DataTables_Table_0_previous {
    color: var(--siteTextColor) !important;
}

.fr_cutome_datatable_main div#DataTables_Table_0_paginate a#DataTables_Table_0_next{
color: var(--siteTextColor) !important;
}


.fr_cutome_datatable_main span a.paginate_button {
    height: 40px !important;
    border-radius: 5px !important;
    font-size: 14px;
    letter-spacing: 0px;
    border: 1px solid #f1f1f8 !important;
    background: rgba(255, 255, 255, 0) !important;
    -webkit-transition: all 0.3s;   
    -o-transition: all 0.3s;   
    transition: all 0.3s;
}

.fr_cutome_datatable_main table.dataTable.dtr-inline.collapsed tbody td:first-child:before{
	top: 32px;
}

.fr_cutome_datatable_main .dataTables_wrapper {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.fr_cutome_datatable_main td p {
    margin: 0;
    word-break: break-all;
    white-space: break-spaces;
}

.fr_cutome_datatable_main table.dataTable tr.child ul {
    width: 100%;
}
.fr_cutome_datatable_main table.dataTable tr.child ul li {
    display: flex;
    gap: 35px;
	flex-wrap:wrap
}	

.fr_cutome_datatable_main table.dataTable tr.child span.dtr-title {
    display: inline-block;
    min-width: 115px;
    font-weight: bold;
}

.fr_cutome_datatable_main table.dataTable.dtr-inline.collapsed tbody td:first-child:before {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 14px;
    background-color: var(--sitePrimaryColor);
}
.fr_model .select {
    width: 100%;
}
.fr_upload p {
    position: absolute;
    top: 10px;
    color: #788399;
    font-weight: 400;
}


/*User Deshbord chnages points*/

.fr_cutome_datatable_main .my_website_dv.fr_user_ds_page table{
    table-layout: auto;
}

.fr_cutome_datatable_main .my_website_dv.fr_user_ds_page table tr td {
    padding: 15px 20px 15px 33px !important;
}


.fr_cutome_datatable_main #fr_DataTable_wrapper span a.paginate_button.current {
    background: var(--sitePrimaryColor) !important;
    color: #fff !important;
}

.fr_cutome_datatable_main #fr_DataTable_wrapper span a.paginate_button {
    color: var(--siteTextColor) !important;
}

.fr_cutome_datatable_main #fr_DataTable_wrapper span a.paginate_button:hover {
  	 background: var(--sitePrimaryColor) !important;
    color: #fff !important;
}




.fr_cutome_datatable_main #DataTables_Table_0_wrapper span a.paginate_button.current {
    background: var(--sitePrimaryColor) !important;
    color: #fff !important;
}

.fr_cutome_datatable_main #DataTables_Table_0_wrapper span a.paginate_button {
    color: var(--siteTextColor) !important;
}

.fr_cutome_datatable_main #DataTables_Table_0_wrapper span a.paginate_button:hover {
  	 background: var(--sitePrimaryColor) !important;
    color: #fff !important;
}

.fr_cutome_datatable_main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0000 !important;
    border: 1px solid #fff;
}


/*Question & Answer Page*/

.my_website_dv.table-responsive.fr_question_content.fr_question_page .fr_tb_ans_category_content p{
    white-space: inherit;
	/* display: flex;
    width: 100%; */
}

.fr_cutome_datatable_main .my_website_dv.table-responsive.fr_question_content.fr_question_page table {
    table-layout: initial;
}


.my_website_dv.table-responsive.fr_question_content.fr_question_page  .fr_tb_ans_category_content_wrapper {
    position: relative;
    height: 100%;
    max-height: 120px;
    width: 100%;
    overflow-x: hidden;
    max-width: 740px;
    padding: 0 15px 0 0;
}


/**/
table.dataTable.display tbody tr:first-child td {
        border-top: none !important;
}
table.dataTable.display>tbody>tr:hover>* {
    box-shadow: none !important;
}

.fr_cutome_datatable_main .my_website_dv table tr td {
    border-bottom: 0;
}


.fr_cutome_datatable_main table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: none !important;
}


table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
	border-top: none;
}

.fun_checkbox {
    text-align: left;
    text-transform: capitalize;
    cursor: pointer;
 }
 .fun_checkbox > input{
   position:absolute;
   left:-999999px;
 }
 .fun_checkbox > label {
    position: relative;
    cursor: pointer;
    color: var(--siteSecondaryColor);
    font-size: 15px;
 }
 .fun_checkbox > label:last-child {
   margin-bottom: 0;
 }
 .multi-select-menuitems label input{
   opacity: 0;
 }
 .fun_checkbox > label:before {
    content: "";
    margin: 3px 0 0px;
    width: 30px;
    height: 10px;
    background-color: #dbdfe7;
    border-radius: 50px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(2px);
    transition: 0.3s;
 }
  
 .fun_checkbox > label:after {
    position: absolute;
    content: "";
    top: 2px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42);
}
 
  
 .fun_checkbox > input:checked ~ label:after {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    background: var(--sitePrimaryColor);
    border: solid 1px var(--sitePrimaryColor);
 }
 /* checkbox end */
 .fr_checkbox {
    margin-bottom: 20px;
}
.fr_checkbox label {
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    margin-bottom: 15px;
    cursor: pointer;
}
.fr_checkbox label:before {
    content: "";
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 11px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #8b91ae;
}
.fr_checkbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid var(--sitePrimaryColor);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.fr_checkbox input {
	display: none;
}

/**/
/*=============================
    Dashboard Page Changes points Style
=============================*/

.fr_dash_box_main {
    display: grid;
	display: -ms-grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 20px;
    margin-bottom: 20px;
}

h5.fr_cmp_name_single {
	text-align: left;
    margin-left: 0;
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.4;
    color: var(--siteTextColor);
    font-weight: 500;
    margin-bottom: 0;
}


.ap_datatable_Wrapper {
    height: 100%;
    max-height: 500px;
    overflow: auto;
    width: 100%;
	overflow-x: hidden;
}

.ap_datatable_Wrapper::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.ap_datatable_Wrapper::-webkit-scrollbar-track {
	background-color: #d9c7c1;
	border-radius: 10px;
}
.ap_datatable_Wrapper::-webkit-scrollbar-thumb {
	background-color: var(--sitePrimaryColor);
	border-radius: 10px;
}

.fr_warning_box {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #fffcf8;
    border-radius: 10px;
    padding: 10px;
    border: solid 1px #ffc048;
  }
  
  .fr_warning_box img {
    width: 61px;
    height: 55px;
    object-fit: contain;
  }
  
  .fr_warning_box>p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #ffc048;
  }

/**/
/*=============================
    Tooltip Style
=============================*/

.tooltip_icon {
	position: absolute;
	font-size: 12px;
	padding: 7px 10px;
	background-color: #3c364e;
	color: #fff;
	line-height: 18px;
	border-radius: 3px;
	top: auto;
	bottom: 100%;
	margin-bottom: 8px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
	max-width: fit-content;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
 }
.tooltip_icon:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #3c364e;
    bottom: -2px;
    left: 47%;
    transform: rotate(45deg);
}

.fr_table_icon a:hover .tooltip_icon{
	opacity: 1;
	visibility: visible;
}

/*=============================
campaign Page Changes points Style
=============================*/
.fr_hd_button {
    display: inline-flex;
    grid-gap: 10px;
}
.fr_cmp_name_single a {
    margin-left: 10px;
}

a.frm_btn.fr_bc_cmp {
    background-color: var(--sitePrimaryColor);
    padding: 0 20px;
}

.fr_structure_header.fr_structure_camp_header .fr_hd_button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fr_structure_header.fr_structure_camp_header {
    flex-wrap: wrap;
    gap: 10px;
}

a.frm_btn.fr_bc_cmp:focus {
    color: #fff !important;
}

.fr_structure_header.fr_structure_camp_header {
    flex-wrap: wrap;
    gap: 10px;
    align-items: baseline;
    padding-bottom: 25px !important;
    position: relative;
}

h3.fr_c_page_heading {
    font-size: 22px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 600;
    margin-left: 55px;
    margin-bottom: 43px;
}

.fr_ds_left_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 17px;
}

.fr_cmp_name_single a:hover .tooltip_icon {
    visibility: visible;
    opacity: 1;
    right: -58px;
    white-space: nowrap;
}

a.edit_campaign_name {
    position: relative;
}

.frm_btn.fr_bc_cmp.fr_back_button {
    padding: 0;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.fr_back_button img {
    margin: 0;
}
/**/
.fr_template_overlay_wrapper ul li a:hover .tooltip_icon{
	opacity: 1;
	visibility: visible;
}

.fl_tl_icon {
    position: relative;
}

.fl_tl_icon:hover .funnel_tooltip_icon{
	opacity: 1;
	visibility: visible;
}
.fl_tl_icon:hover .funnel_tooltip_icon {
    visibility: visible !important;
    opacity: 1 !important;
}
.fr_st_heading.fr_cmp_domain_header .funnel_tooltip_icon {
    position: absolute;
    font-size: 12px;
    padding: 7px 0;
    background-color: #3c364e;
    color: #fff;
    line-height: 14px;
    border-radius: 3px;
    top: -37px;
    bottom: 100%;
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 289px;
    max-width: 300px;
}

/*=============================
    Table action Style
=============================*/

.fr_table_icon {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

a.fr_act_svg {
    max-width: 34px;
    max-height: 34px;
    min-height: 34px;
    min-width: 34px;
    z-index: 1;
    border-radius: 5px;
}

a.fr_act_svg.view_sv {
    background-color: #ff6b091a;
}

.fr_st_heading.fr_st_center_hd h5 {
    border-bottom: 2px solid var(--sitePrimaryColor);
}

a.fr_act_svg.sett_svg svg {
    fill: #4887ff;
}
a.fr_act_svg.sett_svg {
   background-color: #4887ff30;
}
a.fr_act_svg.sett_svg:hover {
    background-color: #4887ff;
}

a.fr_act_svg.sett_svg:hover svg {
    fill: #ffffff;
}


.fr_table_icon a.open_page_settting.fr_act_svg.sett_svg:hover svg {
    fill: #fff;
}

.fr_table_icon a.open_page_settting.fr_act_svg.sett_svg:hover {
    background-color: #4887ff;
}


.fr_table_icon a.fr_act_svg.view_sv:hover svg {
    fill: #fff !important;
}

.fr_table_icon a.fr_act_svg.view_sv:hover {
    background-color: #ff7c25;
}

/*=============================
    Checkbox Style
=============================*/

label.funnel_radio_selector {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    padding-left: 25px;
    position: relative;
}
label.funnel_radio_selector input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
}
.funnel_radio_indicator{
	background-color: #fff;
	border: 1px solid #8b91ae;
	border-radius: 50%;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 18px;
}
.funnel_radio_indicator::after {
    background-color: var(--sitePrimaryColor);
    border-radius: 50%;
    content: "";
    display: none;
    height: 12px;
    left: 2.4px;
    position: absolute;
    top: 2px;
    width: 12px;
}

label.funnel_radio_selector input:checked ~ .funnel_radio_indicator::after {
    display: block;
}

/*=============================
Campaign page changes Style
=============================*/

.fr_main_structure.fr_n_campaign_page .fr_table_icon {
    margin-right: 35px;
}


h5.fr_md_heading {
	font-size: 15px;
	line-height: 1.4;
	color: var(--siteTextColor);
	font-weight: 500;
	margin-bottom: 15px;
}
h5.fr_md_heading sup {
    color: #f51414;
}

.fr_radio_buttonbox {
    display: grid;
}
.fr_create_form_wrapper {
    margin: 0 0 20px;
    background-color: #fbfcff;
    padding: 15px 15px 4px;
    border-radius: 6px;
    border: 1px solid rgb(32 43 63 / 40%);
}
.fr_radio_buttonbox .fr_md_input input {
    background-color: #ffffff;
}
.fr_radio_buttonbox .fr_md_input textarea {
    background-color: #ffffff;
}
.fr_radio_buttonbox .fr_md_input {
    margin-bottom: 10px;
}
.fr_radio_buttonbox .fr_md_input label.funnel_radio_selector {
    margin: 0;
    line-height: normal;
}
.fr_radio_buttonbox .funnel_radio_indicator {
    border-radius: 5px;
}
.fr_radio_buttonbox .funnel_radio_indicator::after {
    border-radius: 3px;
}
.sales_funnel_popup .modal-dialog {
    max-width: 750px;
}
.refreshMsg {
    padding: 15px 0 0 10px;
    color: #ff6b09;
    font-size: 18px;
    font-weight: 600;
}
.sales_funnel_popup .modal-content {
    overflow: unset;
    max-height: fit-content;
}
.gpt_pages_wrapper {
    background-color: #fefeff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eaedf4;
}
.gpt_pages_wrapper ul li {
    margin: 0 0 20px;
    font-size: 18px;
    color: #797979;
    display: flex;
    gap: 10px;
    align-items: center;
}
.gpt_pages_wrapper ul li.active {
    font-weight: 500;
    color: var(--siteTextColor);
}
.gpt_pages_wrapper ul li:last-child {
    margin-bottom: 0;
}
.gpt_pages_wrapper ul li span {
    position: relative;
    top: -2px;
}
.gpt_pages_wrapper ul li span img {
    max-width: 22px;
    max-height: 22px;
    object-fit: contain;
}
/**/
.fr_robot_bg_shap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    overflow-y: scroll;
}
.fr_robot_bg_shap img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 650px;
}

/**/
div#create_campign .modal-dialog {
    max-width: 450px;
}

/**/
.fr_select_template_type {
	display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
}
/*.fr_select_template_type .fr_template_type_content {*/
/*    -webkit-flex: 0 0 33.33%;*/
/*    flex: 0 0 30.33%;*/
/*    max-width: 30.33%;*/
/*}*/
.fr_select_template_type .fr_template_type_content {
    -webkit-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}

.fr_select_template_type label.fr_layout_box {
    margin-bottom: 0;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    /*height: 80px;*/
    height: 95px;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    transition: all 0.3s;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: rgba(var(--sitePrimaryLight),  20%);
}
.fr_select_template_type input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer;
}
.fr_select_template_type .fr_layout_shap {
    width: 50px;
    height: 50px;
    background-color: var(--sitePrimaryColor);
    border-radius: 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fr_select_template_type .fr_layout_shap svg path {
    fill: #fff;
}
.fr_select_template_type p {
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    margin-top: 10px;
}

.fr_layout_box input[type="radio"]:checked + .fr_layout_shap::before {
    opacity: 1;
    visibility: visible;
}

.fr_layout_box .fr_layout_shap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000;
    left: 0;
    top: 0;
    border: 1px solid var(--sitePrimaryColor);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}


/*Page Setting Popup Changes Points*/

div#page_setting .modal-body {
    padding: 25px 20px;
    height: 100%;
    max-height: 480px;
    overflow: auto;
}

div#page_setting .modal-dialog {
    max-width: 500px;
}


div#page_setting .modal-body::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
div#page_setting .modal-body::-webkit-scrollbar-track {
	background-color: #f3f5f9;
	border-radius: 10px;
}
div#page_setting .modal-body::-webkit-scrollbar-thumb {
	background-color: var(--sitePrimaryColor);
	border-radius: 10px;
}

div#page_setting .modal-body label.funnel_radio_selector {
    margin-top: 20px;
}

.fr_inputdomain_holder.fr_subDomain_holder input[type="text"] {
    padding-right: 155px;
}
.fr_subDomain_holder span.subDomain {
    position: absolute;
    top: 2px;
    right: 2px;
    line-height: 40px;
    width: 150px;
    background-color: rgb(242 245 250);
    text-align: center;
    border-radius: 0 5px 5px 0;
    border: 1px solid rgb(234 237 243);
}

/**/
.funnel_404_page_wrap {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 40px 0;
    display: flex;
    min-height: 100vh;
    align-items: center;
}
.funnel_404_page_wrap h4 {
    font-size: 36px;
    line-height: 1.4;
    color: var(--siteTextColor);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Outfit', sans-serif;
}
.funnel_404_page_wrapp {
    font-size: 18px;
    color: var(--siteTextColor);
    max-width: 800px;
    margin: 0 auto 15px auto;
}
.error_btn {
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--sitePrimaryColor);
    min-width: 185px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #fff;
    padding: 0 20px;
    transition: var(--transition);
    border: 1px solid var(--sitePrimaryColor);
    font-family: 'Outfit', sans-serif;
}
.errr_content g#Capa_8 .cls-3 {
    fill: var(--sitePrimaryColor);
}

.errr_content svg {
    overflow: hidden;
    vertical-align: middle;
    height: 400px;
}

.funnel_404_page_wrap img {
    height: 359px;
}

.funnel_404_page_wrap p {
    font-size: 18px;
    max-width: 800px;
    margin: 15px auto 20px auto;
}


.fr_st_heading.fr_cmp_domain_header {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

a.sett_svg_icon.icon_shap {
    background-color: #fff;
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    margin-bottom: 0;
    border-radius: 5px;
}


/*Setting Dropdown*/

.wpa_setting_dropdown:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    transform: rotate(45deg);
    top: -4px;
    right: 3px;
}

.wpa_setting_dropdown:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    transform: rotate(45deg);
    top: -4px;
    right: 3px;
    transition: 0.3s all;
}
.wpa_setting_dropdown ul li {
    margin-bottom: 5px;
}
.wpa_setting_dropdown ul li a {
    color: var(--siteTextColor);
    font-size: 15px;
    padding: 0 0 0 0;
    display: inline-block;
    width: 100%;
    font-weight: 400;
}
.wpa_setting_dropdown span.wpa_dropdown_ic {
    margin: 0 10px 0 0;
}
.wpa_setting_dropdown span.wpa_dropdown_ic svg {
    height: 12px;
    fill: #687da5;
}
.wpa_setting_dropdown.show {
    visibility: hidden;
    opacity: 0;
}

.wpa_setting_dropdown {
    position: absolute;
    right: 2px;
    top: 49px;
    background-color: #fff;
    filter: drop-shadow(0px 5px 25px rgba(0, 0, 0, 0.03));
    border: 1px solid var(--wpa-border-color);
    z-index: 2;
    padding: 16px 20px 17px;
    max-width: fit-content;
    min-width: 140px;
    border-radius: 4px;
    visibility: visible;
    opacity: 1;
    transition: 0.3s all;
}


.funnel_404_page_wrap.funnel_under_construction_page_wrap svg {
    margin-bottom: 40px;
    max-width: 100%;
}


/**/

/*.select2-container {*/
/*    width: auto !important;*/
/*    display: block;*/
/*}*/

/*.fr_robot_bg_shap .fr_select .select {*/
/*    width: 100%;*/
/*    display: inherit;*/
/*}*/


.fr_int_tabs_menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fr_int_tabs_menu ul {
    display: flex;
    border-radius: 50px;
    background-color: #ffffff;
    padding: 12px 15px;
    gap: 20px;
    flex-wrap: wrap;
}
.fr_int_tabs_menu ul li a {
    font-size: 15px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 500;
}

.fr_int_tabs_menu ul li a::before {
    content: '';
    position: absolute;
    height: 2.5px;
    left: 50%;
    bottom: -16px;
    background-color: var(--sitePrimaryColor);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    width: 0;
}

.fr_int_tabs_menu ul li a.active {
    color: var(--sitePrimaryColor);
   
}
.fr_int_tabs_menu ul li a {
    position: relative;
}

.fr_int_tabs_menu ul li a.active::before {
    visibility: visible;
    opacity: 1;
    width:80%;
}

.funn_tabcontent_data.active{
    display:block !important;
}
.funn_tabcontent_data{
    display:none;
}


.youzign_setting_main{
    margin-top: 40px;
}

.fr_yzig_setting_main_content{
    position: relative;
    background: #ffff;
    padding: 30px 35px;
    border-radius: 10px;
    background-color: #ffffff;
    max-width: 744px;
    margin: 0 auto;
}


.fr_yzig_setting_main_content h5 {
    font-size: 22px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 600;
    font-family: "Outfit";
    margin-bottom: 25px;
}


/*Multiselect Css Common Css*/

.select.fr_custom_multi_select {
    height: fit-content;
    min-height: 42px;
}
.select.fr_custom_multi_select .select2-container .select2-selection--multiple {
    min-height: 42px;
}

.select.fr_custom_multi_select span.select2-selection.select2-selection--multiple li.select2-search.select2-search--inline {
    display: none;
}

/*Trello Points*/

.fr_load_more_blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px;
    margin: 40px auto 0 auto;
}

p.notFound {
    text-align: center;
    background-color: white;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
}

.noTempFound{
    text-align: center;
    background-color: white;
    border-radius: 10px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
}

.fr_model .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 6px;
    font-weight: 400;
    font-size: 15px;
    color: #66738b;
}




.frm_btn:focus:hover {
    background-color: var(--sitePrimaryColor);
    border: 1px solid var(--sitePrimaryColor) !important;
    color: #fff !important;
}

.frm_btn:focus:hover svg,.frm_btn:focus:hover path {
    fill: #fff;
}


.fr_cutome_datatable_main div#fr_DataTable_length label select {
    border: 1px solid #f1f1f8 !important;
    background-image: url(https://funnelrobotapp.com/assets/images/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 33px;
}
.fr_cutome_datatable_main div#DataTables_Table_0_length label select {
    border: 1px solid #f1f1f8 !important;
    background-image: url(https://funnelrobotapp.com/assets/images/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 33px;
}

.dataTables_wrapper .dataTables_length select {
    padding: 4px 19px 4px 8px;
}


.fr_structure_header.flex_space_page_header {
    display: flex;
    align-items: center;
    padding: 40px 50px 0px 50px;
    justify-content: space-between;
}


/**/
.fr_md_input.fl_tb_checkbox.model_check input:checked + label:after{
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
 
.fr_sidebar_main .fr_profile_wrapper .user_img img{
    object-fit: cover;
    object-position: top;
}


.fr_img_upload_wrapper > p {
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 7px;
}


/*Lead Page Header Design Points*/

.fr_right_header.fr_lead_right_panel {
    gap: 20px;
    align-items: center;
}

.fr_right_header.fr_lead_right_panel .fr_select .select {
    width: 200px;
    max-width: 200px;
}

.fr_right_header.fr_lead_right_panel .fr_select{
   margin-bottom: 0; 
}
.fr_model  p.showdomaininfo_link {
    margin: 20px 0;
}

.fr_model  p.showdomaininfo_link a:hover{
    color:var(--sitePrimaryColor);
}

.fr_table_icon a.open_page_setting.fr_act_svg.sett_svg:hover {
    background-color: #4887ff;
}

.fr_table_icon a.open_page_setting.fr_act_svg.sett_svg:hover svg{
    fill: #fff;
}
.fr_active_responder {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    visibility:hidden;
    opacity:0;
}

label.responder_content_box.active .fr_active_responder {
    visibility:visible;
    opacity:1;
}


/* Analytics Page Css*/



.dashGraphWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
}
.dashGraphWrap .dashGraph {
    width: 100%;
}
.dashGraphWrap .dashGraph canvas {
    width: 100% !important;
    height: auto !important;
}
.dashGraphWrap svg:not(:root) {
    overflow: hidden;
}
.ct-label.ct-horizontal.ct-end:last-child {
    width: 70px !important;
    padding-left: 3px;
}
 span.ct-label.ct-vertical.ct-start {
    padding-right: 10px !important;
}
.dashGraphWrap .dashGraphWrap #labels {
    margin-top: 35px;
    text-align: center;
}
 rect.label-series-a {
    fill: #3c364e;
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #3c364e;
}
rect.label-series-b1 {
    fill: #8fce35;
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #8fce35;
}
.dashGraphWrap .ct-label {
    fill: #3c364e;
    color: #3c364e;
    font-weight: 500;
}

.dgDateRange {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.dashGraphWrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    padding: 15px 10px 30px 10px;
    margin: 0 20px 45px 20px;
}

.reportrange {
    background-color: #fcfdff;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    line-height: 1.4;
    padding: 0 20px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #eaedf3;
    color: #c5ccda;
}
.dashGraphWrap .dgDateRange {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding: 25px 35px 0px 35px;
    flex-wrap:wrap;
}

.dgDateRange .fr_select .select {
    width: 200px;
}

.dashGraph div#labels {
    margin-top: 35px;
    text-align: center;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li.active {
    background-color: var(--sitePrimaryColor) !important;
}


.dashGraphWrap .dashGraph div#labels {
    margin-top: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
}

/* Tags */
.fr-tags-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 20px;
    padding: 0px 10px;
}
.fr-tags-wrap h4 {
    font-size: 16px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    margin: 0;
}

.fr-tags-box {
    display: inline-flex;
    flex-wrap: wrap;
    grid-gap: 5px 10px;
}

.fr-tag {
    background: rgb(255 107 9 / 10%);
    border: 1px solid rgb(255 107 9 / 20%);
    color: var(--sitePrimaryColor);
    padding: 3px 10px;
    border-radius: 3px;
    font-weight: 500;
}
.fr-tag span {
    margin-left: 10px;
    display: inline-block;
    background: var(--sitePrimaryColor);
    height: 18px;
    width: 18px;
    border-radius: 30px;
    color: #fff;
    line-height: 17px;
    vertical-align: text-bottom;
    cursor: pointer;
}


/**/

.fr_flexy_gap{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.fr_sidebar_ft .fr_lgout_btn .frm_btn{
    border: 1px solid var(--sitePrimaryColor);
}

.fr_sidebar_ft .fr_lgout_btn .frm_btn:focus:hover svg, .fr_sidebar_ft .fr_lgout_btn .frm_btn:focus:hover path {
    fill: #fff;
}

.fr_sidebar_ft .fr_lgout_btn .frm_btn:hover {
   background-color:#0000;
   border:1px solid var(--sitePrimaryColor);
}

/*Deshboard features Box Css*/

.fr_dash_features {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
    margin-top: 2px;
    margin-bottom: 30px;
}

.fr_dash_features a {
   background-color: #fff;
    padding: 40px 25px;
    border-radius: 14px;
    text-align: center;
}


.fr_dash_features h6 {
    font-size: 20px;
    line-height: 1.4;
    color: var(--siteTextColor);
    font-weight: 600;
}

.fr_dash_features p {
    margin: 0;
    font-size: 16px;
    color: var(--siteTextColor);
    line-height: 1.4;
}

.fr_dash_features img {
    width: 100px;
    height: 100px;
    margin: 0px auto 20px auto;
    object-fit: contain;
}

/*setting page css start*/
.fr_q_a_main_content.fr_set_accordian {
    max-width: 100%;
}
.fr_setting_accordian .fr_set_accordian h5{
    font-size: 22px;
    line-height: 1.4;
    color: var(--siteSecondaryColor);
    font-weight: 600;
    font-family: "Outfit";
    margin-bottom: 20px;
}
.fr_set_accordian .sectionHeading h5 {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #EEF3F7;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.accordion_body {
    width: 100%;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    padding: 0 14px;
}
.accordion_head {
    position: relative;
}
.accordion_head {
    cursor:pointer;
}
.plusminus {
    float: right;
    position: absolute;
    top: 5px;
    z-index: 999;
    right: 16px;
    width: 18px;
    height: 18px;
    background-color: var(--sitePrimaryColor);
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
}
.fr_set_accordian ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fr_set_accordian .sectionHeading {
    padding-top: 0px;
    padding-bottom: 18px;
}
.fr_set_accordian ul li {
    display: block;
    width: 100%;
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}
.switch input.switch-inpt {
    opacity: 0;
    width: 0;
    height: 0;
}
.fr_set_accordian ul li.br_switch_toggle {
    display: flex;
    align-items: center;
}
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fbdde0;
    border: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #f9717e;
    -webkit-transition: .4s;
    transition: .4s;
}
input.switch-inpt:checked+.slider {
    background-color: rgb(255 107 9 / 33%);
}
input.switch-inpt:checked+.slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
    background-color: var(--sitePrimaryColor);
}
/* Rounded sliders */
/*.slider.round {*/
/*    border-radius: 34px;*/
/*}*/
/*.slider.round:before {*/
/*    border-radius: 50%;*/
/*}*/
/*li.br_switch_toggle p {*/
/*    font-size: 15px;*/
/*    color: #909eb2;*/
/*    font-weight: 500;*/
/*    margin-right: 20px;*/
/*}*/
.accordion_body .captchaFields {
    width: 100%;
}
.key_option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
/* dashboard welcome css*/
.fr_dash_welcome {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}
.fr_dash_wel_box {
    display: flex;
    align-items: center;
    gap: 150px;
    width: 100%;
}
.fr_dash_mycamp, .fr_dash_wel_box{
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 14px;
}
.fr_dash_mycamp {
    max-width: 620px;
    width: 100%;
}
.fr_dash_wel h5, .fr_dash_mycamp h5 {
    margin: 0;
    font-size: 34px;
    line-height: 1.4;
    color: var(--siteTextColor);
    font-weight: 700;
}
.fr_dash_wel p, .fr_dash_mycamp p {
    margin: 0;
    font-size: 16px;
    color: var(--siteTextColor);
    padding: 10px 0 20px;
}
.fr_dash_mycamp p {
    max-width: 280px;
    padding: 20px 0 20px;
}
.fr_dash_wel p{
    max-width: 350px;
}
div#fr_welcome_video .modal-dialog {
    max-width: 800px;
}



.fr_q_a_main_content.fr_set_accordian .fr_md_input label.fr_upload img {
    object-fit: contain;
    max-width: 100px;
    min-width: 100px;
    min-height: 60px;
    max-height: 60px;
    margin: 28px 0 10px 0;
}

.fr_md_input.fr_uplode_wrapper {
    width: 100%;
    padding: 20px 20px 20px 20px;
    border-radius: 6px;
    background-color: #fcfdff;
    border: 1px solid #eaedf3;
    font-size: 15px;
    color: #66738b;
    font-weight: 400;
}

.fr_md_input.fr_uplode_wrapper label{
    display: block;
}

.fr_md_input.fr_uplode_wrapper .fr_upload {
    max-width: calc(100% - 120px);
    cursor: pointer;
}
.fr_md_input.fr_uplode_wrapper .fr_upload img {
    position: absolute;
    right: -115px;
    top: -42px;
}

/*Add New Campaign Model Message*/

p.chatGpt_msg {
    margin-top: 15px;
}

/*Section Page Changes Points*/

.fr_main_structure.fr_section_page .fr_structure_header .fr_right_header .search-area .fr_select{
    margin-bottom: 0;
}

/**/

/*.modal-body iframe {*/
/*    border: none;*/
/*    height:50vh !important;*/
/*}*/

.fr_sidebar_main .logo_ds img {
    width: 166px;
    height: 34px;
    object-fit: contain;
    margin: 0 auto 0 0;
}

.preloader .loader img{
    width: 166px;
    height: 34px;
    object-fit: contain;
    margin: 0 auto 0 0;
}


.fr_switch:hover .funnel_tooltip_icon{
    opacity: 1;
    visibility: visible;
}
.fr_switch .funnel_tooltip_icon{
    max-width: 110px;
}

/**/
/*=============================
    Model Iframe Style
=============================*/
   
.model_iframe_wrapper {
    position: relative;
    padding-top: 50.25%;
    overflow: hidden;
}

.model_iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.fr_table_icon a.fr_act_svg.copy_icon:hover svg, .fr_table_icon a.fr_act_svg.copy_icon:hover svg path {
    fill: #fff !important;
}
.fr_table_icon a.fr_act_svg.copy_icon:hover {
    background-color: #FF577F;
}
a.fr_act_svg.copy_icon {
    background-color: #ff577f3b;
}

.fr_table_icon a.fr_act_svg.link_icon:hover svg {
    fill: #fff !important;
}
.fr_table_icon a.fr_act_svg.link_icon:hover {
    background-color: #775bff;
}
a.fr_act_svg.link_icon {
    background-color: #eeebff;
}

a.fr_act_svg.copy_icon.copy_icon_move {
    background-color: #cbf9ff;
}
a.fr_act_svg.copy_icon.copy_icon_move:hover svg g path {
    fill: #ffffff;
}
a.fr_act_svg.copy_icon.copy_icon_move:hover {
    background-color: #00BCD4;
}

/*White Label Css*/
.fr_white_label_wrapper {
    background-color: #fff;
    padding: 30px 30px;
    border-radius: 15px;
}

.fbc_modalLabel {
    display: inline-block;
    color: var(--sitePrimaryColor);
    margin-left: 5px;
}

.frr_uploadImage {
    padding: 30px;
    border-radius: 6px;
    background-color: #fcfdff;
    border: 1px dashed #eaedf3;
    position: relative;
}
.frr_uploadIcon img {
    max-width: 58px;
    max-height: 58px;
    object-fit: contain;
}
input.frr_file_input {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    height: 100%;
}
.frr_upload {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.frr_uploadDetail p {
    margin: 0;
}
.send_mail_wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.send_mail_wrapper label.funnel_radio_selector {
    line-height: normal;
}
/* Spectrum Color Picker Css */
.sp-original-input-container {
  display: block !important;
  z-index: 5;
}
.fbc_colorpicker_dv .sp-original-input-container .sp-add-on {
  position: absolute;
  width: 30px !important;
  left: 10px;
  height: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: auto;
  z-index: 1;
  border-radius: 6px !important;
  background: var(--white-color);
  padding: 0;
}
.fbc_colorpicker_dv input.spectrum.with-add-on {
    padding: 0 20px 0 50px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid #eaedf3;
    z-index: 9;
    position: relative;
}
/* Spectrum Color Picker Css */
.fbc-page-title-tab h4 {
    font-size: 22px;
    color: var(--siteSecondaryColor);
    font-weight: 600;
    margin: 20px 0 10px;
}
.fbc-page-title-tab p b {
    font-weight: 500;
    color: #222222;
}