body {
	background-color: #FAFAFA !important;
	color: #212121;
}

.itemTableHead{
	background-color: #666666;
	color: #ffffff;
}

/****** SIDE NAVIGATION ******/
#close-sidebar {
	color:#ffffff;
}

#side-menu {
	background-color: #212121;
}

#side-menu .sub {
	background-color: #6199a5;
}

#side-menu li:hover {
	background-color: #566f76;
}

#side-menu li.active {
	background-color: #77bfcb;
}

#side-menu a {
	color: #ffffff;
}

.side-menu-text {
	color: #ffffff;
}

.side-menu-text-highlight1 {
	color: lightblue;
}

.side-menu-text-highlight2 {
	color: #ddb356;
}


/****** TOP NAVIGATION ******/
/*
#top-logo-tradogram {
	background-image: url('/img/logo_full_566F75.png');
}
*/

@media (max-width: 1000px) {
	#top-logo-tradogram {
		background-image: url('/img/e_logo.png');
	}
}


/****** NPS SECTION ******/
.nps-container {
	background-color: #81c5d0;
	color: #ffffff;
}


/****** CONTENT SECTIONS ******/
.trad-box {
	border-color: #e6eef0;
}

.trad-hdr {
	background-color: #ffffff;
	color: #212121;
}

.trad-hdr-light {
	background-color: #ffffff;
	color: #212121;
}

.trad-hdr-text {
	color: #212121;
}

.bg-trad-hdr {
	background-color: #e6eef0;
}

.trad-subhdr {
	background-color: #eeeeee;
	border-color: #dddddd;
}

.trad-content {
	background-color: #ffffff;
}

.trad-ftr {
	background-color: #eeeeee;
	border-color: #dddddd;
}

.dash-tab-alt {
	color: #6d6d6d !important;
}

.dash-tab-alt.active {
	border-bottom-color: #000;
	color: #000 !important;
}

/****** SIDEBARS ******/
.sidebar-box {
	color: #777777;
}

.sidebar-hdr {
	background-color: #eeeeee;
	border-color: #dddddd;
}

.sidebar-details {
	border-color: #dddddd;
}

.sidebar-menu {
	border-color: #dddddd;
}

.sidebar-menu a:link, .sidebar-menu a:visited {
	color: #444444;
}

.sidebar-menu a:hover {
	color: #444444;
	background-color: #dddddd;
}

.sidebar-menu a.active {
	background-color: #dddddd;
}


/****** TAB BAR AND SORT BAR ******/
.tab-bar a {
	background-color: #dddddd;
}

.tab-bar a:link, .tab-bar a:visited {
	color: #212121;
}

.tab-bar a:hover {
	color: #212121;
	background-color: #eeeeee;
}

.tab-bar a.active {
	background-color: #e6eef0;
}

.sort-bar {
	background-color: #e6eef0;
	color: #212121;
}

.sort-bar a:link, .sort-bar a:visited {
	color: #212121;
}

.sort-bar a:hover {
	color: #212121;
}


/****** MAIN FOOTER ******/
#main-footer {
	color: #AAAAAA;
	border-color: #AAAAAA;
}

#main-footer a {
	color: #888888;
}

#main-footer a:hover {
	color: #333333;
}


/****** POPUP STUFF ******/
.pop-up {
	background-color: #444444;
	border-color: #222222;
	color: #ffffff;
}

.pop-up header i {
	color: #ffffff;
}

.pop-up header {
	background-color: #222222;
}


/****** HEADERS ******/
h1 {
	color: #212121;
}

h2 {
	color: #212121;
}

.trad-hdr-light h2 {
	color: #212121;
}

h3 {
	color: #212121;
}

h4 {
	color: #777777;
}

h4 i {
	color: #333333;
}

h5 {
	color: #212121;
}


/****** TABLES ******/
table.lined {
	border-color: #666666;
}

table.lined td, table.lined th {
	border-color: #666666;
}

table.lined-light {
	border-color: #c8c8c8;
}

table.lined-light td, table.lined-light th {
	border-color: #c8c8c8;
}

table.bordered {
	border-color: #666666;
}

table.bordered-light {
	border-color: #e6eef0;
}

.lined-light-same-color-category {
	background-color: #EDF4F8;
}

table.lined-light-same-color th, table.lined-light-same-color th a {
	color: #212121 !important;
	background-color: #F9FAFB;
}

table.lined-light-same-color,
table.lined-light-same-color td, table.lined-light-same-color th,
table.lined-bottom-light-same-color td, table.lined-bottom-light-same-color th,
table.celled-light-same-color td {
	border-color: #C8DCE0 !important;
}

thead {
	background-color: #666666;
	color: #ffffff;
}

.th-mimic {
	background-color: #666666;
	color: #ffffff;
}


/****** ALTERNATING COLORS ******/
.alternating {
	background-color: #ffffff;
}

.alternating:nth-child(even) {
	background-color: #eeeeee;
}

.alternating-odd {
	background-color: #ffffff;
}

.alternating-even {
	background-color: #eeeeee;
}


.alternating-darker {
	background-color: #ffffff;
}

.alternating-darker:nth-child(even) {
	background-color: #dddddd;
}


.alternating-sidebar {
	background-color: #eeeeee;
}

.alternating-sidebar:nth-child(even) {
	background-color: #dddddd;
}


.hover-highlight:hover {
	background-color: #EDF4F8;
}



/****** LINKS AND BUTTONS ******/
a:link, a:visited {
	color: #212121;
}

a:hover {
	color: #555555;
}

.trad-btn-light {
	color: #81C5D0;
	background-color: #ffffff;
	border: 2px solid #81C5D0
}

.trad-btn-light:link, .trad-btn-light:visited, .trad-btn-light:active {
	color: #81C5D0;
}

.trad-btn-light:hover {
	background-color: #81C5D0;
	color: #ffffff;
}

.trad-btn-light-disabled {
	color: #aaaaaa;
	background-color: #eeeeee;
	border-color: #aaaaaa;
}

.trad-btn-light-disabled:link, .trad-btn-light-disabled:visited {
	color: #aaaaaa;
}

.trad-btn-dark {
	color: #ffffff;
	background-color: #1e3b4e;
	border-color: #1e3b4e;
}

.trad-btn-dark:link, .trad-btn-dark:visited {
	color: #ffffff;
}

.trad-btn-dark:hover {
	background-color: #20618b;
	border-color: #20618b;
}

.trad-btn-dark-alt {
	background-color: #212121;
	border-color: #212121;
}

.trad-btn-dark:hover {
	background-color: #363434;
	border-color: #363434;
}

.trad-btn-search {
	color: #ffffff;
	background-color: #222222;
	border-color: #222222;
}

.trad-btn-search:link, .trad-btn-search:visited {
	color: #ffffff;
}

.trad-btn-search:hover {
	background-color: #333333;
	border-color: #333333;
}


a.trad-btn-hdr {
	color: #ffffff;
	background-color: #212121;
}

a.trad-btn-hdr:link, a.trad-btn-hdr:visited {
	color: #ffffff;
}

a.trad-btn-hdr:hover {
	background-color: #363434;
	/* color:#000000; */
}


a.hdr-light {
	color: #212121;
	background-color: #ffffff;
}

a.hdr-light:link, a.hdr-light:visited {
	color: #212121;
}

a.hdr-light:hover {
	background-color: rgba(0, 0, 0, 0.2);
}


.trad-btn-icon i {
	color: #000000;
}

a.trad-btn-pdf {
	color: #2E4145;
	background-color: #EDF4F8;
	border-color: #EDF4F8;
}

a.trad-btn-pdf:link, a.trad-btn-pdf:visited {
	color: #2E4145;
}

a.trad-btn-pdf:hover {
	background-color: #212121;
	border-color: #212121;
	color: #ffffff;
}


a.trad-btn-switch {
	color: #ffffff;
	background-color: #666666;
	border-color: #333333;
}

a.trad-btn-switch:link, a.trad-btn-switch:visited {
	color: #ffffff;
}

[disabled] md-input-container .md-input, md-input-container .md-input[disabled]{
	color:#2f2f2f;
}

a.trad-btn-switch:hover {
	background-color: #222222;
	color: #ffffff;
}


th a:link, th a:visited {
	color: #ffffff;
}

a.add-new-link:link, a.add-new-link:visited {
	color: #212121;
}

a.add-new-link:hover {
	color: #212121;
}

#tradoscan-ai {
	margin-right: 20px;
	margin-top: -5px;
	font-size: 75%;
	padding: 8px 15px 8px 40px;
	background-image: url("/img/ai-stars-icon.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 15px center;
}

#tradoscan-ai:hover {
	background-image: url("/img/ai-stars-icon-w.png");
}

/****** FORM ELEMENTS ******/
input[type=text], input[type=tel], input[type=password], input[type=email], input[type=file], input[type=number], textarea {
	background-color: #ffffff;
	border-color: #C8DCE0;
}

select {
	background-color: #ffffff;
	border-color: #C8DCE0;
}

input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, textarea:focus, select:focus {
	border: 1px solid #C8DCE0;
}


/****** STATUS LABELS ******/
.status-hdr {
	border-color: #e6eef0; /* Should be the same color as trad-hdr background color */
}


/****** PAGINATION ******/
div.paging span {
	background-color: #EDF4F8;
	color: #aaaaaa;
	margin-right: 10px;
}

.paging .current {
	background-color: #000000;
	color: white;
}

div.paging span:hover {
	background-color: #dddddd;
}

div.paging .current:hover, div.paging .disabled:hover {
	background-color: #e6eef0;
}

div.paging span a {
	color: #212121;
}


/****** MISC ******/
.bordered {
	border-color: #e6eef0;
}

.bordered-gray {
	border-color: #666666;
}


.bordered-left {
	border-left-color: #e6eef0;
}

.bordered-right {
	border-right-color: #e6eef0;
}

.bordered-top {
	border-top-color: #e6eef0;
}

.bordered-bottom {
	border-bottom-color: #e6eef0;
}


.bordered-gray-left {
	border-left-color: #666666;
}

.bordered-gray-right {
	border-right-color: #666666;
}

.bordered-gray-top {
	border-top-color: #666666;
}

.bordered-gray-bottom {
	border-bottom-color: #666666;
}


.bg-dark {
	background-color: #e6eef0;
}

.bg-white {
	background-color: #ffffff;
}

.bg-hdr {
	background-color: #e6eef0;
}

.bg-content {
	background-color: #ffffff;
}

hr {
	color: #777777;
	background-color: #777777;
}

.chatMessage {
	background-color: #d3dadc;
}

.step-text {
	color: #212121;
}


/* cancel button*/

a.trad-btn-red {
	border: 2px solid #B83739;
	background-color: #ffffff;
	color: #B83739
}

/* input styles*/

md-input-container .md-input{
	border: 1px solid #C8DCE0;
}

md-input-container.md-input-invalid .md-input{
	border: 1px solid #C8DCE0;
}

md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
	border: 1px solid #C8DCE0;
}

 md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: #C8DCE0;
}

md-checkbox:not(.md-checked) .md-icon{
	border: 1px solid #000000;
}

/* new listing page styles*/
#top-nav{
	background-color: #FFFFFF;
	border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.listing-page-container {
	background-color: #FFFFFF;
}

.listing-page-table {
	border-color:  #C8DCE0;
}

.listing-page-table-tab-bar {
	background-color: #FAFAFA;
}

.listing-page-table-tab-bar a.active {
	background-color: #FFFFFF;
}

.listing-page-table-tab-bar a{
	border: 1px solid #C8DCE0
}

.listing-page-table-tab-bar .new-design-side-holders {
	background-color: #FAFAFA ;
	border-color: #C8DCE0;
}

/* table styles*/
.listing-page-table-cell{
	border-bottom: 1px solid #e1e1e1;
}

.listing-page-table-head-container  {
	background-color: #EDF4F8 ;
}

.listing-page-table-head-container th{
	border-right: 1px solid #C8DCE0;
}

.listing-page-table-head a{
	color: #000000 !important;
}

.listing-page-table-head:has(a.active-sort) {
	background-color: #FFFFFF;
}

.listing-page-table-row.hover-highlight:hover { 
	background-color: #EDF4F8;
}
.listing-page-table-row.hover-highlight:hover .trad-btn-pdf{ 
	background-color: #ffffff;
}

/*search bar styles*/
.general-search-bar-layout {
    border-left: 1px solid #C8DCE0;
	border-right: 1px solid #C8DCE0;
}

.search-label .search-icon {
    color: #4C4C4C;
}

.search-label {
    color: #4C4C4C;
}

.search-bar.active .search-icon {
    color: #2E4145;
}

.search-input {
    background-color: #EDF4F8 !important;
	color: #7B8690;
}

.control-panel a {
	color: #4C4C4C;
}

.date-range-container.active .date-range-link {
    background-color: #EDF4F8;
}

.transaction-total-container.active .transaction-total-link {
    background-color: #EDF4F8;
}

/*view filter styles*/
.dropdown-toggle {
	background-color: #EDF4F8;
	color: #4C4C4C;
}

.views-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid #C8DCE0
}

.dropdown-item {
	color: #7B8690;
}

.dropdown-item:hover {
    background-color: #EDF4F8;
}

/*filter styles*/
.filter-link{
	color: #000000;
}
.filter-link.active {
    background-color: #EDF4F8;
}

.filter-dropdown {
	border: 1px solid #C8DCE0;
	background-color: #FFFFFF;
}

.filter-option {
	color: #7B8690;
}

.filter-option:hover {
	background-color: #EDF4F8;
}

.submenu {
	border: 1px solid #C8DCE0;
	background-color: #FFFFFF;
}

.submenu div:hover {
	background-color: #EDF4F8;
}

.selected-filters div {
	background-color: #E7FBE6;
	color: #79AD72;
}

/*results style*/
.results-per-page-container {
	color: #9EADBD;
}

.results-per-page-container select {
	background-color: #EDF4F8;
    border: 1px solid #C8DCE0;	
}

.listing-page-table-row .trad-btn-pdf:hover {
	background-color: #ffffff;
	color:black;
}

.expanded-row-hover {
    background-color: #EDF4F8;
    cursor: pointer;
}

.hov-trigger:hover .trad-btn-pdf {
	background-color: #ffffff;
	color:black;
} 
.expanded-row-section:hover .trad-btn-pdf {
	background-color: #ffffff;
	color:black;
}


/*create page styles*/
.main-create-container {
	border-color: #C8DCE0;
}

.main-create-container .trad-hdr {
	background-color: #ffffff;
}

.main-create-container .trad-content {
	background-color: #ffffff;
}

  /* new input styles*/

.choice-item {
	border-color: #C8DCE0;
}

.choice-group .md-off {
	border-color: #81C5D0 !important;
}

.choice-group .md-on {
	background-color: #81C5D0;
}

.choice-group .box-link,
.create-process-edit-item-styles .box-link,
.flex-item .box-link {
	background-color: #EDF4F8;
	color:#2E4145;
}

.dotted-button {
	border-color: #9EADBD;
}

.nomargin .dotted-button span{
	color: #000000 !important;
}

.text-color {
	color: #000000 !important;
}

.create-process-cancel-style {
	background-color: #EFF1F4 !important;
	color: #000000 !important;
}

.create-process-save-button {
	background-color: #212121 !important;
	color: #ffffff !important;
}

.general-button-styles {
	color: #ffffff !important;
	background-color: #81C5D0;
}

.create-process-table-style {
	border-color: #F5FAFB !important;
}

.create-process-table-style thead {
	background-color: #4C4C4C;
	color: #FFFFFF;
}

.create-process-table-style th {
	border-color: #434343;
}

.create-process-table-style .trad-btn-icon {
	background-color: #EDF4F8;
}

.create-process-table-style td {
	border-color: #F5FAFB;
}

.create-process-container {
	background-color: #ffffff;
}

.create-process-container .bg-white,
.supplier-pop-styles .bg-white,
.create-process-supplier-popup-style .bg-white,
.create-process-supplier-popup-style .trad-hdr {
	background-color: #ffffff !important;
}

.create-process-supplier-popup-style .white-text,
.create-process-container .white-text {
	color: #000000 !important;
}

.create-process-supplier-popup-style, .supplier-pop-styles {
	background-color: #ffffff !important;
}

/*layout bg color mods*/
.container-fluid {
	background-color: #FAFAFA;
}

.create-process-action-buttons .box-link {
	background-color: #EDF4F8 !important;
	color: #000000 !important;
	font-weight: 600;
}

.custom-select > a.dropdown-toggle {
	border-color: #C8DCE0;
}

.md-button.md-raised[disabled] {
	background-color: #EFF1F4 !important;
    color: rgba(0, 0, 0, 0.26) !important;
}

.dashboard-layout-card {
	background-color: #ffffff ;
}

.dashboard-layout-card-header {
	background-color: #ffffff;
}
.trad-box-new .trad-hdr {
	background-color: #FAFAFA;
}

.trad-box-new .trad-content {
	background-color: #FAFAFA;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon,
md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb {
	background-color: #81C5D0;
}

md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
	background-color: #81C5D080;
}

md-switch.md-default-theme.md-checked.md-focused .md-thumb:before, md-switch.md-checked.md-focused .md-thumb:before {
	background-color: #81C5D042;
}

.more-actions-button-style {
	background-color: #EDF4F8 !important;
	color: #000000 !important;
}

.more-actions-button-style i {
	color: #000000 !important;
}

/* style for transaction view pages*/
.transaction-view-tabs, .transaction-approval-tabs {
	border-color: #C8DCE0;
	background-color: #EDF4F8;
}

.transaction-view-tabs i, .transaction-approval-tabs i {
	color: #9EADBD;
}

.transaction-view-tabs.active {
	background-color: #ffffff;
	border-color: #C8DCE0;
}

.transaction-approval-tabs.active {
	border-color: #C8DCE0;
}

.approval-item {
	border-color: #E5EDF1;
}

.transaction-view-tabs-content{
	border-color: #C8DCE0;
}

.toolbar-action-buttons {
	border-color: #81C5D0;
}

.toolbar-action-buttons span, .toolbar-action-buttons i, .toolbar-action-buttons md-icon {
	color: #81C5D0 !important;
}

.toolbar-action-buttons:hover span, .toolbar-action-buttons:hover i{
	color: #ffffff !important;
}

.toolbar-action-buttons.trad-btn-pdf i {
	color: #000 !important;
}

.toolbar-action-buttons.trad-btn-pdf:hover i {
	color: #fff !important;
}

.toolbar-action-buttons:hover {
	background-color: #17a2b8;
    color: #fff;
	border-color: transparent;
}

.cancel-btn {
    border-color: #B83739;
}

.cancel-btn:hover{
	background-color: #FCB9B9 !important;
}

.cancel-btn:hover span{
	color: #000 !important;
}


.cancel-btn span {
	color: #B83739 !important;
}

.toolbar-action-buttons.pay-btn {
     border-color: #008000;
	color:#008000 !important;
 }
 
.toolbar-action-buttons.pay-btn:hover{
	background-color: #008000;
	color: white !important;
 }
 
.toolbar-action-buttons.pay-btn:hover span{
	color: white !important;
 }
 
 
.toolbar-action-buttons.pay-btn span {
	color: #008000 !important;;
 }

.more-action-button-menu, .pdf-menu, .send-to-supplier-menu, .resend-to-supplier-menu, .create-action-button-menu-cont  {
    background: #fff;
    border-color: #dee2e6;
}

.create-action-button-menu {
	background-color: transparent;
	border-width: 0px;
}

.create-action-button-menu-cont {
	background: #fff;
	border: 1px solid;
	padding: 5px;
	border-color: #dee2e6;
}

.more-action-button-menu a, .pdf-menu a, .send-to-supplier-menu a, .resend-to-supplier-menu a {
	color: #333;
}

.more-action-button-menu a:hover, .pdf-menu a:hover, .send-to-supplier-menu a:hover, .resend-to-supplier-menu a:hover {
    background-color: #f8f9fa;
}

.toolbar-menu-buttons:hover {
	background-color: #000 !important;
	color: #fff;
}

.send-btn-color {
	color: #000;
}

.interal-external-color-scheme {
	background-color: #f8f9fa;
}

.interal-external-color-scheme.active {
	background-color: #4C4C4C;
}

.request-suppliers-table thead, .request-suppliers-table th{
	background-color: #EDF4F8 !important;
	color: #000;
	border-color:#C8DCE0 !important;
}


a.toolbar-action-buttons:link,
a.toolbar-action-buttons:visited {
    color: #81C5D0 !important;
}

.disabled-link {
    pointer-events: none;
    color: gray !important;
    text-decoration: none;
    cursor: not-allowed;
    opacity: 0.6;
}

/* general styles*/

.container-border-style {
	border-color:#C8DCE0 !important;
}

.custom-hr-class {
	background-color: #C8DCE0 !important;
}

.new-bg-color-one {
	background-color: #EDF4F8 !important;
}

.new-bg-color-two {
	background-color: #EDF4F8 !important;
}

.container-internal-bg-color {
	background-color: #FFFFFF !important;
}

.tab-icon-color {
	color: #9EADBD;
}

/*navigation div classes*/
.navigation a:hover {
	color: grey;
}

/**  new dashboard design start*/

a.top-button-bordered, a.top-button-bordered-full {
	background-color: #FFF;
}

a.top-button:hover, a.top-button-bordered:hover, a.top-button-bordered-full:hover {
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
	color: #212121;
}

.avatar-section:hover {
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.dash-tab.active {
	background: #ffffff !important;
}

.dash-badge {
	background: #e5e7eb;
}

.overdue-tabs a {
	color: #000000;
}

.text-muted {
    color: #777 !important;
}

.text-muted a {
    color: #777 !important;
}

.text-muted-alt {
    color: #4B5563 !important;
}

.text-muted-alt a {
    color: #4B5563 !important;
}

.list-group-item:hover {
    background-color: rgba(240, 247, 250, 1);
}

.spend-list-item {
    color: #333;
}

.delete-btn i {
    color: #000;
}

.tag {
	border-color: #e1e7ef;
}

.built-in-message-icon{
    background-color: #b8e1e6;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.item-img-container {
	background-color: #FFF;
}

.item-img-container-alt {
	background-color: #FAFAFA;
}

.content-header .search-bar .search-input {
	background-color: #FFF !important;
}

.dropdown-icon {
	border-color: #333;
}

.trad-btn-general-style span {
	color: #fff !important;
}

.create-message-modal .modal-content {
	background-color: #fff;
}

.menu-item-mention-user.mention-highlight,
.menu-item-mention-user:hover {
    background-color: #e8f0fe;
    cursor: pointer;
}

.tagged-user {
    color: #81C5D0;
    font-weight: 600;
}

/*
.usertext, .usertext a {
	color:red !important;
}
*/