@import url("https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Noto+Sans:wght@500&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap");

:root {
	--red: #b31942;
	--blue: #054e82;
	--light-dark: #2b2b2b;
	--gray: #484848;
	--white: #f2f2f2;
	--dark-font-color: #b31942;
	--light-font-color: #fff;
	--dark-bg-color: #b31942;
	--light-bg-color: #fff;
	--transform-scale: scale(0.95);
	--note-box-bg-color: #f4f4f4;
	--gray: #92959e;
}

/* @font-face {
	font-family: "Zoho_Puvi", sans-serif;
	src: url("../ZohoPuvi/Zoho_Puvi_SemiBold.ttf");
	src: url("../ZohoPuvi/Zoho_Puvi_SemiBold") format("ttf"),
		url("../ZohoPuvi/Zoho_Puvi_Regular") format("ttf");
} */
* {
	margin: 0;
	padding: 0;
}

.bg-bg-blue {
	background: url(../../assets/images/Pattern-svg_f758513_.svg) repeat-x fixed #edf0f4;
	height: 100%;
}

body {
	color: #1e1e1e;
	/* font-family: "Zoho_Puvi_SemiBold", sans-serif; */
	--bs-bg-opacity: 1;
	background-color: #edf0f4;
	padding-bottom: 50px;
	font-family: "Inter", sans-serif;
}

a {
	text-decoration: none;
	color: #054e82;
}

img {
	width: 100%;
}
.btn{
	font-size: 14px;
}
td {
	color: #313949 !important;
	font-family: "Noto Sans", sans-serif;
}
input, select, textarea{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;
}
.btn.btn-primary,
.btn.btn_save {
	width: auto;
	/* height: 100%; */
	padding: 4px 15px 7px !important;
	font-size: 14px;
	max-width: fit-content;
	display: inline-block;
	white-space: nowrap;
	border-radius: 6px !important;
	color: #fff !important;
	box-shadow: rgb(0, 97, 202) 0px -2px 0px 0px inset !important;
	background-image: linear-gradient(to top,
			rgb(2, 121, 255),
			rgb(0, 163, 243)) !important;
	font-weight: 500;
}

.btn.btn-primary:hover,
.btn.btn_save:hover {
	background: transparent linear-gradient(0deg, #006be4 0%, #02acff 100%);
	box-shadow: inset 0 -2px 0 #0061ca !important;
	color: #fff;
	outline: 0 !important;
}

.btn.btn-primary .btn-check:checked+.btn,
.btn.btn-primary .btn.active,
.btn.btn-primary .btn.show,
.btn.btn-primary .btn:first-child:active,
.btn.btn-primary :not(.btn-check)+.btn:active {
	color: #fff !important;
	background-image: linear-gradient(to top,
			rgb(2, 121, 255),
			rgb(0, 163, 243)) !important;
}

/* 
.btn:active {
	background: linear-gradient(#f8faff 0, #d5deed 100%) no-repeat padding-box !important;
} */
a.btn.button_btn,
.modal .btn.btn-secondary {
	
	box-shadow: inset 0 -1px 0 #d0d4df;
	background: transparent linear-gradient(180deg, #fcfdff 0%, #eaeef5 100%);
	border: 1px solid #d0d4df;
	color: #313949;
	width: auto;
	height: 100%;
	padding: 4px 15px 7px !important;
	font-size: 14px;
	/* max-width: 219px; */
	display: inline-block;
	white-space: nowrap;
	border-radius: 6px !important;
}

a.btn.button_btn:hover,
.modal .btn.btn-secondary:hover {
	background: transparent linear-gradient(180deg, #fcfdff 0%, #eaeef5 100%);
	border: 1px solid #d0d4df;
}

a.btn.button_btn:active,
.modal .btn.btn-secondary:active {
	top: 1px;
	box-shadow: none;
	position: relative;
	background: #ecf0f7;
}

button.btn.button_btn {
	padding: 6px 20px;
	box-shadow: inset 0 -1px 0 #d0d4df;
	background: transparent linear-gradient(180deg, #fcfdff 0%, #eaeef5 100%);
	border: 1px solid #d0d4df;
	color: #313949;
	width: auto;
	height: 100%;
	padding: 4px 15px 7px !important;
	font-size: 14px;
	/* max-width: 219px; */
	display: inline-block;
	white-space: nowrap;
	border-radius: 6px !important;
}

button.btn.button_btn:hover {
	background: transparent linear-gradient(180deg, #fcfdff 0%, #eaeef5 100%);
	border: 1px solid #d0d4df;
}

button.btn.button_btn:active {
	top: 1px;
	box-shadow: none;
	position: relative;
	background: #ecf0f7;
}

.logo-image img,
.navbar a.navbar-brand img {
	width: 100px;
	margin-right: 50px;
}

.para {
	color: #313949;
	font-size: 14px;
	font-weight: 400;
}

/* .button_btn {
	background: #e9e9e9;
	border: 1px solid #d7d7d7;
}
.button_btn:hover {
	background: #dedede;
}
.btn.btn_save {
	background: #5ea813;
	color: #fff;
}
.btn.btn_save:hover {
	background-color: #054e82;
}
.btn.btn_save:active {
	color: #fff;
} */
.second_header {
	padding: 14px 10px 0px 10px;
	border-bottom: 1px solid #fff;
	background: #fff;
	z-index: 99;
}

.second_header h5 {
	font-size: 18px;
	font-weight: 600;
}

.form-control:focus {
	border-color: #2385ef;
	outline: 0;
	box-shadow: none;
}

body .page-link:focus {
	box-shadow: none;
}

.accordion-body .form-check {
	/* margin-bottom: 5px; */
}

.form-check-label {
	cursor: pointer;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
}

body .form-select:focus {
	border-color: #2385ef;
	outline: 0;
	box-shadow: none;
	margin-left: 2px;
}

/* header  */
.header_bg {
	background: #fffe;
	border-bottom: 1px solid #e0e0e0;
}

a.nav-link {
	font-weight: 500;
}

a.icons-color {
	color: #1e1e1e;
	font-size: 20px;
	margin-right: 19px;
}

a.User_profile {
	background: #5ea813;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50px;
}

.user-side-bar {
	display: flex;
	justify-content: center;
}

.user-side-bar a {
	width: 100px;
	height: 100px;
	font-size: 42px;
}

.user_detail {
	text-align: center;
}

.user_name {
	font-weight: 500;
	color: #5ea813;
}

.offcanvas-body {
	padding: 0;
}

.user_bg {
	background: #f0f8ff;
	margin-top: -48px;
	padding: 50px 0;
	z-index: -2;
}

/* lead page  */
.filter-main {
	position: absolute;
	right: 0;
}

.search_filter {
	width: 100%;
	padding: 6px 20px 6px 34px !important;

	font-size: 14px !important;

	color: #111 !important;
	font-weight: 500 !important;
	border-radius: 20px !important;
	font-family: 'Open Sans' !important;
}

.search_box svg {
	position: absolute;
	left: 11px !important;
	top: 12px;
	color: #424958 !important;
}

.side_bar_filter {
	background: #ffff;
	/* padding: 20px; */
	border-radius: 12px 12px 0 0;
	height: 69.5vh;
	overflow: hidden;
	border: 1px solid #d7e2ed !important;
}

.leads-btn.bottom-btn {
	background: #fff;
	padding: 18px 20px 25px;
	box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.15);
	z-index: 1;
	position: relative;
	border-radius: 0 0 12px 12px;
	border: 1px solid #d7e2ed !important;
}

.filter_box_scroll .accordion-item {
	border: none;
	width: 100%;
}

.filter_box_scroll {
	overflow-y: auto;
	height: 547px;
	width: 100%;
	/* margin-right: -20px;
	padding-right: 10px; */
	/* overflow-x: hidden; */
}

.filter_box_scroll .accordion-button {
	color: #202123;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 15px;

}

.filter_box_scroll .accordion-button:not(.collapsed) {
	color: #313949;
	background-color: transparent;
	font-size: 14px;
}

.filter_box_scroll .accordion-button:not(.collapsed)::after {
	/* background-image: url(<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="#000000" d="m22.712 15.287-10-10a1.05 1.05 0 0 0-1.1-.212A1 1 0 0 0 11 6v20a1 1 0 0 0 .612.925 1.038 1.038 0 0 0 1.1-.213l10-10a1.012 1.012 0 0 0 0-1.425z" data-original="#000000" class=""></path></g></svg>);
	transform:  rotate(-91deg); */
	filter: brightness(0);
}

.filter_box_scroll .accordion-item .accordion-header:hover {
	background-color: #eff1f5
}

.filter_box_scroll .accordion-button::after {}

/* .lead_page .card .tab-pane {
    width: 2010px;
} */
th {
	white-space: nowrap;
}

.user-notes-detail p {
	margin-bottom: 0px;
	Color: #4e5f81;
	font-weight: 600 !important;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.lead_page .card .card-body .tab-content {
	/* overflow: hidden; */
	/* width: 2044px; */
	/* overflow-x: scroll;
	height: 68vh; */
	width: auto !important;
	min-width: 100%;
	overflow: auto;
	height: 76.5vh;
	max-height: inherit;
}

div#listnotes,
div#listnotes_booking {
	/* height: 150px;
	 overflow-y: scroll;
	 margin-bottom: 10px;  */
	/* border: 1px solid #e1e1e1;
    border-radius: 20px;
    padding: 20px; */
}

/* div#listnotes .user-notes  {
	border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
} */
.add-trash-btn a {
	font-size: 14px;
	width: 24px;
	height: 24px;
	border: 1px solid #EDF0F4;
	text-align: center;
	border-radius: 24px;
	display: inline-block;
}

.center-box {
	width: 36px;
}

body .form-select-sm {
	font-size: 0.675rem;
}

/* width */
/* ::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: #f2f2f2;
}

::-webkit-scrollbar-thumb {
	background: #afa9a9;
}

::-webkit-scrollbar-thumb:hover {
	background: #b4b3b3;
} */
/* .search_filter {
	
} */
.delete-btn {
	padding-left: 18px;
}

.lead_page .accordion-body {
	padding: 5px 15px;
}

.leads-btn {
	text-align: end;
}

.accordion-button {
	padding: 10px 10px 10px 5px;
}

body .accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #054e82;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none !important;
	/* width: 14px;*/
}

body .accordion-button {
	color: #054e82;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	box-shadow: none !important;
	/* width: 14px;*/
}

body .accordion-button:focus {
	box-shadow: none;
}

body .accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-active-icon);
	transform: var(--bs-accordion-btn-icon-transform);
	filter: brightness(23.2);
}

/* footer  */
.footer-icon a {
	color: #313949;
	margin-left: 20px;
	border-left: 1px solid #c0c6cc;
	border-top: 1px solid #c0c6cc;
	margin: 0px -3px 0px !important;
	position: relative;
	/* height: 28px !important; */
	text-align: center !important;
	width: 45px !important;
	padding: 3px 5px !important;
	display: inline-block;
}

.footer-bottom {
	/* height: 30px; */
	background: #fff;
	position: fixed;
	bottom: 0;
	/* left: 0; */
	width: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

/* Security control page CSS */

.list {
	list-style: none;
}

.list li {
	line-height: 1rem;
}

.icons {
	font-size: 16px;
	padding: 0px 10px;
	color: #054e82;
}

.icons-i {
	font-size: 16px;
	padding: 0px 8px;
}

.active-btn,
.active-btn i {
	color: #fff;
	border: 2px solid var(--red);
	background: var(--red);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #000;
	background-color: #fff;
	border-radius: 0px;
	width: 100%;
	font-weight: 500;
}

.nav-pills .nav-link {
	background: 0 0;
	border: 0;
	border-radius: 0px;
	color: #000;
	font-size: 1rem;
	font-weight: 400;
}

.accordion-body {
	padding: 0px;
}

/* .pagination a {
	color: var(--blue);
} */

.pagination .page-item.active:hover .page-link {
	color: #fff;
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover {
	background-color: var(--blue);
	/* color: #fff; */
	border-color: transparent;
	
}
.pagination .page-link:hover a{
	color: #fff;
}
.pagination .page-link{
	font-size: 0.8rem;
}
.next,
.prev {
	background-color: var(--blue);
	color: #fff !important;
}

.user_info {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #000000c7;
	top: 0;
	left: 0;
	z-index: 9999;
	animation: popin 0.3s;
}

.user_info label {
	display: inline-block;
	padding: 6px 0px;
}

.user-img-wrap .fileupload .upload {
	cursor: pointer;
	filter: alpha(opacity=0);
	font-size: 20px;
	opacity: 0.6;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 90px;
	right: -3px;
	/* background: #727272; */
}

.edit-img {
	width: 20%;
	margin: auto;
}

.dp-upload {
	color: #fff;
	font-weight: 500;
	position: absolute;
	top: 82px;
	cursor: pointer;
	left: 5px;
	background: #727272;
	padding: 10px 44px;
}

.pro-popup {
	position: absolute;
	width: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.user-img-wrap img {
	border-radius: 50%;
	height: 120px;
	width: 120px;
}

.pop-up-form h3 {
	text-align: center;
	padding: 20px 0px;
}

.close_btn {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 16px;
	font-weight: 700;
}

.security-page aside .card {
	height: 800px;
	max-height:711px;
	margin-top: 20px;
}

.user_info .card {
	padding: 30px;
}

.pagination.page-item:active {
	background-color: red;
}

.collapsedActive-sidebar svg {
	color: white !important;
}

.collapsedActive-sidebar svg {
	color: white !important;
}

input[type=text] {    font-family: 'Open Sans', sans-serif;}

input.form-control, select.form-select, textarea {    font-family: 'Open Sans', sans-serif;font-size: 0.8rem;}

td {
	border-left: 2px solid gainsboro;
	padding: 5px !important;
	margin: 8px !important;
	text-align: center;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
}

th {
	text-align: center;
	padding: 10px !important;
	margin: 8px !important;
}

/* new css */
#table_data_check .card {
	border-radius: 12px;
	border: 1px solid #d7e2ed !important;
}

#table_data_check .card-body {
	padding: 0;
}

.filter-main1 {
	padding-top: 16px;
}

/* #table_data_check thead::after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	top: 45px;
	background: #d7e2ed;
	display: inline-block;
	z-index: 13;
	left: 0px;
} */
#table_data_check thead tr th {
	position: relative;
	text-align: left;
	font-weight: 600;
	font-size: 14px;
	color: #202123 !important;
}

#table_data_check thead tr th:before {
	content: "";
	position: absolute;
	background: #d7e2ed;
	right: 0px;
	opacity: 1;
	top: 17px;
	height: 45%;
	width: 1px;
}

#table_data_check tbody tr td {
	border-bottom: 1px solid #edf0f4;
	empty-cells: show;
	padding: 14px 10px 5px !important;
	vertical-align: top;
	font-weight: 400;
	text-align: left;
	font-size: 14px;
	color: #313949;
	border-left: 0;

}

#table_data_check tbody tr td a:hover {
	color: #5ea813;
}

.filter_box .form-check-input:checked {
	background-color: #338cf0;
	border-color: #338cf0;
}

.filter_box .form-check-input:focus {
	box-shadow: none;
}

.user-system select {
	font-size: 14px;
}

.user-system select option {
	font-size: 14px;
}

.user-system .form-select {
	padding: 0.2rem 2rem 0.2rem 0.6rem;
	background-size: 16px 9px;
}

.second-select .form-control {
	padding: 2px 9px;
}

/* .form-check-input:checked {
	background-color: #5ea813;
	border-color: #5ea813;
} */
.form-check-input:focus {
	box-shadow: none;
	border-color: #338cf0;
}

/* .user-dashboard .btn-primary {
	color: #fff !important;
	background-color: #5ea813 !important;
	border-color: #5ea813 !important;
	font-size: 16px;
	font-weight: 500;
} */
.user-dashboard table thead,
.permission-categories table thead {
	border-bottom: 1px double #edf0f4;
	border-top: 1px solid #edf0f4;
	position: relative;
	white-space: nowrap;
	font-size: 14px;
	color: #202123 !important;
}

.user-dashboard table thead tr th,
.permission-categories table thead tr th {
	padding: 7px 10px !important;
	border-bottom: 1px double #edf0f4;
	border-top: 1px solid #edf0f4;
	position: relative;
	white-space: nowrap;
	font-size: 14px;
	color: #202123 !important;
	text-align: left;
	font-weight: 600;
}

.user-dashboard table tbody,
.permission-categories table tbody tr {
	border-top: 1px solid #edf0f4;
}

.user-dashboard table tbody tr td,
.permission-categories table tbody tr td {
	border-bottom: 1px solid #edf0f4;
	padding: 11px 11px 10px !important;
	font-weight: 400;
	text-align: left;
	font-size: 13px;
	color: #313949;
	border-left: 0;
	font-family: 'Open Sans', sans-serif;
}

.permission-categories .tab-content .table-scrollabe {
	/* overflow: hidden; */
	/* width: 2044px; */
	width: auto !important;
	min-width: 100%;
	overflow: auto;
	height: 70vh;
	max-height: inherit;
}

.switch {
	width: auto !important;
	height: auto !important;
	margin-top: 4px;
}

.noCompLogo_img:before {
	content: "";
	background: url(https://static.zohocdn.com/crm/CRMClient/images/crm_sprite_setup_35b8484_.svg) -400px -488px no-repeat;
	position: absolute;
	top: 50%;
	width: 81px;
	height: 81px;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.74);
	border-radius: 10px;
	border: 1px solid #91abc6;
}

.noCompLogo_img {
	border: 0 solid #91abc6;
	border-radius: 10px;
	background: 0 0;
	margin: 10px 10px 0 11px;
	max-width: 71px;
	max-height: 61px;
	padding: 0;
	min-width: 40px;
	min-height: 61px;
	text-align: center;
}

.filter_box h5 {
	/* margin-top: 22px; */
	margin-bottom: 20px;
	/* font-size: 18px; */
	font-size: 15px;
	font-weight: 600;
	color: #202123;
	font-family: "Zoho_Puvi_SemiBold", sans-serif;
}

.filtr-heading-search {
	padding: 15px 15px 0;
}

/* .second_header h5 {
} */

/* lead form css */
.checkboxss label {
	padding-right: 20px !important;
}

.checkboxss input.form-check-input[type="checkbox"] {
	width: 1rem !important;
	padding: 7px;
	text-align: start;
	margin-top: -4px;
	margin-left: -31px;
}

.checkboxss-s label {
	padding-right: 20px !important;
}

.checkboxss-s input.form-check-input[type="checkbox"] {
	width: 1rem !important;
	padding: 7px;
	text-align: start;
	margin-top: 12px;
	margin-left: -31px;
}

.detail-box label {
	width: 130px;
	font-weight: 500;
	color: #616e88;
	text-align: end;
	line-height: 23px;
	font-size: 15px;
}

.detail-box input,
.detail-box select,
.detail-box textarea {
	width: 321px !important;
	padding-right: 20px;
	font-size: 13px !important;
	color: #313949 !important;
	font-weight: 400 !important;
	border-radius: 4px !important;
	font-family: 'Open Sans' !important;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
	width: 100% !important;
	z-index: 1;
	position: relative;
	color: #313949;
	font-weight: 500 !important;
	font-size: 14px;
	font-family: 'Open Sans' !important;
}
.selectize-dropdown .optgroup-header, .selectize-dropdown .option{
	color: #313949;
	font-weight: 500 !important;
	font-size: 14px;
	font-family: 'Open Sans' !important;
}
.selectize-dropdown, .selectize-input, .selectize-input input, .selectize-dropdown, .selectize-dropdown.form-control{
	color: #313949;
	font-weight: 500 !important;
	font-size: 14px;
	font-family: 'Open Sans' !important;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
	width: 100% !important;
	z-index: 1;
	position: relative;
	color: #313949;
	font-weight: 400 !important;
	font-size: 15px;
}

.detail-box .input-group {
	display: flex;
	flex-wrap: nowrap;
	width: 300px;
	flex-direction: row;
}

/* .detail-box .form-control {
	cursor: pointer;
	z-index: 1;
	position: relative;
	color: #313949;
	font-weight: 400 !important;
	font-size: 15px;
} */
.editlead .form-control {
	border-color: transparent;
	cursor: pointer;
	z-index: 1;
	position: relative;
	background: transparent;
}

.editlead .form-control:hover {
	border-color: #aaa6a6;
}

.editlead .form-control:focus {
	border-color: #aaa6a6;
	box-shadow: 0px 0px 5px 0px #aaa6a6;
	width: 300px;
}

.editlead .form-control div {
	color: #313949;
	font-weight: 400 !important;
	font-size: 15px;
}

.detail-box .form-control div {
	color: #313949;
	font-weight: 400 !important;
	font-size: 13px;
	font-family: 'Open Sans' !important;
}

.detail-box p span#user_name {
	color: #313949;
	font-weight: 400 !important;
	font-size: 14px;
}

.detail-box p {
	color: #313949;
	font-weight: 400 !important;
	font-size: 15px;
}

.owner-detail {
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
	/* height: 40.5vh; */
}

.side-bar-tab:hover {
	color: #054e82 !important;
	color: #fff !important;
}

.edit_side_bar_filter li {
	background: #054e82 !important;
	color: #fff !important;
}

.edit_side_bar_filter li a {

	color: #fff !important;
}

.detail-body h4,
.owner-detail h4 {
	color: #313949;
	font-size: 20px;
	font-family: "Inter", sans-serif !important;
	font-weight: 600;
}

.detail-body .accordion-body {
	padding: 0px 25px !important;
}

.lead_form_box {
	padding: 40px 20px;
	background: #fff;
}

.lead_form_box h3 {
	font-size: 18px;
	color: #202123;
	font-style: normal !important;
	position: relative;
}

.second_header {
	border-bottom: 1px solid #eee !important;
}

.lead_form_box {
	/* height: 100vh; */
}

.lead_page .filter-main ul.dropdown-menu {
	padding: 5px;
}

.dropdown-item {
	font-weight: 600;
	font-size: 16px;
}

.detail-box span.text-danger p {
	color: var(--red);
	padding-top: 5px;
}

.form-label {
	margin-bottom: 0.4rem;
	font-weight: 500;
    color: #616e88;
    line-height: 23px;
    font-size: 15px;
}

.card-body .form-control {
	font-size: 14px;
}

.card-body .form-select {
	font-size: 14px;
}

.accordion-button .accordion-button {
	font-size: 14px;
	font-weight: 600;
}

.cards-analytics {
	margin-bottom: 15px;
}

.cards-analytics p.cards-titles {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #202123 !important;
	font-family: "Inter", sans-serif;
}

/* sidebar-accordian */
.accordion-item {
	width: 96%;
}

div#actions {
	margin-bottom: 6px;
}

.import h3 {
	color: #313949;
	font-size: 20px;
	font-family: "Inter", sans-serif !important;
	font-weight: 600;
}

.table-import thead tr th {
	position: relative;
	text-align: left;
	font-weight: 600;
	font-size: 14px;
	color: #202123 !important;
	padding-top: 17px !important;
}

.table-import thead::after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	top: 57px;
	background: #d7e2ed;
	display: inline-block;
	z-index: 13;
	left: 0px;
}

.table-import thead tr th:before {
	content: "";
	position: absolute;
	background: #d7e2ed;
	right: 0px;
	opacity: 1;
	top: 17px;
	height: 45%;
	width: 1px;
}

.table-import tbody tr td {
	border-bottom: 1px solid #edf0f4;
	empty-cells: show;
	padding: 14px 10px 5px !important;
	vertical-align: top;
	font-weight: 400;
	text-align: left;
	font-size: 14px;
	color: #313949;
	border-left: 0;
}

/* chabot css */
/* notification model css */
#myModals {
	height: 97vh
}

#myModals .modal-fullscreen {
	width: 20vw;
	max-width: none;
	height: 97vh;
	margin: 0;
	left: 80%;
	right: 0;
}

#myModals .fun-btn {
	margin-right: 15px;
}

#myModals .btn-close {
	--bs-btn-close-bg: none;
	color: #fff;
}

#myModals .btn-close:focus {
	box-shadow: none;
}

#myModals .modal-header {
	/* background-color: rgb(51, 140, 240); */
	background-color: #5ea813;
	color: rgb(255, 255, 255);
	font-size: 20px !important;
	font-family: Zoho_Puvi_Regular, sans-serif !important;
	z-index: 101;
	box-shadow: rgb(187, 195, 202) 1px 0px 1px;
	font-weight: 700;
}

#myModals .modal-header .btn-close {
	opacity: 1;
}

#myModals .modal-body {
	background-color: rgb(246, 249, 252);
	padding: 12px 0;
}

#myModals .div1 {
	border-bottom: 1px solid #ddd;
	padding: 7px 15px;

	box-shadow: 0px 1px 1px #f1f1f1;
}

#myModals .div1 h5 {
	font-size: 15px;
	font-weight: 700;
	/* font-family: 'Noto Sans', sans-serif; */
	font-family: 'Open Sans', sans-serif;
}

#myModals .div1 p {
	font-size: 14px;
	color: #424242;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0.7rem;
}

/* Model for Lead Expire Plan List */
#ExpirePlans {
	height: 97vh
}

#ExpirePlans .modal-fullscreen {
	width: 20vw;
	max-width: none;
	height: 97vh;
	margin: 0;
	left: 80%;
	right: 0;
}

#ExpirePlans .fun-btn {
	margin-right: 15px;
}

#ExpirePlans .btn-close {
	--bs-btn-close-bg: none;
	color: #fff;
}

#ExpirePlans .btn-close:focus {
	box-shadow: none;
}

#ExpirePlans .modal-header {
	/* background-color: rgb(51, 140, 240); */
	background-color: #5ea813;
	color: rgb(255, 255, 255);
	font-size: 20px !important;
	font-family: Zoho_Puvi_Regular, sans-serif !important;
	z-index: 101;
	box-shadow: rgb(187, 195, 202) 1px 0px 1px;
	font-weight: 700;
}

#ExpirePlans .modal-header .btn-close {
	opacity: 1;
}

#ExpirePlans .modal-body {
	background-color: rgb(246, 249, 252);
	padding: 12px 0;
}

#ExpirePlans .div1 {
	border-bottom: 1px solid #ddd;
	padding: 7px 15px;

	box-shadow: 0px 1px 1px #f1f1f1;
}

#ExpirePlans .div1 h5 {
	font-size: 15px;
	font-weight: 700;
	/* font-family: 'Noto Sans', sans-serif; */
	font-family: 'Open Sans', sans-serif;
}

#ExpirePlans .div1 p {
	font-size: 14px;
	color: #424242;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0.7rem;
}

/* end css */

/* textarea css */
.btn-notes-minus {
	margin-top: -2.9rem !important;
	/* margin-right: 1rem; */
	width: 100%;
	border: 1px solid #D2D9E0;
	padding: 5px 10px;
	/* z-index: 1; */
	z-index: 999;
	background: #fff;
	position: absolute;
	right: 0;
	border-radius: 0 0 7px 5px;
}

/* new filter css */
.ac-dropdown input,
.user-system .form-select {
	font-size: 14px !important;
	padding: 3px 6px 4px !important;
	color: #111 !important;
	font-weight: 500 !important;
	border-radius: 4px !important;
	font-family: 'Open Sans' !important;
}

.usr-systm .form-select {
	background-position: right 0.2rem center;
}

.side_bar_filter.edit_side_bar_filter h6 {
	padding: 15px 15px 0;
}

/* new emails-draft tabs css */
.email-detail {
	background-color: #fff;
	/* padding: 30px; */
	border-radius: 5px;
	/* height: 40.5vh; */
}

.border-btm {
	padding: 12px 20px 5px;
	border-bottom: solid 1px #D2D9E0;
}

.tb_newsmallbtn {
	font-family: 'Open Sans' !important;
	outline: 0 !important;
	display: inline-block;
	width: auto !important;
	color: #338CF0 !important;
	border: 1px solid #338CF0 !important;
	background: #E2F0FF !important;
	box-shadow: none !important;
	padding: 4px 15px 5px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
	line-height: normal !important;
	text-decoration: none !important;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.tb_newsmallbtn:hover,
.tb_newsmallbtn:active {
	border: 1px solid #338CF0 !important;
	background: #E2F0FF !important;
	box-shadow: none !important;
	padding: 4px 15px 5px !important;
	color: #338CF0 !important;
}

.email-tab-table .nav-pills {
	border-bottom: 1px solid #D2D9E0;
}

.email-tab-table .nav-pills li {
	position: relative;
}

.email-tab-table .nav-pills .nav-link {
	font-size: 14px;
	color: #313949;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 500;
}

.email-tab-table .nav-pills .nav-link.active,
.email-tab-table .nav-pills .show>.nav-link {
	color: #202123;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;

}

.email-tab-table .nav-pills .nav-link.active:after {
	content: '';
	width: 67%;
	height: 3px;
	position: absolute;
	background-color: #338CF0 !important;
	left: 13px;
	bottom: -1px;
	border-radius: 3px 3px 0 0;
}

.email-tab-table .tab-content table.table tr th {
	position: relative;
}

.email-tab-table .tab-content table.table tr th,
.email-tab-table .tab-content table.table tr td {
	border-bottom: 1px solid #e9e9e9;
	padding-left: 24px;
	text-align: left;
}

.email-tab-table .tab-content table.table thead tr th:before {
	content: "";
	position: absolute;
	background: #d7e2ed;
	right: 0px;
	opacity: 1;
	top: 13px;
	height: 45%;
	width: 1px;
}

.email-tab-table .tab-content tr th {

	padding: 12px 15px;
	font-size: 14px !important;
	vertical-align: middle;

	color: #313949;
}

.email-tab-table .tab-content tr th input[type="checkbox"],
.email-tab-table .tab-content tr td input[type="checkbox"] {
	width: 1rem;
	margin-left: 5px;
}

.email-tab-table .tab-content table.table tr td {

	padding: 12px 10px !important;
	font-size: 14px !important;
	vertical-align: middle;
	font-weight: 400 !important;
	color: #313949;
	border-right: 0;
	border-left: 0;
}

.email-tab-table .tab-content table.table tr:hover {
	background: #eff6ffa1
}

.email-tab-table .tab-content table.table tr td p,
.email-tab-table .tab-content table.table tr td h6 {
	font-size: 14px !important;
	vertical-align: middle;
	font-weight: 400 !important;
	color: #313949;
}

.email-tab-table .tab-content>.tab-pane {

	overflow: auto;
	/* height: 120px; */
}

.view_notes {
	font-family: 'Open Sans' !important;
	outline: 0 !important;
	display: inline-block;
	width: auto !important;
	color: #338CF0 !important;
	border: 1px solid #338CF0 !important;
	background: #E2F0FF !important;
	box-shadow: none !important;
	padding: 4px 15px 5px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
	line-height: normal !important;
	text-decoration: none !important;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.show-read-more .more-text {
	display: none;
}

.pagination {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.card.permission-categories {
    overflow: auto;
}
.input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
.notes-sec p{
	font-family: 'Open Sans' !important;
	font-size: 14px;
}
.notes-upload-btn p{
	font-size: 13px !important;
}
.notes-upload-btn input{
	width: auto !important;
	border: 1px solid #ddd;
	padding: 3px;
}
@media screen and (max-width:1600px){
	.leads-btn.bottom-btn a, .leads-btn.bottom-btn input{
		margin-bottom: 10px;
	}
}
@media screen and (max-width:767px){
	.security-page aside .card, .security-page aside .card {
		height: fit-content;
		max-height: fit-content;
		
	}
	
}