:root {
   --color-table-border: #D7D7D7;
}

.color-primary {
   color: #FFFFFF;
   background-color: #14606e;
}
body {
   background-color:#929fa0;
   
}
a {
    color:#6f6f6f;
}
a.bubble-link {
   color:#FFFFFF;
   background-color:#14606e;
}
.page-container {
   background-color: #fff;
}
.page-content i, .ehr-dialog i {
   color:#14606e;
}
.page-content i.fa-inverse, .ehr-dialog i.fa-inverse {
   color:#FFFFFF;
}
.page-content a:hover i.fa-stack-2x, .ehr-dialog a:hover i.fa-stack-2x {
   color:#f7b13e;
}
.page-content a:hover i.fa-stack-1x, .ehr-dialog a:hover i.fa-stack-1x {
   color:#000000;
}


.page-header i, .page-heading i {
   color:#14606e;
}
.page-header .menu .notifs > a:before {
   background-color: #e94d3c;
   color: #ffffff;
}
.section.alt {
    background-color:#f2f2f2;
    color:#000000;
}

.section.panel.selected:not(.tab) {
    background-color:#14606e;
    color:#FFFFFF;
}

.section.panel.survey > .survey-footer {
   background-color:#14606e;
   color:#FFFFFF;
}

.panel {
	border-color: #14606e;
}

.title-bar {
	background-color: #14606e;
	color:#FFFFFF;
}

.title-bar.alt {
    border-bottom-color: #14606e;
}

.title-bar.segmented .section + .section {
   border-left-color: #ffffff;
}

.title-bar a, .title-bar i  {
    color: inherit;
}

.title-bar a:hover, .title-bar a:hover i {
    color: #DDDDDD;
}
.section.tabs {
    border-bottom-color: #A3BDC2;
}

.section.tabs .tab {
   border-color: #A3BDC2;
   background-color: #d7d7d7;
}

	.section.tabs .tab:after {
      background-color: #14606e;
   }

.section.tabs .tab.selected {
    background-color:#fff;
}

hr { background-color:#D7D7D7;}


.data-container .row,
.table-container > table > tbody > tr {
	border-bottom-color: #D7D7D7;
}

.ehrTableFixed .fixed-cell {
   border-top: solid 1px #D7D7D7;
}

.data-container .row:first-child,
.table-container .ehrTableHeader,
.table-container > table > tbody > tr:first-child > td, .table-container > table > thead > tr
  {
	border-top-color: #D7D7D7;
}

.data-container:not(.no-shade) .row:nth-child(2n) {
	background-color:#f2f2f2;
	color:#000000;
}

.table-container .paging-controls,
.table-container:not(.no-shade) > table > tbody > tr:nth-child(2n+1),
.table-container:not(.no-shade) > .ehrTableFixed > .column > div:nth-child(2n+1),
.table-container.multi-line > table > tbody:nth-child(2n) {
	background-color:#f2f2f2;
	color:#000000;
}

   .table-container .paging-controls .page-link[pagelink]:hover {
	   background-color:#fff;
   }

.table-container:not(.no-shade) > table > tbody > tr:nth-child(2n),
.table-container:not(.no-shade) > .ehrTableFixed > .column > div:nth-child(2n),
.table-container.multi-line > table > tbody:nth-child(2n+1) {
	background-color:#ffffff;
}

.table-container > table > tbody > tr.selected,
.table-container:not(.no-shade) > table > tbody > tr.selected,
.table-container.multi-line > table > tbody.selected {
	background-color:#f7b13e !important;
	color:#000000;
}

.table-container > table > tbody > tr.selected button:hover,
.table-container:not(.no-shade) > table > tbody > tr.selected button:hover,
.table-container.multi-line > table > tbody.selected button:hover {
	background-color:#F9C36B !important;
}

tr.selected i {
	color:#000000;
}
tr.selected a {
	color:#404040;
}

.table-container.stacked > table > * > tr > * {
   border-color: #D7D7D7;
}

.table-container > table > tfoot {
   background-color:#000000;
   color:#FFFFFF;
}
.table-container > table > tfoot.alt {
   background-color:#14606e;
   color:#FFFFFF;
}

.table-container:not(.no-shade) > table > tbody > tr.group-header,
.table-container:not(.no-shade) > table > tbody > tr.group-footer {
   background-color:#D7D7D7;
   color: #000000;
}

.table-container .paging-controls .page-link.selected {
    background-color: #14606e;
    color: #fff;
}

td > .table-container table {
   border: solid 1px #D7D7D7;
}


input, select, button, textarea {
   border-color: #14606e
}

.select2-container .select2-selection, .select2-dropdown, .select2-search {
   border-color: #14606e
}

button, input[type="button"] {
	background-color: #14606e;
	color: #FFFFFF !important;
}

button i, input[type="button"] i {
	color: inherit !important;
}

input:focus, select:focus, textarea:focus, button:focus, a:focus,
.select2-container--focus {
   border-color:#f7b13e;
   box-shadow: 0px 0px 2px #f7b13e;
}

select:focus .button + i, select:focus + .button i {
   color:#f7b13e;
}

input:disabled, select:disabled, textarea:disabled {
   border-color: #ABB7BA;
	background-color: #e8e8e8;
   color:#666666;
}

select:disabled + .button, select:disabled + .button i {
   color: #ABB7BA;
}


button:hover:not(.no-hover), input[type="button"]:hover:not(.no-hover) {
   border-color: #f7b13e;
	background-color: #f7b13e;
   color:#000000 !important;
}

/* when a button is clicked */
button:active, input[type="button"]:active {
   border-color: #FBD9A0;
	background-color: #FBD9A0;
   color:#222222 !important;
}

button:disabled, input[type="button"]:disabled {
   border-color: #ABB7BA !important;
	background-color: #AFB5B6 !important;
   color:#DDDDDD !important;
}



.title-bar button {
   border-color: #FFFFFF;
}

.listbox {
	border-color: #14606e;
}

.listbox.selected {
   border-color: #f7b13e;
}

.listbox .button {
   color: #14606e;
}
.listbox.selected .button {
   color: #f7b13e;
}

.icon-merged-input .input-image {
   background-color:#f2f2f2
   border-right-color: #14606e;
   color: #14606e;
}
    .icon-merged-input .input-image i {
        color: #14606e;
    }

.input-with-icon .icon {
   color: #14606e;
}
.input-with-icon.selected .icon {
   color: #f7b13e;
}
.input-with-icon input:focus + .icon i {
   color: #f7b13e;
}
.input-with-icon input:disabled + .icon i {
   color: #ABB7BA;
}

.menu-button-wrap > ul {
    background-color:#f2f2f2;
}

.menu-button-wrap > ul li:hover:not(.spacer) {
   color: #14606e;
   background-color:#ffffff;
}
   .menu-button-wrap > ul li.spacer > hr {
      border-top:1px solid #6f6f6f;
   }
   .menu-button-wrap > ul li > a, .menu-button-wrap > ul li > a:hover {
      color:#6f6f6f;
   }
.title-bar .hamburger-wrapper ul li a,
.title-bar .hamburger-wrapper .menu-button + ul li:hover:not(.spacer),
.title-bar .hamburger-wrapper ul {
   background-color:#14606e;
   color:#FFFFFF;
}


.page-header {
    color: #14606e;
}

.hover.section {
   background-color:#fff;
}
.hover.section .close-hover {
   color: #990000;
}

.calendar .table-container td {
   background-color:#fff;
}
.calendar .table-container thead td {
    background-color:#d7d7d7;
}
.calendar .outside-month {
    color: #aaa;
}
.calendar .controls {
   border-color: #999;
}

.calendar .year-picker, .calendar .year-picker i {
   background-color:#14606e;
   color:#FFFFFF;
}

.ehr-dialog > .title-bar {
    background-color:#14606e;
    color: #FFFFFF
}

.ehr-dialog > .content {
    background-color: #f2f2f2;
}

.ehr-dialog .ehrpopup-button-area {
    background-color: #999999;
}

.ehrpopup-button-area button {
    background-color: #f2f2f2 !important;
    color: #333333 !important;
    border: none;
    box-shadow: 0px 0px 2px #333;
}

.ehrpopup-button-area button:active {
    background-color: #fff !important;
    box-shadow: 0px 0px 2px #333;
}

.ehrpopup-button-area button:focus {
    box-shadow: 0px 0px 3px #ddd;
    color: #111 !important;
}
.ehrpopup-button-area button:hover:not(.no-hover) {
    box-shadow: 0px 0px 3px #eee;
    color: #333333 !important;
}

.ehrpopup-button-area button:disabled {
    background-color: #aaa !important;
    color: #777 !important;
    box-shadow: 0px 0px 2px #444;
}


.page-nav {
   background-color: #14606e;
   color: #ffffff;
}

.page-nav ul + ul, .page-nav .menu {
   border-top-color: #ffffff;
}

.page-nav li {
   background-color: #14606e;
   color: #ffffff;
}

.page-container:not(.use-top-nav) .page-nav li.active > ul,
.use-top-nav .page-nav ul:not(.tier-1) > li.active > ul {
   border-left-color: #ffffff;
}

.use-top-nav .page-nav ul:not(.tier-1) > li.active > ul.submenu-left {
   border-right-color: #ffffff;
}

.use-top-nav .page-nav ul.tier-1 > li.active > ul {
   border-top-color: #ffffff;
}

.page-nav li a {
   background-color: #14606e;
   color: #ffffff;
}

.page-nav li.selected > a {
   background-color: #ffffff;
   color: #14606e;
}

.page-nav li.active > a,
.page-nav li:hover > a,
.page-nav li a:hover {
   background-color: #f7b13e;
   color: #14606e;
}

.page-nav li.tab {
   background-color: #d7d7d7;
   color: #222222;
}

.page-nav li.tab.selected {
   color: #14606e;
}

.narrow-side-nav .page-nav .header {
   border-color: #ffffff;
}

.narrow-side-nav .page-nav li.tab {
   color: #14606e;
   border-color: #14606e;
}

.view-toggle > label {
   color: #14606e;
   border-color: #14606e;
}

.view-toggle > label:after {
   background: #14606e;
}

.ql-popup {
   background-color: #14606e;
}

.ql-popup ul.tabs, .ql-popup a.ql-separator {
   border-color: #ffffff;
}

.ql-popup ul.tabs > li.tab {
   background-color: #d7d7d7;
   color: #222222;
}

.ql-popup ul.tabs > li.tab.selected {
   color: #14606e;
}

.ql-popup a.ql-link {
   color: #ffffff;
}

.page-footer .footer-links {
   background-color: #14606e;
}

.highlight-text {
   color: #FF0000 !important;
}
.highlight-text-bold {
   color: #FF0000;
   font-weight:bold;
}
.highlight-text-light {
   color: #FFFF00;
}
.highlight-text-light-bold {
   color: #FFFF00;
   font-weight:bold;
}

.section.panel.highlight-panel {
   border-color: #FF0000;
}
.section.panel.highlight-panel * {
   color: #FF0000 !important;
}



.calendar td.CurrentPayPeriod, .swatch.CurrentPayPeriod {
   background-color: #F2F2F2;
}
.calendar td.HoursWorked, .swatch.HoursWorked {
   background-color: #FF7F27;
}
.calendar td.PTO1, .swatch.PTO1 {
   background-color: #76C85E;
}
.calendar td.PTO2, .swatch.PTO2 {
   background-color: #CCCC33;
}
.calendar td.PTO3, .swatch.PTO3 {
   background-color: #00838F;
}
.calendar td.OtherMultiple, .swatch.OtherMultiple {
   background-color: #5D4037;
}
.calendar td.CompanyHoliday, .swatch.CompanyHoliday {
   background-color: #868686;
}
.calendar td.BankHoliday, .swatch.BankHoliday {
   background-color: #CCCC33;
}
.calendar td.CompanyHoliday.BankHoliday {
   background: linear-gradient(to right, #868686 50%, #CCCC33 50%);
   -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#868686", endColorStr="#CCCC33", GradientType=1)';
}

.calendar td.PayDate, .swatch.PayDate {
   background-color: #76C85E;
}
.calendar td.CompanyHoliday.PayDate {
   background: linear-gradient(to right, #868686 50%, #76C85E 50%);
   -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#868686", endColorStr="#76C85E", GradientType=1)';
}
.calendar td.LeaveReqApproved, .swatch.LeaveReqApproved {
   background-color: #76C85E;
}
.calendar td.LeaveRequested, .swatch.LeaveRequested {
   background-color: #FF7F27;
}
.calendar td.LeaveAutoApproved, .swatch.LeaveAutoApproved {
   background-color: #CCCC33;
}
.calendar td.selected, .swatch.selected {
   background-color: #14606e;
   color: #FFFFFF;
}

.calendar td.HoursWorkedBorder .day-highlight {
   border-color: #FF7F27;
}
.calendar td.PTO1Border .day-highlight {
   border-color: #76C85E;
}
.calendar td.PTO2Border .day-highlight {
   border-color: #CCCC33;
}
.calendar td.PTO3Border .day-highlight {
   border-color: #00838F;
}
.calendar td.OtherMultipleBorder .day-highlight {
   border-color: #5D4037;
}
.calendar td.CompanyHolidayBorder .day-highlight {
   border-color: #868686;
}
.calendar td.BankHolidayBorder .day-highlight {
   border-color: #CCCC33;
}
.calendar td.PayDateBorder .day-highlight {
   border-color: #76C85E;
}
.calendar td.LeaveReqApprovedBorder .day-highlight {
   border-color: #76C85E;
}
.calendar td.LeaveRequestedBorder .day-highlight {
   border-color: #FF7F27;
}
.calendar td.LeaveAutoApprovedBorder .day-highlight {
   border-color: #CCCC33;
}
.calendar td.CurrentPayPeriodBorder .day-highlight {
   border-color: #F2F2F2;
}
.calendar td.selectedBorder .day-highlight {
   border-color: #14606e;
}
.panel-menu > .content {
   border-left: solid 1px #14606e;
}

.section.dashboard-widget {
   background-color: #ffffff;
   color: #222222;
}
.widget-icon {
   color: #14606E;
}

.toggle-control {
   border-color:#14606e;
}
.toggle-control .check-circle {
   background-color:#14606e;
}

.title-bar .toggle-control {
   background-color:#FFFFFF;
   color:#14606e;
}
.title-bar .toggle-control .check-circle {
   background-color:#14606e;
}

.section-filters > .filter-summary {
   background-color: #E6E6E6;
}
.section-filters > .filter-summary > .summary .filter-value {
   background-color: #F2F2F2;
   border-color: #A3BDC2;
}

.dynamic-table > .table-container.stacked > .table-container.stacked.fixed-header-table {
    background-image:
        linear-gradient(to bottom, var(--color-table-border) 1px, transparent 1px),
        linear-gradient(to left, var(--color-table-border) 1px, transparent 1px),
        linear-gradient(to top, var(--color-table-border) 1px, transparent 1px);
}