li.nav-item:nth-child(6) > a:nth-child(1):hover{
text-decoration: none;
cursor:default;
}
.avatar{
display:none;
}
.bg-dark{
background-color: rgb(40,40,40) !important;
}

.resp-admin-menu-item{
display:none;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffff ;
text-decoration: underline;
}

.navbar-dark .navbar-nav .nav-link {
color: #ffffff;
font-size:1rem;
}

.user-action{
color:#ffffff;
text-decoration:none;
padding: 0 0 0 0;
}
.user-action:hover{
color:#ffffff;
text-decoration: underline;
}

.lastsync{
color:#ffffff;
padding-left: 0.5rem;
/* border: 1px solid orange;
margin-left:10px;
border-radius: 5px;
padding-right: 5px;
background-color: black;*/
}
.dropdown-menu{
background-color: rgb(40,40,40) ;
min-width: 15rem;
color:#ffffff;
padding: 0.5rem;
border-radius: 0.19rem;

}

.dropdown-menu a{
color: #ffffff;
text-decoration: none;
}

.dropdown-menu a:hover{
color: #ffffff;
text-decoration: underline;
background-color: rgb(40,40,40) !important;
}

.dropdown-menu li a:hover{
background-color: rgb(40,40,40);
}

ul.navbar-nav table{
margin-bottom: 0;
}

ul.navbar-nav table td{
padding:0;
}

.dropdown-menu-right{
padding:10px;
margin-left: 10px;
}
.dropdown-menu .dropdown-menu-right li a:hover{
background-color:#ffffff;;
}

.dropdown-menu .dropdown-menu-right li a{
padding:10px;
}

a.dropdown-item:nth-child(2){
<!-- padding:0; -->
}

.dropdown-menu li {
position: relative;
padding: 5px;
display: flex;
align-items: center;
}

.material-icons{
padding-right: 0.5rem;
}

.material-icons .large{
font-size: 5rem;
color:#dc3545 !important;
}


.menu-divider{
padding: 0 0 !important;
border-bottom: 1px solid #ccc;
}

#main_nav.collapse.navbar-collapse ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu {
display: block;
margin-top: -1px;
left: -1px;
border-radius:0;
background-color:	rgb(40,40,40);
}

.dropdown-menu .submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}

.dropdown-menu li {
position: relative;
}

.tbl-username{
min-width: 19rem;
border:none;
}

.menu-item{
width:100%;
padding: 0.5rem;
}

.sub-menu-item{
width:100%;
background-color: #ffffff;
padding: 0.5rem;
}

.sub-menu-item a:hover{
background-color: #fff;
}

.tblusername{
display:none;
}
.navbar-brand{
padding-top: 0 !important;
padding-bottom: 0 !important;
color:rgb(90,183,185)!important;
font-weight: bold;
}
.navbar-brand a{
text-decoration:none;
color:rgb(90,183,185)!important;

}
.navbar-brand a:hover{
text-decoration:none;
color:rgb(90,183,185)!important;

}
.navbar{
padding-bottom: 0.85rem;
z-index: 999;
height: 80px;
}

#lastsync{
display: none;
}

i.icon-red{
color:#dc3545;
font-size: 11rem;
}

/* ============ small devices ============ */
@media (max-width: 1229px) {

.resp-admin-menu-item{
display:block;
color:#ffffff;
padding: 10px 15px;
}
.resp-admin-menu-item a{
color:#ffffff;
font-size: 1.3rem;
text-decoration: none;
}
.resp-admin-menu-item a:hover{
text-decoration: underline;
}

h2{
font-size: 1.8rem;
}

.nav-bar{
padding-bottom: 0;
padding-top: 0;
}
.navbar-brand{
font-size:1.25rem;
margin-left: 0.5rem;
}
.dropdown-menu>li:hover>.submenu {
display: none;
}
.dropdown:hover .dropdown-menu {
display: none;
margin-top: 0;
font-size: 1.3rem;

}
.navbar-dark .navbar-nav .nav-link {
font-size:1.3rem;
padding:1rem;
}

.dropdown-menu{
display: none;
}

.tblusername{
display:block;
float:right;
margin-bottom: 0;
border: none;
}
.tblusername td{
color:#ffffff;

}
.tblusername .username{
font-size:1.1rem;
}
.tbl-username{
display: none;
}
.dropdown-menu-right{
display: none;
}
.container-fluid{
display: block !important;
}

.navbar-collapse {
padding-top: 1rem;
}

.material-icons{
padding-right: 0;
}
.dropdown-toggle::after {
display: none;
}
#lastsync{
display: none;
}
}

@media (max-width: 679px) {
.tblusername{
display:none
}

#lastsync{
display: block;
color: #ffffff;
padding-left: 4.3rem;
}
h2{
font-size: 1.8rem;
}

}

/* ============ small devices end ============ */


/* ============ old pgNavMenu  ============ */
.system .items{
	margin: 20px -30px 0 0;
}
.system .items li {
list-style: none;
display:inline-block;
}

.system .items li a{
	text-decoration: none;
	font-size:1rem;
	padding:5px 8px;

}

.system .items li a:hover{
	text-decoration: underline;
	color: #000;
}

.system .current {
	height: 35px;

}

.system {
	top: -50px;
	position: relative;
	left: -40px;

}

.pg-nav-menu{
margin-top:10px;
height: 40px;
display: block;
width: 100%;

}
.navi-item{
	width:110% !important;
	text-align: center;
}


/*============ Page Level Navigation ============*/
.ot-orange {
	color: rgb(40,183,185);
}

.btn-link {
	color: rgb(40,183,185);
}

.btn-link:hover {
	color: rgb(40,183,185);
}

.pg-navigation {
	font-size: 0;
	position: relative;
	/* padding: 0 20px 20px 0; */
	padding: 0 0 20px 0;
	width: 100%;
	/* user-select: none; */
	transition: all 2.0s;
	left: 0;
	flex-wrap: nowrap !important;
	display: flex;
	list-style: none
}

.pg-nav-item {
	/* width: 100%; */
	height: 30px;
	/* background: transparent; */
	font-size: 16px;
	text-align: center;
	/* line-height: 22px; */
	color: #000;
	/* position: relative;
	overflow: hidden;
	cursor: pointer;
	padding: 0.5rem;
	flex: 1 1 auto;*/
	margin-top: 10px;
	/* display: table;
	min-width: 80px; */
}

.pg-nav-item a {
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	display: block;
	/* max-width: 190px; */

}

/* .pg-nav-item a:hover{
text-decoration: none;
} */
.action-btn {
	float: right;
	background-color: rgb(40,183,185);
	border-radius: 3px;
	box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.4);
	transition: all ease-in-out 300ms;
	margin: 0px 25px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}


.action-btn:active {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: translate(0, 4px);
}


.current a {
	color: rgb(40,183,185);
	font-weight: bold;
}

.current {
	border-bottom: solid 4px rgb(40,183,185);
	height:37px;

}


.currentblue a {
	color: rgb(40,183,185);
	font-weight: bold;
}

.currentblue {
	border-bottom: solid 6px #0000ff;
}

.menu-item a {
	color: #ffffff;
	font-weight: normal;
}
/*
.pg-nav-item>li .current {
	display: none;
} */

.local a {
	color: rgb(40,183,185);
	font-weight: bold;
}

.local {
	border-bottom: solid 6px rgb(40,183,185);
}


/* ============ Boostrap  ============ */
.page-item.active .page-link {
	color: #fff !important;
	background: rgb(90,183,185) !important;
	border-color: rgb(90,183,185) !important;
}

.page-link{
	color: rgb(90,183,185) !important;
}

.page-link:hover{
	color: rgb(90,183,185) !important;
	background-color: #fff !important;
	border-color: #dee2e6;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: rgb(40,40,40) !important;
}
.dropdown-item{
	color:#fff;
}
.btn-secondary {
  color: rgb(40,183,185);
  background-color:rgb(40,40,40) !important;
  border-color: rgb(40,40,40) !important;
}

.table > thead {
	background-color: rgb(40,40,40);
color: #fff;
}
.bootstrap-table .fixed-table-container {
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
  font-weight: bold;
}

#searchBox{
	width: 25%;

}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > (:fist-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-left-radius: 0.19rem;
  border-bottom-left-radius: 0.19rem;
}
.btn-group > .btn-group:last-child > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-left-radius: 0.19rem;
  border-bottom-left-radius: 0.19rem;
}
.btn-group > .btn-group:first-child > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
	border-top-right-radius: 0.19rem;
  border-bottom-right-radius: 0.19rem;
}

.form-control {
  border-top-left-radius: 0.19rem;
  border-bottom-left-radius: 0.19rem;
  border-top-right-radius: 0.19rem;
  border-bottom-right-radius: 0.19rem;
}

.input-group.page-jump-to{
	width:130px;
}

.export.btn-group div.dropdown-menu{
	min-width: 7rem;
	left: -58px !important;
}
.export.btn-group div.dropdown-menu a:hover{
	text-decoration:none;

}

.page-list div.btn-group.dropdown.dropup div.dropdown-menu{
	min-width: 5rem;
}
.page-list div.btn-group.dropdown.dropup div.dropdown-menu a:hover{
	text-decoration:none;
}

.page-list div.btn-group.dropdown.dropup button.btn.btn-secondary{
	color:#fff;
}

.money-symbol{
float:left;
}

.money-value{
	float:right;

}
.badge {
	padding: 0.15em 0.65em 0.10em 0.65em !important;
  font-size: 0.60em ;
}

.color-ot-primary-bg{
	background-color:rgb(40,183,185)}

<!-- .bootstrap-table .fixed-table-container .fixed-table-body {
	background-color: #fff;

} -->

#searchCriteria option:first-child {
	color:#fff;
	background-color: rgb(40,40,40);
}
#searchCriteria optgroup option:first-child {
	color:#000;
	background-color: #fff;
}

.translate-middle {
  transform: translate(-15%,-30%) !important;
}

.actions{
	display:inline-block;
}

.page-header{

}

div.input-group.page-jump-to input.form-control{
	color:rgb(40,183,185);
}

div.fixed-table-container.fixed-height.has-footer{
	background-color:rgb(40,40,40);
}
.fixed-table-container{
	background-color:rgb(40,40,40);
}
<!-- .fixed-table-body{
	background-color:#fff;
} -->

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border: 1px solid rgb(40,40,40) !important;
}

.bootstrap-table .fixed-table-container .table thead th{
	border: 1px solid rgb(40,40,40) !important;
}

.table-responsive.table.table-bordered.table-hover tbody tr td{
	background-color:#fff;
}

.bootstrap-table .fixed-table-container .table thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5gYQAzEvvFp0sgAAAJVJREFUOMvt0j0OgUEQh/EfUbgHzrLZI3AC9+AAIlEpqLYSSlQ0rqDT6RVvJRLRKIQllMKTTDP/yXzz588vU8o5W/NlE2OcM3IZ7RTDKCfkmGKFasY2mHhS5YEUwxFdFHfSAZ0UQ/F2sisb3I8yw/qjnd3sroYF6tgjpBi2z+JfdSbFsEMPJ/RfJYLKGxcfooHB9z7tBbQDILrHdTlaAAAAAElFTkSuQmCC");
}

.bootstrap-table .fixed-table-container .table thead th .asc {
  background-image: url("data:image/png;base64,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");
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  background-color: #fff;
}
.table.table-bordered.table-hover tbody tr td{
	 background-color:#fff;
}

.bi-check-circle{
	color:rgb(40,183,185) !important;
}


.text-truncate{
	max-width:85%;
}

td.contacts{
	padding-left:1.5%;
}

.unsubscribe{
	font-weight:bold;
	font-size:1.7em;
	margin-right: 4px;
}

.unsubscribe:hover{
	text-decoration:none;
}

.fa {
  font-size: 24px !important;
}

.table-title{
	font-size:1.45em;
	display:inline;
	padding: 0 10px 0px 0px;
}
.form-check-input:checked {
  background-color: rgb(40,183,185);
  border-color: rgb(40,183,185);
}

.btn-primary{
	color: #fff;
background-color: rgb(40,183,185);
border-color: rgb(40,183,185);
}

.btn-primary:disabled{
	color: #000;
	background-color: #ccc;
	border-color:#666;
}

.btn-primary:hover{
	background-color: rgb(40,183,185);
border-color: rgb(40,183,185);
}

.table .bi{
	color:rgb(40,183,185);
	font-size: 1.5rem !important;
}
.table .bi-x-circle{
	color: #ff0000 !important;
}
.bootstrap-table.fullscreen {
  padding: 0 14px 0px 15px;

}
.fullscreen-btn{
	background-color: rgb(90,183,185) !important;
	color: #fff !important;
	border: solid 1px rgb(90,183,185) !important;
}
.bi-question-circle-fill{
	color:rgb(40,183,185);
	font-size: 1.3rem !important;
	float:right;
	margin-left: 10px;
}

.row{
	margin-top: calc(var(--bs-gutter-y) * -0.20) !important;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.help{
	display:none;
	border: solid 1px rgb(40,183,185);
	border-radius: 3px;
	color:rgb(40,183,185);
	margin: 10px 0;
	padding: 10px;
}

.sendingDisabled{
    background-color: rgb(90,183,185);
    text-align: center;
    border-radius: 3px;
    color: #fff;
}

/*---------- DASHBOARD START ----------*/
.dashboard_table_container{
	border:solid 1px #ccc;
	border-radius:2px;
	padding:0px 10px 10px 10px;
	margin:10px;
	/*width: fit-content;*/
}

<!-- .dashboard-right-tables .bootstrap-table .fixed-table-container .fixed-table-body{
	overflow-x: hidden;
	background-color:#fff;
	height: 101%;
} -->
.align-top{
	vertical-align:top;
}
.dashboard-left-tables{
	max-width: 40%;
	float: left;
}
.dashboard-right-tables{
	display: flow-root;
	padding: 0 0 0 10px;
}

#customer-toolbar a{
	padding: 0 10px 0 10px;
}
#invoices-toolbar a{
	padding: 0 10px 0 10px;
}

#tasks-toolbar a{
	padding: 0 10px 0 10px;
}

#notes-toolbar a{
	padding: 0 10px 0 10px;
}

.customer-details-toolbar{
	height: 50px;
	padding: 6px 0 0 0;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}

.img-toggle{
	height:1.5em;
}


.vertical-table{
	border:solid 1px #ccc;

}

.vertical-table td:nth-child(2){
	padding: 5px;
	border: #ccc solid 1px;
}


.table-header-style{
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-color:rgb(40,40,40) !important;
	width:200px;
	border-color:rgb(40,40,40);
	padding:5px;
}

.payment-summary{
	text-align:right;
	color:#000;
}

.payment-summary-toolbar{
	height: 50px;
	padding: 6px 0 0 0;
}

.form-select.contact-select{
	padding: 0rem 2.25rem 0rem .75rem !important;
}

@media only screen and (max-width: 820px) {
	div.dashboard-customer-details.dashboard_table_container table.customer-details-table.vertical-table tbody tr td form select.form-select{
	width:45%;
}
@media only screen and (max-width: 1070px) and (min-width: 821px) {
	div.dashboard-customer-details.dashboard_table_container table.customer-details-table.vertical-table tbody tr td form select.form-select{
	width:75%;
}

/*---------- DASHBOARD END ----------*/