html, body {
    background-color: #f1f3f5 !important; /*ERP-Penta*/
	font-size: 14px !important;
}
/* WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}
::-webkit-scrollbar-track {
  background: #eee !important;
  border-radius: 8px !important;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa !important;
  border-radius: 8px !important;
  border: 2px solid #eee !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555 !important;
}
::-webkit-scrollbar-thumb:active {
  background-color: #555 !important;
}
/* Firefox */
* {
  scrollbar-width: normal !important;
  scrollbar-color: #aaa #eee !important;
}
/* Default Text Colors */
.text-dark,
.text-default {
    color: #555;
}
/* Default Button Text Color */

/*ERP-Penta*/
/*
button.btn {
	color: #f9f9f9 !important;
	font-size: 14px !important;
}
*/
/* Default Button Hover */
button.btn:not(.btn-sidebar-small):not(.btn-sidebar-lg):not(#divWorkflowSettings .btn-header):hover {
	background-color: rgba(52, 152, 219, 0.5) !important;
	color: #f9f9f9 !important;
}
/* Default Active Button Styling */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 2px solid #555;
	outline-offset: -2px;
}
.btn.active,
.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
/* Field Stying */
.control[type=text],
.control[type=password],
.form-control,
textarea,
textarea.control,
select.control,
input[type=text],
input.k-textbox,
.iconsSetup,
.k-formatted-value.k-input {
	background-color: #fafafa;
	color: #333;
	border-color: #aaa !important;
}
.control[type=checkbox] {
	background-color: #f9f9f9;
	color: #333;
}

/* Additional Styling for Fields in Workflow Design */
#editor.ace_editor.ace-chrome {
	background-color: #fafafa;
	color: #333;
	border: 1px solid #aaa;
}
.container-fluid span.k-picker-wrap.k-state-default {
	border-color: #aaa !important;
}
	
/* Disabled Fields */
.control[type=text]:disabled {
	background-color: #f1f1f1 !important;
	color: #333 !important;
	font-style: italic;
}
/* Notifications */
.notification-success {
    color: #f5f5f5;
    background-color: #5fa85b;
}
.notification-info {
    color: #f5f5f5;
    background-color: #6b99cb;
}
.notification-failure {
    color: #f5f5f5;
    background-color: #CE614E;
}
.notification-item {
    width: 100%;
    padding: 10px;
    box-shadow: 2px 2px 5px #000;
    border-radius: 5px;
    margin-bottom: 10px;
}
/* Impersonation Stamp */
div.impersonation-stamp {
	position: absolute;
	bottom: 3px;
	right: 3px;
	height: fit-content;
	width: fit-content;
	background-color: #1a5a9e7a;
	border: 1px solid #999;
}
div.impersonation-stamp > div > label {
	width: fit-content;
	color: #f9f9f9;
	font-size: 10px;
	font-weight: 600;
	padding: 0 5px 0 0;
	margin: 0;
}
div.impersonation-stamp > div:first-child,
div.impersonation-stamp > div:last-child {
	width: fit-content;
	color: #f9f9f9;
	font-size: 10px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
/* DTI REVIEW */
/* Selected Items Default Styling */
/*
.selected,
.nav-tabs li.active a,
.k-state-selected > td,
.k-state-selected > td > i {
    color: #f9f9f9 !important;
    background-color: #6b99cb !important;
}

/* Selected Items Default Styling */
/*
.selected,
.nav-tabs li.active a,
.k-state-selected > td,
.k-state-selected > td > i {
    color: #f5f5f5 !important;
    background-color: transparent !important;
}
*/
/* Selected Items Default Styling */
/*
.selected {
    color: #f9f9f9!important;
    background-color: #6b99cb !important;
}
*/


/* Admin Page Dropdown List Select Color */
option[selected=selected] {
	background-color: #fafafa !important;
	color: #333 !important;
}





/* Select Item Styling */
.ecmwindow .selected {
    color: #f9f9f9!important;
    background-color: #6b99cb !important;
}












/* Shared Modal Styling */
.ecmwindow,
.ecmwindow .listbox {
	color: #555;
    background-color: #f9f9f9;
}
/* List Box Hover */
.ecmwindow .listbox div:hover {
	background-color: #d1dfef;
	cursor: pointer;
}
/* Panel Heading */
.ecmwindow > :first-child {
	display: flex;
	align-items: center;
	justify-content: left;
	height: 40px;
	padding: 0px 25px;
    color: #f9f9f9;
	font-size: 18px;
	font-weight: bold;
    background-color: #555;
}
.ecmwindow > :nth-child(2) {
    color: #555;
    background-color: #f9f9f9;
}
.ecmwindow > :last-child {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 10px;
	height: 40px;
	padding: 0px 15px;
    color: #f9f9f9;
    background-color: #999;
}
.ecmwindow > :last-child button {
	margin: 0px;
	padding: 2px 5px;
	height: 36px;
	min-width: 100px  !important;
	width: fit-content !important;
}
/* Field Label */
.ecmwindow .control-label {
    color: #555;
}
/* Field Label */
.ecmwindow label,
.ecmwindow .control-label,
#divEditLink.ecmwindow label,
.ecmwindow tr > td:first-child {
    color: #333;
	font-weight: 600;
}
/* Button Color */
.ecmwindow .btn-success {
	background-color: #5fa85b;
}
.ecmwindow .btn-default {
	background-color: #edb503;
}







/* Shared Header Row Filter Styling */
.k-grid-filter .k-icon.ecmt_vg_gridheaderfiltericon:before,
.k-grid-filter .k-icon.k-i-filter:before {
    color: #777;  /*ERP-Penta*/
}
/* Changing Color */
.k-grid-filter .k-icon.ecmt_vg_gridheaderfiltericon.grid-filter-changing:before,
.k-grid-filter.k-state-border-down .k-icon.k-i-filter:before {
    color: #2563a0 !important; 
}
/* Active Color */
.k-grid-filter .k-icon.ecmt_vg_gridheaderfiltericon.grid-filter-active:before,
.k-grid-filter.k-state-active .k-icon.k-i-filter:before {
    color: #ce614e !important;
}


.k-grid-header-wrap .k-grid-filter:focus {
    outline: unset;
    outline: unset;
    outline-offset: unset;
}





/* Main Page Styling */
/* Remove styles for .sidebar-secondary-level */
.sidebar-secondary-level,
.sidebar-secondary-level * {
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}
.sidebar-secondary-level::-webkit-scrollbar,
.sidebar-secondary-level *::-webkit-scrollbar {
  width: 12px !important;
  height: initial !important;
}
.sidebar-secondary-level::-webkit-scrollbar-track,
.sidebar-secondary-level *::-webkit-scrollbar-track {
  background: #f9f9f9 !important;
  box-shadow: inset 0 0 5px #777 !important;
}
.sidebar-secondary-level::-webkit-scrollbar-thumb,
.sidebar-secondary-level *::-webkit-scrollbar-thumb {
  background-color: #555 !important;
  border-radius: 8px !important;
  border: 1px solid #aaa !important;
}
.sidebar-secondary-level::-webkit-scrollbar-thumb:hover,
.sidebar-secondary-level *::-webkit-scrollbar-thumb:hover {
  background-color: #666 !important;
}
/* Logo Area */
.page-header-logo {    /*ERP*/
    background-position-x: 40px;
    background-position-y: 35px;
    background-image: url('../DTI/dti_compass_logo.png');
    background-size: 70% auto;
    height: 110px;
	border-bottom: 1px solid #ddd;
}
/*
.page-header-logo {    /*ERP-Penta*/ /*
    background-position-x: 35px;
    background-position-y: 20px;
    background-image: url('../DTI/dti_compass_logo.png');
    background-size: 65% auto;
    height: 110px;
	border-bottom: 1px solid #ddd;
}
*/
/* Left Side Menu */
/* Hides Workflow label on left */
#divWorkflowsTop {
	display: none !important;
}
#wfNormalMenu {
	top: 110px !important;
}

.wfSidebar-normal,
.sidebarBG {
    background-color: #1a5a9e;  /*ERP-Penta*/
}
.wfSidebar-normal-text,
.wfSidebar-small-text {
	color: #f9f9f9 !important;
}
/* Current User */
#divCurrentUser.current-user {
	display: flex;
	align-items: center;
	justify-content: left;
	gap:10px;
	padding: 0px 15px;
	margin-top: 10px;
	font-size: 14px;
	text-transform: uppercase;
}
#divCurrentUser.current-user label {
	color: #fafafa;  /*ERP-Penta*/
}
/*ERP-Penta*/
#divCurrentUser.current-user label.current-user {
	font-weight: 400;
}
/* Workflow Name */
#divWorkflowsContainer > #divWFandQMenu.sidebar-secondary-level {
	top: 30px;
}
.menu-workflow {
	color: #eee; /*blue/white*/  /*ERP-Penta*/
	font-size: 14px !important;  /*ERP-Penta*/
	font-weight: 500;
	text-transform: uppercase;
}
#divWFandQMenu {
	text-transform: uppercase;
}
/* Queue Names */
.menu-queue {
    color: #fafafa;  /*ERP-Penta*/
}
/* Queue Details */
td div.menu-queue-itemcounter {
    color: #2563A0;  /*ERP-Penta*/
    font-size:12px;
    background-color: #fafafa;  /*ERP-Penta*/
    font-weight:500;  /*ERP-Penta*/
}
/* Queue Details - Mouse Over Pointer */
.menu-queue > tbody > tr:hover {
    cursor: pointer;
}
/* Queue Select Item */
table.menu-queue > tbody > tr.selected {
    color: #fff !important;  /*ERP-Penta*/
    background-color: #337ab7 !important;  /*ERP-Penta*/
	box-shadow: inset 0 0 0 1px #3a86c9;  /*ERP-Penta #5989bd*/#3a86c9
}
/* Queue Select Item Count Styling */
table.menu-queue > tbody > tr.selected > td > div.menu-queue-itemcounter {
	color: #fafafa;  /*ERP-Penta*/
	background-color: #1a5a9e !important;  /*ERP-Penta*/
}
/* Main Page Links Heading */
#divLinksTop.sidebar-top-level {
	color: #eee; /* Penta */
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: left;
	height: 36px;
	padding: 4px 15px 0px 15px;
}
#divLinksTop.sidebar-top-level::before {
  content: "\f08e";
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: inherit;
  margin-top: 4px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
#divLinksTop.sidebar-top-level.active {
    /*color: #fd9730; /*orange */
	color: #f39e50; /*orange */
}
/* Links */
.ecmlink {
    color: #f9f9f9;
}
/* Links - Hover */
.ecmlink:hover {
    color: #97b7da;
	text-decoration: none;
}
/* Menu Buttons Bottom */
.btn-sidebar-small {
    color: #fafafa !important;  /*ERP-Penta*/
    background-color: transparent;
}
/* Menu Buttons Bottom - Hover */
.btn-sidebar-small:hover {
    color: #f9f9f9 !important;  /*ERP-Penta*/
    background-color: #337ab7 !important;  /*ERP-Penta*/
	/*box-shadow: inset 0 0 0 1px #666;*/  /*ERP-Penta*/
}
/* Main Page Content Area*/
body #wfContent.wfContent {
	left: 325px;  /* This Addresses The Issue With The Grid Not Sizing Sometimes */
	background-color: #f1f3f5 !important;  /*ERP-Penta*/
}

#divGridButtons button.btn {
	min-width: 150px;
}

#divGridButtons #btnOpenWorkItem {
	background-color: #2563a0;
}
#divGridButtons #btnPreviewWorkItem {
	background-color: #3a86c9;
}	
#divGridButtons #btnTakeOwnership {
	background-color: #3a86c9;
}
#divGridButtons #btnAssign {
	background-color: #3a86c9;
}
#divGridButtons #btnUnassign {
	background-color: #9e2a2a;
}




/* Main Page Preview Button Button */
#divGridButtons #btnPreview {
	display: none;
}
/* Main Page Excel Button */
/* Penta */
.btn.pull-right {
    background-color: #2563a0 !important;
}
/* Penta */
/* Main Page Clear Button */
#gridFiltersClear.btn.pull-right {
	background-color: #9e2a2a !important;
}
/* Main Page Grid Header Row */
thead#ecmt_vg_gridHeaders {
	background-color: #fdfdfd !important;  /*ERP-Penta*/
}
table.ecmt_vg_gridtable > thead > tr > th {
	height: 16px;
	color: #777;  /*ERP-Penta*/
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 0px;
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-bottom-width: 1px !important;
	border-color: #777 !important;  /*ERP-Penta*/
}
div.ecmt_vg_gridheadertext {
	padding-top: 1px;
}
/* Main Page Grid Header Divider Bars */
div.ecmt_vg_gridheaderresize {
	top: 0px;
	bottom: 0px;
	height: auto;
	background-color: #fdfdfd !important;  /*ERP-Penta*/
}
div.ecmt_vg_gridheaderresize::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 50%;
  background-color: #999;  /*ERP-Penta*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.ecmt_vg_gridheaderresize:hover,
div.ecmt_vg_gridheaderresize_dragging {
	background-color: transparent;
	opacity: .5;
}
/* Main Page Grid Header Row Filter Button Dropdown */
/* Penta */
.btn-primary.ecmt_vg_btn_filter {
	background-color: #2563a0 ;
}
/* Penta */
.btn-default.ecmt_vg_btn_clear {
	background-color: #9e2a2a;
}
#ecmt_vg_show_hide_more_icons.btn-default {
	background-color: #337ab7;
}
/* Penta */
div.ecmt_vg_filter {
background-color: #f1f3f5;
    border: 1px solid #aaa;
}
.ecmt_vg_filter td.text-primary {
    color: #555;
	font-size: 15px !important;
}
/* Main Page Grid Area */
div#divGridArea {
	top: 4px;
}
div#divGridContainer {
	top: 44px !important;
}
/* Main Page Grid Rows */
table.ecmt_vg_gridtable > tbody > tr > td {
	color: #333;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd; /* Penta */
}
table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody {
  width: 100% !important;
  border-collapse: collapse !important;
}
/* Main Page Grid Row Colors */
/* This is handled in the ECMToolboxVirtualGrid.js file as originally designed to address Set Row Color issue.
/* The ECMToolboxVirtualGrid.js file has been updated to do "zebra striping".
table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody tr:nth-of-type(even) {
  background-color: #f0f0f0 !important;
}
table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody tr:nth-of-type(odd) {
  background-color: #f9f9f9 !important;
}
*/
/* Main Page Grid Row - Hover */
table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody tr:hover {
  background-color: #d1dfef !important;
}

table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody tr.k-state-selected > td,
table.ecmt_vg_gridtable > tbody#ecmt_vg_gridBody tr.k-state-selected > td > i {
    color: #f9f9f9 !important;
    background-color: #6b99cb;
}



/*Modal - Assign Items*/
#windowAssignment.ecmwindow {
	min-width: 450px;
	min-height: 475px;
}
#windowAssignment.ecmwindow > div:nth-child(2) {
	bottom: 42px;
}
#windowAssignment.ecmwindow > div:nth-child(2) > div:first-child {
	bottom: 48px !important;
}
#windowAssignment.ecmwindow > div:nth-child(2) > div:last-child {
	margin: 0px 10%;
	bottom: 5px !important;
}
/* Grid Row Colors */
#windowAssignment.ecmwindow #lstQueueMembers.listbox > div:nth-of-type(even) {
	background-color: #f0f0f0;
	border-bottom: 1px solid #d3d3d3;
}
#windowAssignment.ecmwindow #lstQueueMembers.listbox > div:nth-of-type(odd) {
	background-color: #f9f9f9;
	border-bottom: 1px solid #d3d3d3;
}
#windowAssignment.ecmwindow #lstQueueMembers.listbox > div:hover {
	background-color: #d1dfef;
}




/* Allocation Page Styling */

/* Drop-Down Styling */
.chosen-container .chosen-results li.highlighted {
	background-color: #d1dfef;
	background-image: unset;
	color: #555;
}
/* Tabs */
#largeTabs {
	position: absolute !important;
	display: flex;
    justify-content: left;
    align-items: center;
	height: unset !important;
	top: 4px !important;
	right: 4px !important;
	left: 4px !important;
	padding-bottom: 2px !important;
	border-radius: 0px;
	border-bottom: 1px solid #555;
	background-color: #f9f9f9;
	font-size: 20px !important;
	font-family: "Segoe UI" !important;
}
/*Tabs */
#largeTabs ul.nav.nav-tabs {
	display: flex;
	align-items: center;
    justify-content: left;
	height: 36px !important;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border-bottom: 0px;
}	
#largeTabs ul.nav.nav-tabs > li {
	position: relative;
	height: 33px !important;
	padding: 0px 10px 0px 10px;
	border-bottom: 0px !important;
}
#largeTabs ul.nav.nav-tabs > li:first-child::after {
  content: "";
  position: absolute;
  right: -3px; /* Half of the gap */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #555;
}
#largeTabs ul.nav.nav-tabs li + li {
  margin-left: 5px; /* space between items */
}
#largeTabs ul.nav.nav-tabs > li.active,
#largeTabs ul.nav.nav-tabs > li.active > a {
	background-color: #337ab7;
	color: #f9f9f9;
}
#largeTabs ul.nav.nav-tabs > li:not(.active):hover,
#largeTabs ul.nav.nav-tabs > li:not(.active) > a:hover,
#largeTabs ul.nav.nav-tabs > li:not(.active) > a label:hover {
	background-color: #d1dfef !important;
	color: #555 !important;
	cursor: pointer !important;
}
#largeTabs ul.nav.nav-tabs > li > a > label,
#largeTabs ul.nav.nav-tabs > li > a > span.glyphicons:before {
	color: #555;
}
#largeTabs ul.nav.nav-tabs > li.active > a > label,
#largeTabs ul.nav.nav-tabs > li.active > a > span.glyphicons:before {
	color: #f9f9f9;
}
#largeTabs ul.nav.nav-tabs > li > a,
#largeTabs ul.nav.nav-tabs > li.active > a {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	border-bottom: 0px !important;
}
#largeTabs ul.nav.nav-tabs > li > a > label,
#largeTabs ul.nav.nav-tabs > li.active > a > label {
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	border-bottom: 0px !important;
	font-size: 20px !important;
	font-family: "Segoe UI" !important;
}
#largeTabs ul.nav.nav-tabs > li > a > span.glyphicons {
	vertical-align: baseline !important;
}
#largeTabs ul.nav.nav-tabs > li > a > span.glyphicons:before,
#largeTabs ul.nav.nav-tabs > li.active > a > span.glyphicons:before {
	margin: 0px !important;
	padding: 0px 8px 0px 0px !important;
	border: 0px !important;
	border-bottom: 0px !important;
	font-size: 14px;
}
.tab-content.lrgTabContents {
	top: 46px !important;
	right: 4px !important;
	left: 4px !important;
	background-color: transparent;
}
.tab-content.lrgTabContents > div > div {
	right: 0px !important;
	left: 0px !important;
}
.tab-content.lrgTabContents #divOOO > div:first-child {
	top: 3px !important;
}
.tab-content.lrgTabContents .tab-pane.active > div:first-child label,
.tab-content.lrgTabContents .tab-pane.active > div:first-child span,
.tab-content.lrgTabContents .tab-pane.active > div:first-child input  {
	color: #555 !important;
	border-color: #aaa;

}
.tab-content.lrgTabContents .tab-pane #selectUsers_chosen a.chosen-single {
	height: 30px !important;
	padding: 2px 8px !important;
	font-size: 14px !important;
	border-color: #aaa !important;
	box-shadow: unset;
}
.tab-content.lrgTabContents .tab-pane span.k-datepicker,
.tab-content.lrgTabContents .tab-pane span.k-datepicker input,
.tab-content.lrgTabContents .tab-pane span.k-datepicker span.k-picker-wrap,
.tab-content.lrgTabContents .tab-pane span.k-datepicker span.k-picker-wrap > .k-select {
	background-color: #fafafa !important;
}
.tab-content.lrgTabContents .tab-pane span.k-datepicker span.k-picker-wrap {
	border-color: #aaa;
}
.tab-content.lrgTabContents .tab-pane div .btn-success {
	margin: 0px 0px 0px 75px !important;
	padding: 5px 10px !important;
	background-color: #337ab7;
}
.tab-content.lrgTabContents .tab-pane > div:last-child {
	top: 38px !important;
}
#scheduler {
	color: #555;
	background-color: #f9f9f9;
}
#scheduler .k-floatwrap.k-header.k-scheduler-toolbar {
	position: relative;
	display: flex;
	justify-content: left;
    align-items: center;
	height: 36px;
	color: #f9f9f9;
	padding: 0px 20px 0px 0px !important;
	background-color: #6b99cb !important;
	padding: 0px;
}
#scheduler .k-scheduler-navigation .k-link {
	color: #f9f9f9;
	background-color: #6b99cb !important;
}
#scheduler .k-scheduler-navigation {
	margin-right: auto;
}
#scheduler ul.k-scheduler-views {
	border: 1px solid #c3c3c3 !important;
	border-radius: 2px;
}
#scheduler ul.k-scheduler-views * {
  border: none !important;
  border-radius: 0px !important;
}
#scheduler ul.k-scheduler-views li.k-state-default a.k-link,
#scheduler ul.k-scheduler-views li.k-state-default a.k-link[role=button] {
	background-color: #6b99cb !important;
	color: #f9f9f9;
}
#scheduler ul.k-scheduler-views li.k-state-selected a.k-link,
#scheduler ul.k-scheduler-views li.k-state-selected a.k-link[role=button] {
	background-color: #5fa85b !important;
	color: #f9f9f9;
	text-decoration: none;
}
#scheduler .k-scheduler-header {
	background-color: #ddd;
	color: #555;
}
#scheduler .k-scheduler-header th {
	border-color: #aaa;
}
#scheduler .k-scheduler-table td {
	background-color: #f9f9f9;
	border-color: #aaa;
}
#scheduler .k-scheduler-table td.k-today {
	background-color: #eee;
}
#scheduler .k-scheduler-table .k-nav-day {
	color: #555;
}
#scheduler .k-scheduler-table td.k-other-month .k-nav-day {
	color: #aaa;
}
#scheduler .k-event-template {
	background-color: #337ab7;
}
#scheduler .k-event-delete {
	color: #CE614E;
	border-color: #337ab7;
}
#tblQueueSettings td.workflow-header {
	height: 34px;
	background-color: #6b99cb;
	color: #f9f9f9;
	font-size: 18px;
	padding: 4px 15px;
}
#tblQueueSettings > tr.queue-item:nth-of-type(2) {
	margin-top: 10px;
}
#tblQueueSettings > tr:nth-child(n+3):nth-child(odd) {
	background-color: #eee;
}
#tblQueueSettings > tr:not(:first-child) {
	color: #555;
	border-bottom: 1px solid #ccc;
}
#tblQueueSettings > tr:not(:first-child) .toggle-off,
#tblQueueSettings > tr:not(:first-child) .toggle-on {
	color: #f9f9f9;
}
#tblQueueSettings tr.queue-item {
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 20px;
	height: auto;
	margin: 0px 15px;
	padding: 2px 0px;
}
#tblQueueSettings tr.queue-item > td > label {
	padding: 0px;
	font-size: 14px;
}
#tblQueueSettings tr.queue-item > td {
	padding: 0px;
	font-size: 16px;
}
#tblQueueSettings tr.queue-item > td:first-child {
	order: 2;
	width: auto;
}
#tblQueueSettings tr.queue-item > td:last-child {
	order: 1;
	width: auto;
}
/* Off - On Buttons */
#tblQueueSettings tr.queue-item .toggle.btn {
	min-width: 40px;
	min-height: 25px;
}
#tblQueueSettings tr.queue-item .toggle.btn .btn {
	padding: 2px 8px 3px 6px;
	font-size: 12px;
}
#tblQueueSettings tr.queue-item .toggle.btn .toggle-group label.btn {
	padding-top: 5px;
	padding-left: 8px;
}
.toggle-on.btn {
	background-color: #5fa85b;
}
.toggle-off.btn {
	background-color: #ce614e;
}
.toggle-handle.btn {
	background-color: transparent;
}




/* User Settings Page */
#panelUserSettings.workflow-panel > label.panel-heading {	
    position:absolute;
	height: 36px !important;
    top: 4px;
    left: 4px;
	right: 4px;
	margin: 0px;
	width: auto;
    padding: 2px 10px !important;    
    font-size: 20px !important;
	color: #f9f9f9;
	font-weight: bold;
	background-color: #333;
    border-radius: 6px;
}
#panelUserSettings.workflow-panel > div {
    position:absolute;
    top: 42px;
	left: 0px;
    right: 0px;
}
#panelUserSettings.workflow-panel > div > .container-fluid.panel {
	background-color: transparent;
	padding-left: 20px;
	-webkit-box-shadow: unset;
    box-shadow: unset;
}
#panelUserSettings.workflow-panel .btn-success {
	background-color: #337ab7;
}
#panelUserSettings.workflow-panel .container-fluid div:nth-child(4) .btn-success {
	background-color: #5fa85b;
}
#panelUserSettings.workflow-panel .btn-warning {
	background-color: #e18027;
}
#panelUserSettings.workflow-panel .btn-primary {
	width: 150px !important;
	background-color: #edb503;
}
/* Modal - User Settings */
#windowImpersonation.ecmwindow {
	min-width: 450px;
	min-height: 475px;
}
#windowImpersonation.ecmwindow > div:nth-child(2) {
	bottom: 42px;
}
#windowImpersonation.ecmwindow > div:nth-child(2) > div:first-child {
	bottom: 48px !important;
}
#windowImpersonation.ecmwindow > div:nth-child(2) > div:last-child {
	margin: 0px 10%;
	bottom: 5px !important;
}
/* Grid Row Colors */
#windowImpersonation.ecmwindow #lstImpersonationUsers.listbox > div:nth-of-type(even) {
	background-color: #f0f0f0;
	border-bottom: 1px solid #d3d3d3;
}
#windowImpersonation.ecmwindow #lstImpersonationUsers.listbox > div:nth-of-type(odd) {
	background-color: #f9f9f9;
	border-bottom: 1px solid #d3d3d3;
}
#windowImpersonation.ecmwindow #lstImpersonationUsers.listbox > div:hover {
	background-color: #d1dfef;
}




/* Workflow Administration Page */
#panelAdmin.workflow-panel > label.panel-heading {	
    position:absolute;
	height: 36px !important;
    top: 4px;
    left: 4px;
	right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
    padding: 2px 10px !important;    
    font-size: 20px !important;
	color: #f5f5f5;
	font-weight: bold;
	background-color: #333;
    border-radius: 6px;
    height: auto;
}
#panelAdmin.workflow-panel > .admin-button-container {
    position:absolute;
    top: 46px;
	left: 4px;
    right: 4px;
	padding-left: 5px;
}
#panelAdmin.workflow-panel > .admin-button-container > div > label {
	color: #6b99cb;
}
#panelAdmin.workflow-panel > .admin-button-container > div {
	border: 2px solid #aaa;
	box-shadow: 3px 3px 3px rgb(120 120 120 / 25%);
}
#panelAdmin.workflow-panel > .admin-button-container > div > i,
#panelAdmin.workflow-panel > .admin-button-container > div > div {
	color: #777;
}




/* Shared Admin Page Styling */
.page-wrapper {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 10px;
	left: 4px;
	background-color: #f9f9f9;
	color: #333;
}
.panel-header {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
	left: 0px !important;
	height: 36px !important;
	width: 100% !important;
	border-radius: 6px !important;
	background-color: #343434 !important;
	padding: 4px 10px !important;
    font-size: 20px !important;
	font-weight: bold !important;
	color: #f9f9f9 !important;	
}
#wrapper-users > div#divContent,
#wrapper-links > div:nth-child(2),
#wrapper-settings > div.tabbable,
#wrapper-sessions > div:nth-child(2) {
    position: absolute !important;
    top: 42px !important;
    right: 0px !important;
    bottom: 0px !important;
	left: 0px !important;
	margin: 0px !important;
    padding: 0px !important;
	background-color: #f9f9f9 !important;
	color: #333 !important;
}
#wrapper-groups > div:nth-child(2),
#wrapper-groups > div:nth-child(4) {
    position: absolute !important;
    top: 42px !important;
    bottom: 0px !important;
	border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;	
	margin: 0px !important;
	padding: 0px 10px;
	height: 34px !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #666;
	border-radius: 0px;
	font-size: 18px;
    color: #f9f9f9;
    font-weight: normal;	
}
/* Shared Table Header Styling */
.k-grid-header, .k-grid-header:first-child th.k-header:first-child {
	border-radius: 0px !important;
	color: #333 !important;
	font-weight: 600 !important;
}
.k-grid-header th.k-header {
	background-color: #c3c3c3 !important;
	border-color: #333 !important;
	color: #333 !important;
	font-weight: 600 !important;
}
.k-grid-header {
	background-color: #c3c3c3 !important;
	border-bottom: 1px solid #333 !important;
	color: #333 !important;
}
.k-grid-header .k-link:link {
	background-color: #c3c3c3 !important;
    color: #333 !important;
	font-weight: 600 !important;
	border: 0px;
}
.k-grid-header-wrap > table > thead > tr > th > a {
	color: #333 !important;
	background-color: #c3c3c3 !important;
	border: 0px;
}
/* Grid Border Styling */
.k-grid-content {
	border-style: solid;
	border-width: 0px 0px 0 1px !important;
	border-color: #cccccc;
	background-color: #f9f9f9;
}
/* Row Alternating Color */
tbody > tr.k-alt {
	background-color: #f0f0f0;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #f0f0f0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
/* Disables Hover On Grids Not Needing It */
.k-grid tr:nth-of-type(odd):hover {
	background-color: #f9f9f9;
	cursor: default;
}
.k-grid tr:nth-of-type(even):hover {
	background-color: #f0f0f0;
	cursor: default;
}



/* User Management */
#wrapper-users #gridContainer {
right: 120px !important;
}
#wrapper-users .k-grid-content tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
#wrapper-users .k-grid-content tbody tr:nth-of-type(even) {
	background-color: #f0f0f0;
}
#wrapper-users .k-grid-content tbody tr:nth-of-type(odd):hover,
#wrapper-users .k-grid-content tbody tr:nth-of-type(even):hover {
	background-color: #d1dfef;
	cursor: pointer;
}
#wrapper-users #gridButtons {
	background-color: #f9f9f9 !important;
    position: absolute !important;
	left: unset !important;
	right: 0px !important;
    top: 0px !important;
    bottom: 20px !important;
    width: 110px !important;
}
#wrapper-users #gridButtons .btn {
	margin-top: 2px !important;
}
/* Button Colors */
#wrapper-users #gridButtons .btn-primary {
	background-color: #337ab7;
}
#wrapper-users #gridButtons .btn-warning {
	background-color: #e18027;
}	
#wrapper-users #gridButtons .btn-info {
	background-color: #5fa85b;
}
/* Add New User */
#wrapper-users #divAddNewUser.ecmwindow > div:nth-child(2) {
	top: 50px;
}
#wrapper-users #divAddNewUser.ecmwindow #div_ext_user_create > div:nth-child(2) {
	top: 86px !important
}
#wrapper-users #divAddNewUser.ecmwindow .btn-success {
	background-color: #5fa85b;
}
#wrapper-users #divAddNewUser.ecmwindow .btn-primary {
	background-color: #edb503;
}
/* Edit User */
#wrapper-users #divEditUser.ecmwindow #divDSL .btn-primary {
	background-color: #337ab7;
}
#wrapper-users #divEditUser.ecmwindow .btn-danger {
	background-color: #CE614E;
}
#wrapper-users #divEditUser.ecmwindow .btn-success {
	background-color: #5fa85b;
}
#wrapper-users #divEditUser.ecmwindow .btn-primary {
	background-color: #5fa85b;
}
#wrapper-users #divEditUser.ecmwindow .btn-default {
	background-color: #edb503;
}
#wrapper-users .ecmwindow > div:nth-child(2) {
	top: 46px;
	right: 0px;
	left: 0px;
}
#wrapper-users .modal-header {
	background-color: #999;
	color: #f9f9f9;
	font-weight: 600;
}
#wrapper-users .ecmwindow > div:last-child .btn-danger {
	margin-right: auto;
}
/* Edit User Table Header */
.ecmwindow .table-striped > thead {
	background-color: #c3c3c3;
}
.ecmwindow .table-striped > thead > tr > th {
	border-bottom: 1px solid #343434;
}
.ecmwindow .table-striped > thead > tr > th:nth-child(-n+3) {
	border-right: 1px solid #343434;
}
.ecmwindow #div_ext_user_create > div:first-child > table > thead > tr > th {
	background-color: #c3c3c3 !important;
	color: #333 !important;
	font-weight: 600;
	border-bottom: 1px solid #343434;
	border-left: 0px !important;
}
.ecmwindow #div_ext_user_create > div:first-child > table > thead > tr > th:nth-child(-n+3) {
	border-right: 1px solid #343434;
}
.ecmwindow #div_ext_user_create > div:first-child {
	right: 10px !important;
}
/* Group Management */
#wrapper-groups > div:nth-child(2) {
    left: 0px !important;
	right: 0px !important;
    width: 380px !important;
}
#wrapper-groups > div:nth-child(4) {
    left: 400px !important;
    right: 0px !important;
}
#wrapper-groups > div:nth-child(3) {
	background-color: #f9f9f9 !important;
    position: absolute !important;
    left: 0px !important;
    top: 82px !important;
    bottom: 0px !important;
    width: 380px !important;
}
#wrapper-groups > div:nth-child(3) > div > div:first-child {
	display: none;
}
#wrapper-groups > div:nth-child(3) > div > :nth-child(3) {
	top: 0px !important;
}
#wrapper-groups .listbox {
	background-color: #f9f9f9 !important;
	position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    width: 265px !important;
	border-radius: 0px !important;
}
#wrapper-groups .listbox > div {
	color: #333;
	padding: 7px;
	font-family:"Segoe UI";
	font-size: 15px;
}
#wrapper-groups .listbox > div:hover {
	background-color: #d1dfef;
	cursor: pointer;
}
#wrapper-groups .listbox > div.selected {
	background-color: #6b99cb;
	color: #f9f9f9;
}
#wrapper-groups > div:nth-child(5) {
    position: absolute !important;
	top: 82px !important;
    left: 400px !important;
	right: 0px !important;
    bottom: 0px !important;
	background-color: #f9f9f9 !important;
}
#wrapper-groups #groupProperties.panel {
	background-color: #f9f9f9 !important;
	border: unset;
    border-radius: unset;
	margin-bottom: unset;
	-webkit-box-shadow: unset;
    box-shadow: unset;
}
#wrapper-groups .panel-body,
#wrapper-groups .nav-tabs,
#wrapper-groups .nav-tabs > li,
#wrapper-groups .nav-tabs > li > a {
	padding: unset;
	margin: unset;
	border: unset;
}
#wrapper-groups ul.nav-tabs {
	display: flex;
	height: 36px !important;
	width: auto;
	justify-content: left;
    align-items: center;
	border: unset;
    border-radius: unset;
	margin-bottom: unset;
	-webkit-box-shadow: unset;
    box-shadow: unset;
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
	background-color: #f9f9f9 !important;
	font-size: 15px;
	z-index: 1;
}
#wrapper-groups ul.nav-tabs li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 33px !important;
	padding: 0px 10px;
}
#wrapper-groups ul.nav-tabs li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -3px; /* Half of the gap */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #333;
}
#wrapper-groups ul.nav.nav-tabs li + li {
  margin-left: 5px; /* space between items */
}
#wrapper-groups ul.nav.nav-tabs > li.active {
    background-color: #337ab7;
    color: #f9f9f9;
}
#wrapper-groups ul.nav.nav-tabs > li.active a {
	background-color: transparent !important;
	color: #f9f9f9;
}
#wrapper-groups ul.nav.nav-tabs > li:not(.active),
#wrapper-groups ul.nav.nav-tabs > li:not(.active) > a,
#wrapper-groups ul.nav.nav-tabs > li:not(.active) > a label {
	color: #333 !important;
    cursor: default !important;
}
#wrapper-groups ul.nav.nav-tabs > li:not(.active):hover,
#wrapper-groups ul.nav.nav-tabs > li:not(.active) > a:hover,
#wrapper-groups ul.nav.nav-tabs > li:not(.active) > a label:hover {
    background-color: #d1dfef !important;
    color: #333 !important;
    cursor: pointer !important;
}
#wrapper-groups #groupMembers_Modal_Blocker {
	background-color: #f9f9f9 !important;
}
#wrapper-groups .panel-body .tabbable .tab-content {
	background-color: #f9f9f9 !important;
	position: absolute !important;
	top: 38px !important;
	bottom: 0px !important;
	left: 0px !important;
	right: 0px !important;
}
/*
#wrapper-groups #groupMembers {
	position: relative !important;
	inset: 3px 0px 0px !important;
	overflow-y: auto !important;
}
*/
#wrapper-groups #groupMembers .table tr td {
	padding: 6px 0px 6px 10px
}
/* Table Row Hover Styling */
#wrapper-groups .table-hover tbody tr:nth-of-type(odd):hover td {
	background-color: #f9f9f9;
	cursor: default;
}
#wrapper-groups .table-hover tbody tr:nth-of-type(even):hover td {
	background-color: #f0f0f0;
	cursor: default;
}
/* Shows AD Associated Group */
#adGroupDiv.status-box-configured {
    border-width: 1px 0px 1px 0px;
}
/*
#wrapper-groups #groupMembers,
#wrapper-groups #groupPermissionsTab,
#wrapper-groups #groupLinks {
	bottom: 10px !important;
}
*/
/*
#wrapper-groups #groupMembersButtons,
#wrapper-groups #groupLinksButtons {
	margin-bottom: 10px;
}
*/
#wrapper-groups #groupPermissionsTab .panel.panel-primary {
	border-color: #d3d3d3;
	-webkit-box-shadow: unset;
    box-shadow: unset;
	margin-bottom: 0px;
}
#wrapper-groups #groupPermissionsTab .panel.panel-primary .panel-heading.panel-heading-custom-padding {
    background-color: #777;
	padding: 5px 10px;
	border-color: #d3d3d3;
	color: #f9f9f9;
	font-size: 16px !important;
	font-weight: normal !important;
}
#wrapper-groups #groupPermissionsTab .panel.panel-primary .panel-heading.panel-heading-custom-padding .panel-title {
	color: #f9f9f9;
	font-size: 16px;
	font-weight: normal;
}
#wrapper-groups #groupPermissionsTab .panel.panel-primary .panel-body {
	background-color: #f9f9f9 !important;
	top: 28.5px !important;
	right: 0px !important;
	bottom: 0px !important;
	left: 0px !important;
	font-size: 15px !important;
}
#wrapper-groups #groupWorkflowsPermissions table.table tr > td {
	padding: 4px 10px !important;
}
#wrapper-groups #groupQueuesPermissions table.table {
	table-layout: unset !important;
}
#wrapper-groups #groupQueuesPermissions table.table thead th {
	background-color: #dedede !important;
}
#wrapper-groups #groupQueuesPermissions table.table thead tr > th:first-child {
	padding: 6px 6px 6px 10px !important;
}
#wrapper-groups #groupQueuesPermissions table.table tbody tr > td:first-child {
	padding: 1px 8px 1px 10px !important;
}
#wrapper-groups #groupWorkflowsPermissions .table {
	border-collapse: collapse;
}
#wrapper-groups #groupQueuesPermissions table.table thead tr th,
#wrapper-groups #groupQueuesPermissions table.table tbody tr td {
	width: 200px;
	white-space: nowrap;
}
#wrapper-groups #groupWorkflows.listbox {
	background-color: #f9f9f9 !important;
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	top: 4px !important;
	bottom: 3px !important;
	padding: 0px 4px;
	border: none !important;
}
#wrapper-groups #groupDSLTab {
	position: absolute !important;
    top: 0px !important;
	right: 0px  !important;
    bottom: 20px !important;
    left: 0px !important;
}
#wrapper-groups #groupDSLTab .container-fluid tr > td:first-child {
	font-weight: 600;
}
#wrapper-groups #groupDSLTab .container-fluid > div:nth-child(3) {
	position: absolute !important;
    left: 0px !important;
    top: 195px !important;
    bottom: 0px !important;
    width: 610px !important;
}
#wrapper-groups #groupDSLTab .container-fluid > div:nth-child(4) {
	position: absolute !important;
    left: 0px !important;
    top: 235px !important;
    bottom: 10px !important;
    width: 608px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
#wrapper-groups #groupDSLTab .container-fluid table.dsl-header > thead > tr > th {
	color: #f9f9f9;
	border-bottom: 0px;
}
#wrapper-groups .table-striped > tbody > tr > td {
	border-top: 0;
	border-bottom: 1px solid #ddd;
}
#wrapper-groups .table-striped tbody > tr:first-child > td {
	border-top: 1px solid #ddd;
}
#wrapper-groups #securityRows tr:only-child {
	border: 0px
}
/* Button Colors */
#groupMembersSave.btn-success,
#groupPermissionsSave.btn-success,
#groupLinksSave.btn-success {
	background-color: #5fa85b;
}
#groupAdd.btn-success {
	background-color: #337ab7;
}
#groupEdit.btn-primary {
	background-color: #e18027;
}
#btnDSLAdd.btn-primary {
	background-color: #337ab7;
}
/* Modal */
#divGroupNameChange.ecmwindow {
	height: 240px !important;
}
/* Modal Shared */
#btnGroupNameClose.btn-danger {
	background-color: #edb503;
}
/* Modal Add */
#btnGroupAdd.btn-success {
	background-color: #5fa85b;}

/* Modal Edit */
#btnGroupSave.btn-primary {
	background-color: #5fa85b;
}
/* Modal Delete */
.jconfirm .jconfirm-box.jconfirm-type-blue { 
	border-top: solid 7px #337ab7;
}
.jconfirm-buttons .btn-success {
	background-color: #5fa85b
}
.jconfirm-buttons .btn-warning {
	background-color: #CE614E
}




/* Links Management */
#wrapper-links .btn-success {
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrapper-links div[style*="width:100%"] {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
#wrapper-links div .btn-success {
  background-color: #5fa85b;
  border: 0px;
}
#wrapper-links div[style*="float:right"] {
  float: none !important;
}
/* Target the Export Excel button by its parent div */
#wrapper-links div[style*="float:right"] .btn-success {
  background-color: #337ab7;
  border: 0px;
}
#wrapper-links #divContent {
	top: 41px;
}
/* Grid Hover Styling */
#wrapper-links .k-grid-content tr:hover > td {
	background-color: #d1dfef;
	cursor: pointer;
}
#wrapper-links tr.k-state-selected > td {
	color: #333 !important;
	background-color: #f9f9f9 !important;
	border-color: #ccc !important;
}
#wrapper-links tr.k-alt.k-state-selected > td {
	color: #333 !important;
	background-color: #f0f0f0 !important;
	border-color: #ccc !important;
}

#wrapper-links tr.k-state-selected:hover > td,
#wrapper-links tr.k-alt.k-state-selected:hover > td {
	color: #333 !important;
	background-color: #d1dfef !important;
	border-color: #ccc !important;
	cursor: pointer;
}
#wrapper-links .k-state-focused,
#wrapper-links .k-listview > .k-state-focused.k-state-selected,
#wrapper-links .k-state-selected td.k-state-focused,
#wrapper-links td.k-state-focused.k-state-selected {
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}
/* Edit Link Modal */
#wrapper-links #divEditLink.ecmwindow > :last-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
#wrapper-links #btnDeleteLink {
	order: -1;
	margin-right: auto;
	float: none !important;
	padding-left: 0;
}
#wrapper-links #divEditLink.ecmwindow .btn-primary {
	margin-left: auto;
}
/* Create Link Modal */
#wrapper-links .ecmwindow .btn-primary {
	background-color: #5fa85b;
}
#wrapper-links .ecmwindow .btn-default {
	background-color: #edb503;
}




/* Workflow Setup */
#wrapper-workflows #lstWorkflows {
    position:absolute;
    top: 42px;
	bottom: 50px;
    right: 0px;
    left: 0px;
	padding: 0px;
	overflow-y: auto;
}
#wrapper-workflows #lstWorkflows > .workflowTemplate.container-fluid {
	border: 2px solid #aaa;
	background-image: none;
	Background-color: #f9f9f9;
	background-position-x: 0%;
    background-position-y: 0%;
	background-repeat: no-repeat;
	padding-left: 15px;
}
#wrapper-workflows .workflowLabel {
	color: #666;
}
#wrapper-workflows  .workflowLabelEdit {
	color: #e18027;
}
/* Button Colors */
#wrapper-workflows .workflowTemplate.container-fluid .btn-primary.design {
	background-color: #337ab7;
}
#wrapper-workflows .workflowTemplate.container-fluid .btn-primary.fields {
	background-color: #e18027;
}
#wrapper-workflows .workflowTemplate.container-fluid .btn-info {
	background-color: #5fa85b;
}
#wrapper-workflows .dropdown-menu.dropdown-menu-right {
	background-color: #f9f9f9;
	color: #333;
}
#wrapper-workflows .dropdown-menu.dropdown-menu-right > li > a:focus,
#wrapper-workflows .dropdown-menu.dropdown-menu-right > li > a:hover {
	background-color: #d1dfef;
	cursor: pointer;
}
#wrapper-workflows #workflowCreateNew.btn-success {
	background-color: #337ab7;
}
/* Create Workflow Modal */
#wrapper-workflows .ecmwindow .btn-primary {
	background-color: #5fa85b;
}
#wrapper-workflows .ecmwindow .btn-default {
	background-color: #edb503;
}




/* Workflow Design and Fields */
.page-wrapper > #divWorkflowSettings {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #f9f9f9;
	-webkit-box-shadow: unset;
    box-shadow: unset;
}
#btnReturnToWorkflows.btn-header:hover,
#btnWorkflowDesigner.btn-header:hover,
#btnWorkflowFields.btn-header:hover {
	background-color: #333;
	color: #97b7da !important;
}




/* Workflow Design */
#wrapper-wf-design table.table-heading {
    position:absolute !important; 
    top: 0px !important; 
    right: 0px !important; 
    left: 0px !important; 
	font-family: "Segoe UI" !important;
    font-size: 20px !important;
	color: #f9f9f9;
	font-weight: normal;
	background-color: #333;
	border-bottom: 0px;
    border-radius: 6px !important; 
    height: 36px !important;	
}
#wrapper-wf-design table.table-heading td {
	margin: 0px;
	padding: 0px 10px !important;
	font-size: 20px;
	font-weight: bold;
}
#wrapper-wf-design table.table-heading button.btn-header {
	margin: 0px !important;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}
#wrapper-wf-design #divDesignerHeader {
	top: 42px;
}
#wrapper-wf-design #tblWorkflowDesignHeader > tbody > tr > td {
	height: 36px !important;
	padding: 0px 25px !important;
}
#wrapper-wf-design #tblWorkflowDesignHeader td {
	color: #f9f9f9;
}
#wrapper-wf-design #tblWorkflowDesignHeader td:not(:last-child) {
	    border-right: 3px solid #f9f9f9;
}
#wrapper-wf-design #divContent {
	top: 84px;
	bottom: 50px;
}
#wrapper-wf-design #divContentContainer .divWFPathHeader {
	height: 34px;
}
#wrapper-wf-design #divContentContainer .divWFPathHeader tbody tr td {
	font-size: 18px !important;
}
#wrapper-wf-design button.divAddQueueButton {
	width: 100px;
	background-color: #f9f9f9;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
#wrapper-wf-design #divContentContainer .divQueue {
	min-height: 30px;
	font-size: 18px;
}
#wrapper-wf-design table.designerTable {
	background-color: #f9f9f9;
}
#wrapper-wf-design table.designerTable div,
#wrapper-wf-design table.designerTable td,
#wrapper-wf-design table.designerTable div i,
#wrapper-wf-design table.designerTable td i {
	color: #f9f9f9 !important;
}
#divAddPath .btn-default {
	background-color: #337ab7;
	font-size: 14px !important;
}
/* Workflow Design Modal */
#windowWorkflowKickoffSettings div:not(.modal-header):not(.ecmwindow > :last-child),
#windowWorkflowKickoffSettings div:not(.modal-header) > div {
	padding: 2px !important;
}
#expression,
#expressionVars {
	border: 1px solid #aaa;
}



#wrapper-wf-design .ecmwindow > div:last-child .btn-danger {
    margin-right: auto;
}
#wrapper-wf-design .ecmwindow > div:last-child .btn-primary {
    background-color: #5fa85b;
}
#wrapper-wf-design .ecmwindow > div:last-child .btn-default {
    background-color: #edb503;
}
#expression.ace_editor.ace-chrome,
#expressionVars.ace_editor.ace-chrome {
	background-color: #fafafa;
}
#txtNotes.iconsSetup,
#iconsSetup.listbox {
	background-color: #fafafa;
	border-color: #aaa;
}
#iconsSetup.listbox > .selected {
	background-color: #6b99cb !important;
}
button#btnSetupNewIcon.btn.btn-success {
	padding: 8px 0px;
	background-color: #337ab7;
}
#addIcons .btn-danger {
	background-color: #edb503;
}
#windowIconManagement.ecmwindow div:last-child > .btn-primary {
	background-color: #5fa85b;
}
span.k-select,
span.k-picker-wrap,
span.k-state-default,
span.k-state-active,
span.k-state-border-down,
span.k-state-focused {
	background-color: transparent !important;
}
/* Queue Settings Modal */
#divQueueSettings.ecmwindow {
	height: 755px !important;
}
#divEventButtonSettings.ecmwindow {
	height: 615px !important;
}
#wrapper-wf-design ul.nav.nav-tabs,
#wrapper-wf-design .tab-content {
	background-color: #f9f9f9;
}

/*
#wrapper-wf-design ul.nav-tabs li.active a label {
	color: #f9f9f9;
}

#wrapper-wf-design ul.nav.nav-tabs {
	height: 38px;
}
#wrapper-wf-design ul.nav.nav-tabs > li {
	border-bottom: 0px;
}
#wrapper-wf-design ul.nav.nav-tabs > li > a {
	height: 34px;
	line-height: 12px;
	margin-bottom: 4px;
}
#wrapper-wf-design ul.nav.nav-tabs > li.active > a {
	background-color: #337ab7;
}
#wrapper-wf-design ul.nav.nav-tabs > li > a > label {
	font-size: 16px;
}
*/




#QueueSettingsContent .nav-tabs,
#divTabsEvents .nav-tabs,
#QueueSettingsContent .nav-tabs > li,
#divTabsEvents .nav-tabs > li,
#QueueSettingsContent .nav-tabs > li > a,
#divTabsEvents .nav-tabs > li > a,
#QueueSettingsContent .nav-tabs > li > a > label,
#divTabsEvents .nav-tabs > li > a > label {
	padding: unset;
	margin: unset;
	border: unset;
}
#QueueSettingsContent ul.nav-tabs,
#divTabsEvents ul.nav-tabs {
	display: flex;
	height: 36px !important;
	width: auto;
	justify-content: left;
    align-items: center;
	border: unset;
    border-radius: unset;
	margin-bottom: unset;
	-webkit-box-shadow: unset;
    box-shadow: unset;
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
	background-color: #f9f9f9;
	font-size: 15px;
	z-index: 1;
}
#QueueSettingsContent ul.nav-tabs li,
#divTabsEvents ul.nav-tabs li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 33px !important;
	padding: 0px 10px;
}
#QueueSettingsContent ul.nav-tabs li:not(:last-child)::after,
#divTabsEvents ul.nav-tabs li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -3px; /* Half of the gap */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #333;
}
#QueueSettingsContent ul.nav.nav-tabs li + li,
#divTabsEvents ul.nav.nav-tabs li + li {
  margin-left: 5px; /* space between items */
}
#QueueSettingsContent ul.nav.nav-tabs > li.active,
#divTabsEvents ul.nav.nav-tabs > li.active {
    background-color: #337ab7;
    color: #f9f9f9;
}
#QueueSettingsContent ul.nav.nav-tabs > li.active > a,
#divTabsEvents ul.nav.nav-tabs > li.active > a,
#QueueSettingsContent ul.nav.nav-tabs > li.active > a label,
#divTabsEvents ul.nav.nav-tabs > li.active > a label {
	background-color: transparent !important;
	font-size: 16px;
	color: #f9f9f9;
}
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active),
#divTabsEvents ul.nav.nav-tabs > li:not(.active),
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active) > a,
#divTabsEvents ul.nav.nav-tabs > li:not(.active) > a,
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active) > a label,
#divTabsEvents ul.nav.nav-tabs > li:not(.active) > a label {
	color: #333 !important;
    cursor: default !important;
}
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active):hover,
#divTabsEvents ul.nav.nav-tabs > li:not(.active):hover,
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active) > a:hover,
#divTabsEvents ul.nav.nav-tabs > li:not(.active) > a:hover,
#QueueSettingsContent ul.nav.nav-tabs > li:not(.active) > a label:hover,
#divTabsEvents ul.nav.nav-tabs > li:not(.active) > a label:hover {
    background-color: #d1dfef !important;
    color: #333 !important;
    cursor: pointer !important;
}




#QueueSettingsContent blockquote,
.event-window  blockquote {
	border-left: unset;
}
/* Workflow Fields */
#wrapper-wf-fields table.panel-heading {
    position:absolute !important; 
    top: 0px !important; 
    right: 0px !important; 
    left: 0px !important; 
	font-family: "Segoe UI" !important;
    font-size: 20px !important;
	color: #f9f9f9;
	font-weight: normal;
	background-color: #333;
	border-bottom: 0px;
    border-radius: 6px !important; 
    height: 36px !important;	
}
#wrapper-wf-fields table.panel-heading td {
	margin: 0px;
	padding: 0px 10px !important;
	font-size: 20px;
	font-weight: bold;
}
#wrapper-wf-fields table.panel-heading button.btn-header {
	margin: 0px !important;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
}
#wrapper-wf-fields #divContent {
	top: 44px;
}
#wrapper-wf-fields #divContent i.fa-question-circle:before {
	color: #555;
}

#wrapper-wf-fields #gridButtons .btn-success {
	background-color: #337ab7;
}
#wrapper-wf-fields #gridButtons .btn-primary {
	background-color: #5fa85b;
}
/* Modal */
#wrapper-wf-fields .ecmwindow > div:nth-child(2) {
	top: 48px;
}
#wrapper-wf-fields .ecmwindow > div:last-child .btn-danger {
    margin-right: auto;
}
#wrapper-wf-fields .ecmwindow .btn-danger {
    background-color: #ce614e;
}
#wrapper-wf-fields .ecmwindow .btn-primary {
    background-color: #5fa85b;
}
#wrapper-wf-fields .ecmwindow .btn-default {
    background-color: #edb503;
}
#wrapper-wf-fields .ecmwindow .btn-success {
    background-color: #337ab7;
}
#wrapper-wf-fields #divAddSourceFields.ecmwindow > div:last-child .btn-success,
#wrapper-wf-fields #divSortSettings.ecmwindow > div:last-child .btn-success {
    background-color: #5fa85b;
}
.ecmwindow i.fa.fa-question-circle:before {
	color: #666;
}









/* API */
#wrapper-api .panel-header {
	padding: 2px 10px !important;
}
#wrapper-api .show-deleted-area {
    position: absolute;
    right: 27px;
    top: 38px;
}
#wrapper-api .show-deleted-area label {
    color: #555;
}
#wrapper-api .api-table-header {
	position: absolute;
    top: 42px;
    left: 0px;
    right: 148px;
    overflow: hidden;
}
#wrapper-api .api-table-header > table > thead > tr > th {
	background-color: #666;
	color: #f9f9f9;
	border-right: 2px solid #f9f9f9;
}
#wrapper-api .api-table-body {
	position: absolute;
    top: 82px;
    left: 0px;
    right: 150px;
    bottom: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}
#wrapper-api tbody tr {
	background-color: #f9f9f9 !important;
	cursor: default !important;
}
#wrapper-api api-table-body tbody#bdyAPI > tr:nth-child(1) {
	background-color: #c1c1c1 !important;
}
#wrapper-api .api-table-body tbody#bdyAPI > tr:nth-child(2) {
	background-color: #eee !important;
}
#wrapper-api .api-table-body tbody#bdyAPI > tr > td:nth-child(1),
#wrapper-api .api-table-body tbody#bdyAPI > tr > td:nth-child(2) {
	color: #555;
}
#wrapper-api .api-table-body table tbody tr {
	border-bottom: 1px solid #aaa;
}
#wrapper-api .div-api-details > label {
	color: #555;
	font-weight: 700;
}
#wrapper-api .div-api-details > span,
#wrapper-api .div-api-description {
	color: #666;
	font-weight: 400;
}
#wrapper-api .div-api-description {
	background-color: #eee;
	padding: 8px 5px 8px 0px;
	font-size: 13px;
}
#wrapper-api .api-table-buttons {
	position: absolute;
    top: 80px;
    width: 140px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}
#wrapper-api .api-table-buttons .btn-primary {
	background-color: #337ab7;
}
/* Modal */
#wrapper-api .ecmwindow label {
	color: #f9f9f9;
}
#wrapper-api .ecmwindow > div:nth-child(2) {
	top: 46px;
	bottom: 0px;
}
#wrapper-api .ecmwindow .control-label,
#wrapper-api .ecmwindow > div:nth-child(2) > label:nth-of-type(2) {
	color: #333 !important;
}
#wrapper-api .ecmwindow .btn-primary {
	background-color: #5fa85b;
}
#wrapper-api .ecmwindow .btn-default {
	background-color: #edb503;
}




/* System Settings */
#wrapper-settings .panel-body,
#wrapper-settings .nav-tabs,
#wrapper-settings .nav-tabs > li,
#wrapper-settings .nav-tabs > li > a {
	padding: unset;
	margin: unset;
	border: unset;
}
#wrapper-settings ul.nav-tabs {
	display: flex;
	height: 36px !important;
	width: auto;
	justify-content: left;
    align-items: center;
	border: unset;
    border-radius: unset;
	margin-bottom: unset;
	-webkit-box-shadow: unset;
    box-shadow: unset;
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
	background-color: #f9f9f9!important;
	font-size: 15px;
	z-index: 1;
}
#wrapper-settings ul.nav-tabs li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 33px !important;
	padding: 0px 10px;
}
#wrapper-settings ul.nav-tabs li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -3px; /* Half of the gap */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #333;
}
#wrapper-settings ul.nav.nav-tabs li + li {
  margin-left: 5px; /* space between items */
}
#wrapper-settings ul.nav.nav-tabs > li.active {
    background-color: #337ab7;
    color: #f9f9f9;
}
#wrapper-settings ul.nav.nav-tabs > li.active a {
	background-color: transparent !important;
	color: #f9f9f9;
}
#wrapper-settings ul.nav.nav-tabs > li:not(.active),
#wrapper-settings ul.nav.nav-tabs > li:not(.active) > a,
#wrapper-settings ul.nav.nav-tabs > li:not(.active) > a label {
	color: #333 !important;
    cursor: default !important;
}
#wrapper-settings ul.nav.nav-tabs > li:not(.active):hover,
#wrapper-settings ul.nav.nav-tabs > li:not(.active) > a:hover,
#wrapper-settings ul.nav.nav-tabs > li:not(.active) > a label:hover {
    background-color: #d1dfef !important;
    color: #333 !important;
    cursor: pointer !important;
}
#wrapper-settings div#allSettingsTabs.tab-content {
	background-color: #f9f9f9;
}
#wrapper-settings div.accordion {
	Background-color: #466485;
	color: #f9f9f9;
}
#wrapper-settings div.panel {
	background-color: #f9f9f9;
	border-radius: 0px;
	border: 0px;
	-webkit-box-shadow: unset);
    box-shadow: unset;
}
#wrapper-settings iframe#if_AX > html > body {
	background-color: #f9f9f9;
}
#wrapper-settings tbody tr,  #wrapper-settings tbody tr th, #wrapper-settings tbody tr td {
	background-color: #f9f9f9;
}
/* Button Colors */
#wrapper-settings .btn-primary,
#btnSave.btn-primary {
	background-color: #5fa85b;
}
/* Session Management */
#wrapper-sessions .panel-header label {
	color: #f9f9f9;
}
#wrapper-sessions div:nth-child(3) {
	right: 15px !important;
	background-color: #f9f9f9 !important;
}
/* Button Colors */
#wrapper-sessions .btn-success {
	background-color: #337ab7;
}