@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Actor&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	src: url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
	src: url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
		url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
		url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
		url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
		url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

@font-face {
	font-family: 'Adobe Arabic';
	src: url('/css/fonts/AdobeArabic-Regular.woff2') format('woff2'),
		url('css/fonts/AdobeArabic-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Adobe Arabic';
	src: url('/css/fonts/AdobeArabic-Regular.woff2') format('woff2'),
		url('/css/fonts/AdobeArabic-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	font-family: 'DM Sans', sans-serif;
}

a {
	color: #3da9fc;
}

/***login-register-css-Start-Here***/
.login-page,
.register-page {
	background: #fff;
}

.login-box,
.register-box {
	width: 100%;
	max-width: 28rem;
}

.login-logo a,
.register-logo a {
	color: #3da9fc;
}

.login-card-body,
.register-card-body {
	padding: 0;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.login-page .card,
.register-page .card {
	box-shadow: none;
}

p.login-box-msg {
	background: #3da9fc;
	padding: 8px 16px;
	color: #fff;
	font-size: 15px;
}

.log-btns .icheck-primary a {
	padding: 0;
	background: transparent;
	border: 0;
	color: #3da8f7;
}

.login-card-body .card-body {
	padding: 40px 30px 10px;
}

.login-box .login-page-logo {
	padding: 15px 0 30px;
}

.login-box .login-page-logo img {
	width: 100%;
	max-width: 160px;
}

.register-card-body .card-body {
	padding: 40px 30px;
}

.login-card-body .card-body {
	/*padding-bottom: 10px;*/
}

.login-card-body input.form-control,
.register-card-body input.form-control {
	height: 40px;
	padding: 8px 15px;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: none !important;
	background-color: transparent !important;
}

.login-card-body input.form-control:focus,
.register-card-body input.form-control:focus {
	border: 1px solid #7da1ca;
}

.login-card-body .icheck-primary label,
.register-card-body .icheck-primary label {
	font-weight: 400;
}

.login-card-body .icheck-primary input#remember,
input#agreeTerms {
	position: relative;
	top: 1px;
}

.login-card-body button,
.social-auth-links .btn,
.forget-pass a,
.log-btns a,
.register-card-body button {
	width: auto;
	border: 1px solid;
	padding: 8px 30px;
	height: 40px;
	border-radius: 3px;
	font-size: 15px;
	background: #3da9fc;
	color: #fff;
	border-color: #3da9fc;
}

.login-card-body button:hover,
.social-auth-links .btn:hover,
.forget-pass a:hover,
.log-btns a:hover,
.register-card-body button:hover {
	background: #fff;
	color: #3da9fc;
	border-color: #3da9fc;
}

.forget-pass a {
	width: auto;
	border: 1px solid;
	padding: 8px 60px;
	height: 40px;
	border-radius: 3px;
	font-size: 15px;
	background: #dd4a3a;
	color: #fff;
	border-color: #dd4a3a;
	margin: auto;
	display: table;
}

.forget-pass a:hover {
	background: #fff;
	color: #dd4a3a;
	border-color: #dd4a3a;
}

.gmail {
	text-align: center;
	margin: auto;
	display: table;
}

.register-btn {
	border: 0 !important;
	padding: 0 !important;
	margin-top: 20px !important;
	display: inline-block;
}

.register-btn:hover {
	background: transparent !important;
	color: #3da9fc !important;
}

/***login-register-css-End-Here***/


/***Dashboard-css-Start-Here***/
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: transparent;
	color: #ffffff;
	box-shadow: none;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
	padding: 11px 15px;
	position: relative;
	font-weight: 400;
	font-size: 14px;
	border-top: 1px solid transparent;
	border-color: rgba(255, 255, 255, .05);
	transition: color .3s ease-in-out 0s;
	border-radius: 0;
	border-left: 1px solid #3da9fc;
	margin-bottom: 0;
}

.nav-sidebar > .nav-item:last-child .nav-link {
	border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.sidebar-dark-primary .nav-sidebar > .nav-item:first-child .nav-link {
	border-top: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link i {
	margin: -12px -15px;
	line-height: 44px;
	width: 44px;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	border-right: 1px solid rgba(255, 255, 255, .05);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.sidebar {
	padding-left: 0;
	padding-right: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link i:after {
	position: absolute;
	content: "";
	background: #3da9fc;
	top: 0;
	left: -43px;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-transition: left .25s;
	transition: left .25s;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active i:after {
	left: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover i:after {
	left: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item:hover a.nav-link {
	background-color: transparent;
}

.sidebar-collapse img.brand-image {
	max-width: 45px;
}

.main-header .header-menus a.nav-link:hover {
	background: #fff;
	color: #3da9fc;
	border-bottom: 2px solid #fff;
}

.main-header .header-menus a.nav-link.active {
	border-bottom: 2px solid #fff;
	color: #fff;
}

.main-header .header-menus a.nav-link.active:hover {
	color: #3da9fc;
}

.main-header .header-menus a.nav-link {
	color: #fff;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	height: auto;
	border-bottom: 2px solid transparent;
}

.super-admin li.user-footer {
	background: #fff !important;
	border-bottom: 1px solid #e9ecef;
}

.thumb_img {
	display: inline-flex;
}

.thumb_img img {
	max-width: 50px;
	width: 100%;
	height: 40px;
	border-radius: 0;
	margin-right: 10px;
}

/* nav.main-header {
	background: #3da9fc;
} */

.company-menu a.nav-link .fa-sort-down,
.super-admin a.nav-link .fa-sort-down {
	position: relative;
	top: -1px;
	padding-left: 10px;
	font-size: 24px;
	display: inline;
}

.super-admin a.nav-link .fa-sort-down {
	padding-left: 0;
}

i.setting-icon {
	padding: 7px 0;
	margin-right: 10px;
	font-size: 22px;
}

.profile-form .input-group > .custom-file:not(:first-child) .custom-file-label {
	border-radius: 0.25rem;
}

.company-menu.show .fa-sort-down,
.super-admin .fa-sort-down {
	transform: rotate(180deg);
	top: 4px;
}

.company-menu .brand-image {
	max-width: 100px;
}

.company-menu a.nav-link:hover {
	background-color: #fff !important;
}

.company-menu a.nav-link,
.super-admin a.nav-link {
	border-radius: 4px;
	font-size: 15px;
	background: #fafafa;
	height: 35px;
	color: #5c6982;
	border: 1px solid #e6e6e6;
	display: inline;
	padding-right: 10px !important;
}

.super-admin a.nav-link {
	padding: 0;
	background: transparent;
	border: 0;
}

.company-menu a.nav-link .fa-sort-down::after,
.super-admin a.nav-link .fa-sort-down::after {
	position: absolute;
	background: #e6e6e6;
	content: "";
	width: 1px;
	top: -1px;
	left: 0px;
	height: 36px;
}

.super-admin a.nav-link .fa-sort-down::after {
	display: none;
}

.company-menu.show .fa-sort-down::after,
.super-admin.show .fa-sort-down::after {
	opacity: 0;
}

.company-menu .dropdown-menu {
	top: 118%;
	border: 1px solid #e6e6e6;
}

.company-menu a.dropdown-item,
.super-admin a.dropdown-item,
.question-icon-header a.dropdown-item {
	color: #253858;
	padding: 10px;
}

.company-menu a.dropdown-item {
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-header .navbar-nav .nav-item.super-admin {
	margin-top: 5px;
}

select.form-control.select2 {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #596780 50%), linear-gradient(135deg, #596780 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
	background-position: calc(100% - 20px) calc(1em + 1px), calc(100% - 14px) calc(1em + 1px), 100% 0;
	background-size: 9px 7px, 7px 9px, 2.5em 2.5em;
	background-repeat: no-repeat;
}

/***Dashboard-css-End-Here***/

/***Profile-css-Start-Here***/
.company-menu {
	top: -2px;
}

.box-profile {
	border-bottom: 3px solid #3da9fc;
}

.profile-page .card-primary .card-header {
	background-color: #3da9fc;
	border: 0;
}

.profile-page .card-primary .card-header {
	background-color: #3da9fc;
	border: 0;
}

.profile-form li.settings a.nav-link.active {
	background-color: #3da9fc;
}

.profile-form button[type="submit"] {
	background: #4b7ddf;
	color: #fff;
	border: 1px solid #4b7ddf;
	width: 100%;
	max-width: 90px;
	transition: all .3s ease-in-out;
}

.profile-form button[type="submit"]:hover {
	background: #fff !important;
	color: #4b7ddf;
	border-color: #4b7ddf !important;
}

.about-profile strong {
	color: #3da9fc;
}

.alert-danger button.close,
.alert-success button.close {
	color: #fff;
	opacity: 0.8;
}

.super-admin li.user-footer a.btn {
	color: #3da9fc !important;
	border: 1px solid #3da9fc;
}

.super-admin li.user-footer a.btn:hover {
	background: #3da9fc !important;
	color: #fff !important;
}

.super-admin .user-header {
	background: #3da9fc;
}

.super-admin .dropdown-menu {
	border: 1px solid #e6e6e6;
}

h1.main-heading {
	color: #4B7DDE;
	font-size: 24px;
	margin-top: 5px;
	font-weight: 600;
	font-family: 'Poppins';
}

.settings-menu li.nav-item a.nav-link.active,
ol.breadcrumb .breadcrumb-item.active {
	color: #90b4ce;
}

.settings-menu li.nav-item a.nav-link {
	color: #000;
	line-height: 2;
}

.settings-menu li.nav-item:hover a {
	color: #3da9fc;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

table#example1 td {
	background: #fff;
	border: 0;
}

/***Profile-css-End-Here***/

/***Footer-css-Start-Here***/
footer.main-footer .copyright {
	font-size: 13px;
	text-align: right;
}

footer.main-footer {
	background: #3da9fc;
}

footer.main-footer li {
	line-height: 2;
	text-transform: capitalize;
}

.copyright-right ul li {
	display: inline-block;
}

.main-footer h5 {
	font-size: 24px;
}

/***Footer-css-End-Here***/

/*CONTACT-NAME-CSS-START*/
.contact-table td.title {
	font-weight: bold;
	text-transform: capitalize;
}

.contact-table th,
.contact-table td {
	vertical-align: middle;
}

.contact-table thead tr th {
	border-left: 2px solid;
}

.contact-table thead tr th:first-child {
	border-left: 0;
}

.contact-table tr {
	border-bottom: 1px solid #ccc;
	background-color: #fff !important;
}

.contact-table thead tr {
	background-color: rgba(0, 0, 0, 0.05) !important;
}

.table-menu-right button#custom-menu::after {
	display: none;
}

td.contact-table-group {
	text-transform: capitalize;
	color: #5f6c7b;
	border: 0;
}

table#contact_persons_table td ul li {
	list-style: none;
	display: inline-block;
	padding-right: 5px;
}

table#contact_persons_table td ul {
	padding: 0;
	margin: 0;
}

.table-header-menu .dropdown-toggle,
.table-header-menu button.add-btn {
	color: #3da9fc;
}

#attachment-view button.modalMinimize,
#person-cont-view button.modalMinimize {
	margin-left: auto;
	border: 0;
	background: #fff;
	color: grey;
}

#attachment-view button.modalExpand,
#person-cont-view button.modalExpand {
	border: 0;
	background: #fff;
	color: grey;
}

#attachment-view button.close,
#person-cont-view button.close {
	margin-left: 0 !important;
	padding-left: 5px;
}

#attachment-view ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#attachment-view ul li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
	font-size: 30px;
}

#attachment-view ul li a {
	color: #5f6c7b;
}

.modal-footer ul li a {
	font-size: 18px;
}

#attachment-view .modal-footer .upload ul li a {
	color: #3da9fc;
}

#watch button[type="submit"] {
	background: #3da9fc;
	border: 1px solid #3da9fc;
}

table#contact_persons_table button {
	color: #3da9fc;
}

table#contact_persons_table td.title button.btn {
	color: #202f3d;
	text-transform: capitalize;
}

.table-header-menu .nav-item .nav-link {
	border: 0;
	border-bottom: 10px solid #E6E6E6;
	color: #E6E6E6;
	font-weight: 500;
	padding: 5px;
}

.table-header-menu .nav-item .nav-link.active {
	border-color: #3da9fc;
	color: #3da9fc;
}

.table-header-menu .nav-item {
	margin-right: 10px;
}

.table-header-menu .nav-item:last-child {
	margin-right: 0;
}

.table-header-menu #myTab {
	border: 0;
}

.contact-table p span {
	color: #E6E6E6;
	font-size: 14px;
	line-height: 18px;
	display: inline-block;
}

.contact-table p {
	margin-bottom: 0;
}

.cont-eng-left p {
	text-transform: capitalize;
	margin-bottom: 0;
}

.cont-eng-list ul {
	padding-left: 0;
}

.cont-eng-list ul li {
	list-style: none;
	padding-bottom: 10px;
	display: block;
	float: left;
	width: 100%;
}

.cont-eng-list ul li span {
	font-weight: bold;
	text-transform: capitalize;
	width: 20%;
	display: inline-block;
}

.cont-eng-list ul li a {
	width: 80%;
	float: right;
	padding-bottom: 5px;
}

.cont-eng-list ul li a i {
	font-size: 14px;
	margin-right: 5px;
}

/* table.note-tables td button.btn i.fas.fa-thumbtack {
	-webkit-transform: rotate(42deg);
	-moz-transform: rotate(42deg);
	-ms-transform: rotate(42deg);
	-o-transform: rotate(42deg);
} */

ul.sidebar-top-list,
.sidebar-address ul {
	padding: 0;
	margin: 0;
}

ul.sidebar-top-list li {
	list-style: none;
	padding-bottom: 10px;
	color: #3da9fc;
}

ul.sidebar-top-list li i {
	margin-right: 5px;
}

ul.sidebar-top-list li span {
	text-transform: capitalize;
}

.sidebar-address ul li {
	list-style: none;
	padding-bottom: 5px;
	text-transform: capitalize;
	color: #5f6c7b;
}

.sidebar-address p .fa-map-marked-alt {
	font-size: 43px;
}

#sidebar-inner2 button.btn.btn-group {
	border: 1px solid #E6E6E6;
	margin-bottom: 10px;
	text-transform: capitalize;
}

#sidebar-inner2 button.btn.btn-tag3 {
	background: purple;
	color: #fff;
}

/* .tags-btns .btn {
	padding: 8px 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
} */

.tags-btns .btn {
	padding: 10px 18px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.06px;
	border-radius: 30px;
	font-family: 'Poppins';
}

.pagination-sec ul.pagination {
	margin-bottom: 0;
}

.custom-btn {
	border: 1px solid #E6E6E6;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.custom-search {
	position: relative;
}

.custom-search button.btn {
	position: absolute;
	right: 0;
}

.contact-page-new .sidebar-menu ul {
	padding-left: 0;
	margin: 0px;
}

.contact-page-new .sidebar-menu ul li {
	list-style: none;
	padding-bottom: 10px;
	-webkit-appearance: unset;
}

/* .contact-page-new .sidebar-menu ul li a {
	color: #5f6c7b;
} */

ul#Group-1 {
	margin-top: 10px;
	margin-left: 13px;
}

ul#Group-1 li {
	padding-bottom: 0;
}

.contact-page-new .sidebar-menu ul li i.fas.fa-sort-down {
	position: relative;
	top: -2px;
}

.contact-page-new .sidebar-menu ul#Group-1 li i.fas.fa-sort-down {
	margin-right: 5px;
}

.top-title {
	position: relative;
	padding-left: 75px;
}

.top-title i {
	position: absolute;
	top: -4px;
	font-size: 58px;
	left: 0;
}

/*CONTACT-NAME-CSS-END*/

/*May-12-css-start*/

.top-contact-header {
	display: flex;
	flex-direction: column;
}

.top-contact-header .top-title {
	position: relative;
	padding-left: 75px;
	display: flex;
	width: 100%;
}

.top-contact-header .custom-search {
	position: relative;
	width: 100%;
}

.top-contact-header .custom-search .form-outline {
	width: 100%;
	max-width: 450px;
}

.top-contact-header .custom-search .form-outline input {
	border-radius: 30px;
}

.top-title-details {
	width: auto;
	margin-left: 30px;
}

.top-contact-header .top-title p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.table-menu-right button.btn i.fa.fa-plus {
	border: 1px solid #114067;
	padding: 2px !important;
	font-size: 11px;
	margin-right: 3px !important;
	border-color: #3da9fc !important;
}

.table-menu-right button.btn i.fa.fa-cog {
	margin-right: 3px;
}

.pagination-sec ul.pagination .form-control {
	font-size: 15px;
	font-weight: normal;
	padding: 6px 16px;
	padding-right: 40px !important;
}

aside .sidebar-top h4 {
	font-size: 20px;
	font-weight: 900;
	color: #094067;
}

.sidebar-address h4 {
	font-size: 20px;
	font-weight: 900;
	color: #094067;
}

/*May-12-css-end*/

/*May-13-css-end*/

table {
	border: 1px solid #E6E6E6 !important;
}

table thead tr th {
	background: #fff;
	color: #094067;
	font-size: 16px;
	font-weight: normal;
	border: 0px !important;
	text-transform: uppercase;
}

table th,
table td {
	border: 0px;
}

table td {
	color: #5f6c7b;
	font-size: 14px;
}

table tfoot tr th {
	color: #094067;
	font-size: 16px;
	font-weight: normal;
	border: 0px;
	text-transform: uppercase;
}

.page-item.disabled .page-link {
	color: #5f6c7b;
	pointer-events: none;
	cursor: auto;
	background-color: #ffffff;
	border-color: #E6E6E6;
}


.page-item.active .page-link {
	z-index: 3;
	color: #5f6c7b;
	background-color: #fff;
	border-color: #E6E6E6;
}

ul.pagination li.page-item a.page-link {
	color: #5f6c7b;
	border: 1px solid #E6E6E6;
	line-height: 1.32;
	padding: 0 0.75rem;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.pagination .pagination-contactlinks {
	display: flex;
}

.drop-button {
	Height: 35px;
	padding: 0px 8px 0px 16px !important;
	font-size: 15px !important;
	border-radius: 4px;
	color: #5f6c7b !important;
	border: 1px solid #90b4ce;
	background: #f8f9fa !important;
	transition: .4s;
}

.drop-button i.fa {
	border-left: 1px solid #90b4ce;
	height: 100%;
	line-height: 20px;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 5px;
}


.drop-button:hover {
	background: #fff !important;
	border-color: #90b4ce !important;
}

.drop-button::after {
	display: none;
}

.edit-button {
	padding: 8px 16px;
	height: 35px !important;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	color: #fff !important;
	border: 0px;
}

.sidebar-top-btns button.btn.attachment-view-btn {
	padding: 0px;
}

.sidebar-top-btns {
	justify-content: space-between;
	margin-bottom: 25px !important;
	margin-top: 72px;
	width: 100%;
	max-width: 270px;
}

.sidebar-top-btns button.btn {
	font-size: 18px;
	font-weight: unset;
}

.del-button {
	padding: 8px 16px;
	line-height: 15px;
	height: 35px !important;
	border-radius: 3px;
	font-size: 15px;
	color: #fff !important;
	border: 0px;
}

ul.pagination .pagination-contactlinks a.page-link:hover {
	background: #fff;
}

.english-table-inner h5 {
	color: #094067;
	font-size: 20px;
}

.top-contact-header h3 {
	color: #094067;
	font-size: 24px;
}

.top-contact-header p {
	color: #5f6c7b;
	font-size: 16px;
}

.dataTables_length label {
	color: #5f6c7b;
}

.dataTables_length select.custom-select {
	color: #5f6c7b;
}

.dataTables_filter label {
	color: #5f6c7b;
}

.dataTables_info {
	color: #5f6c7b;
}

.drop-button:focus {
	outline: none !important;
	border: 1px solid #90b4ce;
}

table tbody tr.odd {
	background-color: #fff !important;
}

table tbody tr.odd td {
	/*color: #5f6c7b;*/
}

table tbody tr.odd td:hover {
	/*color: #3da9fc;*/
}

table tbody tr.odd td a {
	/*color: #5f6c7b;*/
	word-break: break-all;
}

table tbody tr.odd td a:hover {
	/*color: #3da9fc;*/
}

table tbody tr.even td {
	/*color: #90b4ce;*/
}

table tbody tr.even td:hover {
	/*color: #3da9fc;*/
}

table tbody tr.even td a {
	/*color: #90b4ce;*/
	word-break: break-all;
}

table tbody tr.even td a:hover {
	/*color: #3da9fc;*/
}

/*May-13-css-end*/

/*May-14-css-start*/

.table-bordered th,
.table-bordered td {
	border: 0px;
}

.card-header h3.card-title {
	font-size: 16px;
	color: #5f6c7b;
	font-family: 'Poppins';
}

.card-header label {
	color: #5f6c7b;
	margin-top: 6px;
}

.modal-content .modal-header .modal-title {
	color: #094067;
	font-size: 18px;
}

.modal-body label {
	color: #094067;
	font-size: 16px;
}

.modal-body nav a {
	color: #5f6c7b !important;
}

.modal-body .card .card-header h5 {
	font-size: 16px;
}

.modal-body .card .card-body .form-group {
	font-size: 16px;
	color: #5f6c7b;
}

.modal-body .card .card-body .form-group .icheck-primary {
	color: #094067;
}

.common-button-site {
	padding: 8px 16px;
	height: 40px !important;
	border-radius: 3px;
	font-size: 15px;
	color: #fff !important;
}

.card-body .form-horizontal label {
	font-size: 16px;
	color: #094067;
}

input {
	Height: 40px !important;
	padding: 8px 15px !important;
}

select.form-control {
	Height: 40px !important;
	padding: 8px 15px !important;
	border-radius: 4px !important;
	color: #5f6c7b;
}

label.custom-file-label {
	Height: 40px !important;
	padding: 8px 15px !important;
	border-radius: 4px !important;
}

label.custom-file-label::after {
	Height: 40px !important;
}

.card-body .form-horizontal .btn {
	padding: 8px 16px;
	height: 40px !important;
	border-radius: 3px;
	font-size: 15px;
}

.modal-body .accordion input {
	height: auto !important;
}

.inner-new-contact .card {
	box-shadow: none;
	margin-bottom: 0px;
}

.card-body table .btn {
	padding: 0px 6px;
	height: 35px !important;
	border-radius: 3px;
	font-size: 15px;
	color: #fff !important;
}

.modal-footer .btn {
	padding: 8px 16px;
	height: 40px !important;
	border-radius: 3px;
	font-size: 15px;
}

.content-wrapper .dropdown-menu.show {
	/*left: -11px !important;*/
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #fff;
}

.form-group input:-internal-autofill-selected {
	background-color: #fff !important;
}

/*May-14-css-end*/

/*May-17-css-end*/
.tabel-scroll-sec {
	overflow-x: auto !important;
	padding-bottom: 20px;
}

table thead tr th {
	vertical-align: top !important;
}

.dataTables_wrapper {
	overflow-x: auto;
}

.toggle-navbar-sec ul.navbar-nav a.nav-link {
	color: #fff;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	height: auto;
	border-bottom: 2px solid transparent;
}

.toggle-navbar-sec ul.navbar-nav a.nav-link:hover {
	background: #fff;
	color: #3da9fc !important;
	border-bottom: 2px solid #fff;
}

.toggle-navbar-sec ul.navbar-nav a.nav-link.active {
	font-weight: 600;
	color: #fff;
	position: relative;
}

.toggle-navbar-sec ul.navbar-nav a.nav-link.active::before {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	width: 52px;
	height: 4;
	border-radius: 20px;
}

.toggle-navbar-sec ul.navbar-nav a.nav-link.active {
	/*border-bottom: 2px solid #fff;*/
	/*color: #fff;*/
	/*font-weight: 600;*/
}


.card-body .form-horizontal input {
	color: #5f6c7b;
}

.card-body .form-horizontal input::placeholder {
	color: #E6E6E6;
}

select.form-control:invalid {
	color: #E6E6E6;
}

select.form-control {
	color: #5f6c7b;
}

.card-body .form-horizontal label.custom-file-label {
	color: #E6E6E6;
}

.card-body .form-horizontal label.custom-file-label.selected {
	color: #5f6c7b;
}

/*May-17-css-end*/

/*May-18-css-start*/
.modal-body .form-group input {
	color: #5f6c7b;
}

.modal-body .form-group input::placeholder {
	color: #E6E6E6;
}

.alert-danger {
	color: red;
	background-color: #ffccca;
	border-color: red;
	position: relative;
	padding-left: 50px;
}


.alert-danger::before {
	position: absolute;
	content: "\f071";
	font-family: 'FontAwesome';
	left: 20px;
	font-size: 18px;
}

.alert-danger button.close {
	color: red;
}

.alert-success {
	color: #00a277;
	background-color: #d0ead3;
	border-color: #00a277;
	position: relative;
	padding-left: 50px;
}

.alert-success::before {
	position: absolute;
	content: "\f058";
	font-family: 'FontAwesome';
	left: 20px;
	font-size: 18px;
}

.alert-success button.close {
	color: #00a277;
}


.alert-warning {
	color: #ffbe00;
	background-color: #fff4c7;
	border-color: #ffbe00;
	position: relative;
	padding-left: 50px;
}

.alert-warning::before {
	position: absolute;
	content: "\f071";
	font-family: 'FontAwesome';
	left: 20px;
	font-size: 18px;
}

.alert-warning button.close {
	color: #ffbe00;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #0c5460;
	position: relative;
	padding-left: 50px;
}

.alert-info::before {
	position: absolute;
	content: "\f05a";
	font-family: 'FontAwesome';
	left: 20px;
	font-size: 18px;
}

.alert-info button.close {
	color: #0c5460;
}


.toggle-navbar-sec ul.navbar-nav .company-menu {
	padding-top: 18px;
}

/* .toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
	border-radius: 4px;
	font-size: 15px;
	background: #fafafa;
	color: #5c6982;
	border: 1px solid #e6e6e6;
	display: inline;
	padding-right: 10px !important;
	padding-top: 8px;
	padding-bottom: 8px;
} */

.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link:hover {
	color: #5c6982 !important;
}


/*May-18-css-end*/

/*May-19-css-start*/

.toggle-navbar-sec ul.navbar-nav a.nav-link:focus {
	color: #fff;
}

.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link:focus {
	color: #5c6982;
}

.sidebar-menu .badge.badge-pill {
	background: transparent;
	padding: 8px 16px;
	height: 40px;
	line-height: 22px;
	border-radius: 3px;
	font-size: 15px;
	border: 0px;
	color: #5F6C7B;
	text-decoration: underline;
}

.org-create-table {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	border-radius: 0;
}

.form-footer-sec {
	margin-bottom: 100px;
}

.profile-form .card {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

.edit-profile-main-sec {
	/*width: 100%;*/
	/*max-width: 1140px;*/
	/*max-width: 940px;
	margin: 0 auto;*/
}

.edit-profile-main-sec .profile-pic-remove {
	margin-left: 10px;
}

.user-mang-view-sec {
	/*width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;*/
	background: #fff;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px;
}

.modal-body i.far.fa-question-circle {
	/*font-size: 25px;*/
	font-size: 21px;
	line-height: 40px;
	color: #5f6c7b;
}

.auth-update-view-body .icheck-primary {
	padding-left: 60px;
}

.auth-update-view-body .auth-update-view-select {
	padding-left: 60px;
	padding-right: 60px;
}

.resend-invite-link {
	position: relative;
}

.resend-invite-link::after {
	position: absolute;
	content: "\f003";
	font-family: 'FontAwesome';
	font-size: 22px;
	margin-left: 5px;
	line-height: 24px;
}

table tr th,
table tr td {
	text-align: center;
}

table tbody tr td input.row-select {
	margin-top: 6px;
}

table tfoot tr th {
	padding: 12px 30px 12px 12px !important;
}

table tfoot tr th:last-child {
	padding: 12px !important;
}

td.dataTables_empty {
	text-transform: capitalize;
}

/*May-19-css-end*/

/*May-20-css-start*/

.add-gp-sec {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

a.resend-invite-link {
	padding-right: 28px;
}

.contact-create-sec {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

.contact-inputs input.form-control {
	width: 100%;
	max-width: 210px;
}

.contact-inputs {
	justify-content: space-between;
}

.contact-address-fields input,
.contact-address-fields select {
	margin-bottom: 1rem;
}

.contact-create-sec h4.modal-title {
	font-size: 18px;
	color: #094067;
	margin-bottom: 20px;
}

.address-city-post-code {
	display: flex;
}

.address-city-post-code input:last-child {
	margin-left: 20px;
	width: 100%;
	max-width: 477px;
}

.person-contact {
	display: flex;
	justify-content: space-between;
}

.person-contact input,
.person-contact textarea.form-control,
.person-contact .nots-attachment,
.person-contact .custom-file,
.person-contact select.form-control {
	width: 100%;
	max-width: 325px;
}

.nots-attachment a.attachment-link {
	margin-right: 10px;
}

.person-contact.notes-contact {
	margin-bottom: 0px !important;
}

.person-contact.name-contact-field {
	margin-bottom: 0px !important;
}

.person-contact:first-child {
	margin-bottom: 1rem;
}

.person-sub-contact {
	display: flex;
	justify-content: space-between;
}

.person-sub-contact input,
.person-sub-contact select.form-control {
	width: 100%;
	/*max-width: 197px;*/
	max-width: 155px;
}

textarea.form-control::placeholder {
	color: #E6E6E6;
}

textarea.form-control {
	color: #5f6c7b;
}

.contact-create-sec select.form-control {
	font-size: 15px;
}

.table-menu-right i.fa.fa-angle-down,
.sidebar-top .btn h1 i.fa.fa-angle-down {
	font-size: 25px;
	margin-bottom: 17px;
}

/*May-20-css-end*/

/*May-24-css-start*/

.dropdown-menu .dropdown-item {
	color: #5f6c7b;
	font-size: 15px;
}

.xero-content h5.card-title {
	font-size: 18px;
	color: #094067;
	margin-bottom: 10px;
}

.contact-address-fields input:last-child {
	margin-bottom: 0px;
}

.contact-address-fields select {
	margin-top: 1rem;
}

/*May-24-css-end*/

/*May-26-css-start*/

.user-mang-view-sec .nav-tabs {
	border-bottom: 0px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.user-mang-view-sec .nav-tabs .nav-item {
	width: 50%;
	border: 1px solid #dee2e6;
	background: #E6E6E6;
	border-radius: 0px;
	color: #094067 !important;
}

.user-mang-view-sec .nav-tabs .nav-item.active {
	background: #fff;
}

.user-mang-view-sec .nav-tabs i.far.fa-question-circle {
	position: absolute;
	/*right: -30px;*/
	right: -26px;
	margin-right: 0px !important;
}

.view-pswd-text i.far.fa-question-circle {
	margin-top: 0px !important;
	line-height: 1;
	margin-left: 10px;
}

.user-mang-view-sec .card a {
	color: #094067;
	font-size: 18px;
	margin-left: 5px;
	text-transform: uppercase;
}

.user-mang-view-sec .card .form-group p {
	color: #094067;
	font-weight: 600;
}

.user-mang-view-sec .card .icheck-primary input[type=radio] {
	height: 16px !important;
}


.user-mang-view-sec .card .icheck-primary {
	display: flex;
	align-items: center;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
	/*padding-bottom: 20px;*/
	/*margin-bottom: 30px;*/
	padding-bottom: 10px;
	margin-bottom: 0;
}

.user-mang-view-sec .card .icheck-primary input {
	height: auto !important;
}


.user-mang-view-sec .card .icheck-primary label {
	font-size: 16px;
	font-weight: unset;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-top: 3px;
}

.user-mang-view-sec .card select.form-control {
	margin-bottom: 30px;
}

.user-mang-view-sec .card:first-child {
	margin-bottom: 40px;
}

.dropdown-menu .dropdown-item:active {
	background: #f8f9fa;
}

.org-name-sec {
	white-space: nowrap;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-mang-view-sec .usr-email {
	background: #E6E6E6 !important;
	width: 100%;
	max-width: 350px;
	position: relative;
}

.user-mang-view-sec a.resend-invite-link {
	position: absolute;
	top: 10px;
	right: 0;
	padding-right: 28px;
}

input[type=checkbox] {
	position: relative;
	height: auto !important;
}

input[type=checkbox]::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 3px;
	border: 1px solid #3da9fc;
	opacity: 0;
}

input[type=checkbox]:hover::before {
	opacity: 1;
}

.contact-page-new tbody td img {
	width: 40px;
}

.sidebar-menu .badge.badge-pill:focus {
	outline: none;
}

.english-table .top-contact-header .top-title img.img-thumbnail {
	width: 100%;
	max-width: 60px !important;
	height: 60px;
}

/*May-26-css-end*/

/*june-2-css-start*/

tbody td button.attachment-view-btn {
	color: #3da9fc;
	background: none;
	border: 0;
	font-size: 16px;
}

tbody td button.attachment-view-btn i.far.fa-file-alt {
	margin-right: 3px;
}


.table-user-mang table p {
	margin-bottom: 1px;
}

.table-user-mang table tfoot tr td {
	padding-left: 0;
}

.dataTables_paginate ul.pagination {
	margin: 0px !important;
	padding-top: 0.7em;
}

ul.contact-person-icons {
	padding: 0;
	margin: 0;
}

ul.contact-person-icons li i.fa.fa-envelope {
	font-weight: unset;
}

ul.contact-person-icons li a {
	font-size: 16px;
}

ul.contact-person-icons li a i.fa.fa-phone {
	transform: rotate(90deg);
}

a:hover {
	color: #3da9fc;
}

.add-gp-sec .cont-eng-left h4 {
	font-size: 18px;
	color: #094067;
}

.add-gp-sec .cont-eng-left p {
	font-size: 16px;
	color: #094067;
	margin-bottom: 10px;
}

.add-gp-sec .cong-eng-right button i.far.fa-sticky-note {
	font-size: 18px;
	color: #094067;
}

.add-gp-sec .cont-eng-list ul li span {
	color: #094067;
}

.add-gp-sec .cont-eng-list ul {
	margin: 0px;
	padding: 0px;
}

tbody tr td {
	padding: 7px !important;
}

aside .sidebar-address p i.fas.fa-map-marked-alt {
	font-size: 30px;
	color: #094067;
}

.sidebar-top-btns button.btn i.far.fa-file-alt {
	font-size: 30px;
	font-weight: 100 !important;
	margin-top: 4px;
}

.note-tables tr th,
.note-tables tr td {
	text-align: left;
}

.add-gp-sec .cont-eng-list ul li a {
	padding-left: 80px;
}

/*june-2-css-end*/

/*june-4-css-start*/

.person-contact-view-modal {
	width: 100%;
	max-width: 780px;
}

.inner-person-contact-view {
	width: 100%;
	/*max-width: 680px;*/
	max-width: 590px;
	margin: 0 auto;
}

.landline-ext-list {
	/* display: flex;*/
	/* margin-top: 30px;*/
}

.inner-person-contact-view .cont-eng-list ul li a {
	/*padding-left: 62px;*/
}

.landline-ext-list li:last-child {
	/* text-align: right;*/
}

.landline-ext-list li:last-child a {
	/* max-width: max-content;*/
}

.inner-person-contact-view ul {
	/*  overflow: auto;*/
}

.inner-person-contact-view span {
	/*color: #094067;*/
}

.inner-person-contact-view h4 {
	/* color: #094067;*/
	/* text-transform: capitalize;*/
	/*font-weight: bold;*/
	/*margin-bottom: 0px;*/
}

.mobile-tyle-box {
	/* display: inline-block;*/
}

span.mobile-type {
	width: 100% !important;
	max-width: max-content;
	display: inline-flex !important;
}

span.mobile-type a {
	/*width: 100% !important;*/
}

.inner-person-contact-view .cont-eng-list ul li {
	/* padding-bottom: 20px;*/
}

li.email-person-contact-view a {
	/*  display: contents;*/
}

.mobile-tyle-box span.mobile-type {
	/* font-weight: normal;*/
}

li.notes-person-contact-view {
	/*position: relative;*/
}

li.notes-person-contact-view textarea.form-control {
	/* width: 100%;*/
	/*max-width: 80%;*/
}

li.notes-person-contact-view .attachment-view-btn {
	/* position: absolute;*/
	/* right: 0; */
	/*bottom: 30px;*/
	/* color: #3da9fc;*/
	/*background: none;*/
	/*  border: 0;*/
	/*font-size: 16px;*/
}

li.mobile-person-contact-view span {
	/* float: left;*/
}

table:focus,
table tbody:focus,
table thead:focus,
table thead th:focus,
table tr:focus,
table tbody tr td:focus {
	outline: none;
}

ul.pagination,
ul.pagination .paginate_button,
ul.pagination .paginate_button a.page-link:focus {
	outline: none;
	box-shadow: none;
}

.attachment-contact-edit-row .thumb_img img {
	margin-bottom: 10px;
	width: 100%;
	object-fit: cover;
}

a.attachment-link img.img-thumbnail {
	max-width: 50px;
	height: 40px;
	width: 100% !important;
	border-radius: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	object-fit: cover;
}

.attachment-contact-edit-row .custom-file {
	width: 100%;
}

.table-menu-right button.btn i.fa.fa-list.mr-1.p-1 {
	font-size: 13px;
	padding: 4px 3px 2px !important;
}

a.attachment-link {
	position: relative;
	display: inline-flex;
}



button.attachment-delete-btn {
	position: absolute;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	border-radius: 50%;
	border: 0px;
	top: -8px;
	right: 5px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);
}

.user-gray {
	background: #E6E6E6 !important;
}

.user-mang-view-sec .form-group {
	align-items: center !important;
}

.address-city-post-code input.form-control {
	margin-bottom: 0px;
}

.tab-buttons {
	position: relative;
	width: 100%;
	max-width: max-content;
	float: left;
}

/* .tab-buttons form {
    position: absolute;
    top: -10px;
    right: 5px;
} */

.tab-buttons form {
	position: absolute;
	top: -7px;
	right: 12px;
}

/* .tag-buttons-delete {
    font-size: 10px;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 50%;
    border: 0px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);
} */

.tag-buttons-delete {
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	border-radius: 50%;
	border: 0px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);
	width: 18px;
	height: 18px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

table tbody tr.odd td i.fa.fa-eye {
	color: #5f6c7b;
}

table tbody tr.even td i.fa.fa-eye {
	color: #90b4ce;
}

aside.tags-gp-sec {
	overflow: auto;
}

.color-change {
	color: #E6E6E6 !important;
}

select.form-control option {
	color: #5f6c7b;
}

select.form-control optgroup {
	color: #5f6c7b;
}

.top-contact-header .custom-search .form-outline input {
	padding-right: 30px !important;
}

/* .tab-buttons:nth-child(1n+1) .btn {
    background: #90b4ce;
    border-color: #90b4ce;
}
.tab-buttons:nth-child(3n+2) .btn {
    background: #4BB543;
    border-color: #4BB543;
}
.tab-buttons:nth-child(3n+3) .btn {
    background: #3da9fc;
    border-color: #3da9fc;
} */

.tab-buttons:nth-child(1n+1) .btn, .contact-list-sec table tbody .tab-buttons:last-child .btn  {
	background: #f1eaf8;
	border-color: #f1eaf8;
	color: #6938B2 !important;
}

.tab-buttons:nth-child(3n+2) .btn, .contact-list-sec table tbody .tab-buttons:first-child .btn {
	background: #eaf9ef;
	border-color: #eaf9ef;
	color: #4AB762 !important;
}

.tab-buttons:nth-child(3n+3) .btn, .contact-list-sec table tbody .tab-buttons:nth-child(2n+2) .btn {
	background: #e2f4fe;
	border-color: #e2f4fe;
	color: #0095EF !important;
}

table.table-bordered.dataTable td .contact-tag-btn:nth-child(3n+1) {
	background: #4BB543;
}

table.table-bordered.dataTable td .contact-tag-btn:nth-child(3n+2) {
	background: #3da9fc;
}

table.table-bordered.dataTable td .contact-tag-btn:nth-child(3n+3) {
	background: #90b4ce;
}

table.table-bordered.dataTable td .contact-tag-btn {
	margin-bottom: 5px;
	margin-left: 5px;
}

.contact-new-gp-btn {
	position: relative;
}

.contact-new-gp-btn button.badge.badge-pill {
	position: absolute;
	top: -15px;
}

.contact-add-button {
	position: absolute;
	/*top: -57px;*/
	top: -67px;
	right: 18px;
	z-index: 9;
}

.contact-filters .dropdown-toggle {
	color: #3DA9FC;
}

.contact-filters .dropdown-toggle::after {
	display: none;
}

span.contact-filter {
	color: #3DA9FC;
	padding: 6px 12px;
}

.new-contact-btns a span.badge {
	position: absolute;
	top: 2px;
}

.add-new-contact {
	background: #3da9fc;
	font-weight: 500;
	margin-right: 7.5px;
}

/* .contact-filters .dropdown-toggle i.fa.fa-list {
    font-size: 13px;
    padding: 4px 3px 2px!important;
} */

.contact-filters .dropdown-toggle i.fa.fa-cog {
	margin-right: 3px;
}

/* .new-contact-btns button.badge.badge-pill {
    position: absolute;
    top: 67px;
} */

.dropdown-item.active,
.dropdown-item:active {
	background-color: #f8f9fa;
}

.content-wrapper .contact-filters .dropdown-menu {
	left: 0px !important;
}

.btn.btn-primary {
	background: #4b7ddf;
	border-color: #4b7ddf;
}

.btn.btn-primary:hover {
	color: #fff;
	background: #4b7ddf !important;
	border-color: #4b7ddf !important;
}

.btn.btn-primary:active {
	background: #4b7ddf !important;
	border-color: #4b7ddf !important;
}

.dropdown-menu .dropdown-item:focus {
	outline: none;
}

.new-contact-btns a:first-child {
	position: relative;
}

table.note-tables td.title,
table.note-tables td.title {
	width: 34rem !important;
}

table.note-tables td:first-child {
	width: 1rem;
}

table.note-tables td button.btn {
	color: #3da9fc;
	padding: 0 3px;
}

table.note-tables td:last-child {
	text-align: right !important;
}

table.note-tables tbody tr.odd td a {
	color: #5f6c7b !important;
	font-weight: bold;
	text-transform: capitalize;
}

table.note-tables tbody tr.even td a {
	color: #5f6c7b !important;
	font-weight: bold;
	text-transform: capitalize;
}

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

table tbody tr.odd td a div {
	word-break: initial;
}

/*june-4-css-end*/

/* July-6-master-setting-css-start */
.master_section-sec .container {
	max-width: 100%;
}

.master_section-sec .nav-tabs {
	width: 100%;
	max-width: 280px;
	padding-right: 0px !important;
	margin-bottom: 1rem;
}

.master_section-sec .nav-tabs li.nav-item a.nav-link {
	background: #fff;
	border: 1px solid #e6e6e6;
	color: #5f6c7b;
}

.master_section-sec .nav-tabs li.nav-item a.nav-link.active {
	background: #3da9fc;
	color: #ffff;
	position: relative;
}

.master_section-sec .nav-tabs li.nav-item a.nav-link.active::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -11px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent transparent #3da9fc;
}

.master_section-sec {
	display: inline-block;
	width: 100%;
}

/* July-6-master-setting-css-end */

.header-dropdown-menu ul li {
	list-style: none;
	margin: 0;
}

.header-dropdown-menu ul.dropdown-menu.header-submenu {
	position: unset;
	box-shadow: none;
	border: 0px;
	padding-left: 10px;
}

.header-dropdown-menu ul.dropdown-menu a.dropdown-item {
	width: 100%;
}

.navbar-collapse ul.navbar-nav li.nav-item {
	list-style: none;
}

/***** Aug-11-css-start-here *****/

.contact-list-sec .card-body {
	background: #fff;
	position: absolute;
	left: 0;
	right: 10px;
	bottom: 0;
	top: 71px;
	/*top: 66px;*/
	/*margin-bottom: 20px;*/
	padding: 33px 0;
	overflow: scroll;
	transition: all .4s ease-out;
	border-radius: 16px;

}

.contact-list-sec.alert-position .card-body {
	top: 184px;
}

.contact-list-sec .card-body table {
	border: 0px !important;
}

.contact-list-sec .card-body .row:last-child {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 10px;
	background: #fff;
}

.contact-list-sec .card-body .dataTables_wrapper {
	position: relative;
	/*position: revert;*/
	/*height: 100% !important;*/
	min-height: 100vh !important;
	padding-bottom: 80px;
}

/* .content-wrapper {
	min-height: auto !important;
} */

.content-wrapper.contact-content-wrapper {
	min-height: auto !important;
}

.contact-content-wrapper section.content.master_section-sec {
	height: 100%;
}

.contact-side-bar-search .input-group {
	background: transparent;
	width: 100%;
	max-width: 100px;
	height: 20px;
	border-radius: 0;
	border: 0;
	margin-left: 20px;
}

.contact-side-bar-search .input-group input.form-control {
	width: 100%;
	max-width: 100px;
	height: 20px !important;
	border-radius: 0px !important;
	padding-left: 30px !important;
	border: 0;
	background: transparent;
	border-bottom: 1px solid #E9E9E9;
	font-size: 9px;
	font-family: 'Poppins';
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.05px;
}

.contact-side-bar-search .input-group input.form-control::placeholder {
	color: #E9E9E9;
}

.contact-side-bar-search .input-search-append button.btn {
	position: absolute;
	top: 0;
	bottom: 3px;
	z-index: 3;
	left: 0px;
	padding: 0px;
}

.contact-side-bar-search .input-group input.form-control::placeholder {
	color: #858585;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
}

.side-bar-list li.sidebar-dropdown a.all-contacts {
	display: block;
	padding: 7px 0px 13px 33px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.05px;
	text-decoration: none;
	color: #4A4A4A;
    border-bottom: 1px solid #F6F9FD;
}

.side-bar-list li.new-contact-btns ul li.active a {
    background: #f6f8fe;
    border-left: 3px solid #4874e5;
    border-radius: 6px;
    height: 50px;
    width: 100%;
    margin-right: 6px;
    padding-left: 20px;
}

.sidebar-icon {
	 position: fixed;
    /* right: -38px; */
    left: 0;
    top: 136px;
	/*position: absolute;*/
	/*top: 20px;*/
	border: 2px solid #4B7DDE;
	padding: 5px 12px 5px 7px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #4B7DDE;
	box-shadow: 1px 3px 9px 1px #ccc;
	z-index: 9;
}

.sidebar-icon {
	display: none;
}

.sidebar-icon i.fa {
	font-size: 18px;
	color: #fff;
	transition: .2s all ease-in-out;
}

.add-gp-side-bar a {
	text-decoration: none;
}

.add-gp-side-bar a:hover {
	text-decoration: none;
}

.add-gp-side-bar a span {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.05px;
	text-decoration: none;
	font-family: 'Poppins';
}

.side-bar-list li.new-contact-btns {
	margin: 0px;
	padding: 0px !important;
}

.side-bar-list,
.side-bar-list li.sidebar-dropdown ul {
	margin: 0px;
}

.side-bar-list li.new-contact-btns ul li {
	height: 70px;
	border-bottom: 1px solid #F6F9FD;
	display: flex;
	align-items: center;
	padding-left: 28px !important;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #4A4A4A;
	font-family: 'Poppins';
}

.side-bar-list li.new-contact-btns ul li a {
	color: #4A4A4A;
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: .3s all ease-in-out;
}

.side-bar-list li.new-contact-btns ul li a span {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #4A4A4A;
}

.side-bar-list li.sidebar-dropdown ul li img {
	margin-right: 15px;
}



.add-gp-side-bar button.badge.badge-pill {
	padding: 0px;
	line-height: normal;
	height: auto;
	padding-right: 7px;
	color: #4B7DDE;
	font-size: 12px;
	font-weight: 300;
	font-family: 'Poppins';
}

.add-gp-side-bar {
	padding: 20px 5px 20px 28px !important;
	border-bottom: 1px solid #F6F9FD;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.add-gps-sidebar ul li {
	margin: 0px;
	padding-bottom: 0px !important;
}

.new-gp-sliderbar ul li {
	height: auto !important;
}

.groups-side-bar .panel-group {
	width: 100%;
	/* margin: 44px 43px 44px 0px; */
	margin: 20px 5px 20px 0px;
	background: #fff;
	border-left: 3px solid #fff;
	border-radius: 6px;
}

.groups-side-bar .panel-group .panel-body ul li {
	font-size: 14px;
	color: #4B7DDE;
	font-weight: 500;
	padding-bottom: 15px !important;
	border-bottom: 0px;
    padding-left: 20px !important;
    position: relative;
}

.groups-side-bar .panel-group .panel-body ul li::after {
    position: absolute;
    content: "";
    background: #4B7DDE;
    top: 7px;
    left: 20px;
    width: 8px;
    height: 8px;
    border-radius: 30px;
}

.groups-side-bar .panel-group .panel-body ul li a {
    padding-left: 20px;
}

.groups-side-bar .panel-group .panel-title {
	/*padding: 15px 0px 15px 20px;*/
    padding: 0px 0px 5px 20px;
	font-weight: 500;
	position: relative;
    transition: all .3s ease-in-out;
}

.groups-side-bar.groups-side-bar-active .panel-group .panel-title {
    padding: 15px 0px 15px 20px;
}


/*.subgroup-sec .panel-group .panel-title::after {
	position: absolute;
	font-family: 'FontAwesome';
	font-style: normal;
	font-size: 14px;
	content: "\f107";
	float: right;
	margin-top: -12px;
	right: 17px;
	top: 32px;
	transition: .4s;
}*/

/*.groups-side-bar-active .panel-group .panel-title::after {
	transform: rotate(180deg);
	color: #4B7DDE;
}*/

.groups-side-bar .panel-group .panel-title a {
	color: #4A4A4A;
	font-size: 14px;
	text-decoration: none;
	display: block;
	z-index: 1;
	position: relative;
}

/*.subgroup-sec .panel-group .panel-title a::after{
	position: absolute;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 14px;
    content: "\f107";
    right: 15px;
    top: 0px;
    transition: .4s;
}*/

.subgroup-sec .panel-group .panel-title span::after{
	position: absolute;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 14px;
    content: "\f107";
    right: 15px;
    top: 0px;
    transition: .4s;
    cursor: pointer;
}

.groups-side-bar.groups-side-bar-active .panel-group .panel-title span::after {
    top: 15px;
    transform: rotate(180deg);
    color: #4B7DDE;
}

/*.groups-side-bar-active .panel-group .panel-title a::after{
 	transform: rotate(180deg);
    color: #4B7DDE;
}*/

.groups-side-bar-active .panel-group {
	background: #f6f8fe;
	border-left: 3px solid #4874e5;
}

.groups-side-bar-active .panel-group .panel-title a {
	color: #4B7DDE;
}

.common-sidebar-section {
	width: 100%;
	margin-right: 30px;
	max-width: 263px;
	position: absolute;
	overflow: scroll;
	/*height: 100vh;*/
    height: auto;
}

.common-sidebar-sec {
	width: 100%;
    /* margin-right: 30px; */
    /* max-width: 263px; */
    /* position: absolute; */
    background: #fff;
    overflow: scroll;
    height: auto;
    border-radius: 16px;
}

.contact-table-search .input-group {
	margin-top: 0px;
	width: 290px;
	box-shadow: none;
}

.contact-table-search .input-search-append button.btn {
	position: absolute;
	left: 10px;
	z-index: 9;
	top: 0;
	bottom: 0;
	padding: 0;
}

.contact-list-sec {
	min-width: 1100px !important;
	margin-left: 300px;
	min-height: 100vh;
	position: relative;
	/*position: absolute;*/
	/*top: 0;*/
	/* left: 0;*/
	/*  bottom: 0;*/
	/*margin-bottom: 30px; */
}

.contact-list-sec .dataTables_wrapper table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-top: 30px !important;
}

table tbody tr {
	border-bottom: 1px solid #F6F9FD;
}

.contact-list-sec .card-body .row:first-child {
	padding: 0 20px;
}

table tbody .dropdown-menu {
	padding: 0px 0px 12px;
	margin: 0;
	border-color: #fff;
}


table tbody .dropdown-menu .dropdown-item {
	color: #434343;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	padding: 14px 12px 0px 12px !important;
}

table tbody .dropdown-menu .dropdown-item:hover {
	background: #fff;
}

.contact-list-sec .card-header .input-group-prepend {
	padding: 0px;
	width: 104px;
	height: 40px;
	background: #fff;
	text-align: center;
	margin-right: 10px;
	border-radius: 8px;
}

.contact-list-sec .card-header .input-group-prepend button {
	padding: 0px;
	justify-content: center;
	width: 100%;
	font-size: 16px;
	color: #B2B2B2;
	font-weight: 400 !important;
	font-family: Acme;
}

.contact-list-sec .card-header .input-group-prepend button img {
	margin-right: 10px;
}

form.contact-table-search {
	margin-bottom: 20px;
}

.contact-add-button .add-new-contact.common-button-site {
	margin-right: 0px;
	background: #4B7DDE;
	padding: 0px;
	width: 174px;
	height: 40px !important;
	font-size: 16px;
	font-weight: 400;
	font-family: Actor;
}

.contact-add-button .add-new-contact.common-button-site img {
	margin-right: 5px;
}

.org-name-nav-item img {
	width: 100%;
	max-width: 60px;
	height: 60px;
	object-fit: cover;
}

.contact-list-sec .alert {
	margin-top: 20px;
}

/***** contact-list-table-css-start-here *****/

table thead tr th {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.06px;
	background: #F6F9FD;
	color: #4B7DDE;
	font-weight: 500;
	vertical-align: middle !important;
	text-align: left;
	padding: 15px 30px 15px 15px !important;
	font-family: 'Poppins';
}

.contact-list-sec table tbody tr td {
	font-size: 16px;
}

table tbody tr td {
	padding: 24px 30px 24px 15px !important;
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.06px;
	text-align: left;
	vertical-align: middle !important;
	font-family: Poppins;
	font-weight: 400;
}

table tbody tr td a {
	color: #4A4A4A;
}

table tbody tr td a:hover {
	color: #4A4A4A;
	text-decoration: none;
}

table tbody tr {
	background-color: transparent !important;
}

.contact-list-sec table tbody img {
	width: auto;
}

.contact-list-sec table tbody tr td p {
	margin-bottom: 0px;
}

.contact-list-person p {
	padding-right: 10px;
}

.contact-list-person img {
	padding-right: 10px;
}

.contact-list-person .dropdown.media-contact:last-child img {
    padding-right: 0px;
}

.contact-list-sec table tbody .tab-buttons button.btn {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 15px;
    border-radius: 128px;
    font-size: 11.88px;
    font-weight: 500;
    font-family: 'Poppins';
    line-height: 19.8px;
    letter-spacing: -0.04px;
}

.contact-list-sec table tbody .tab-buttons:last-child .btn{
	margin-right: 0px;
}

.contact-list-sec table tbody tr td .contact-name-col a {
	text-transform: capitalize;
	color: #4A4A4A;
	text-decoration: none;
	font-weight: 500;
}

.contact-list-sec table tbody tr td .contact-name-col p {
	font-size: 14px;
	color: #9E9E9E;
}

/*.contact-list-sec ul.pagination li {
    margin: 0px;
}

.contact-list-sec ul.pagination li:first-child a.page-link {
	background: #fff;
    font-size: 0px;
    padding: 18.5px;
	border-color: #F0F0F0;
    position: relative;
}

.contact-list-sec ul.pagination li:first-child a.page-link::after {
    position: absolute;
    content: "";
    background-image: url(../images/site-images/previous-cont-list.svg);
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    right: 0;
    background-repeat: no-repeat;
    background-size: 15px 16px;
    z-index: 9;
}

.contact-list-sec ul.pagination li:last-child a.page-link {
	background: #fff;
    font-size: 0px;
    padding: 18.5px;
	border-color: #F0F0F0;
    position: relative;
}

.contact-list-sec ul.pagination li:last-child a.page-link::after {
    position: absolute;
    content: "";
    background-image: url(../images/site-images/next-cont-list.svg);
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    right: 0;
    background-repeat: no-repeat;
    background-size: 15px 16px;
    z-index: 9;
}

.contact-list-sec ul.pagination li a.page-link {
    border-color: #F0F0F0;
    color: #7B8FA4;
}

.contact-list-sec ul.pagination li.active a {
    background: #4B7DDE;
    color: #fff;
    border-color: #4B7DDE;
}*/

ul.pagination li {
	margin: 0px;
}

ul.pagination li:first-child a.page-link {
	background: #fff;
	font-size: 0px;
	padding: 0px 18.5px;
	border-color: #F0F0F0;
	position: relative;
}

ul.pagination li.paginate_button {
	height: 36px;
}

ul.pagination li:first-child a.page-link::after {
	position: absolute;
	content: "";
	background-image: url(../images/site-images/previous-cont-list.svg);
	top: 50%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	background-repeat: no-repeat;
	background-size: 15px 16px;
	z-index: 9;
}

ul.pagination li:last-child a.page-link {
	background: #fff;
	font-size: 0px;
	padding: 0px 18.5px;
	border-color: #F0F0F0;
	position: relative;
}

ul.pagination li:last-child a.page-link::after {
	position: absolute;
	content: "";
	background-image: url(../images/site-images/next-cont-list.svg);
	top: 50%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	background-repeat: no-repeat;
	background-size: 15px 16px;
	z-index: 9;
}

ul.pagination li a.page-link {
	border-color: #F0F0F0;
	color: #7B8FA4;
}

ul.pagination li.active a {
	background: #4B7DDE !important;
	color: #fff !important;
	border-color: #4B7DDE !important;
}

.sort-by-dropdown button.btn.dropdown-toggle {
	width: 104px;
	height: 40px;
	font-family: Acme;
	font-weight: 400 !important;
}

.contact-view-options button.btn.dropdown-toggle img.blue-drop-filter-icon {
	display: none;
}

.contact-view-options.show button.btn.dropdown-toggle img.blue-drop-filter-icon {
	display: block;
}

.contact-view-options.show button.btn.dropdown-toggle img.drop-filter-icon {
	display: none;
}

input.filter.contact-custom-check {
	position: relative;
	-webkit-appearance: none;
	width: 100% !important;
	max-width: 16px !important;
	height: 16px !important;
	outline: none;
	border: solid 1px #e5e5e5;
	margin: 0;
	padding: 0px !important;
	border-radius: 3px;
}

.sort-by-dropdown input.filter.contact-custom-check {
	margin-right: 12px;
}

input.filter.contact-custom-check::before {
	display: none;
}

input.filter.contact-custom-check:checked:after {
	position: absolute;
	content: "";
	background-image: url(../images/site-images/check-box-icon.svg);
	top: 50%;
	bottom: 0;
	left: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
}

input.filter.contact-custom-check:checked {
	border-color: #4B7DDE;
}

.contact-list-sec table tr td .dropdown a {
	-webkit-appearance: none;
}

table tr td img.three-dots {
	max-width: 5px;
}

.contact-list-options button.dropdown-toggle {
	width: 104px;
	height: 40px;
}

.contact-options form button.dropdown-item:hover {
	background: #fff;
}

.contact-attached-doc span {
	background: #4B7DDE;
	padding: 0px 7px;
	border-radius: 8px;
	color: #fff;
	font-size: 9px;
	font-family: Rubik;
	line-height: 1.7;
	box-shadow: 1px 1px 5px 1px #807d7d85;
	margin-top: 10px;
}

/***** contact-list-table-css-end-here *****/

/***** Header-sec-css-start-here *****/
nav.main-header.navbar {
	padding: 15px !important;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav {
	align-items: center;
}

.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
	margin: 0px !important;
	height: 44px;
	width: 250px !important;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px 0px 15px !important;
	border-radius: 4px;
	color: #858585;
	font-family: 'Poppins';
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav .nav-item.dropdown.company-menu {
	padding: 0px !important;
	margin-right: 45px;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item {
	margin-right: 29px;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
	padding: 0px 0px 7px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.06px;
	position: relative;
	font-family: 'Poppins';
}

nav.main-header {
	background: #4B7DDE;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
	background: transparent;
	color: #fff !important;
	border-color: transparent;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link::after {
	position: absolute;
	content: "";
	background: transparent;
	bottom: 0;
	left: 0;
	right: 0;
	width: 52px;
	height: 4;
	border-radius: 20px;
}

nav.main-header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover:after {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	width: 52px;
	height: 4;
	border-radius: 20px;
}

nav.main-header.navbar ul.navbar-nav {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

nav.main-header.navbar ul.navbar-nav .form-inline .input-group {
	width: auto;
	height: auto;
	position: relative;
	padding-right: 28px;
}

nav.main-header.navbar ul.navbar-nav .form-inline .input-group .input-group-append {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	z-index: 3;
}

nav.main-header.navbar ul.navbar-nav .form-inline .input-group::after {
	position: absolute;
	content: "";
	background: #D8D8D8;
	top: -20px;
	right: 0;
	bottom: -15px;
	width: 1px;
}

nav.main-header.navbar ul.navbar-nav .form-inline .input-group input.form-control-navbar {
	padding-left: 50px !important;
	width: 100%;
	max-width: 360px;
	height: 44px !important;
	border-radius: 0.2rem;
	font-family: 'Poppins';
}

nav.main-header.navbar ul.navbar-nav .form-inline .input-group .input-group-append .btn-navbar {
	padding: 0;
	background-color: transparent;
}

nav.main-header.navbar li.nav-item.dropdown a.nav-link {
	padding: 0px 25px !important;
	position: relative;
	display: flex;
	align-items: center;
}

li.nav-item.dropdown a.nav-link::after {
	position: absolute;
	content: "";
	background: #D8D8D8;
	top: -21px;
	right: 0;
	bottom: -19px;
	width: 1px;
}


.contact-list-sec .inner-new-contact .card-header {
	padding: 0px 0px 10px !important;
	border-bottom: 0px;
}

.dropdown-menu .org-name-nav-item {
	display: flex;
	align-items: center;
	padding: 18px 15px;
	border-top: 1px solid #F6F9FD;
}

.dropdown-menu .org-name-nav-item a.dropdown-item {
	color: #4A4A4A;
	line-height: 20px;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.05px;
	padding: 0px 0px 0px 10px;
	font-family: 'Poppins';
}

.dropdown-menu .org-name-nav-item:first-child {
	position: relative;
	border: 0;
}

.org-menu li.dropdown-submenu:first-of-type {
	position: relative;
}

.org-menu li.dropdown-submenu:first-of-type:before {
	position: absolute;
	content: "";
	background: #F6F9FD;
	top: 0;
	left: 80;
	right: 0;
	height: 1px;
}

.org-menu a.dropdown-item {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Poppins';
	line-height: 20px;
	letter-spacing: -0.05px;
	padding: 18px 15px;
}

.org-menu a.dropdown-item.add-org {
	color: #4B7DDE;
	font-weight: 600;
}

.org-menu a.dropdown-item.add-org i.fa {
	font-size: 12px;
	margin-right: 5px;
}

.org-menu a.dropdown-item.subscribtion-billing {
	color: #757575;
	font-weight: 600;
	border-top: 1px solid #F6F9FD;
}

.org-menu li.dropdown-submenu a.dropdown-item {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Poppins';
	line-height: 20px;
	letter-spacing: -0.05px;
	padding: 18px 15px;
}

.org-menu a.dropdown-item:hover {
	background: #fff;
}

form.header-search .input-group input.form-control {
	background: #b6caf6;
}

.user-profile-name img.user-image.img-circle {
	margin-right: 11px;
	box-shadow: none !important;
}

.user-profile-name a.nav-link {
	padding: 0px 0px 0px 20px !important;
}

.user-profile-name a.nav-link p {
	font-size: 16px;
	line-height: normal;
	font-weight: 500;
	color: #fff;
	font-family: poppins;
	margin-right: 15px;
	margin-bottom: 0px;
}

.user-profile-name ul.dropdown-menu {
	margin: 0px;
	border-color: #fff;
	right: -15px !important;
}

.user-profile-name ul.dropdown-menu a.dropdown-item:first-child {
	padding: 15px 40px 15px 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #7299e5;
}

.user-profile-name ul.dropdown-menu a.dropdown-item:first-child img.user-image.img-circle {
	margin-right: 18px;
}

.user-profile-name ul.dropdown-menu a.dropdown-item:first-child span {
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	color: #7299e5;
}

.user-profile-name ul.dropdown-menu a.dropdown-item {
	padding: 11px;
	border-bottom: 1px solid #f6f9fd;
	display: flex;
	align-items: center;
}

.user-profile-name ul.dropdown-menu a.dropdown-item:last-child {
	border: 0px;
}

.user-profile-name ul.dropdown-menu a.dropdown-item img {
	margin-right: 12px;
}

.user-profile-name ul.dropdown-menu a.dropdown-item span {
	font-size: 14px;
	color: #434343;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: poppins;
}

/* .user-profile-name ul.dropdown-menu::after {
    position: absolute;
    content: "";
    bottom: 100%;
    top: -8px;
    right: 20px;
    width: 12px;
    height: 8px;
    background: #fff;
    border-top-right-radius: 80px;
    border-top-left-radius: 80px;
    box-shadow: 6px 0px 5px -2px rgb(0 0 0 / 18%);
} */

.user-profile-name.show ul.dropdown-menu {
	border-color: #7299e5;
}

.user-profile-name.show ul.dropdown-menu::after {
	border-color: #7299e5 #7299e5 #ffff #7299e5;
	border-style: solid;
	border-width: 1px;
}

.user-profile-name ul.dropdown-menu a.dropdown-item:hover {
	background: #fff;
}

.user-profile-name .dropdown-menu .triangle-table-dropdown {
	left: 128px;
	box-shadow: none !important;
	top: -9px;
}


.header-dropdown img {
	width: 100%;
	max-width: 40px;
	margin: 0 auto;
}

.header-dropdown img.invoices-img {
	max-width: 30px;
}

.header-dropdown span {
	color: #000000;
	font-size: 12px;
	font-weight: 500;
	font-family: 'Poppins';
	margin-top: 2px;
	text-align: center;
}

.dropdown-menu.header-dropdown {
	width: 100%;
	min-width: 300px;
	padding: 0px;
	margin-top: 34px;
}

.dropdown-menu.header-dropdown.show {
	border-color: #4b7ddf;
}

.dropdown-menu.header-dropdown .triangle-table-dropdown {
	width: 13px;
	height: 13px;
	top: -17px;
	left: 35px;
}

.dropdown-menu.header-dropdown .triangle-table-dropdown,
.dropdown-menu.header-dropdown .triangle-table-dropdown:before,
.dropdown-menu.header-dropdown .triangle-table-dropdown:after {
	width: 13px;
	height: 13px;
}

.dropdown-menu.header-dropdown a.dropdown-item:hover {
	background: #fff;
}

/***** Header-sec-css-end-here *****/

/***** Aug-11-css-end-here *****/

/***** Aug-14-css-start-here *****/

/***** contact-view-css-start-here *****/

.contact-profile-info .profile-back-btn img {
	margin-right: 19px;
}

.contact-profile-info .profile-back-btn p {
	margin-right: 20px;
	color: #4B7DDE;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Acme', sans-serif;
}

.contact-profile-info .conatct-profile-img {
	margin-right: 15px;
}

.contact-profile-info .contact-profile-details {
	/* font-size: 18px;
    font-weight: 600;
    color: #4B7DDE;
    line-height: 20px;
    letter-spacing: -0.06px; */
}

.contact-profile-info .contact-profile-details p {
	font-size: 18px;
	line-height: 20px;
	color: #747474;
	font-family: 'Adobe Arabic';
	font-weight: 400;
	letter-spacing: -0.06px;
}

element.style {}

.contact-profile-info .contact-profile-details h5 {
	font-family: 'Poppins';
	font-size: 24px;
	font-weight: 600;
	color: #4B7DDE;
	line-height: 30px;
	letter-spacing: -0.06px;
}

form.contact-table-search .input-group {
	width: 100%;
	max-width: 364px;
}

.contact-table-search .input-group input.form-control {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.04px;
	height: 40px !important;
	border-color: #fff;
	padding-left: 37px !important;
}

.contact-table-search .input-group input.form-control::placeholder {
	color: #858585;
}

.conatct-view-search-options .dropdown button {
	border-color: #fff;
	background: #fff !important;
	height: 44px !important;
	width: 145px;
	color: #B2B2B2 !important;
	font-size: 16px !important;
	padding: 0px 16px !important;
	font-weight: 400;
	margin-right: 10px;
	font-family: 'Acme', sans-serif;
}

.conatct-view-search-options .dropdown button span {
	margin-right: 11px;
}

.conatct-view-search-options .contact-view-options button svg {
	transition: all .2s ease-out;
}

.conatct-view-search-options .contact-view-options.show button svg {
	transform: rotate(180deg);
}

.conatct-view-search-options .contact-view-options.show button svg path {
	fill: #4B7DDE;
}

.conatct-view-search-options .view-con-opt-blue {
	display: none;
}

.contact-view-options.show .view-con-opt {
	display: none;
	transition: all .4s ease-out;
}

.contact-view-options.show .view-con-opt-blue {
	display: inline-block;
	transition: all .4s ease-out;
}

.conatct-view-search-options a.btn.custom-btn.btn-primary.edit-button {
	width: 155px;
	height: 44px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #4B7DDE;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Acme', sans-serif;
}

.contact-view-profile-header {
	/* height: 100px; */
	padding: 30px 0px;
}

.contact-tables-sec {
	margin-bottom: 20px;
}

.contact-tables-sec button.right-conatct-arrow {
	/*padding: 0px 12px 0px 0px;*/
	padding: 0;
}

.contact-tables-sec button.right-conatct-arrow {
	transition: all .1s ease-out;
}

.active-contact-table-sec button.right-conatct-arrow {
	transform: rotate(-90deg);
}

.active-contact-table-sec button.right-conatct-arrow path {
	fill: #4B7DDE;
	transition: all .1s ease-out;
}

.contact-tables-sec h5 {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	font-family: 'Poppins';
}

.contact-tables-sec .table-header-menu h5 {
	padding-left: 15px;
}

.contact-view-website button.btn.add-btn {
	padding: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #4B7DDE;
	font-family: 'Acme', sans-serif;
}

.contact-view-website button.btn.add-btn img {
	padding-right: 6px;
}

.contact-inner-table-sec {
	padding: 0px 40px 0px 42px;
}

.dataTables_wrapper {
	overflow: visible !important;
}

.contact-inner-table-sec .dataTables_wrapper {
	padding: 20px 0;
}

table.dataTable {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	border-collapse: collapse !important;
	border: 0 !important;
}

.contact-table-scroll {
	overflow: scroll;
}

.contact-inner-table-sec table tr th {
	height: 53px !important;
	vertical-align: middle !important;
	background: #F6F9FD;
	font-size: 14px;
	color: #4B7DDE;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 600;
	text-align: left;
	font-family: 'Poppins';
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 4px !important;
}

.contact-inner-table-sec table tr td {
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	color: #4A4A4A;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	padding: 17px 10px 17px 0px !important;
}

.contact-inner-table-sec table tr td:first-child {
	padding-left: 18px !important;
}

/* .contact-inner-table-sec table tr td:last-child img {
    margin-right: 10px;
} */

.contact-inner-table-sec table tbody tr {
	border: 1px solid #f6f9fe;
}

.contact-view-contact-person-list button.btn.dropdown-toggle {
	padding: 0px;
	width: 80px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #434343;
	border: 1px solid #eeeeee;
	font-weight: 400;
	font-family: 'Acme', sans-serif;
}

.contact-view-contact-person-list .dropdown:first-child {
	margin-right: 10px;
}

tr.contact-group-heading th {
	background: #f6f6f6 !important;
	color: #434343 !important;
}

.contact-view-contact-person-list .contact-inner-table-sec table td a {
	color: #32C5FF;
	text-decoration: underline;
}

.contact-person-list-details .dropdown.media-contact {
	margin-right: 10px;
}

.contact-person-list-details .dropdown.media-contact:last-child {
	margin-right: 0px;
}

.contact-person-list-details img {
	margin-right: 10px;
}

.contact-person-list-details img:last-child {
	margin: 0px;
}

.contact-view-contact-person-list .contact-inner-table-sec table textarea {
	width: 307px;
	height: 37px;
	border-color: #E9E9E9;
	border-radius: 6px;
	font-size: 12px;
	color: #979797;
	line-height: 20px;
	letter-spacing: -0.04px;
	padding: 6px 10px 6px 14px;
	font-family: 'Poppins';
}

.contact-pdf-data img {
	margin-right: 7px;
}

.contact-tables-sec .table-header-menu {
	padding: 0px 40px 0px 16px;
	min-height: 55.99px;
}

.active-contact-table-sec.contact-tables-sec {
	border: 1px solid #4B7DDE !important;
}

.active-contact-table-sec .table-header-menu {
	padding: 0px 38px 0px 15px;
	border-bottom: 2px solid #4B7DDE;
}

.contact-view-website .table-header-menu {
	padding-right: 100px;
}

img.cont-view-up-arrow {
	display: none;
	transition: all .4s ease-out;
}

.active-contact-table-sec img.cont-view-up-arrow {
	display: block;
	transition: all .4s ease-out;
}

.active-contact-table-sec img.cont-view-right-arrow {
	display: none;
	transition: all .4s ease-out;
}

.contact-detail-sec {
	padding: 25px 25px 20px;
	margin-bottom: 20px;

}

.contact-detail-sec .sidebar-top {
	margin-bottom: 20px;
}

.contact-detail-sec .sidebar-top h4 {
	color: #4A4A4A;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-family: 'Poppins';
	font-weight: 600;
}

.contact-detail-sec ul.sidebar-top-list li {
	padding: 12px 15px;
	margin: 0px 0px 6px;
	background: #F9FAFC;
	color: #4A4A4A;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-weight: 400;
	font-family: 'Poppins';
	word-break: break-word;
}

.contact-detail-sec ul.sidebar-top-list li p {
	margin: 0px;
}

.contact-detail-sec ul.sidebar-top-list li a {
	color: #32C5FF;
}

.contact-detail-sec ul.sidebar-top-list li a img {
	margin-right: 10px;
}

.contact-detail-sec ul.sidebar-top-list li b {
	font-weight: 500;
}

.contact-detail-sec ul.sidebar-top-list li:last-child {
	margin-bottom: 0px;
}


.nav-header-menu ul.nav-tabs {
	max-width: 100%;
	border: 0;
}

.nav-header-menu ul.nav-tabs li.nav-item {
	margin: 0px;
}

.nav-header-menu ul.nav-tabs li.nav-item a.nav-link.active {
	background: transparent;
	color: #4B7DDE;
	font-weight: 600;
}

.nav-header-menu ul.nav-tabs li.nav-item a.nav-link.active::after {
	display: none;
}

.nav-header-menu ul.nav-tabs li.nav-item a.nav-link {
	border: 0px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.05px;
	line-height: 20px;
	padding: 0px;
	font-family: 'Poppins';
}

.nav-header-menu ul.nav-tabs li.nav-item {
	margin: 0px 40px 0px 0px;
}

.nav-header-menu ul.nav-tabs li.nav-item:last-child {
	margin: 0px;
}

.nav-header-menu ul.nav-tabs li.nav-item a.nav-link.active::before {
	position: absolute;
	content: "";
	background: #4B7DDE;
	bottom: -6px;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: 30px;
}

.contact-tables-sec .nav-header-menu button.btn.add-btn {
	padding: 0px;
	color: #4B7DDE;
	font-size: 16px;
	font-family: Helvetica Neue;
}

.contact-tables-sec .nav-header-menu button.btn.add-btn img {
	padding-right: 6px;
}

.notes-contact-inner-table-sec.contact-inner-table-sec table tr td {
	color: #434343;
	height: auto !important;
	padding-top: 20px !important;
	padding-bottom: 12px !important;
}

.notes-contact-inner-table-sec.contact-inner-table-sec table tr td:first-child {
	padding-left: 15px !important;
}

.notes-contact-inner-table-sec.contact-inner-table-sec table tr td:last-child {
	padding-right: 20px !important;
	;
}

.notes-contact-inner-table-sec.contact-inner-table-sec table tr td span {
	color: #4B7DDE;
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: 'Poppins';
	line-height: 20px;
	letter-spacing: -0.05px;
}

.notes-time-detail span {
	font-weight: 500;
	padding-right: 12px;
	font-size: 14px !important;
	margin-bottom: 12px !important;
}

.notes-contact-inner-table-sec.contact-inner-table-sec .notes-time-detail span {
	margin-bottom: 0px !important;
}

.notes-contact-inner-table-sec.contact-inner-table-sec .notes-time-detail p {
	color: #979797;
	margin-bottom: 0px;
}

.notes-contact-inner-table-sec .nots-attach-pdf a.notes-attched {
	padding-right: 10px;
}

.notes-contact-inner-table-sec .nots-attach-pdf a.notes-attched img {
	margin-right: 5px;
}

.notes-contact-inner-table-sec .nots-attach-pdf a.notes-attched p {
	color: #4A4A4A;
	font-size: 16px;
	font-family: 'Poppins';
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.06px;
}

.notes-contact-inner-table-sec .nots-attach-pdf img:first-child {
	/*margin-right: 6px;*/
}

.notes-contact-inner-table-sec .nots-attach-pdf img:last-child {
	/*margin-left: 12px;*/
}

.notes-tables-sec .nav-header-menu {
	padding: 20px 40px 20px 42px;
}

.notes-tables-sec .tab-content {
	float: none !important;
}

.notes-tables-sec .notes-contact-inner-table-sec.contact-inner-table-sec table {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.notes-tables-sec .contact-inner-table-sec {
	margin: 0px 40px 22px 42px;
	padding: 0px 20px 30px;
	box-shadow: 1px 1px 4px 6px #f6f9fe;
	/* padding: 0px 40px 22px 42px; */
}

.notes-table-buttons .delete-btn {
	background: #C00B26;
	width: 104px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-family: Helvetica Neue;
	font-weight: 400;
	line-height: 20px;
	margin-right: 10px;
}

.notes-table-buttons button.custom-btn {
	color: #434343 !important;
	font-size: 16px !important;
	font-weight: 400;
	font-family: 'Helvetica Neue';
	width: 144px;
	min-height: 40px;
	background: transparent !important;
	border-color: #d9d9d9;
}

.notes-table-footer .notes-table-buttons p {
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
	color: #757575;
	font-family: 'Poppins';
	margin-right: 14px;
}

.notes-table-buttons button.custom-btn svg {
	transition: all .2s ease-out;
}

.notes-table-buttons .dropdown.contact-view-options.show button svg {
	transform: rotate(180deg);
}

.notes-table-buttons .dropdown.contact-view-options.show button svg path {
	fill: #4B7DDE;
}

.notes-table-buttons button.custom-btn svg path {
	fill: #434343;
}

.notes-table-footer {
	margin-top: 30px;
}

.notes-tables-sec .notes-contact-inner-table-sec table input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 16px !important;
	height: 16px !important;
	padding: 0px !important;
}

.notes-tables-sec .notes-contact-inner-table-sec table input[type="checkbox"]::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	opacity: 1;
}

.notes-tables-sec .notes-contact-inner-table-sec table input[type="checkbox"]:hover::after {
	opacity: 0;
}

.notes-tables-sec .activity-history-inner-sec {
	margin: 0px 40px 22px 42px;
	box-shadow: 1px 1px 4px 6px #f6f9fe;
	padding: 0;
}

.notes-contact-inner-table-sec.contact-inner-table-sec table tr td p {
	margin-bottom: 10px;
	color: #434343;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-family: 'Poppins';
}

.notes-tables-sec .tab-content {
	padding-bottom: 20px;
}

.notes-tables-sec .notes-contact-inner-table-sec table tbody {
	border: 0px;
}

.notes-tables-sec .notes-contact-inner-table-sec table tbody tr {
	border: 0px;
	border-bottom: 1px solid #f6f9fe;
}

.contact-groups-detail-sec .tags-btns {
	margin-top: 25px;
}

.dropdown.table-dropdown button {
	padding: 0px;
}

table img.view_pin {
	cursor: pointer;
}

.dropdown.table-dropdown .dropdown-menu {
	border-color: #fff;
	padding: 0px;
	margin: 5px 0px 0px;
	transform: translate3d(-150px, 34px, 0px) !important;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item {
	padding: 12px !important;
	border-bottom: 1px solid #F6F9FD;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item form input.dropdown-item {
	color: #000000;
	font-family: 'Poppins';
	padding: 0px !important;
	padding-left: 10px !important;
	height: auto !important;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item:hover,
.attachement-dropdown .dropdown-menu a.dropdown-item:hover {
	background: #fff;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item form input.dropdown-item:hover {
	background: #fff;
}

.triangle-table-dropdown {
	transform: rotate(-60deg) skewX(-30deg) scale(1, .866);
	position: relative;
	background-color: #fff;
	text-align: left;
	border-top-right-radius: 90%;
	top: -10px;
	left: 149px;
	box-shadow: 2px 1px 6px 0px #e2e4e6;
}

.triangle-table-dropdown,
.triangle-table-dropdown:before,
.triangle-table-dropdown:after {
	width: 7px;
	height: 7px;
}

.triangle-table-dropdown:before,
.triangle-table-dropdown:after {
	content: '';
	position: absolute;
	background-color: inherit;
}

.triangle-table-dropdown:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.triangle-table-dropdown:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item:last-child {
	border: 0;
}

.enter-pin-modal .modal-dialog {
	width: 100%;
	max-width: 460px;
}

.enter-pin-sec .modal-header {
	background: #F6F9FD;
	padding: 15px 22px 15px 25px;
}

.enter-pin-sec h5.modal-title img {
	margin-right: 17px;
}

.enter-pin-sec h5.modal-title {
	display: flex;
	font-size: 16px !important;
	color: #434343 !important;
	letter-spacing: -0.05px;
	font-weight: 600;
	font-family: 'Poppins';
}

.enter-pin-sec .modal-body {
	padding: 0px;
}

.enter-pin-sec .modal-body form .form-group {
	padding: 20px 25px 30px 25px;
	margin: 0px;
}

.pin-footer-btns {
	border-top: 1px solid #F6F9FD;
	padding: 20px 25px;
}

.enter-pin-sec .modal-body form label {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	margin-bottom: 15px;
	font-family: 'Poppins';
}

.enter-pin-sec .modal-body form input#pincode {
	height: 40px !important;
}

.pin-footer-btns button.btn.cancel {
	color: #4B7DDE;
	border-color: #4B7DDE;
	background: #fff;
	font-size: 14px;
	font-family: Helvetica Neue;
	font-weight: 500;
	margin-right: 10px;
	width: 73px;
	height: 31px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pin-footer-btns button.btn.ok {
	width: 73px;
	height: 31px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #4B7DDE !important;
	border-color: #4B7DDE !important;
	color: #fff;
	font-size: 14px;
	font-family: Helvetica Neue;
	font-weight: 500;

}

.c-p-l-opt .dropdown-menu.dropdown-menu-right {
	padding: 0px;
	margin: 0px;
	border-color: #fff;
}

.c-p-l-opt .dropdown-menu.dropdown-menu-right a.dropdown-item {
	padding: 12px 20px;
	border-bottom: 1px solid #F6F9FD;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	color: #434343;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.c-p-l-opt .dropdown-menu.dropdown-menu-right a.dropdown-item:last-child {
	border: 0px;
}

.dropdown.c-p-l-opt.show button.dropdown-toggle {
	border-color: #4B7DDE;
	color: #4B7DDE;
	transition: all .4s ease-out;
}

.dropdown.c-p-l-opt.show .dropdown-menu.dropdown-menu-right.show {
	border-color: #4B7DDE;
}

.c-p-l-opt .dropdown-menu.dropdown-menu-right a.dropdown-item:hover {
	background: #fff;
}

.media-contact button.btn {
	padding: 0px;
}

.media-contact .dropdown-menu.dropdown-menu-right {
	padding: 0px;
	margin: 0px;
	border-color: #fff;
	margin-top: 6px;
	top: 10px !important;
	left: 20px !important;
	/*transform: translate3d(-204px, 34px, 0px) !important;*/
}

.contact-list-sec .media-contact .dropdown-menu.dropdown-menu-right {
	left: 10px !important;
}

.media-contact .dropdown-menu .triangle-table-dropdown {
	position: absolute;
	right: 30px;
	left: auto;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item {
	padding: 12px 20px 12px 11px !important;
	justify-content: space-between;
	border-bottom: 1px solid #F6F9FD;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item:hover {
	background: #fff;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item:last-child {
	border: 0px;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item h4 {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: Poppins;
	margin-right: 18px;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item h4 img {
	margin-right: 10px;
	padding-right: 0px;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item a {
	color: #434343;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: Poppins;
}

.media-contact .dropdown-menu.dropdown-menu-right .dropdown-item a:hover {
	text-decoration: underline;
}

.contact-view-options .dropdown-menu {
	margin: 0;
	padding: 0px;
	border-color: #fff;
}

input.contact-custom-radio {
	position: relative;
	-webkit-appearance: none;
	width: 100% !important;
	max-width: 16px !important;
	height: 16px !important;
	border-radius: 50%;
	outline: none;
	border: solid 1px #e5e5e5;
	margin: 0;
	padding: 0px !important;
}

input.contact-custom-radio::after {
	content: '';
	display: block;
	width: 60%;
	height: 60%;
	margin: 20% auto;
	border-radius: 50%;

}

input.contact-custom-radio:checked:after {
	background: #4B7DDE;

}

input.contact-custom-radio:checked {
	border-color: #4B7DDE;
}

.contact-options {
	padding: 15px 12px 0px 12px;
}

.contact-options:last-child {
	padding-bottom: 14px;
}

.contact-options input.contact-custom-radio {
	margin-right: 12px;
    width: 100% !important;
    max-width: 16px !important;
}

.contact-options a.dropdown-item {
	color: #434343;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	padding: 0px;
	font-family: 'Poppins';
	text-align: left;
	padding-right: 10px;
}

.contact-view-options .dropdown-footer-btns button.dropdown-cancel-btn {
	width: 73px !important;
	height: 31px !important;
	color: #4B7DDE !important;
	border-color: #4B7DDE !important;
	padding: 0px !important;
	font-size: 14px !important;
	font-family: Helvetica Neue;
	font-weight: 500 !important;
	display: flex;
	align-items: center;
	justify-content: center !important;
	margin-right: 10px;
}

.contact-view-options .dropdown-footer-btns button.btn.dropdown-save-btn {
	width: 73px !important;
	height: 31px !important;
	background: #4B7DDE !important;
	color: #fff !important;
	border-color: #4B7DDE;
	padding: 0px !important;
	font-size: 14px !important;
	font-family: Helvetica Neue;
	font-weight: 500 !important;
	display: flex;
	align-items: center;
	justify-content: center !important;
	margin-right: 0px;
}

.dropdown-footer-btns {
	padding: 12px 20px;
	border-top: 1px solid #F6F9FD;
	margin-top: 15px;
}

.contact-options a.dropdown-item:hover {
	background: #fff;
}

.contact-view-options.show button {
	border-color: #4B7DDE;
	color: #4B7DDE !important;
	transition: all .4s ease-out;
}

.conatct-view-search-options .contact-view-options.show button:hover {
	border-color: #4B7DDE !important;
}

.conatct-view-search-options .contact-view-options.show button:active {
	background-color: #fff !important;
}

.contact-view-options.show .dropdown-menu {
	border-color: #4B7DDE;
}

.conatct-view-search-options .dropdown button:hover {
	border-color: #fff !important;
}

/***** contact-attachements-modal-css-start-here *****/

.contact-attachements-modal .modal-dialog {
	width: 100%;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.contact-attachements-modal .modal-dialog .modal-content .modal-header {
	padding: 17px 30px;
    background: #F6F9FD;
}

.contact-attachements-modal .modal-dialog .modal-content .modal-header h5 {
	color: #4A4A4A;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
}

.contact-attachements-modal .modal-dialog .modal-content .modal-header button.close {
	color: #434343;
}

.contact-attachements-modal .modal-content .modal-body {
	padding: 20px 30px;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills {
	margin-bottom: 20px;
	flex-wrap: nowrap !important;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item {
	margin: 0px;
	width: 100%;
	border: 1px solid #ebecee;
	position: relative;
	padding: 20px 10px;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item:first-child,
.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item:first-child a.nav-link.active {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item:last-child,
.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item:last-child a.nav-link.active {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link {
	padding: 10px 7px;
	color: #434343;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
	border-radius: 0px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link.active {
	background: #4B7DDE;
	color: #fff;
}

.contact-attachements-modal .modal-content .modal-body .tab-content {
	border: 1px solid #ebecee;
	border-radius: 0.25rem;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link img {
	margin-right: 3px;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link img.active-add-folder {
	display: none;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link.active img.active-add-folder {
	display: inline-block;
}

.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link.active img.add-folder {
	display: none;
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-header {
	padding: 10px 25px;
	border-bottom: 1px solid #ebecee;
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-header button,
.tab-files-detail .attached-file-options button {
	padding: 0px;
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-header h4 {
	font-size: 16px;
	color: #4B7DDE;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-files-detail {
	padding: 20px 25px;
	border-bottom: 1px solid #ebecee;
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-files-detail:last-child {
	border-bottom: 0px;
}

.tab-files-detail .attached-file-name p {
	color: #434343;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
	margin-bottom: 5px;
	width: 100%;
	max-width: 380px;
	word-break: break-word;
}

.tab-files-detail .attached-file-name span {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
	width: 100%;
	max-width: 380px;
	word-break: break-word;
}

.contact-attachements-modal .modal-content .modal-body .tab-content .tab-footer {
	padding: 30px 25px;
	border-top: 1px solid #ebecee;
}

.tab-footer .tab-file-upload-btn {
	padding: 7px;
	background: #4B7DDE;
	color: #fff;
	font-size: 16px;
	font-family: Helvetica Neue;
	font-weight: 400 !important;
	border-radius: 4px;
}

.tab-footer .tab-file-upload-btn input[type="file"] {
	display: none;
}

.tab-footer .tab-file-upload-btn img {
	margin-right: 5px;
}

.tab-footer .tab-pagination img:first-child {
	margin-right: 20px;
}

.tab-footer .tab-pagination p {
	color: #757575;
	font-size: 16px;
	margin-left: 10px;
	line-height: normal;
	letter-spacing: 0.1px;
	font-weight: 400;
	font-family: 'Poppins';
}

.attachement-dropdown .dropdown-menu {
	padding: 0px;
	border-color: #fff;
	margin: 5px 0px 0px;
	transform: translate3d(-122px, 26px, 0px) !important;
}

.attachement-dropdown .dropdown-menu.move-attachement {
	transform: translate3d(-111px, 26px, 0px) !important;
	left: -22px !important;
	margin-top: 18px;
}

.attachement-dropdown .dropdown-menu .triangle-table-dropdown {
	left: 132px;
}

.attachement-dropdown.folder-name-attech-dropdown .dropdown-menu .triangle-table-dropdown {
	left: 137px;
}

.attachement-dropdown .dropdown-menu a.dropdown-item {
	padding: 12px 17px;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	border-bottom: 1px solid #F6F9FD;
}

.attachement-dropdown .dropdown-menu a.dropdown-item:hover {
	background: #fff;
}

.attachement-dropdown .dropdown-menu a.dropdown-item:last-child {
	border-bottom: 0px;
}

.attachement-dropdown .dropdown-menu.attachement-dropdown-menu {
	transform: translate3d(-127px, 34px, 0px) !important;
}

.content-wrapper .attachement-dropdown .move-attachement {
	left: -22px !important;
	margin-top: 18px;
}

.folder-attachement-modal .modal-dialog {
	position: absolute;
	max-width: 320px;
	right: 0;
	/*left: 855px;*/
	left: 980px;
	top: 183px;
}

/*.rename-attachement-modal.folder-attachement-modal .modal-dialog {
	position: absolute;
	max-width: 320px;
	right: 0;*/
	/*left: 855px;*/
/*	left: 980px;
	top: 275px;
}*/

.folder-attachement-modal.Upload-file-attach-modal .modal-dialog {
	top: 213px;
}

.folder-attachement-modal.add-folder-modal .modal-dialog {
	top: 80px;
}

.folder-attachement-modal.delete-attachement-modal .modal-dialog {
	top: 220px;
}

.folder-attachement-modal .modal-header {
	padding: 12px 20px !important;
	background: #F6F9FD;
	border-color: #F6F9FD;
}

.folder-attachement-modal .modal-dialog .modal-content {
	border: 0px;
}

.folder-attachement-modal .modal-dialog .modal-content .header-submenu-triangle {
	position: absolute;
	left: -6px;
}

.folder-attachement-modal .modal-header h5 {
	font-size: 14px !important;
	font-weight: 400;
	font-family: 'Poppins';
}

.folder-attachement-modal .modal-body {
	padding: 0px !important;
}

.folder-attachement-modal .modal-body .form-group label {
	color: #434343;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	margin-bottom: 15px;
	font-family: 'Poppins';
	font-weight: 500;
}

.folder-attachement-modal .modal-body .form-group input {
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.06px;
	font-family: 'Poppins';
	font-weight: 400;
}

.folder-attachement-modal.Upload-file-attach-modal .modal-body .form-group input {
	border: 0;
}

.folder-attachement-modal .modal-body form .form-group:first-of-type {
	margin-bottom: 1px;
	border-bottom: 1px solid #e8e8e8;
	padding: 15px 30px 20px 20px;
}

.folder-attachement-modal .modal-body form .form-group {
	padding: 12px 30px 15px 20px !important;
	margin-bottom: 0px;
}

.folder-attachement-modal .modal-body form .form-group button.tab-file-upload-btn {
	margin: 0 auto;
	margin-right: 0;
	background: #4B7DDE;
	border-color: #4B7DDE;
	color: #fff;
	font-size: 16px;
	font-family: Helvetica Neue;
	font-weight: 400;
	padding: 6px 8px;
}

.folder-attachement-modal p {
	color: #434343;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Poppins';
	text-align: center;
	letter-spacing: -0.05px;
}

.folder-attachement-modal .tab-file-close-btn {
	margin: 0 auto;
	margin-right: 0;
	color: #4B7DDE;
	border-color: #4B7DDE;
	font-size: 16px;
	font-family: Helvetica Neue;
	font-weight: 400;
	padding: 6px 8px;
}

.inner-folder-dropdown-show {
	display: block;
	top: 0px;
	left: -11px !important;

}

.folder-attachement-modal.rename-attachement-file-modal .modal-dialog {
	top: 278px;
}

.folder-attachement-modal.move-attachement-modal .modal-dialog {
	top: 372px;
}

#file_attachment {
	overflow-y: scroll;
}

/***** contact-attachements-modal-css-end-here *****/

/***** person-contact-modal-css-end-here *****/

.modal.person-contact-modal .modal-dialog {
	width: 100%;
	max-width: 573px;
	font-family: 'Poppins';
}

.modal.person-contact-modal .modal-header {
	padding: 17px 30px;
	background-color: #F6F9FD;
	border-color: #F6F9FD;
}

.modal.person-contact-modal .modal-header h5.modal-title {
	color: #434343;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
}

.modal.person-contact-modal .modal-body {
	padding: 20px 30px 30px;
}

.modal.person-contact-modal .person-view-header {
	padding-bottom: 20px !important;
}

.modal.person-contact-modal .person-view-header p {
	color: #4B7DDE;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 500;
	margin-bottom: 10px;
}

.modal.person-contact-modal .person-view-header span {
	color: #999999;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
}

.modal.person-contact-modal .person-view-header span:first-of-type {
	border-right: 1px solid #cccccc;
	padding-right: 5px;
	margin-right: 5px;
}

.modal.person-contact-modal .modal-body form {
	padding-top: 25px;
	border-top: 1px solid #e5e5e5;
}

.modal.person-contact-modal .modal-body form label {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.05px;
	margin-bottom: 15px;
}

.modal.person-contact-modal .modal-body form .form-control {
	padding: 15px 20px !important;
	color: #4A4A4A;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.06px;
	background: #F8F9FB;
	border-color: #F8F9FB;
	font-family: 'Poppins';
}

.modal.person-contact-modal .modal-body form .form-group {
	margin-bottom: 20px;
}

.modal.person-contact-modal .modal-body form .form-group:last-child {
	margin-bottom: 0px;
}

.modal.person-contact-modal .modal-body form .form-group:last-child span {
	color: #4A4A4A;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-weight: 400;
}

.modal.person-contact-modal .modal-body form .form-group:last-child img {
	margin-right: 5px;
}

/***** person-contact-modal-css-end-here *****/


/***** contact-view-css-end-here *****/

.date-contact-fields {
	display: flex;
	justify-content: space-between;
}

.date-contact-fields.company-type-fields {
	justify-content: flex-start !important;
}

.date-contact-fields.company-type-fields .company-type-options.contact-address-fields {
	width: auto;
}

.date-contact-fields .contact-address-fields {
	width: 100%;
	padding-right: 10px;
}

.date-contact-fields .contact-address-fields:last-child {
	padding-right: 0px;
}

.contact-create-sec a {
	color: #4b7dde;
	text-decoration: none;
}

.contact-create-sec .form-group a.btn {
	color: #fff;
}


/***** Aug-14-css-end-here *****/

/***** Sep-1-css-start-here *****/

.login-card-body .card-body img {
	max-width: 100px;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

.login-card-body .card-body .forget-pass {
	/*border-top: 1px solid #cccccc;*/
}

.deshbord-sec {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.deshbord-sec .card {
	border-radius: 0px;
	border-color: #fff !important;
}

.deshbord-sec h3 {
	font-size: 24px;
	color: #B2B2B2;
	line-height: 20px;
	font-weight: 600;
	font-family: 'Poppins';
	letter-spacing: -0.06px;
	margin-bottom: 16px;
}

.deshbord-sec .card.deshbord-first-login {
	padding: 50px 0;
}

.deshbord-first-login img {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.deshbord-first-login h4 {
	font-size: 32px;
	color: #4B7DDE;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 35px;
	font-weight: 400;
	font-family: Actor;
}

.deshbord-first-login p {
	font-size: 20px;
	color: #979797;
	max-width: 100%;
	text-align: center;
	line-height: 25px;
	font-weight: 400;
	font-family: Actor;
}

.deshbord-first-login .btn {
	font-size: 16px;
	color: #fff;
	background: #4B7DDE;
	padding: 10px;
	width: 100%;
	max-width: 220px;
	text-align: center;
	font-family: Actor;
	font-weight: 400;
	margin: 0 auto;
}

.edit-input-field .thumb_img img {
	max-width: 120px !important;
	height: 120px;
	width: 100px !important;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.edit-input-field .custom-file label.custom-file-label {
	font-size: 0px;
	background: transparent;
	border: 0px;
}

.edit-input-field .custom-file label.custom-file-label::after {
	display: none;
}

.edit-input-field .custom-file input {
	display: none;
}

.edit-input-field .custom-file {
	border: 1px solid #4b7ddf;
	color: #4b7ddf;
	width: 100%;
	max-width: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	font-size: 15px;
	padding: 8px 16px;
	height: 40px !important;
}

.edit-input-field a.btn-danger.profile-pic-remove {
	width: 100%;
	max-width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.edit-input-field a.btn-danger.profile-pic-remove:hover {
	background-color: #e9ecef;
	border: 1px solid #ced4da;
}

.breadcrumb li.breadcrumb-item {
	margin: 0px;
}

.breadcrumb li.breadcrumb-item:first-child {
	margin-left: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-left: 0px;
}

.breadcrumb li.breadcrumb-item {
	margin: 0px;
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
}

.breadcrumb li.breadcrumb-item a {
	color: #4A4A4A;
}

.breadcrumb li.breadcrumb-item.active {
	color: #0E43FF;
}

.profile-form nav ol.breadcrumb {
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.org-create-table .address-city-post-code:first-of-type {
	margin-bottom: 16px;
}

.section-size {
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
}

.custom-pagination .dataTables_info {
	float: left;
}

.custom-pagination .dataTables_paginate {
	padding-top: 13.6px;
}

.custom-pagination .dataTables_paginate {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.custom-pagination .dataTables_paginate a.paginate_button.previous {
	background: #fff;
	font-size: 0px;
	padding: 0 18.5px;
	border-color: #F0F0F0;
	position: relative;
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.custom-pagination .dataTables_paginate a.paginate_button.previous::after {
	position: absolute;
	content: "";
	background-image: url(../images/site-images/previous-cont-list.svg);
	top: 50%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	background-repeat: no-repeat;
	background-size: 15px 16px;
	z-index: 9;
}

.custom-pagination .dataTables_paginate a.paginate_button {
	color: #5f6c7b;
	border: 1px solid #E6E6E6;
	line-height: 1.32;
	line-height: 1.32;
	background: red;
	height: 36px;
	margin: 0px;
	padding: 0 0.75rem;
	margin-top: 0px !important;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -1px !important;
	text-decoration: none;
}

.custom-pagination .dataTables_paginate a.paginate_button.current {
	background: #4B7DDE;
	color: #fff;
	border-color: #4B7DDE;
}

.custom-pagination .dataTables_paginate a.paginate_button.next {
	background: #fff;
	font-size: 0px;
	padding: 0 18.5px;
	border-color: #F0F0F0;
	position: relative;
	margin-left: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.custom-pagination .dataTables_paginate a.paginate_button.next::after {
	position: absolute;
	content: "";
	background-image: url(../images/site-images/next-cont-list.svg);
	top: 50%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	right: 0;
	background-repeat: no-repeat;
	background-size: 15px 16px;
	z-index: 9;
}

.triangle-table-dropdown1 {
	background-image: url(../images/site-images/angle-up.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -8px;
	z-index: 9;
	left: 33px;
	background-size: contain;
}

.custom-pagination .dataTables_filter {
	/*margin-bottom: 20px;*/
}

.custom-pagination .dataTables_filter input {
	border: 1px solid #e6e6e6;
}

.custom-pagination .dataTables_length select {
	border: 1px solid #e6e6e6;
	padding: 1px;
}

.form-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 20px;
	z-index: 9;
	box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 20%);
}

.form-footer .form-group {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

.form-footer .btn-cancle {
	border-color: #4b7ddf;
	color: #4b7ddf !important;
}

.capital {
	text-transform: capitalize;
}

.contact-new-wrapper {
	min-height: auto !important;
}

.height-contact-wrapper {
	min-height: 100% !important;
}

section.content-header {
	padding: 30px 0.5rem;
}

.attch-view {
	margin-right: 30px;
}

.attch-view span {
	background: #4B7DDE;
	color: #fff;
	font-size: 8px;
	font-weight: 500;
	font-family: Rubik;
	padding: 4px 5px;
	border-radius: 10px;
	line-height: .9;
	margin-top: 14px;
	box-shadow: 0px 2px 4px 0px #b2b2b2;
}

.org-view-sec p {
	background: #F8F9FB;
	margin: 0px;
	padding: 15px 20px;
	border-radius: 6px;
}

.org-view-sec .sub-contact {
	display: flex;
	justify-content: space-between;
}

.org-view-sec .sub-contact p {
	width: 100%;
	max-width: 325px;
}

.org-address-view p {
	margin-bottom: 16px;
}

.org-address-view .sub-contact:last-child p {
	margin-bottom: 0px;
}

h3.card-title.contact-bredcrum {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	color: #4A4A4A;
}

h3.card-title.contact-bredcrum span {
	/* margin-bottom: 0px;*/
	margin-left: 3px;
	margin-right: 3px;
}

h3.card-title.contact-bredcrum span:last-child {
	color: #0E43FF;
}

.user-mang-view-sec .modal-body.invite-user-sec .chosen-choices {
	background-image: none !important;
}

.user-mang-view-sec .modal-body.invite-user-sec .chosen-choices::after {
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 10px;
	content: "\f107";
	font-family: 'Fontawesome';
	color: #aaaaaa;
}

.form-group.clearfix.search-gps .form-group {
	margin-bottom: 10px;
}


/*Person-Contact-View-start-here*/
.inner-person-contact-view .modal-body {
	padding: 20px 30px 30px;
}

.inner-person-contact-view .modal-content .modal-header {
	padding: 17px 30px;
}

.inner-person-contact-view .person-view-details {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}

.person-profile h3 {
	font-size: 18px;
	color: #4B7DDE;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	margin-bottom: 5px;
}

.person-profile-detail p {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
	color: #999999;
}

.person-profile-detail span {
	color: #999999;
}

.inner-person-contact-view .modal-body label {
	font-size: 16px;
	color: #4A4A4A;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	margin-bottom: 15px;
	font-weight: 500;
}

.inner-person-contact-view .modal-body input.form-control {
	padding: 15px 20px !important;
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-weight: 400;
	font-family: 'Poppins';
	background: #F8F9FB;
	border-color: #F8F9FB;
}

.inner-person-contact-view .modal-body label.landline {
	font-weight: 400;
}

.inner-person-contact-view .modal-body textarea {
	padding: 15px 20px;
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.06px;
	font-family: 'Poppins';
	background: #F8F9FB;
	border-color: #F8F9FB;
	width: 100%;
	max-width: 452px;
}

.person-view-pdf p {
	color: #4A4A4A;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.06px;
	font-family: 'Poppins';
}

/*Person-Contact-View-end-here*/

/*Organization-setting-css-start-here*/

.org-setting-sec .card-header h3.card-title {
	font-family: 'Poppins';
}

.org-setting-sec li.list-group-item {
	margin: 0px;
	min-height: 50px;
}

.org-setting-sec li.list-group-item a {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	color: #4A4A4A;
	text-decoration: none;
}

.org-setting-sec ul.list-group.list-group-flush {
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 5px;
}

/*Organization-setting-css-end-here*/

/*Folders-view-sec-start-here*/

.card.section-size.folders-view-sec {
	height: 509px;
	overflow: scroll;
}

.folders-view-sec li.list-group-item {
	border: 1px solid rgba(0, 0, 0, 0.125) !important;
	border-radius: 5px;
	margin: 0;
	margin-bottom: 15px;
	padding: 12px;
	min-height: 50px;
}

.folders-view-sec li.list-group-item a {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-family: 'Poppins';
	color: #4A4A4A;
	text-decoration: none;
}

.folders-view-sec li.list-group-item i.fa {
	color: #4b7ddf;
}

/*Folders-view-sec-end-here*/

/*File-list-sec-start-here*/

.file-list-sec li.list-group-item i.fa {
	color: #4b7ddf;
}

.file-list-sec li.list-group-item .dropdown button img {
	width: 100%;
	max-width: 4px;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item.move-file img {
	width: 100%;
	max-width: 20px;
}

.dropdown.table-dropdown .dropdown-menu a.dropdown-item.move-file span {
	color: #000000;
	font-family: 'Poppins';
	padding: 0px !important;
	padding-left: 15px !important;
	height: auto !important;
	font-size: 15px;
}

/*File-list-sec-end-here*/

.dataTables_length select {
	padding-left: 10px !important;
	padding-right: 26px !important;
}

.contact-tables-sec .contact-inner-table-sec {
	overflow: scroll;
}

.contact-view-website.contact-tables-sec .contact-inner-table-sec {
	overflow: visible;
}

.contact-attachements-modal .modal-content .modal-body #pills-contact {
	display: inline-block;
}

.package-form-sec .chosen-container.chosen-container-multi {
	width: 100% !important;
}

.package-form-sec ul.chosen-choices {
	box-shadow: none;
	background-image: none;
	border-color: #ced4da;
	border-radius: 4px;
}

.package-table-sec table .dropdown a i.fas.fa-ellipsis-v {
	color: #4b7dde;
}


input[type=radio] {
	position: relative;
	-webkit-appearance: none;
	width: 16px !important;
	/* max-width: 16px !important;*/
	height: 16px !important;
	border-radius: 50%;
	outline: none;
	border: solid 1px #4b7dde;
	margin: 0;
	padding: 0px !important;
}


input[type='radio']:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.conatct-custom-buttons input[type='radio'].person-radio-icon:before {
	content: '\f007';
	font-family: 'Fontawesome';
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.conatct-custom-buttons input[type='radio'].employee-radio-icon:before {
	/*content: '\f2c3';*/
	content: "\f1ea";
	font-family: 'Fontawesome';

}

.conatct-custom-buttons input[type='radio'].company-radio-icon:before {
	content: '\f1ad';
	font-family: 'Fontawesome';
}

.conatct-custom-buttons input[type="radio"]:checked:before {
	color: #4b7dde;
	background: transparent !important;
}

.conatct-custom-buttons input[type=radio] {
	position: relative;
	-webkit-appearance: none;
	width: 20px !important;
	height: 20px !important;
	outline: none;
	margin: 0;
	padding: 0px !important;
	border: 0;
}

input[type="radio"]:checked:before {
	background: #4b7dde;

}

input[type="radio"]:checked {
	border-color: #4b7dde;
}

.nav.smtp-security-list li.nav-item {
	margin-left: 0px;
}

.contact-view-contact-person-list.contact-tables-sec .contact-inner-table-sec {
    overflow: visible;
}

/***** Sep-1-css-end-here *****/

/***** Common-Modal-design-start-here *****/

.modal-design .modal-body {
    padding: 20px 25px 30px;
}

.modal-design .modal-body label {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05px;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: 'Poppins';
    padding: 0px;
}

.modal-design .modal-body .form-group:last-child {
    margin-bottom: 0px;
}

.modal-design .modal-footer .btn {
    font-size: 14px;
    font-family: Helvetica Neue;
    font-weight: 500;
    width: 73px;
    height: 31px !important;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
}

.modal-design .modal-footer .btn:last-child {
    margin-right: 0;
}

.modal-design .modal-footer .btn.add-gp-btn {
    width: 100px;
}

/***** Common-Modal-design-end-here *****/
.attachement-dropdown.show .dropdown-menu-right {
    display: block;
}

/***** Table-custom-check-box-start-here *****/

.contact-list-sec table input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  /*width: 100% !important;*/
  width: 18px !important;
  /*max-width: 18px !important;*/
  height: 18px !important;
  outline: none;
  border: solid 1px #e5e5e5;
  margin: 0;
  padding: 0px !important;
  border-radius: 3px;
}
.contact-list-sec table input[type="checkbox"]::before {
	display: none;
}

.contact-list-sec table input[type="checkbox"]:checked:after {
	position: absolute;
	content: "\f00c";
	/*! background-image: url(../images/site-images/check-box-icon.svg); */
	top: 44%;
	bottom: 0;
	left: 50%;
	/*! right: 0; */
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	font-family: 'Fontawesome';
	color: #fff;
	font-size: 10px;
}

.contact-list-sec table input[type="checkbox"]:checked {
	border-color: #4B7DDE;
	background:  #4B7DDE;
}

.contact-list-sec table input[type="checkbox"]:hover {
    border-color: #4B7DDE;
}

/***** Table-custom-check-box-start-here *****/

/***** Custom-modal-design-start-here *****/

.custom-attachements-modal {
    min-width: 320px;
    border-color: #fff;
    padding: 0;
}

.custom-attachements-modal .cus-modal-header {
    background: #F6F9FD;
    padding: 12px 20px !important;
}

/***** Custom-modal-design-end-here *****/

/**Media-Start-Here**/
@media(max-width: 1600px) {
	.contact-list-sec .dataTables_wrapper table {
		width: 1370px !important;
	}
}

@media(min-width: 1600px) {
	nav.main-header.navbar ul.navbar-nav .form-inline .input-group input.form-control-navbar {
		width: 360px;
	}

	.tags-btns .btn {
		padding: 17px 40px;
	}

	.contact-detail-sec ul.sidebar-top-list li {
		font-size: 16px;
		padding: 15px 20px;
	}

	form.contact-table-search .input-group {
		width: 364px;
	}

	.tab-footer .tab-file-upload-btn {
		padding: 11px 14px;
	}

	.folder-attachement-modal .modal-body form .form-group button.tab-file-upload-btn,
	.folder-attachement-modal .tab-file-close-btn {
		padding: 8px 16px;
	}

	.deshbord-sec {
		max-width: 1460px;
	}

	h1.main-heading {
		font-size: 36px;
		line-height: 20px;
		font-weight: 600;
		letter-spacing: -0.06px;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.deshbord-sec h3 {
		font-size: 36px;
		margin-bottom: 20px;
	}

	.deshbord-first-login h4 {
		font-size: 48px;
		margin-top: 30px;
		margin-bottom: 30px;
		line-height: 52px;
	}

	.deshbord-first-login p {
		font-size: 36px;
		line-height: 40px;
	}

	.deshbord-first-login .btn {
		font-size: 24px;
		padding: 17px 40px;
		max-width: 380px;
	}

	.deshbord-sec .card.deshbord-first-login {
		padding: 70px 0;
	}

	.header-dropdown img {
		max-width: 60px;
	}

	.header-dropdown img.invoices-img {
		max-width: 40px;
	}

	.deshbord-first-login img {
		max-width: 500px;
	}

	.enter-pin-sec .modal-body form input#pincode {
		height: 50px !important;
	}

	.notes-tables-sec .notes-contact-inner-table-sec table input[type="checkbox"] {
		width: 19px;
		height: 19px !important;
	}

}

@media(max-width: 1440px) {
	.contact-list-sec {
		/*max-width: 1300px !important;*/
		min-width: auto !important;
	}

	.contact-list-sec .dataTables_wrapper table.contact-emp-table {
		width: 1122px !important;
	}

}

@media(max-width: 1420px) {
	.contact-list-sec .inner-new-contact .card-header {
		display: flex;
		flex-direction: column;
	}

	.contact-list-sec .inner-new-contact .card-header .btn-group {
		/*margin-top: 20px;*/
	}

	.contact-list-sec .card-body {
		/*top: 142px;*/
	}

	.contact-view-contact-person-list.contact-tables-sec .contact-inner-table-sec {
	    overflow-x: scroll;
	}

	.contact-view-contact-person-list.contact-tables-sec .contact-inner-table-sec table {
	    width: 939px !important;
	}
}

@media(max-width: 1199px) {

	.person-sub-contact input,
	.person-sub-contact select.form-control {
		width: 100%;
		max-width: 178px;
	}

	.user-mang-view-sec .modal-body {
		padding: 16px 28px;
	}

	.user-mang-view-sec .modal-footer {
		padding: 16px 28px;
	}

	.user-mang-view-sec .nav-tabs i.far.fa-question-circle {
		right: -6px;
	}

	.user-mang-view-sec .usr-email {
		max-width: 340px;
	}

	.user-mang-filter select.form-control {
		padding: 8px 2px !important;
	}

	.contact-create-sec .form-group.row {
		display: flex;
		align-items: center;
	}

	.contact-create-sec .form-group.address-contact-row {
		align-items: start;
	}

	.contact-create-sec .form-group.row label {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.address-contact-row label {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.form-group.row.attachment-contact-edit-row {
		align-items: start;
	}

	.attachment-contact-edit-row label {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.contact-create-sec .form-group.row.contact-row,
	.org-create-table .form-group.row.contact-row {
		align-items: start;
	}

	.contact-inputs {
		display: block !important;
	}

	.contact-row label {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}

	.contact-inputs input.form-control {
		max-width: 100%;
		margin-bottom: 1rem;
	}

	.contact-inputs input.form-control:last-child {
		margin-bottom: 0px;
	}

	.person-contact {
		display: block;
	}

	.person-contact input,
	.person-contact textarea.form-control {
		max-width: 100%;
		margin-bottom: 1rem;
	}

	.person-contact .nots-attachment,
	.person-contact select.form-control,
	.person-contact .custom-file {
		max-width: 100%;
	}

	.person-contact input.form-control:last-child {
		margin-bottom: 0px;
	}

	.notes-contact .custom-file input,
	.notes-contact {
		margin-bottom: 0px !important;
	}

	.person-sub-contact {
		display: block;
	}

	.person-sub-contact input,
	.person-sub-contact select.form-control {
		max-width: 100%;
		margin-bottom: 1rem !important;
	}

	.person-sub-contact input:last-child {
		margin-bottom: 0px !important;
	}

	.org-create-table .form-group.row {
		align-items: center;
	}

	.org-create-table .form-group.row label {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}

	.sidebar-menu .badge.badge-pill {
		padding: 9px 0px;
	}

	/* .new-contact-btns button.badge.badge-pill {
	    top: 67px;
	    left: 120px;
	} */

	.new-contact-btns a span.badge {
		position: absolute;
		top: -3px;
		left: 120px;
	}

	.contact-table-search .input-group {
		margin-left: 0;
	}

	.contact-list-sec .card-body {
		/*top: 202px;*/
	}

	.contact-list-sec .contact-header-dropdowns .input-group-prepend {
		/*margin-top: 20px;*/
	}

	.contact-inner-table-sec {
		padding: 15px 20px 15px 20px;
	}

	.contact-view-website.contact-tables-sec .contact-inner-table-sec {
		overflow-x: scroll;
	}

	.contact-inner-table-sec table {
		width: 830px !important;
	}

	.contact-tables-sec .table-header-menu {
		padding: 10px 20px 10px 20px;
	}

	.contact-list-sec {
		min-width: auto !important;
	}

	.folder-attachement-modal.Upload-file-attach-modal .modal-dialog,
	.folder-attachement-modal.Upload-file-attach-modal .modal-dialog {
		top: 355px;
		left: 0;
	}

	.folder-attachement-modal .modal-dialog {
		right: 0;
		left: 0;
		top: 140px;
	}

	.folder-attachement-modal .modal-dialog .modal-content .header-submenu-triangle {
		display: none;
	}
}

@media(max-width: 1024px) {

	.user-mang-view-sec .nav-tabs i.far.fa-question-circle {
		right: -3px;
	}

	.user-mang-view-sec .usr-email {
		max-width: 330px;
	}

	.date-contact-fields input {
		max-width: 190px;
	}

	.contact-dof-row .date-contact-fields input {
		max-width: 100%;
	}

	.package-table-sec table {
		width: 970px !important;
	}

}

@media(max-width: 991px) {

	.sidebar-top-btns {
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 30px !important;
		height: 140px;
		margin-top: -33px;
	}

	.sidebar-top-btns button.btn.attachment-view-btn {
		text-align: left;
	}

	.contact-pagination-sec {
		display: block !important;
	}

	nav.navbar.toggle-navbar-sec {
		width: 100%;
		max-width: 410px;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
		padding-left: 20px !important;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link i.fas {
		margin-left: 3px !important;
	}

	.card-body table .btn {
		padding: 3px 6px;
		display: inline-block;
		height: 38px !important;
		line-height: 14px;
	}

	.user-mang-filter select.form-control {
		padding: 8px 10px !important;
	}

	.user-mang-view-sec .usr-email {
		max-width: 300px;
	}

	.xero-content .card-body {
		padding-left: 0px;
	}

	.contacts-import-sec {
		width: 100% !important;
	}

	.inner-person-contact-view {
		max-width: 550px;
	}

	.person-contact-view-modal {
		max-width: 650px;
	}

	.mobile-tyle-box {
		margin-left: 60px;
	}

	.landline-ext-list {
		display: block;
	}

	.landline-ext-list li:last-child {
		text-align: left;
	}


	li.mobile-person-contact-view .mobile-tyle-box span.mobile-type {
		width: 100%;
	}


	.inner-person-contact-view li.mobile-person-contact-view .mobile-tyle-box span.mobile-type {
		width: 100%;
		max-width: 100%;
	}


	.inner-person-contact-view .cont-eng-list ul li {
		width: 100% !important;
	}

	li.email-person-contact-view a {
		display: block;
	}

	.landline-ext-list li:last-child a {
		max-width: none;
	}

	/* .new-contact-btns button.badge.badge-pill {
	    top: 71px;
	    left: 110px;
	} */

	.notes-tables-sec .btn.dropdown-toggle {
		padding: 0px;
	}

	.notes-tables-sec .btn.add-btn {
		padding-right: 0px;
	}

	.common-sidebar-sec.active-sidebar {
		max-width: 100%;
		z-index: 9;
		overflow: scroll;
	}

	.common-sidebar-sec.active-sidebar .sidebar-icon {
		/*right: 0;*/
		/*transform: rotate(180deg);*/
	}

	.common-sidebar-sec.active-sidebar .sidebar-icon i.fa {
	    transform: rotate(180deg);
	}

	.common-sidebar-sec aside.contact-side-bar {
		/*display: none;*/
		opacity: 0;
    	transition: .4s all ease-in-out;
	}

	.common-sidebar-sec {
		margin-right: 30px;
		max-width: 0px;
		transition: .4s all ease-in-out;
		overflow: visible;
	}

	.contact-list-sec {
		margin-left: 40px;
	    transition: .4s all ease-out;
	}

	.contact-list-sec .card-body {
		left: 46px;
		right: 20px;
	}

	.common-sidebar-sec.active-sidebar aside.contact-side-bar {
		/*display: block;*/
		opacity: 1;
		transition: .7s all ease-in-out;

	}

	.contact-side-bar-search .input-group {
		width: 100%;
		max-width: 400px;
		margin-left: 47px;
	}

	.contact-list-sec.active-contact-list-sec {
		opacity: 0;
		transition: .4s all ease-out;
	}

	.sidebar-icon {
		display: block;
	}

	nav.main-header.navbar li.nav-item.dropdown a.nav-link {
		padding: 0px 1px !important;
	}

	.user-profile-name a.nav-link {
		padding: 0px 0px 0px 15px !important;
	}

	.contact-detail-sec {
		padding: 15px;
	}

	.contact-detail-sec ul.sidebar-top-list li {
		padding: 12px;
		font-size: 14px;
	}

	.nav-header-menu ul.nav-tabs li.nav-item {
		margin: 0px 20px 0px 0px;
	}

	.notes-tables-sec .nav-header-menu {
		padding: 25px 20px 25px 20px;
	}

	.date-contact-fields {
		flex-direction: column;
	}

	.date-contact-fields.company-type-fields {
		flex-direction: row;
	}

	.date-contact-fields input {
		max-width: 100%;
	}

	.date-contact-fields .contact-address-fields {
		padding-right: 0;
	}

	.date-contact-fields.company-type-fields .company-type-options.contact-address-fields {
		padding-right: 10px;
	}

	.header-dropdown a.dropdown-item {
		width: 100% !important;
		max-width: 60px !important;
	}

	.dropdown-menu.header-dropdown {
		min-width: 182px;
	}

	.header-dropdown img {
		max-width: 30px;
	}

	.header-dropdown img.invoices-img {
		max-width: 23px;
	}

	.triangle-table-dropdown1 {
		left: 18px;
	}

	.contact-list-sec .card-body {
		left: 0;
		right: 20px;
	}

	.common-sidebar-section {
		max-width: 96.4%;
		margin-left: 0px;
		margin-top: 5px;
	}

	.table-user-mang table {
		width: 900px;
	}

}

@media(max-width: 780px) {
	.user-profile-name a.nav-link p {
		display: none;
	}

}

@media(max-width: 767px) {

	.contact-pagination-sec ul.pagination {
		display: block;
	}

	.contact-pagination-sec ul.pagination .pagination-contactlinks {
		margin-top: 10px;
	}

	.sidebar-top-btns {
		margin-top: 0px;
	}

	.navbar.navbar-expand-md.toggle-navbar-sec .navbar-toggler {
		display: block !important;
		padding: 5px 7px;
	}

	.navbar.navbar-expand-md.toggle-navbar-sec .collapse:not(.show) {
		display: none !important;
	}


	.toggle-navbar-sec .navbar-toggler {
		color: rgba(255, 255, 255, 0.5) !important;
		border-color: rgba(255, 255, 255, 0.5) !important;
		position: relative;
	}

	.toggle-navbar-sec .navbar-toggler::after {
		position: absolute;
		content: "\f0c9";
		font-family: 'FontAwesome';
		color: #fff;
		left: 0;
		right: 0;
		top: 8px;
		font-size: 22px;
	}

	.toggle-navbar-sec .navbar-toggler span.navbar-toggler-icon {
		background-image: none;
	}

	.top-contact-header .top-title {
		margin-bottom: 10px;
	}

	/* nav.main-header.navbar {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	} */

	nav.main-header form.form-inline.header-search {
		display: none;
	}

	nav.main-header.navbar {
		align-items: flex-start;
	}

	nav.navbar.toggle-navbar-sec ul.navbar-nav {
		flex-direction: column !important;
	}

	.navbar.toggle-navbar-sec .navbar-collapse {
		flex-basis: 100%;
		display: block !important;
	}

	.toggle-navbar-sec ul.navbar-nav a.nav-link.active {
		border-bottom: 0px;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu .dropdown-menu {
		position: unset;
		margin-top: 10px;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu {
		margin-bottom: 10px;
	}


	.toggle-navbar-sec ul.navbar-nav a.nav-link {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	footer.main-footer {
		padding-top: 0px !important;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu .dropdown-item {
		width: 100%;
	}

	.address-city-post-code {
		display: block;
	}

	.address-city-post-code input:last-child {
		margin-left: 0px;
	}

	.navbar.navbar-expand-md.toggle-navbar-sec .navbar-toggler:focus {
		outline: 0;
	}

	.dataTables_paginate ul.pagination {
		padding-bottom: 0.7em;
	}

	.top-contact-header .top-title {
		padding-left: 0;
	}

	.address-city-post-code input.form-control {
		margin-bottom: 1rem;
	}

	.table-user-mang table p {
		margin-bottom: 3px;
	}

	.inner-person-contact-view .cont-eng-list ul li a {
		padding-left: 40px;
	}

	.mobile-tyle-box {
		margin-left: 40px;
	}

	li.notes-person-contact-view textarea.form-control {
		max-width: 70%;
	}

	li.notes-person-contact-view .attachment-view-btn {
		right: 20px;
	}

	.person-contact-view-modal {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.inner-person-contact-view {
		max-width: 400px;
	}

	.sidebar-menu .badge.badge-pill {
		padding: 8px 16px;
	}

	.new-contact-btns a span.badge {
		top: -3px;
		left: 110px;
	}

	/* .new-contact-btns button.badge.badge-pill {
	    left: 100px;
	} */

	.master_section-sec .nav-tabs {
		max-width: 100%;
	}

	.master_section-sec .tab-content {
		width: 100%;
		float: left;
	}

	.master_section-sec .container {
		overflow: hidden;
	}

	.master_section-sec .nav-tabs li.nav-item a.nav-link.active::after {
		display: none;
	}

	li.nav-item.dropdown a.nav-link::after {
		display: none;
	}

	li.nav-item.dropdown a.nav-link::after {
		display: none;
	}

	nav.main-header nav.navbar .navbar-collapse ul.navbar-nav {
		/*align-items: end;*/
		align-items: flex-start;
		margin-top: 20px;
	}

	.contact-list-sec .contact-header-dropdowns {
		flex-wrap: wrap;
	}

	.contact-content-wrapper section.content.master_section-sec {
		height: auto;
	}

	.contact-content-wrapper section.content.master_section-sec.active-master_section-sec {
		height: 100%;
	}

	/* .contact-content-wrapper section.content.master_section-sec.active-master_section-sec {
		height: 100%;
	} */

	.contact-list-sec .card-body {
		position: unset;
	}

	.contact-list-sec .card-body .row:last-child {
		position: unset;
	}

	.contact-list-sec .card-body .row:first-child .dataTables_length {
		padding-bottom: 15px;
		padding-left: 0px;
	}

	.contact-list-sec .inner-new-contact .card-header {
		padding: 70px 0px 30px !important;
	}

	.contact-list-sec {
		margin-left: 0;
	}

	.contact-side-bar-search .input-group {
		margin-left: 47px;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
		width: 100% !important;
		max-width: 250px !important;
	}

	nav.main-header nav.navbar .navbar-collapse ul.navbar-nav .nav-item.dropdown.company-menu {
		margin-right: 0px;
	}

	.user-profile-name a.nav-link {
		padding: 0px 0px 0px 7px !important;
	}

	nav.main-header nav.navbar .navbar-collapse ul.navbar-nav .nav-item.dropdown.company-menu {
		width: 100%;
		max-width: 250px;
	}

	.notes-tables-sec .nav-header-menu {
		padding: 10px 20px 25px 20px;
	}

	.notes-tables-sec .contact-inner-table-sec {
		margin: 0px 20px 22px 20px;
	}

	.content-wrapper .dropdown-menu.show {
		/*left: 0 !important;*/
	}

	.table-dropdown .dropdown-menu.dropdown-menu-right.show {
		left: -11px !important;
	}

	.contact-tables-sec h5 {
		line-height: 20px;
	}

	.deshbord-sec h3 {
		font-size: 20px;
	}

	.header-dropdown img {
		max-width: 23px;
	}

	.header-dropdown a.dropdown-item {
		max-width: 59px !important;
	}

	.dropdown-menu.header-dropdown {
		min-width: 177px;
	}

	.custom-pagination .dataTables_filter {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.address-city-post-code input:last-child {
		max-width: 100%;
	}

	.address-city-post-code:last-child input:last-child {
		margin-bottom: 0;
	}

	.dataTables_wrapper .dataTables_filter {
		margin-top: 10px;
	}

	.master_section-sec .invite-user-sec .tab-content {
		float: unset;
	}

	.contact-view-profile-header .contact-profile-info {
		margin-bottom: 10px;
	}

	.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item {
		padding: 27px 10px;
	}

	.org-tables-width-sec table {
		width: 710px;
	}

	.media-contact .dropdown-menu .triangle-table-dropdown {
		display: none;
	}

}

@media(min-width: 767px) {

	body:not(.sidebar-mini-md) .content-wrapper,
	body:not(.sidebar-mini-md) .main-footer,
	body:not(.sidebar-mini-md) .main-header {
		margin-left: 0;
	}
}

@media(max-width: 690px) {

	.user-mang-view-sec .usr-email {
		max-width: 100%;
	}

	.user-mang-view-sec a.resend-invite-link {
		position: unset;
	}

	.card-body .form-horizontal .chosen-select,
	.card-body .form-horizontal .chosen-container-multi {
		width: 100% !important;
	}

	.contact-list-sec .card-header .input-group-prepend {
		width: 94px;
	}

	.sort-by-dropdown button.btn.dropdown-toggle {
		width: 90px;
	}

	.contact-list-sec .card-header .input-group-prepend:last-child {
		margin-right: 0;
	}
}

@media(max-width: 575px) {

	.login-box,
	.register-box {
		max-width: 19rem;
	}

	.log-btns {
		flex-direction: column;
	}

	.log-btns {
		display: block !important;
	}

	.login-card-body button,
	.social-auth-links .btn,
	.forget-pass a {
		width: 100%;
		display: inline-block;
		text-align: center;
		padding: 8px 10px;
	}

	span.or {
		margin-bottom: 10px !important;
	}

	.login-card-body button[type="submit"] {
		margin-bottom: 10px;
	}

	.login-card-body .login-mail-form button[type="submit"] {
		margin-bottom: 0;
	}

	.sand-mail a {
		display: inline-block;
		text-align: center;
		margin-top: 20px;
		width: 100%;
	}

	.register-card-body button {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.copyright-left {
		margin-top: 3px;
	}

	.user-mang-filter h3.card-title {
		width: 100%;
	}

	.card-header.user-mang-filter {
		position: relative;
	}

	.user-mang-filter button.float-right.btn.btn-primary {
		float: left !important;
		margin-top: 10px;
		margin-bottom: 12px;
	}

	.user-mang-filter label.float-right {
		position: absolute;
		left: 20px;
		bottom: 47px;
	}

	.user-mang-filter select.form-control {
		margin-top: 25px;
	}

	.org-create-table .form-group.row label {
		padding-bottom: 5px;
	}

	.user-circle-img {
		padding: 0px !important;
	}

	a.nav-link.user-circle-img {
		padding-right: 0px !important;
	}

	.contact-inputs input.form-control:last-child {
		margin-bottom: 0px;
	}

	.person-contact input:last-child {
		margin-bottom: 0px;
	}

	.user-mang-view-sec .card a {
		font-size: 18px;
	}

	.user-mang-view-sec .card .form-group p {
		font-size: 14px;
	}

	.modal-footer .btn,
	.sidebar-menu .badge.badge-pill,
	.common-button-site,
	.card-body .form-horizontal .btn,
	.edit-button,
	.del-button,
	.edit-input-field .custom-file {
		padding: 7px 10px;
		min-height: 35px !important;
		text-align: center;
		line-height: 24px;
	}

	.contact-create-sec .email-field {
		margin-top: -23px;
	}

	.contact-create-sec .email-field.email-field-small {
		margin-top: 0px;
	}

	.top-contact-header h3 {
		font-size: 18px;
	}

	.top-contact-header p {
		font-size: 14px;
	}

	tbody td button.attachment-view-btn {
		padding: 5px;
	}

	.address-city-post-code input:last-child {
		max-width: 100%;
	}

	.contact-create-sec .form-group.row label {
		padding-bottom: 7px;
	}

	.contact-row label {
		padding-top: 0px !important;
	}

	.contact-row .custom-file label {
		padding-top: 7px !important;
	}

	.address-contact-row label {
		padding-top: 0px !important;
	}

	.attachment-contact-edit-row label {
		padding-top: 0px !important;
	}

	.edit-input-field .profile-pic-remove,
	.edit-profile-main-sec button {
		padding: 8px 16px !important;
		min-height: 40px !important;
	}

	.mobile-tyle-box {
		display: block;
		margin-left: 0px;
		margin-top: 30px;
	}

	.inner-person-contact-view .cont-eng-list ul li {
		padding-bottom: 10px;
	}

	.inner-person-contact-view .cont-eng-list ul li span {
		width: 100%;
	}

	.inner-person-contact-view .cont-eng-list ul li a {
		width: 100%;
		padding-left: 0px;
		padding-top: 10px;
	}

	span.mobile-type {
		display: block !important;
	}

	.card-header .btn-group {
		width: 100%;
		margin-right: 0px !important;
	}

	.card-header .btn-group button.btn.dropdown-toggle,
	.card-header .btn-group span.contact-filter {
		padding-left: 0px;
	}

	.notes-tables-sec .table-header-menu {
		display: block !important;
	}

	.notes-tables-sec .dropdown-menu.show {
		left: 10px !important;
	}

	.contact-table-search .input-group {
		width: 100%;
		max-width: 290px !important;
	}

	.contact-add-button .add-new-contact.common-button-site {
		width: 100%;
		max-width: 174px;
		padding: 0 7px;
		font-size: 14px;
	}

	.contact-side-bar-search .input-group input.form-control,
	.contact-side-bar-search .input-group {
		max-width: 250px;
	}

	.user-profile-name ul.dropdown-menu a.dropdown-item {
		padding: 8px;
	}

	.user-profile-name ul.dropdown-menu a.dropdown-item span {
		font-size: 13px;
	}

	.date-contact-fields.company-type-fields {
		flex-direction: column;
	}

	.deshbord-first-login h4 {
		font-size: 24px;
		line-height: 25px;
	}

	.deshbord-first-login p {
		font-size: 19px;
		line-height: 20px;
	}

	.deshbord-first-login .btn {
		font-size: 18px;
		padding: 8px;
		max-width: 200px;
	}

	.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item {
		padding: 22px 10px;
	}

	.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link {
		padding: 8px;
		font-size: 12px;
		line-height: 1.3;
	}

	.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item a.nav-link img {
		width: 100%;
		max-width: 10px;
	}

	.tab-files-detail .attached-file-name {
		width: 100%;
		max-width: 250px;
	}

	.tab-footer .tab-pagination img:first-child {
		margin-right: 10px;
	}

	.contact-attachements-modal .modal-content .modal-body .tab-content .tab-files-detail {
		padding: 15px;
	}

	.contact-attachements-modal .modal-content .modal-body .tab-content .tab-footer {
		padding: 20px 21px;
	}

	.contact-attachements-modal .modal-content .modal-body .tab-content .tab-header {
		padding: 10px 15px;
	}

	.folder-attachement-modal .modal-dialog,
	.folder-attachement-modal.rename-attachement-file-modal .modal-dialog,
	.folder-attachement-modal.move-attachement-modal .modal-dialog {
		max-width: 290px;
		top: 133px !important;
	}

	.folder-attachement-modal .modal-body form .form-group button.tab-file-upload-btn {
		font-size: 14px;
	}

	.contact-attachements-modal .modal-content .modal-body {
		padding: 20px 15px;
	}

	.navbar-nav .nav-item.dropdown.company-menu a.nav-link {
		line-height: 1;
	}

	.contact-list-sec .inner-new-contact .card-header .btn-group {
	    margin-bottom: 10px;
	}

}

@media(max-width: 420px) {
	.english-table-inner h5 {
		font-size: 18px;
	}

	.english-table-inner .table-header-menu {
		display: block !important;
	}

	.modal-footer {
		justify-content: start;
	}

	.org-create-table .btn {
		margin-bottom: 10px;
	}

	.edit-input-field {
		justify-content: space-around;
		flex-direction: column;
	}

	.edit-input-field .custom-file {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
		padding-left: 7px !important;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link i.fas {
		margin-left: 1px !important;
		padding-left: 7px;
	}

	.edit-profile-main-sec .profile-pic-remove {
		margin-left: 0px;
	}

	.auth-update-view-body .icheck-primary {
		padding-left: 20px;
	}

	.auth-update-view-body .auth-update-view-select {
		padding-left: 20px;
		padding-right: 20px;
	}

	.contact-create-sec a {
		margin-right: 0px !important;
	}

	.user-filter-btn {
		float: left !important;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.contact-page-new tbody td img {
		width: 35px;
		display: block;
		margin: 0 auto;
	}

	.add-gp-sec .cont-eng-list ul li a {
		width: 100% !important;
		padding-top: 5px;
		padding-left: 0px;
	}

	.card-body .edit-input-field .form-horizontal .btn {
		padding: 6px 10px;
		height: 35px !important;
	}

	.edit-input-field .profile-pic-remove,
	.edit-profile-main-sec button {
		padding: 6px 10px !important;
		min-height: 35px !important;
	}

	.contact-table-search .input-group {
		max-width: 250px;
	}

	.contact-side-bar-search .input-group {
		margin-left: 25px;
		margin-top: 50px;
	}

	.side-bar-list li.sidebar-dropdown a.all-contacts,
	.side-bar-list li.new-contact-btns ul li,
	.add-gp-side-bar {
		padding-left: 25px !important;
	}

	.toggle-navbar-sec ul.navbar-nav .company-menu a.nav-link {
		width: 163px !important;
	}

	.nav-header-menu ul.nav-tabs li.nav-item {
		margin: 0px 15px 0px 0px;
	}

	.custom-pagination .dataTables_info {
		float: none;
	}

	.custom-pagination .dataTables_paginate {
		justify-content: center;
	}

	.contact-attachements-modal .modal-content .modal-body ul.nav-pills li.nav-item {
		padding: 27px 10px;
	}

	.tab-files-detail .attached-file-name {
		width: 100%;
		max-width: 170px;
	}

	.common-sidebar-section {
		margin-left: -2px;
	}
}

@media(max-width: 335px) {
	.toggle-navbar-sec ul.navbar-nav .company-menu .dropdown-menu {
		width: 100%;
		max-width: 160px !important;
		margin-left: 3px;
	}
}

.error {
	color: red;
}


.hide {
	display: none;
}

.show {
	display: block;
}

.invite-user-sec .nav-tabs {
	max-width: 100%;
}

.role-select {
	background: green;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	margin-left: 10px;
}

.invite-user-sec .nav-tabs .nav-item {
	display: flex;
	align-items: center;
}

.role-select i.fa.fa-check {
	margin: 0px;
	font-size: 10px;
	color: #fff;
}

.invite-user-sec .chosen-container.chosen-container-multi {
	width: 100% !important;
}

.dropdown-menu.dropdown-menu-sm.dropdown-menu-right.org-menu.show {
	right: -24px;
}

.company-menu .org-menu {
	left: 0 !important;
	right: 0 !important;
}

.company-menu .org-menu a.dropdown-item {
	width: 100% !important;
}

/* .company-menu .org-menu .header-submenu {
    position: unset;
    border: 0px;
    box-shadow: none;
    overflow: hidden !important;
    width: 100% !important;
    padding-left: 10px;
    background: transparent;
} */

.company-menu .org-menu .header-submenu {
	border-color: #fff;
	top: 0;
	padding: 0;
	margin: 0px 0px 0px 12px;
	right: -192px !important;
}

.company-menu .org-menu .header-submenu li a.dropdown-item {
	color: #4A4A4A;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.05px;
	font-weight: 400;
	font-family: 'Poppins';
	padding: 12px 22px 12px 24px;
	border-bottom: 1px solid #F6F9FD;
}

.company-menu .org-menu .header-submenu li:last-child a.dropdown-item {
	border-bottom: 0px;
}

.company-menu .org-menu .header-submenu li a.dropdown-item:hover {
	background: #fff;
}

.company-menu .org-menu .dropdown-submenu {
	margin: 0px;
}

.company-menu .org-menu .header-submenu li {
	margin: 0px;
}



.header-submenu-triangle {
	transform: rotate(91deg) skewX(-30deg) scale(1, .866);
	position: relative;
	background-color: #fff;
	right: 7px;
	top: 25px;
	box-shadow: 0px 5px 4px 0px #e2e4e6;
}


.header-submenu-triangle:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.header-submenu-triangle,
.header-submenu-triangle:before,
.header-submenu-triangle:after {
	width: 7px;
	height: 7px;
	/* border-top-right-radius: 30%; */
	/* border-top-left-radius: 30%; */
}

.header-submenu-triangle:before,
.header-submenu-triangle:after {
	content: '';
	position: absolute;
	background-color: inherit;
}

.header-submenu-triangle:after {
	border-top-right-radius: 90%;
}

.header-submenu-triangle:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}