.noofusers {
	margin-left: 40px;
	font-weight: bold;
	font-size: 22px;
	color: black;
}

.userlabel {
	margin-left: 30px;
	color: black;
	font-weight: normal;
}

/*shortcuts*/
.shortcut {
	margin-top: 30px;
}

.shortcutlists {
	border: 1px solid #ddd;

	width: 200px;
	/* font-size:18px; */
	margin-left: 20px;
	/* padding:30px; */
	height: 100px;

	color: black;
}

.closeicon {
	margin-top: 10px;
	margin-left: -20px;
}

.settingsIndexPage li {
	display: inline-block;
	width: 200px;
	height: 122px;
	margin-left: 20px;
	padding: 30px;
	border: 1px solid #ddd;
	background: #F3F3F4;
}



/*==================RSoft Theme CSS ==============*/


/*=============scrollbar theme==============*/

 ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.6);
}

::-webkit-scrollbar-thumb:active {
	background: rgba(0, 0, 0, 0.8);
}

/*=============scrollbar theme end==============*/



.rsoft_theme .card.card_outer {
	border-radius: 5px;
	border: 1px solid #E1EEF9;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(105, 184, 245, 0.35);
	padding:15px;
	height: 99%;
	margin-bottom: 0px;
	margin-top: 5px;

}
body.horizontal-layout .rsoft_theme .card.card_outer{height: 81vh;}

.rsoft_theme .main_container_outer {
	width: 100.7%;
	padding-right: 10px;
}

.rsoft_theme .card.card_outer .menus_tab_line {
	background-color: #DDD;
	height: 1px;
	display: block;
	margin-top: 0px;
}

body.horizontal-layout .rsoft_theme .card.card_outer .menus_tab_line{padding-top: 1px;}

.rsoft_theme .card.card_outer .nav.nav-tabs .nav-item .nav-link {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
}

.rsoft_theme .card.card_outer .nav.nav-tabs .nav-item .nav-link.active {
	border-radius: 0.25rem 0.25rem 0rem 0rem;
	color: #fff;
	box-shadow: none;
}
.rsoft_theme .card.card_outer .nav.nav-tabs .nav-item div.dropdown{margin: 0px; padding: 0px;}
.rsoft_theme .card.card_outer .nav.nav-tabs .nav-item div.dropdown a.menu i{padding-right: 0px; margin-right: 0px;}

.rsoft_theme .card.card_outer .card-header .heading-elements {
	position: relative !important;
	top: auto !important;
	right: -23px !important;
}

.rsoft_theme .card.card_outer .card-header {
	padding: 10px 20px 0px;
}

.rsoft_theme .card.card_outer .card-body {
	margin: 20px 0px 0px;
	padding: 0px;
}

.rsoft_theme .col-2-5 {
	max-width: 19.8%;
	flex: auto;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

.rsoft_theme .col-2-5 .card {
	margin-bottom: 1.155rem;
}

.rsoft_theme .card_list_box {
	padding-right: 0px;
	;
}

.rsoft_theme .card_list_box .media {
	padding: 14px;

}

.rsoft_theme .card.card_outer .card-body .cards-title {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 600;
	text-transform: capitalize;
	width: 100%;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box !important;
}

.rsoft_theme .card.card_outer .card-body-inner {
	box-shadow: 0px 2px 12px 0px #B4B3B3;
	border-radius: 5px;
	margin: 0px;
	min-height: 104px;
}

.rsoft_theme .card.card_outer .card-body-inner h1 {
	font-size: 22px;
	font-weight: bold;
}

.rsoft_theme .card.card_outer .align-self-top {
	margin-top: 16px;
	border-left: 1px solid rgba(255, 255, 255, 0.20);
	padding-left: 10px;
}

.rsoft_theme .card.card_outer .icon-ef {
	filter: drop-shadow(0px 1px 4px rgba(131, 131, 131, 0.85));
}

body .customizer .customizer-toggle {
	top: 86px !important;
}

body.horizontal-layout .customizer .customizer-toggle {
	top: 141px !important;
}

.rsoft_theme ul.sub_menus {
	margin: 23px 0px 10px;
	padding: 10px;
	border-radius: 5px;
	width: max-content;
	box-shadow: 0px 2px 10px 0px #C5E4FD;
}

.rsoft_theme ul.sub_menus li {
	display: inline-block;
	margin: 0px;
	padding: 0px 1px;
}

.rsoft_theme ul.sub_menus li a {
	padding: 5px 10px;
	display: block;
	border-radius: 4px;
	font-size: 14px;
}

.rsoft_theme ul.sub_menus li a.active {
	color: #fff !important;
}

.rsoft_theme .heading-elements ul li i {
	font-size: 20px;
}


body .main-menu.menu-fixed {
	z-index: 999 !important;
}
#dashboardTap .action_btn{
	padding-top: 100px;
	padding-left: 150px;}

.action_btn {
	position: absolute;
	right: 18px;
    bottom: 15px;
}

.action_btn a {
	border-radius: 10px;
	display: block;
	padding: 8px 8px 5px;
	border: 1px solid #ECECEC;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(177, 177, 177, 0.25);
	margin-top: 5px;
}
.action_btn a:hover>i{color: #1976d2;}
.action_btn .sub_menus {
	display: none !important;
	
}
.action_btn .sub_menus.show_popup{border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 2px 15px 0px rgba(146, 146, 146, 0.25);
	border: none; display: block !important;bottom: 0px;
    position: absolute;
    right: 50px;
    width: 350px;
    max-height: 170px;
    padding: 10px 0px;
    overflow-y: auto;}

.action_btn .title {
	font-size: 14px;
	padding: 5px 0px;
	margin: 0px 20px 4px;
	font-weight: bold;
	border-bottom: 1px solid #EEEFF5;
	color: #1976d2;
}

.action_btn .dropdown-item {
	font-size: 12px;
}

.action_btn .dropdown-item.active,
.action_btn .dropdown-item:active {
	background-color: #1976d2;
}

/* .tooltip>.tooltip-inner {background-color: #41D46A !important; font-weight: normal;} */
.palette .tooltip1,
.palette .progress {
	display: none;
}

.palette.act .tooltip1 {
	display: block;
	position: absolute;
	right:76px;
	width: max-content;
	/* background: #5ed84f; */
	padding: 5px 10px;
	border-radius: 5px;
	top: 35px;
	color: #fff;
	text-transform: capitalize;
}

.palette.act .tooltip1:before {
	content: "";
	width: 0;
	height: 0;
	border-width: 7px 0 7px 8px;
	/* border-color: transparent transparent transparent #5ed84f; */
	border-style: solid;
	position: absolute;
	right: -8px;
	top: 7px;
}

.action_btn .palette.act .progress {
	display: grid;
}

.action_btn .progress {
	height: 0.3rem;
	margin-bottom: 0px !important;
}

/* .action_btn .progress-bar {
	background-color: #5ed84f;
} */


/*==============Filter Popup=============*/
.rsoft_theme .modal-body {
	background: #F4F4F4;
}

.rsoft_theme .modal-body .search_wr,
.rsoft_theme .modal-body .date_wr {
	position: relative;
}

.rsoft_theme .modal-body .search_wr i,
.rsoft_theme .modal-body .date_wr i {
	position: absolute;
}

.rsoft_theme .modal-body .search_wr i {
	right: 13px;
	top: 9px;
}

.date_wr i {
	right: 10px;
	top: 8px;
}



.rsoft_theme .modal-body .filteraccordion_main.accordion {
	overflow-anchor: none;
	overflow-y: auto;
	height: 200px;
}

.rsoft_theme .modal-body .filteraccordion_main button {
	text-transform: capitalize;
	padding: 14px 12px 10px;
	font-size: 12px;    padding-left: 33px;
}
.rsoft_theme .modal-body .form-control{border: 1px solid #D6D7DF;}
.rsoft_theme .modal-body .filteraccordion_main .modal-title{font-weight: 700;margin-top: 4px;}
.rsoft_theme .modal-body .filteraccordion_main .card {
	margin-bottom: 0.5rem;
	border: 1px solid #D6D7DF;
    border-radius: 5px !important;
	border-bottom: 1px solid #D6D7DF !important;
}

.rsoft_theme .modal-body .filteraccordion_main .card .card-body {
	margin: 0px 13px 13px; letter-spacing: normal;
}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul{margin: 0px; padding: 0px;list-style: none;}
.rsoft_theme .modal-body .photo img{border-radius: 50%;width: 46px; height: 48px;}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li p{margin: 0px; line-height: normal; font-size: 11px;}

.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li{border: 1px solid #D6D7DF; padding: 10px; margin-bottom: 5px; border-radius: 5px; cursor: pointer;background: #F8F8F8;}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li.act{border: 1px solid #98c9f1; background: #cfeaff;}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li:hover{border: 1px solid #98c9f1;}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li strong{font-size: 12px;margin-top: 3px; display: block;}
.rsoft_theme #filterpopup .modal-header .modal-title{line-height: normal;
    margin-top: 5px;}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
	outline: none;
}
.rsoft_theme .modal-body .filteraccordion_main .card .form-check-input{margin-left:-21px;margin-top: 1px;}
.rsoft_theme .modal-body .filteraccordion_main .card input[id="Check1"]{
	border: 1px solid #D0D2DB;
}.rsoft_theme .modal-body .filteraccordion_main button span {
    font-weight: normal;
}
.rsoft_theme .modal-body .filteraccordion_main button i{
    float: right;transition: all 0.5s;
	transform: rotate(-179deg);margin-top: -4px;
}
.rsoft_theme .modal-body .filteraccordion_main button .collapsed i{
	transform: rotate(0deg);float: right;
}

.rsoft_theme .modal-header,.rsoft_theme .modal-body,.modal-footer{padding:1.1rem 1.8rem;}
.rsoft_theme .modal-footer .btn{font-family: "Roboto",sans-serif;letter-spacing: normal; font-size: 14px;}
.rsoft_theme .modal-footer .btn-secondary{background: none; color: #1976d2; border: 1px solid #1976d2;}
.rsoft_theme .modal-footer .btn-secondary:hover{background: #1976d2; color: #fff; border: 1px solid #1976d2;}
.rsoft_theme .modal-footer .btn-primary{background: #1976d2; color: #fff; border: 1px solid #1976d2;}
.rsoft_theme .modal-footer .btn.btn-link{background: none; color: #606687; border: none;padding: 0px;}
.rsoft_theme .modal-footer .btn.btn-link:hover{background: none; color: #1976d2; border: none;}
.rsoft_theme .modal-footer .btn .material-symbols-outlined{vertical-align: middle;}

.rsoft_theme .card-header .heading-elements .filters a {margin: -7px 0px 0px;}
.rsoft_theme .modal-body .filteraccordion_main .card .card-body ul li {width: 100%;text-align: left;}


.box_left_wr{border-radius: 25px 0px 0px 25px;background: linear-gradient(45deg, #7751D5 0%, #A15AF6 100%);}
.box_right_wr{border-radius:0px 25px 25px 0px;background: #fff;border-left: 6px solid #cccccc75;}
.box_right_wr h4 {background: linear-gradient(90deg, #7751D5 10%, #9457EC 85.81%);
    color: #fff;
    margin: 20px 0px 0px -48px;
    padding: 10px 17px 8px 18px;
    border-radius: 0px 20px 20px 0px;
    font-size: 16px;
	font-weight: bold;
    display: inline-block;
}

.login_outer_wr{width: 800px !important; height: 553px !important; max-width: 800px !important; max-height: 553px !important;}
.rsoft_theme ul.sub_menus li a span,.rsoft_theme ul.sub_menus li a .user_info_filter_box.text_1 span,.rsoft_theme ul.sub_menus li a .user_info_filter_box.text i{
    display: none;
}
.rsoft_theme ul.sub_menus li a.active span,.rsoft_theme ul.sub_menus li a.active .user_info_filter_box.text,.rsoft_theme ul.sub_menus li a.active .user_info_filter_box.text_1 span,.rsoft_theme ul.sub_menus li a.active> .user_info_filter_box.text i{display: inline-block;}
.rsoft_theme ul.sub_menus li a:hover>span,.rsoft_theme ul.sub_menus li a:hover>.user_info_filter_box.text,.rsoft_theme ul.sub_menus li a:hover>.user_info_filter_box.text_1 span,.rsoft_theme ul.sub_menus li a:hover> .user_info_filter_box.text i{display: inline-block;}

button.btn-bg-blue:hover,button.btn-bg-blue:focus,button.btn-bg-gradient-x-purple-blue:hover,button.btn-bg-gradient-x-purple-blue:focus,button.btn-bg-gradient-x-purple-blue:hover,button.btn-bg-gradient-x-purple-blue:focus,button.btn-bg-gradient-x-purple-red:hover,button.btn-bg-gradient-x-purple-red:focus,button.btn-bg-gradient-x-blue-green:hover,button.btn-bg-gradient-x-blue-green:focus,button.btn-bg-gradient-x-orange-yellow:hover,button.btn-bg-gradient-x-orange-yellow:focus,button.btn-bg-gradient-x-blue-cyan:hover,button.btn-bg-gradient-x-blue-cyan:focus,button.btn-bg-gradient-x-red-pink:hover,button.btn-bg-gradient-x-red-pink:focus,
button.btn-bg-primary:hover,button.btn-bg-primary:focus,button.btn-bg-success:hover,button.btn-bg-success:focus,button.btn-bg-info:hover,button.btn-bg-info:focus,button.btn-bg-warning:hover,button.btn-bg-warning:focus,button.btn-bg-danger:hover,button.btn-bg-danger:focus{
    color: #fff;
}


@media screen and (min-width:1024px) and (max-width:1200px) {
	.rsoft_theme .col-2-5 {
		max-width: 33.32%;
		flex: auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
	}
	.login_outer_wr{width: auto !important; height: max-content !important;max-width: auto !important; max-height: max-content !important;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.rsoft_theme .col-2-5 {
		max-width: 32.8%;
		flex: auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
	}
	
}

@media screen and (min-width:320px) and (max-width:767px) {
	.rsoft_theme .col-2-5 {
		max-width: 48.83%;
		flex: auto;
		padding-right: 15px;
		padding-left: 15px;
		width: 100%;
	}

	.box_left_wr{border-radius: 25px 25px 0px 0px;}
	.box_right_wr{border-radius: 0px 0px 25px 25px;border-top: 6px solid #cccccc75; border-left: none;}
	.box_right_wr h4{margin: 20px 0px 0px -42px;}
	.box_right_wr br{line-height: 8px;}
	.blank-page .content-wrapper .flexbox-container{height: auto !important;}
	.login_outer_wr{width: auto !important; height: max-content !important;max-width: auto !important; max-height: max-content !important;}
}


@media only screen and (min-device-width: 640px) 
                   and (max-device-width: 1024px) 
                   and (orientation: landscape) {
					.login_outer_wr{width: auto !important; height: max-content !important;max-width: auto !important; max-height: max-content !important;}
					.blank-page .content-wrapper .flexbox-container{height: auto !important;}
}	

.rsoft_theme .modal-body .photo .alfabet_Name {
    background: #8f8fe5;
    max-width: 45px;
    min-height: 45px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 44px;
    font-weight: bold;
    color: #fff;
}

.daterangepicker.show-calendar .ranges .form-check {
    margin: 10px;
    line-height: normal;
}

.daterangepicker.show-calendar .ranges .form-check input {
    margin-top: 0px;
}

.watermark {
    position: relative;
    color: #464855; /* Gray color */
    opacity: 0.9; /* Adjust opacity as needed */
	font-size: 14px;
    padding: 10% 0px;
    margin: 0px 0px 2px;
    font-weight: 400; width: 100%;
	margin-left: initial !important;
    text-align: center;
}
.action_btn .show>.sub_menus .watermark {
    text-align: center;
}
.rsoft_theme ul.sub_menus li a i {
    display: inline-block;
    vertical-align: middle;font-size: 20px;
    margin-top: -3px;
}
.card>hr{margin-top: 0px !important; margin-bottom: 0px !important;}
.card-header .heading-elements, .card-header .heading-elements-toggle{right: 16px !important;}
.text-bold-500 .material-symbols-outlined {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.custom-control-label::after {
    background-position: 3px 3px !important;
    background-size: 60% !important;
}
.sharing_rules td.per_check div button span.material-symbols-outlined {
    font-size: 17px;
    padding: 0px;
    line-height: normal;
    margin: 0px;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 1px;
    right: 15px;
}
i.fa.fa-calendar.date_picker_ic {
    position: absolute;
    right: 11px;
    top: 13px;
}
.pagination_wr .btn, .pagination_wr .btn-sm{padding: 0.5rem 0.8rem;}
.pagination_wr .btn-group a#dropdownMoreButton{margin-right: 2px;}
.pagination_wr .btn-group .dropdown-menu.drop_position_low.show {
    left: auto !important;
    right: -28px !important;
    transition: initial !important;
}
.pagination_wr .btn-group .dropdown-menu.drop_position_low.show .row{max-width: 100% !important;}
.col-12.pagination_wr button{font-size: 10px;}
.main-menu .navigation-background{background-image:none !important;}
.breadcrumbs-top.float-md-right {
	margin-right: -1%;
    margin-top: -5px;
    margin-bottom: 5px;
}
.rsoft_theme .card.card_outer .nav.nav-tabs .nav-item div.dropdown a.menu {
    padding: 17px 10px;
}


.rsoft_theme .card.target-card-theme {
	border: 1px solid #ccc;
	box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07) !important;
	padding: 15px;
}
.rsoft_theme .card.target-card-theme .card-header{padding:0px;}
.rsoft_theme .card.target-card-theme .card-header .card-title{text-transform: capitalize; font-size:18px; display: inline-block; width : 60%;
	overflow:hidden;
	color: gray;
	text-overflow: ellipsis;
	white-space: nowrap;}

.rsoft_theme .card.target-card-theme .card-header .heading-elements{right:-9px !important; display: inline-block; width: 39%;}
.rsoft_theme .card.target-card-theme .card-header .heading-elements ul li i{font-size: 16px; color: #484a57;}

.rsoft_theme .sharing_list_popup ul li .user_info_wr i {
    margin-right: 6px;
}
.rsoft_theme .sharing_list_popup ul li .user_info_wr name{text-transform: capitalize;}

body.vertical-layout .customizer a.customizer-toggle i {
    display: block;
    margin: 14px 0px;
}


.dropdown-menu-tooltip{display:none;}
	.dropdown-menu-tooltip.active_info{display:block;font-size:10px; padding:10px;position: absolute;background: #fff;border: 1px solid #ccc;padding: 10px; width: 250px; right: 20px; border-radius: 5px;
		font-size: 9px;z-index: 999;}
	a.dropdownMoreButton {position: absolute;right: 3px;}
	div#target_sharing_info_1 .row{margin-bottom:2px; margin-top:2px;}

	.dashboaed_user_ic {
		display: inline-block; cursor: pointer;
	}

	.sharing_list_popup ul li .user_info_wr .dashboaed_user_ic div.dropdown-menu2 {
		display: none;
	}
	.sharing_list_popup ul li .user_info_wr .dashboaed_user_ic:hover div.dropdown-menu2 {
		display: block; font-size:9px !important;
		position: absolute !important;
		top: 0px !important;
		background: #fff;
		padding: 5px;
		z-index: 99;
		left:43px !important;
		box-shadow: 0px 0px 5px #ccc;
		width:100%; 
	}
	.sharing_list_popup ul li:last-child .user_info_wr .dashboaed_user_ic div.dropdown-menu2{bottom: 7px !important;
		top: initial !important;}

		.filter_home_mod_display .tab-content {
			overflow-y: auto;
			overflow-x: hidden;
			margin-right: -9px;
    		padding-right: 10px;
		}
	
	.rsoft_theme .card_list_box a i.ft-minus.minus_ic {
		display: none;
	}
	.rsoft_theme .card_list_box:hover a i.ft-minus.minus_ic {
		display: block;
		position: absolute;
		right: 3px;
		top: 3px;
		background: #fff;
		border-radius: 50%;
		padding: 2px;
		font-size: 10px;
	}

	.dateFieldStyle{
		padding: 0px 10px !important;
	}

@media screen and (min-width:1200px) and (max-width:1600px) {
	.container{max-width:100%;}
	
}

@media screen and (min-width:1024px) and (max-width:1200px) {
	.container{max-width:100%;}
	
}

.daterangepicker .calendar-time{
	padding-left : 0px;
}

/* Apply shadow effect to the icon */
.profileactionicons i {
	cursor: default;
	opacity: 0.2;
}

.profileIcons {
	display:inline;
	padding:2px 5px 3px 5px;
}

.profileWebActionList{
	list-style-type: none;
	overflow-x: hidden;
	height: 350px; 
	width: 100%;
	margin-left: -20px;    
}
.profileWebActionList li{
	width: 100%;
	float: left;
	display: inline;
	list-style-type:none;
	border:1px solid #ddd;
	padding:5px;
	margin: 5px;
	border-radius: 0.25rem;
}

.profileWebActionList::-webkit-scrollbar {
	width: 10px;
}
.profileWebActionList::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.profileWebActionList::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(128,128,128,0.9);
}
.profileIcons{position: relative;}
.profileIcons i {
    cursor: pointer;
}
.profileUserDetails_popup{
    position: absolute;
    background: #fff;
    padding: 10px;
    font-size: 10px;
    right: 15px;
    top: 17px;
	z-index: 99;
	width: 200px;
	width: 259px;
    border-radius: 5px;
	box-shadow: 0px 0px 5px #ccc;
}

.profileFieldSettings {
	padding: 10px !important;
	margin: 3px 21px 0px!important;
	max-width: 100%;
	width: 100%;
	background: #f9fdff;
	border: 1px solid #e3ebf3;
}
.profileAllTab {
	margin-bottom: 3px;
}
.profileAllTab a {
	padding: 6px 22px 8px !important;
	border-radius: 5px 5px 0px 0px !important;
}	
.profileAllTab a span {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 5px;
}

td.profileFieldTab a {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px !important;
	line-height: normal;float: left;
}
td.profileFieldTab a span {
	vertical-align: middle;
	font-size:17px !important;
}
td.profileFieldTab div.radio-wrapper {
	display: inline-block;
	vertical-align: middle;float: right;
}
.table-bordered td.profileFieldTab{
	padding: 5px 10px;
}

.webaction_list label{margin:0px; padding:0px; line-height: normal; font-size:11px;}
.webaction_list label, .webaction_list i {
	vertical-align: middle;
}
.webaction_list_action{font-size:12px;}
.webaction_list_action .no:checked + label { top: 2px; left: 3px;}
.webaction_list_action label{margin-bottom:0px;}

.webActionTab ul.profileWebActionList {
	margin: 0px !important;
	padding: 0px !important;
}
.webaction_list i {
	font-size: 18px;
}
.webaction_list_action .no:checked + label{
	width: 11px;
	height: 11px;
}
.webaction_list_action .radio-wrapper {
	min-height: 15px;
}
.webaction_list_action label{
	display: inline-block;
	vertical-align: middle;
}
.webActionTab .profileWebActionList li{
	border-radius: 0;
	box-shadow: 0px 1px 3px #ccc;
	background: #fff;
}
.profileAllTab a.active{
	color: #fff;
}
.webActionTab .profileWebActionList li {
	border-radius: 0;
	box-shadow: 0px 1px 3px #ebebeb !important;
	background: #fff;
	border: none;
	color: #2b335e;
}
.webaction_list i {
	color: #2b335e;font-size: 18px !important;
}
.webaction_list_action .yes:checked + label {
	width: 11px;
	height: 11px;
	top: 2px;
	right: 3px;
}
.profileAllTab a {
	font-size: 14px;
	color: #2B335E;
}
.webActionTab .profileWebActionList li,.webaction_list label{font-size: 12px !important;}
.card-body{font-weight: normal !important;}
.main_header.card-header .heading-elements .phonenumberlists a:hover{background-color: transparent !important;}
.main_header.card-header .heading-elements .phonenumberlists label {color: #fff;}

.filtrate_btn, .filterAltButton{
	padding: 12px 10px;
	width: max-content;
	display:inline-flex;
	color: #fff !important;
	border-radius: 4px;
	margin: 23px 0px 10px;
	margin-right: 0 !important;
}
.filtrate_btn i,  .filterAltButton i{
	font-size: 20px;
	margin-top: 1.5px;
	margin-right: 0 !important;
}
.filtrate_btn span {
	vertical-align: middle;
    float: right;
	margin-top: 1.5px;
	margin-right: 0 !important;
	
}

.filtspan{
	margin-top: 12px;
	font-size: 15px;
	font-weight: bold;
}

.filtrate_btn .filtrate_list{
	overflow: auto !important;
    max-height: 270px !important;
    color: #000 !important;
    top: 22px !important;
    left: -8px !important;
    transform: translate3d(10px, 29px, 0px) !important;
}

.filterFieldListDetails{
	position: absolute !important;
    will-change: transform;
	top: 104px;
    left: 236px;
    transform: translate3d(10px, 29px, 0px);
    z-index: 990;
    width: 340px !important;
	border: 1px solid #36373752 !important;
    border-radius: .25rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
	height: 320px;
}

.filterFieldListDetails .card-header {
    padding: 10px 20px 10px !important;
	color: #fff !important;
	display: flex;
    justify-content: space-between;
}

.filterFieldListDetails .card-title {
	color: #fff !important;
	width:50% !important;
}

.searchFiledName i {
	position: absolute;
    top: 11px;
    left: 20px;
    font-size: 18px;
}

.searchFiledName #search_field_dashboard {
	padding: .75rem 2.5rem;
}

.selectedModuleFieldList ul {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	overflow-anchor: none;
    overflow-y: auto;
    height: 150px;
}

.selectedModuleFieldList ul li {
	cursor: pointer;
    padding: 0px 15px;
}

.watermark-no-filed {
    position: relative;
    color: #464855; /* Gray color */
    opacity: 0.9; /* Adjust opacity as needed */
	font-size: 14px;
    font-weight: 400;
	width: 100%;
	margin-left: initial !important;
    text-align: center !important;
}

.selectedFieldDetails
{
	height: 320px;
	position: absolute !important;
	will-change: transform;
	top: 110px;
	left: 248px;
	transform: translate3d(10px, 29px, 0px);
	z-index: 990;
	width: 340px !important;
	border: 1px solid #36373752 !important;
	border-radius: .25rem !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
}

.selectedFieldDetails .card-header {
    padding: 10px 20px 10px !important;
	color: #fff !important;
	display: flex;
    justify-content: space-between;
}

.selectedFieldDetails .card-title {
	color: #fff !important;
	width:50% !important;
}

/* Gobi */
.filter-items::-webkit-scrollbar {
    display: none;
}

.scroll-left, .scroll-right {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.scroll-left .material-symbols-outlined, .scroll-right .material-symbols-outlined {
    font-size: 24px;
	color: #6d6868;
}

.filter-icon {
	margin-right: 8px;
	font-size: 22px;
	color: #6d6868;
}

.filter-bar {
	display: inline-flex;
	align-items: center;
	padding: 5px; 
	border: 1px solid rgb(234, 219, 219);
	border-radius: 5px; 
	background-color: white;
	box-shadow: 0px 2px 10px 0px #C5E4FD;
	margin: 23px 0px 10px;
	width: 70%;
	position: relative;
	white-space: nowrap; 
    overflow-x: hidden;
}

.filter-items {
	display: flex;
	align-items: center;
	flex-grow: 1;
	white-space: nowrap; 
    overflow-x: hidden;
    scrollbar-width: none; 
    -ms-overflow-style: none;
    position: relative;
}

.filter-item {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 5px; 
	padding: 3px 7px; 
	border: 1px solid rgb(230, 215, 215);
	box-shadow: 0px 2px 10px 0px #C5E4FD;
	border: 1px solid rgb(234, 219, 219);
	border-radius: 16px; 
	position: relative;
}

.close-btn {
	margin-left: 5px; 
	cursor: pointer;
	padding: 0 3px; 
	font-weight: bold;
	color: black;
}

.cancel-button, .apply-button {
	margin: 3px; 
	padding: 6px 10px; 
	border: none;
	border-radius: 5px; 
	cursor: pointer;
	margin-right: 10px;
}
.cancel-button:hover {
	background-color: #797474;
	color: white; 
}

.cancel-button {
	background-color:white;
	border: 1px solid rgb(165, 157, 157);
	
}

.apply-button {
	background-color: #007bff;
	color: #fff;
}

.filter-tag {
	display: flex;
	align-items: center;
	margin: 3px; 
	padding: 3px 7px; 
	border: 1px solid #ccc;
	border-radius: 15px; 
	background-color: #e0e0e0;
	position: relative;
}

.filter-tag img {
	width: 14px; 
	height: 14px; 
	margin-right: 3px; 
}

.filter-tag .tag-close-btn {
	margin-left: 5px; 
	cursor: pointer;
	padding: 0 3px; 
	font-weight: bold;
	color: black;
}

.filter-label {
	font-size: 9px; 
	color: black;
	margin-bottom: 4px; 
	display: none;
	position: absolute;
	top: -9px; 
	left: 8px; 
	background-color: white;
	padding: 2px 4px; 
	border-radius: 4px; 
}

.filter-content {
	display: flex;
	align-items: center;
	position: relative;
	color: black;
	height: 31px;
}

.filter-content input {
	border: none;
	background: none;
	font-size: 12px; 
	outline: none;
	padding: 3px 0; 
}

.filter-label.active {
	display: block;
	color: #000;
	font-size: 9px;
    font-weight: bold;
}

.filter-content input:focus + .filter-label.active {
	filter: none;
}

/* Gopi - 08-Aug-2024 */

.cardss {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.card-headers {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #007bff;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.card-titles {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.clear-btn {
	background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.card-contents {
	padding: 10px;
}

.card-bodys {
	margin-bottom: 10px;
}

.searchFieldNames input {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
}

.pick-lists {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pick-lists li {
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
	cursor: pointer; 
	padding: 1px;
}

.pick-lists li:hover {
	background-color: #efe8e8;
}

/* Hide the default checkbox */
.pick-list-items {
    appearance: none;
	display: none;
    width: 20px;
    height: 20px;
	border: 1px solid #edf2ed;
	border-radius: 3px;
    cursor: pointer;
}

.pick-list-items:checked::after {
    content: '✔';
    font-size: 17px;
    color: #fff;
   	display: inline-block;
    margin: -5px 3px;;
	border: 0px solid #fff !important;
}

.pick-lists li:hover .pick-list-items,
.pick-list-items:checked {
	display: inline-block;
}

.pick-lists li label {
	display: flex;
	align-items: center;
	width: 100%;
	cursor: pointer;
	margin-left: 15px;
}

.pick-lists li label input[type="checkbox"] {
	margin-right: 10px;
}

.pick-list-items:checked {
	display: inline-block;
}

.card-footers {
	padding: 10px;
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	background: #f8f8f8;
	border-radius: 0 0 5px 5px;
}

.dashFilterBtn {
	border: none;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}
.newbtn{
	border: none;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}
.dashFilterclrBtn {
	border: none;
	margin-right: 50px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}


.dashFilterCancelBtn {
    border: 1px solid rgb(165, 157, 157); 
    border-radius: 6px; 
    font-size: 14px;
    background-color: white; 
    color: black; 
    padding: 6px 12px; 
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dashFilterCancelBtn:hover {
    background-color: #797474;
	color: white; 
}


.btn-cancel {
	background: #f44336;
	color: #fff;
}

.btn-apply {
	background: #007bff;
	color: #fff;
}

.dashFilterBtn:hover {
	opacity: 0.9;
}

.assign-container {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0;
    background-color: white;
    font-family: Arial, sans-serif;
}
  
.assign-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	color: white;
	background-color: #e8e8e8;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
  
.search-container input {
	width:85%;
    padding: 8px 12px 8px 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}
  
.user-list {
	max-height: 200px;
    overflow-y: auto;
    /* padding: 10px; */
}
  
.user-role {
	margin-bottom: 15px;
}
  
.user-role span {
	font-weight: bold;
    display: block;
    margin-bottom: 5px;
	margin-left: 10px;
}
  
.user-item {
	display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
    position: relative;
}

.user-full-name {
	font-weight: normal !important;
}

.user-item img {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}
  
.user-item span {
	flex: 1;
}
  
.checkmark {
	width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
	margin-right: 10px;
}
  
.checkmark::before {
	content: '\2713';
    color: white;
    font-weight: bold;
    visibility: hidden;
}
  
.user-item.selected .checkmark {
    visibility: visible;
}

.user-item.selected .checkmark::before {
	visibility: visible;
}

.filterCheckBox.selected .checkmark {
    visibility: visible;
}

.filterCheckBox.selected .checkmark::before {
    visibility: visible;
}
  
.user-item:hover {
	background-color: #e9ecef;
}
  
.filteraction-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	padding: 10px;
	background-color: #e8e8e8;
}
  
.cancel-btn,
.apply-btn {
	color: white;
	border: none;
	border-radius: 4px;
	padding: 5px 10px;
	cursor: pointer;
}

.cancel-btn {
	background-color: #6c757d;
	
}

.search-container {
	position: relative;
    width: 115%;
    padding: 10px;
}

.search-container .search-icon {
	position: absolute;
    top: 53%;
    left: 18px;
    transform: translateY(-50%);
    color: #625d5d;
    font-size: 25px;
}
.cancel-btn {
    border: 1px solid rgb(165, 157, 157);
    border-radius: 6px; 
    font-size: 14px;
    background-color: white; 
    color: black; 
    padding: 6px 12px; 
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease; 
}

.cancel-btn:hover {
    background-color: #797474;
	color: white; 
}

.filtersListDetails{
    position: absolute !important;
    will-change: transform;
    top: 110px;
    left: 237px;
    transform: translate3d(10px, 29px, 0px);
    z-index: 990;
    width: 340px !important;
    border: 1px solid #36373752 !important;
    border-radius: .25rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
}

/* .filtersListDetails .filter-panel-header {
   
    padding: 10px 20px 10px !important;
    background-color: #ebe0e0;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
     
} */
.filtersListDetails .filder-title {
    
    color: #fff !important;
    align-items: center;
    padding-left: 65px;
    font-size: 15px;
    width:50% !important;}

.custom-filter-label{
	font-size: 14px;
	font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}


/* .filter-panel-body {
    padding: 15px;
} */

.filter-item-header {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.custom-filter-row{
	
	padding: 5px 10px;
	transition: background-color 0.3s ease;
	cursor: pointer;
}
/* Default state */
.custom-filter-row {
    background-color: #fff; 
    transition: background-color 0.3s ease; 
}
.custom-filter-row:hover {
    background-color: #ebf4ff; 
}
.custom-filter-row.first-time {
    background-color: #ebf4ff;
}

.custom-filter-row.selected {
	background-color: #ebf4ff; 
}

.custom-filter-row.selected:hover {
    background-color: #ebf4ff;
}

.filterlist-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	margin-top: 2px;
  }
  
  
  .filterlist-item:hover:not(.selected) {
	background-color: #ebf4ff !important; 
  }
  
  /* Styling for filter-links */
  .filter-links {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	margin-left: 10px;
  }
  
  /* Hide action icons initially */
  .filter-item-actions button {
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  
  
  .filterlist-item:hover .filter-item-actions button,
  .filterlist-item.selected .filter-item-actions button {
	opacity: 1; 
  }
  
  
  .filter-item-actions button:hover {
	color: #606687;
	border-radius: 4px;
  }
  
  /* Highlight for the selected filter item */
  .filterlist-item.selected {
	background-color: #cce5ff;
	cursor: default; 
  }
  
  
  .filter-item-actions {
	display: flex;
	align-items: center; 
	gap: 10px; 
  }
  
  /* Style for the individual buttons */
  .filter-item-actions button {
	border: none; 
	background: none; 
	padding: 0;
	display: flex; 
	align-items: center;
	justify-content: center;
	color: #606687;
  }
  
  .filter-item-actions button:hover {
	background: none;
	border-radius: 0; 
	color: gray;
  }
  
.filter-panel-footer {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
}
.filter-circle-input {
    display: flex;
    align-items: center;
    margin: 3px;
}

.circle-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;        
    border-radius: 10px;      
    color: white;           
    font-size: 14px;        
    min-width: 30px;          
    height: 30px;             
    text-align: center;       
    line-height: 1;           
    white-space: nowrap;     
    margin-right: 5px;        
}
.btn-gray{
	background-color: #6c757d; 
    color: white;
    border-color: #6c757d;
}
.dashfdr{
    text-align: right;
    padding: 5px 18px;
    background-color: #e8e8e8;
    border-top: 2px solid #fcf2f2;
}
.filter-panel-header {
    padding: 10px 20px 10px !important;
    background-color: #e8e8e8;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    align-items: center; 
}

.add-filter-container {
    display: flex;
    align-items: center;
    gap: 8px; 
}

.addNewFilterBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px; 
    height: 29px;
  
    border-radius: 50%;
    font-size: 20px;
	border: none;
    color: white;
    cursor: pointer;
    
}


.plus-icon {
    font-weight: bold;
    font-size: 24px; 
	margin-bottom: 4px;
}

.addNewFilter {
    font-size: 16px;
    font-weight: 500;
}