:root {
  /* Base colors */
  --color-primary-autodesk-blue: #0696D7;
  --color-primary-dark-blue: #1858A8;
  --color-primary-dark-blue-hover: #2481AF;
  --color-primary-dark-grey: #2F3642;
  --color-secondary-turquoise: #32BCAD;
  --color-secondary-grey: #738393;
  --color-secondary-light-grey: #B1BAC4;
  --color-background-blue: #E2F2FA;
  --color-background-grey: #F6F6F6;
  --color-background-dark-grey: #535353;
  --color-secondary-green: #87B340;
  --color-secondary-red: #EB5555;
  --color-secondary-yellow: #FAA12B;

  /* Text colors */
  --color-text-primary: #3C3C3C;
  --color-text-secondary: rgba(60, 60, 60, 0.7);
  --color-text-inverse: #F5F5F5;
  --color-text-link: #006EAF;

  /* Nav Bars */
  --color-top-bar: #D9D9D9;
  --color-nav-button-hover: #FCFCFC;
  --color-left-nav-base: #EEEEEE;
  --color-left-nav-active: #FFFFFF;
  --color-left-nav-collapsed-1: #F5F5F5;
  --color-left-nav-collapsed-2: #FFFFFF;
  --color-left-nav-caret-active: #3C3C3C;
  --color-left-nav-caret-collapsed: rgba(128, 128, 128, 0.5);
  
  /* Gradients */
  --color-gradient-green: linear-gradient(to right, #87B340, #9FC966);
  --color-gradient-empty: #EEEEEE;
  --color-gradient-red: linear-gradient(to right, #EB5555, #F48686);

  --color-button-red: #D02F44;
  --color-icon-default: #808080;
  --color-border-base: rgba(128, 128, 128, 0.5);
  --color-dashboard-grey: #D9D9D9;

  /* Override DataTables START */
  --dt-row-selected: #F3F9FC;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-line-hover: #0696D7;
  --dt-row-hover: #F3F9FC;
  --dt-column-ordering: 0, 0, 0;
  --dt-row-line: #EBEBEB;
  /* Override DataTables END */
}

/***
Body Settings
***/
body { 
  color: #000; 
  background-color: #FFFFFF;
}

/***
Modify bootstrap buttons
***/
a {
  color: var(--color-primary-autodesk-blue);
}

label {
  color: rgba(45, 54, 73, 0.8);
}

.header .btn-navbar {
  color: var(--color-icon-default);
}

.company-separator {
  color: var(--color-text-secondary);
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle {
  color: #4f4f4f;
}

.header .nav > li.dropdown .dropdown-toggle .badge {
  background-color: #e02222;
}

/***
General backgrounds
***/
.bg-blue {
  background-color: #4b8df8 !important;
}

.bg-red {
  background-color: #e02222 !important;
}

.bg-yellow {
  background-color: #ffb848 !important;
}

.bg-green {
  background-color: #35aa47 !important;
}

.bg-purple {
  background-color: #852b99 !important;
}

.bg-grey {
  background-color: #555555 !important;
}

/***
Fix link outlines after click
***/
a:focus, a:hover, a:active {
  color: var(--color-text-link);
}

.border {
  border-color: #ddd;
}

hr {
  border-top-color: #E0DFDF;
  border-bottom-color: #FEFEFE;
}

/***
Page container
***/
.page-container {
  background-color: #eeeeee;
}

.page-sidebar > ul > li > ul.sub-menu {
  background-color: #eeeeee;
}

.page-sidebar > ul > li > ul.sub-menu > li > a {
  color: #4f4f4f;
}

.page-sidebar .sidebar-search .input-box {
  border-bottom-color: #959595;
}

.sidebar-toggler:hover { 
  color: #6590ef;
}

/* 2rd level sub menu*/
.sidebar-closed > .page-sidebar > ul > li:hover > .sub-menu > li > a {
  background-color: #eeeeee;
}

/* 3rd level sub menu*/
.sidebar-closed > .page-sidebar > ul > li > ul.sub-menu > li > .sub-menu > li > a {  
  background-color: #eeeeee;
}

/***
Page content
***/
.page-content {  
  background-color: #fff; 
}

/***
Page title
***/
.page-title {
  color: #4f4f4f;
}

/***
Page Settings
***/
.page-settings {
  color: #4f4f4f;
}

#accordion-settings #collapse {
  background-color: #fff;
}

/***
Page breadcrumb
***/
.page-content .breadcrumb {
  background-color: #eee;
}

.page-content .breadcrumb a, 
.page-content .breadcrumb i, 
.page-content .breadcrumb span {
  color: #333;
}

.page-content .breadcrumb i {
  color: #f97f22;
}

/***
Dashboard date range panel
***/
.page-content .breadcrumb .dashboard-date-range  {
  color: #fff;
  background-color: #e02222;
}

.page-content .breadcrumb .dashboard-date-range span {
  color: #fff;
} 

.page-content .breadcrumb .dashboard-date-range .icon-calendar {
  color: #fff;
}

.page-content .breadcrumb .dashboard-date-range .icon-angle-down {
  color:#fff;
}

/***
Footer
***/
.footer {
  color: #999;
  background-color: white;
}

.footer .group-footer a {
  color: #6590ef;
}

.footer .group-footer span {
  color: #9b9b9b;
}

.footer .go-top { 
  color: #fff;
  background-color: #111;
}

.footer .go-top i {
  color: #666;
}

/********************
 GENERAL UI ELEMENTS 
*********************/

/***
Icon stuff
***/
i.icon, a.icon {
  color: #999;
}

i.icon-black {
  color: #000 !important;
}

i.warning {
  color: #d12610;
}

i.critical {
  color: #37b7f3;
}

i.normal {
  color: #52e136;
}

/***
Custom wells
***/
.well {
  background-color: #fafafa;
  border-color: #eee;
}

/***
Form stuff
***/
.form-section {
  border-bottom: 1px solid #eee;
}

/***
Input icons
***/
.input-icon .input-info {
  color:#27a9e3;
}
.input-icon .input-error {
  color:#B94A48;
}
.input-icon .input-warning {
  color: #C09853;
}
.input-icon .input-success {
  color: #468847;
}

/* input with left aligned icons */
.input-icon.left i {
  color: #eeeeee;
}

/***
Portlets
***/
.portlet-title {  
  border-bottom-color:#eee;
}

.portlet-title .caption {
  color: #4f4f4f;
}

.portlet-title .caption .portlet-tag {
  color: white;
}

.portlet-title .caption .portlet-tag:focus {
  color: black;
  background-color: white;
}

.portlet-title .caption i {
  color: #666;
}

.portlet.blue .portlet-title .caption, .portlet-title.blue .caption, 
.portlet.green .portlet-title .caption, .portlet-title.green .caption,
.portlet.yellow .portlet-title .caption, .portlet-title.yellow .caption,
.portlet.red .portlet-title .caption, .portlet-title.red .caption,
.portlet.purple .portlet-title .caption, .portlet-title.purple .caption,
.portlet.dark-grey .portlet-title .caption, .portlet-title.dark-grey .caption {
  color: #fff;
}

.portlet.box.blue .portlet-title .caption > i, 
.portlet.box.green .portlet-title .caption > i,
.portlet.box.grey .portlet-title .caption > i,
.portlet.box.yellow .portlet-title .caption > i, 
.portlet.box.red .portlet-title .caption > i,  
.portlet.box.purple .portlet-title .caption > i, 
.portlet.box.light-grey .portlet-title .caption > i{
  color: #fff;
}

.portlet-title .dropdown-menu i {
  color: #000 !important;
}

.portlet-title .actions > .btn-group > .btn {
  color: #fff;
}

.portlet-body.light-blue, .portlet.light-blue {
  background-color: #bfd5fa  !important;
}

.portlet-body.blue, .portlet.blue {
  background-color: #fff !important;
}

.portlet-body.red, .portlet.red {
  background-color: #e02222 !important;
}

.portlet-body.green, .portlet.green {
  background-color: #35aa47 !important;
}

.portlet-body.purple, .portlet.purple {
  background-color: #852b99 !important;
}

.portlet-body.light-grey, .portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet-body.dark-grey, .portlet.dark-grey {
  background-color: #555555 !important;
}

/*  draggable girds */
.ui-sortable-placeholder { 
  border-color: black; 
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border-color:#DDDDDD;
}

.portlet.solid.red .portlet-title,
.portlet.solid.red .portlet-title i,
.portlet.solid.red .portlet-body,

.portlet.solid.green .portlet-title,
.portlet.solid.green .portlet-title i,
.portlet.solid.green .portlet-body,

.portlet.solid.yellow .portlet-title,
.portlet.solid.yellow .portlet-title i,
.portlet.solid.yellow .portlet-body,

.portlet.solid.grey .portlet-title,
.portlet.solid.grey .portlet-title i,
.portlet.solid.grey .portlet-body,

.portlet.solid.purple .portlet-title,
.portlet.solid.purple .portlet-title i,
.portlet.solid.purple .portlet-body,

.portlet.solid.blue .portlet-title,
.portlet.solid.blue .portlet-title i,
.portlet.solid.blue .portlet-body {
  color: #fff;
}

.portlet.bordered {
  border-left-color:#ddd;
}

/***
Box portlet
***/
.portlet.box .portlet-title {  
  border-bottom-color:#eee;
  color: #fff !important;
}

.portlet.box .portlet-title > .actions > .btn > i {
 color: #fff !important;
}

/* portlet buttons */
.portlet.box .portlet-body {
  background-color: #fff;
}

.portlet.box.blue .portlet-title {
  background-color: var(--color-primary-autodesk-blue);
} 

.portlet.box.blue {  
   border-color:var(--color-primary-autodesk-blue);
}


.portlet.box.red .portlet-title {
  background-color: #e02222;
}

.portlet.box.red {  
  border-color: #ef8476;
}

.portlet.box.yellow .portlet-title {
  background-color: #ffb848;
} 

.portlet.box.yellow {  
  border-color: #fccb7e;
}

.portlet.box.green .portlet-title {
 background-color: #35aa47;
} 

.portlet.box.green {  
  border-color: #77e588;
}

.portlet.box.purple .portlet-title {
 background-color: #852b99;
} 

.portlet.box.purple {  
  border-color: #af5cc1;
}

.portlet.box.grey .portlet-title {
 background-color: #555555;
} 

.portlet.box.grey {  
  border-color:#9d9c9c;
}

.portlet.box.light-grey .portlet-title {
 background-color: #aaa;
} 

.portlet.box.light-grey {  
  border-color: #eee;
}

/***
Chart tooltips
***/
.chart-tooltip {
  background-color: #736e6e !important;
  color: #fff;
}

/***
Custom icon buttons
***/
.icon-btn {
  border-color: #ddd;
  background-color: #fafafa !important;
  color: #646464 !important;
}

.icon-btn:hover {
  border-color: #999 !important;
  color: #444 !important;
}

.icon-btn i {
  color: #777 !important;
}

.icon-btn .glyphicons i:before {  
  color: #777 !important;
}

.icon-btn div {
  color: #000;
}

.icon-btn .badge {
  color: white !important;
}

/* extended dropdowns */
.dropdown-menu.extended {
  background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a{
  background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
  background-color: #f5f5f5;
  color: #000;
}

.dropdown-menu.extended li p{
  background-color: #eee;
  color: #000;
}

.dropdown-menu.extended li a{
  border-bottom-color: #f4f4f4 !important;
}

.dropdown-menu.extended li:first-child a {
  border-bottom-color: #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
  border-top-color: white !important;
  border-bottom-color: #f4f4f4 !important;
}

.dropdown-menu.inbox li a .subject .from {
  color: #02689b;
}

.item-list li {
  border-top-color: white;
  border-bottom-color: #EBEBEB;
}

.item-list li:first-child {
  border-bottom-color: #EBEBEB;
}

/***
Rows seperated form layout
***/
.form-row-seperated .control-group {
  border-bottom-color: #efefef;
}

/***
Bordered form layout
***/
.form-horizontal.form-bordered .control-group:first-child {
  border-bottom-color: #eee !important;
}

.form-horizontal.form-bordered .control-group {
  border-bottom-color: #eee;
}

.form-horizontal.form-bordered .control-group .controls {
  border-left-color: #eee;
}

.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .m-wrap {
  background: #fff !important;
}
  
.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
  background-color: #ffffff;  
}

/***
General forms settings
***/
.crud_required {
  border-color: var(--color-primary-autodesk-blue);
}

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.control-label {
  color: #4f4f4f;
}

.control-label .required {
  color: #e02222;
}

/***
Item block with details shown on hover
***/
.item .details {
  background-color: #000;
  color: #fff !important;
}

/***
Zoom icon overlay on images
***/
.zoom .zoom-icon {
  background-color: #222;
}

/***
Chats
***/
.chats li .name {
  color:#3590c1;
}

.chats li .datetime {
  color:#333;
}
.chats li.in .message {
  border-left-color: #35aa47;
  background: #fafafa 
}

.chats li.in .message .arrow {
  border-right-color: #35aa47;  
}

.chats li.out .message .arrow {
  border-left-color: #da4a38;  
}

.chats li.out .message {
  border-right-color: #da4a38;
  background: #fafafa;
}

.chat-form {
  background-color: #e9eff3;
}

.chat-form .input-cont input{
  border-color: #ddd;
}

.chat-form .input-cont input {
  background-color: #fff !important;
}

.chat-form .input-cont input:focus{
  border-color: #4b8df9 !important;
}

.chat-form .btn-cont .arrow {
  border-right-color: #4d90fe;   
}

.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}

/***
System feeds
***/
.feeds li {
  background-color: #fafafa;
}

.feeds .col2 .date {
  color:#c1cbd0;
}

/***
Accordions
***/
.advanced-fields .accordion-heading {
  color: #4f4f4f;
}

.advanced-fields .accordion-group {
  border-color: rgba(45, 54, 73, 0.35);
}

/***
Vertical inline menu
***/
.ver-inline-menu li i {
  color:#b9cbd5;
  background:#e0eaf0 !important;
}

.ver-inline-menu li a {
  color:#557386;
  background:#f0f6fa;
  border-left-color: #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#169ef4;
  border-left-color: #0c91e5;
}

.ver-inline-menu li.active i {
  background:#0c91e5 !important;  
}

.ver-inline-menu li.active:after {
  border-left-color: #169ef4;
}

/***
Custom tabs
***/
.nav-link.active {
  color: white;
  border: 1px solid var(--color-primary-autodesk-blue);
  background-color: var(--color-primary-autodesk-blue);
}

.nav-link {
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-base);
  background-color: #fff;
  border-radius: 0 !important;
}

.nav-link:hover {
  color: var(--color-primary-autodesk-blue);
  background-color: #f8fafd;
}

.tabbable-custom > .tab-content { 
  background-color: #fff;
  border-top-color: #ddd;  
}

.tabbable-custom .nav-tabs > li > a { 
  color: black;
  background-color: #eeeeee;
 }

 .tabbable-custom .nav-tabs > li > a:hover { 
  background: var(--color-primary-autodesk-blue);
  border-color:transparent;
  color: white;
}

.tabbable-custom .nav-tabs > li.active { 
  border-top-color: var(--color-primary-autodesk-blue); 
}

.tabbable-custom .nav-tabs > li.active > a  { 
  background-color: white;
}

.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent;
  color: black;
}

.tabs-below.tabbable-custom .nav-tabs > li.active { 
  border-bottom-color: #d12610; 
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active { 
  border-left-color: #d12610; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a { 
  border-top-color: #d4d4d4; 
  border-left-color: transparent; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 transparent #d4d4d4 transparent; 
}

.tabs-right.tabbable-custom .nav-tabs > li.active { 
  border-right-color: #d12610; 
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a { 
  border-top-color: #d4d4d4; 
  border-right-color: transparent; 
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 transparent #d4d4d4; 
}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
  color:#424242;
}

/***
Custom portlet tabs
***/
.portlet-tabs .nav-tabs > li.active > a {
  background-color: none !important;
  border-top-color:transparent !important;
}

.portlet-tabs .nav-tabs > li > a:hover {   
  border-bottom-color: transparent;
  border-top-color:transparent;
  background-color: #fff;
}  

.portlet-tabs .nav-tabs > .active > a  {
  color: #555555;
  background-color: #fff;
}

.portlet-tabs .nav-tabs > .active > a:hover {
  background-color: #fff !important;
}

/***
Dashboard stats
***/
.dashboard-stat .visual i,
.dashboard-stat .details .number,
.dashboard-stat .details .desc,
.dashboard-stat .more,
.bottomText {
  color: var(--color-text-primary);
}

.dashboard-stat.grey {
  background-color: var(--color-dashboard-grey);
}

.dashboard-stat.blue {
  background-color: #27a9e3;
}

.dashboard-stat.blue .more { 
  background-color: #208dbe;
} 

.dashboard-stat.green {
  background-color: var(--color-secondary-green);
}

.dashboard-stat.green .more { 
  background-color: #10a062;
} 

.dashboard-stat.red {
  background-color: var(--color-secondary-red);
}

.dashboard-stat.red .more { 
  background-color:#F48686;
} 

.dashboard-stat.yellow {
  background-color: #ffb848;
}

.dashboard-stat.yellow .more { 
  background-color: #cb871b;
} 

.dashboard-stat.purple {
  background-color: #852b99;
}

.dashboard-stat.purple .more { 
  background-color: #6e1881;
} 

.circle-stat {
  background-color: #f8f8f8;
}

.circle-stat:hover {
  background-color: #edf4f7;
}

.circle-stat .details .title i {
  color: #52e136;
}

.circle-stat .details .title i.down {
  color: #b63625;
}

.circle-stat .details .number {
  color: #999;
}

/***
Tiles(new in v1.1.1)
***/
.tile {
  color: #ffffff;
}

.tile-carousel-dashboard {
  background-color: #eee;
  color: #fff;
  border-color: #eee;
}

.tile-carousel-dashboard .announcement-wrapper {
  background-color: #eee;
  color: black;
}

.tile-carousel {
  background-color: #eee;
  color: #fff;
  border-color: #eee;
}

.tile-carousel .announcement-wrapper{
  background-color: #eee;
  color: black;
}

.tile:active, .tile.selected {
  border-color: #ccc;
}

.tile:hover {
  border-color: #aaa;
}

.tile.selected .corner:after {  
  border-right-color: #ccc;
}

.tile * {
  color: #ffffff;
}

.tile-carousel .tile-body,
.tile .tile-body {
  color: #ffffff;
}

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover {
  color: #ffffff;
}

.tile .tile-body p {
  color: #ffffff;
}

.tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}

.tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}

.tile .tile-body p:hover {
  color: #ffffff;
}

.tile .tile-object > .name {
  color: #ffffff;
}

.tile .tile-object > .number {
  color: #ffffff;
}

.color-panel .icon-color:hover {
  background-color:#3d3d3d !important;
}

.color-mode {
  background:#3d3d3d;
}

.color-mode p {
  color:#cfcfcf;
}

.color-mode li {
  border-color: #707070;
}

.color-mode li:hover,
.color-mode li.current {
  border-color: #ebebeb;
}

.color-mode li.color-black {
  background:#333438;
}

.color-mode li.color-blue {
  background:#124f94;
}

.color-mode li.color-brown {
  background:#623f18;
}

.color-mode li.color-purple {
  background:#701584;
}

.color-mode li.color-white {
  background:#fff;
}

.color-mode label {
  color:#cfcfcf;
  border-top-color: #585858;
}

/********************
 PAGES 
*********************/
.portlet.calendar .fc-button {
  color: #fff !important;
  border-color: #ddd;
  background: transparent;
  color: #646464;
}

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666 !important;
  background-color: #F9F9F9 !important;
}

.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd !important;
}

/* begin: event element */
.portlet.calendar .fc-event {
  background-color: #69a4e0;
  color: #fff;
}

.portlet.calendar .fc-event-time {
  color: #fff;
}

.portlet.calendar .fc-event-title {
  color: #fff;
}
/* end: event element */

.portlet.calendar .fc-header-title h2 {
  color: #111;
}

.portlet.calendar .fc-widget-header {
  background-color: #eee !important;
  color:#000;
}


.portlet.calendar .mobile .fc-button {
  background-color: #ddd !important;
  color: #000 !important;
}


.portlet.calendar .mobile .fc-state-hover, 
.portlet.calendar .mobile .fc-state-active {
  background-color: #eee !important;
}

.portlet.calendar .mobile .fc-state-disabled {
  color: #bbb !important;
}

/***
Form wizard
***/
.form-wizard .steps .navbar-inner {  
  background-color: #fff !important;
}

.form-wizard .steps .navbar-inner li a {
  background-color: #fff !important;
}

.form-wizard .step .number {
  background-color: #eee;
}

.form-wizard .active .step .number {
  background-color: #35aa47;
  color: #fff;
}

.form-wizard .done .step .number {
  background-color: #f2ae43;
  color: #fff;
}

.form-wizard .done .step i {
  color: #999;
}

/**************************
 PLUGIN CSS CUSTOMIZATIONS 
**************************/

/***
jqvmap changes
***/
.jqvmap-zoomin {
  background-color: #666 !important;
}

.jqvmap-zoomout {
  background-color: #666 !important;
}

/***
Daterangepicker plugin css changes
***/
.daterangepicker td.active {
  background-color: var(--color-primary-autodesk-blue) !important;
}

/***
Toggle buttons plugin css changes
***/
.toggle-button, 
.toggle-button label {
  border-color: #eee !important;
}

.toggle-button span.labelRight {
  background-color: #eee;
}

/***
Choosen plugin css changes
***/
.chzn-container-single .chzn-single {
  border-color: #e5e5e5;
}

/* enable form validation classes for chosen dropdowns */
.error .chzn-container-single .chzn-single {
  border-color: #B94A48;
}

.error .chzn-container-single .chzn-single span {
  color: #B94A48;
}

.success .chzn-container-single .chzn-single {
  border-color: #468847;
}

.success .chzn-container-single .chzn-single span {
  color: #468847;
}

.chzn-container-single .chzn-search input:focus,
.chzn-container-single .chzn-search input:active {
  border:1px solid #000 !important;
  box-shadow: none !important;
}

.chzn-container .chzn-choices li.search-choice {
  background-color: #eee !important;
}

.chzn-container .chzn-results .highlighted  {
  background-color: #eee !important;
  color: #111 !important;
}

.chzn-container-multi .chzn-choices  {
  border-color: #e5e5e5 !important;
}

.chzn-container .group-result {
  color: #333 !important;
}

/***
Fileuploader plugin css changes
***/
.fileupload .fileupload-preview {
  background-color: #fff !important;
}

/***
CKEditor css changes
***/
.cke_button:hover, 
.cke_combo_button:hover {  
  background-color: #ddd;
}

/***
Dropzone css changes(new in v1.1.1)
***/
.tree a:hover {
  background-color: #eee;
}

/***
jQuery UI Datepicker(new in v1.2.2)
***/
.ui-datepicker.ui-widget-content {
  background: none !important;
  background-color: #eee !important;
}

.ui-datepicker .ui-widget-header {
  background: none !important;
  background-color: #e0e0e0 !important;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-active {
  background-color: #F2F2F2 !important;
  border-color: #F2F2F2 !important;
}

.ui-datepicker .ui-datepicker-title {
  color: #333;
}

.ui-datepicker .ui-datepicker-calendar thead span {
  color: #333 !important;
}

.ui-datepicker .ui-datepicker-week-col {
  color: #333 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  color: #333 !important;
  border-color:#DEDEDE;
  background-color: #DEDEDE !important;
} 

.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  border-color:#ffb848;
  background-color: #ffb848 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  background-color: #FFDBA3 !important;
  border-color:#ffb848;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background-color: #ffb848 !important;
  border-color:#ffb848;
}

.ui-datepicker button.ui-state-default {
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff;
} 

.ui-datepicker button.ui-state-hover {
  border-color: #1d943b !important;
  background-color: #1d943b !important;
  color: #fff !important;
}

/***
jQuery UI Dialogs(new in v1.2.4)
***/
.ui-dialog {
  background-color: #eee !important;
}

.ui-dialog .ui-dialog-titlebar {
  color: #333 !important;
  background-color: #e0e0e0 !important;
}

/*dialog title bg colors*/
.ui-dialog.ui-dialog-blue .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #4b8df8 !important;
}

.ui-dialog.ui-dialog-red .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #e02222 !important;
}

.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #ffb848 !important;
}

.ui-dialog.ui-dialog-green .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #35aa47 !important;
}

.ui-dialog.ui-dialog-purple .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #852b99 !important;
}

.ui-dialog.ui-dialog-grey .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #555555 !important;
}

/*dialog title bg colors*/
.ui-dialog .ui-dialog-content {
  color: #333 !important;
}

.ui-widget-overlay.ui-front {
  background: #333 !important;
}

/***
Horezantal Menu(new in v1.2)
***/
.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  background: #e02222 !important;  
}

.header .hor-menu ul.nav li.active .selected {
  border-top-color: #e02222;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2d2d2d;
}

/*drop-down*/
.header .hor-menu .dropdown-menu {
  background: #2d2d2d;
}

.header .hor-menu .dropdown-menu li > a {
  color: #999;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    color: #fff;
    background: #e02222 !important;
}

/*search*/
.header .hor-menu .search-form {
  background:#101010; 
}

.header .hor-menu .search-form .btn {
  color: #999;
}

.header .hor-menu .search-form form input {
  color: #999;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
}

/***
Dashboard Charts(new in v1.2.1)
***/
.sparkline-chart .title,
.easy-pie-chart .title {
  color: #333;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
}

/***
Top News Blocks(new in v1.2.2)
***/
.top-news {
  color: #fff;
}

/***
Bootstrap Carousel(new in v1.2.2)
***/
.carousel .carousel-caption a {
  color: #fff;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
  color: #555;
  background:#f7f7f7;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
  color:#fff;
  background: #555;
}

ul.sidebar-tags a i {
  color:#777;
}

/***
Responsive tables(new in v1.2.3)
***/
.flip-scroll table { width: 100%; }

@media only screen and (max-width: 800px) {
  .flip-scroll table {border-left-color: #ddd}
  .flip-scroll tbody tr { border-left-color: #ddd; }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child { border-bottom-color: #ddd; }
}

@media only screen and (max-width: 800px) {
  .no-more-tables tr { 
    border-left-color: #ddd; 
    border-bottom-color: #ddd; 
  }
 
  .no-more-tables td { 
    border-bottom-color: #eee; 
  }
}

/***
Bootstrap Datetimepickers Restyle(in v1.2.4)
***/
.datetimepicker table .active {
  background-color: var(--color-primary-autodesk-blue) !important;
}

/***
Bootstrap Datepickers Restyle(in v1.2.4)
***/
.datepicker table .active {
  background-color: var(--color-primary-autodesk-blue) !important;
}

.overlappedproduction,
.overlappedproduction > td {
  background-color: #E5B28D !important;
}

.downtimerow,
.downtimerow td {
  background-color: #FE4042 !important;
}

.downtimerow-planned,
.downtimerow-planned td {
  background-color: #DB8A73 !important;
}

.workertooktime,
.workertooktime td {
  border-top-color: #ffbb55 !important;
}

.quantity-or-time-error,
.quantity-or-time-error td {
  background-color: #F2D7A7 !important;
}

.table-striped tbody > tr.quantity-or-time-error:nth-child(odd) > td,
.table-striped tbody > tr.quantity-or-time-error:nth-child(odd) > th {
  background-color: #F2D7A7 !important;
}

.downtimerow .red{
  color:white;
}

#curPOs .inactiverow {
  color:#888 !important;
}

.login-line {
  border-bottom-color: #e5e5e5;
}

span.input-uom {
  color: #757575;
}

.kanban-board > .kanban-pipeline > .kanban-header > .title {
  color: #29303e;
}

.kanban-board > .kanban-pipeline > .kanban-header > .subtitle {
  color: #575e6d;
}

.kanban-board > .kanban-pipeline .kanban-container {
  background-color: #f4f5f6;
}

.kanban-board > .kanban-pipeline .kanban-container > .kanban-card-small {
  border-color: rgba(45, 54, 73, 0.15);
  background-color: #ffffff;
}

.kanban-board > .kanban-pipeline .kanban-container > .kanban-card-small .subtitle {
  color: #575e6d;
}

/*
* FIELDSETS
*/
.fieldset {
  border-color: rgba(45, 54, 73, 0.35);
}

.fieldset .row-label {
  background-color: #ffffff;
}

.fieldset .row-label > .row-label-checkbox > label {
  font-size: inherit;
  display: inline;
  float: right;
  text-transform: inherit;
}

.fieldset.disabled > div {
  opacity: 0.4;
  pointer-events: none;
}

.tree-link {
  border-left-color: rgba(45, 54, 73, 0.35);
  border-color: rgba(45, 54, 73, 0.35);
}

.fieldset.error {
  border: solid 1px #ff7070;
}

.crudField .fieldset.error  {
  font-weight: inherit !important;
  color: inherit !important;
}

.fieldset.order-content .icon-trash,
.fieldset.shipment-receiving-row .icon-trash,
.fieldset-content .icon-trash {
  color: rgba(45, 54, 73, 0.8);
}

.fieldset.order-content .icon-trash:hover,
.fieldset.shipment-receiving-row .icon-trash:hover,
.fieldset-content .icon-trash:hover {
  color: #E6515B;
}

.table.wrapper {
  border-color: rgba(45, 54, 73, 0.35);
}

/*
* COLORS
*/
.prod-light-blue-txt {
  color: var(--color-text-secondary);
}

/*
* TOOLTIPS
*/
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow {
  border-left-color: var(--color-background-dark-grey) !important;
  border-right-color: var(--color-background-dark-grey) !important;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.top .tooltip-arrow {
  border-top-color: var(--color-background-dark-grey) !important;
  border-bottom-color: var(--color-background-dark-grey) !important;
}

.tooltip-inner {
  background-color: var(--color-background-dark-grey) !important;
  color: var(--color-text-inverse);
}

.error-tooltip.right .tooltip-arrow,
.error-tooltip.bottom .tooltip-arrow,
.error-tooltip.top .tooltip-arrow {
  border-top-color: var(--color-background-dark-grey) !important;
  border-bottom-color: var(--color-background-dark-grey) !important;
}

.error-tooltip .tooltip-inner {
  color: red;
  background-color: #fff8f8 !important;
  border-color: solid 2px #ff7070;
}

a.btn.mini:hover span{
  color: #4f4f4f;
  background-color: #f8fafd;
  border-color:#80a6e1;
  color: #4f4f4f;
}

/*
* BUTTONS
*/


/*  Primary */
.btn.primary {
  color: white;
  background-color: var(--color-primary-autodesk-blue);
}
.btn.primary:hover,
.btn.primary:focus {
  background-color: var(--color-primary-dark-blue-hover) !important;
}
.btn.primary:active,
.btn.mini.primary.active{
  background-color: var(--color-primary-dark-blue-hover);
}

/*  Secondary */
.secondary {
  background-color: #ffffff;
  border-color: var(--color-primary-autodesk-blue);
  color: var(--color-primary-autodesk-blue);
}

.btn.secondary:hover,
.btn.secondary:focus {
  background-color: #eae9f6 !important;
  border-color: var(--color-primary-autodesk-blue);
  color: var(--color-primary-autodesk-blue);
}

.btn.secondary.active,
.btn.secondary:active,
.btn.secondary:clicked {
  color: #ffffff;
  background-color: var(--color-primary-autodesk-blue);
}

/* Link */
.btn.link
{
  background-color: #ffffff;
  color: var(--color-primary-autodesk-blue);
}


.btn.link:hover,
.btn.link:focus,
.btn.link:active{
  background-color: #f8f8f8 !important;
  color: var(--color-primary-autodesk-blue);
}

.btn.mini.flat {
  background-color: transparent;
  color: var(--color-primary-autodesk-blue);
  font-size: 11px !important;
}
.btn.mini.flat:hover,
.btn.mini.flat:focus{
  background-color: #f8f8f8;
  color: #80a6e1;
}

.btn.mini.flat:active{
  background-color: #f3f3f3;
  color: #774ea8;
}

.mini.flat.disabled, .mini.flat[disabled] {
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.4;
}

/*  Red */
.btn.red {
  color: var(--color-button-red);
  text-shadow: none;
  background-color: white;
  border: 1px solid var(--color-button-red);
}
.btn.red:hover,
.btn.red:focus,
.btn.red:active,
.btn.red.active,
.btn.red[disabled],
.btn.red.disabled {
  background-color: var(--color-button-red) !important;
  color: #fff !important;
}

/*  Blue */
.btn.transparent
{
  color: black;
  text-shadow: none;
  background-color: transparent;
}

.btn.blue {
  color: white !important;
  text-shadow: none;
  background-color: var(--color-primary-autodesk-blue);
}
.btn.blue:hover,
.btn.blue:focus,
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {
  background-color: var(--color-primary-dark-blue-hover) !important;
  color: #fff !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;
  background-color: var(--color-secondary-green);
}
.btn.green:hover,
.btn.green:focus,
.btn.green:active,
.btn.green.active,
.btn.green.disabled,
.btn.green[disabled]{
  background-color: #1d943b !important;
  color: #fff !important;
}

/*  Yellow */
.btn.yellow {
  color: white;
  text-shadow: none;
  background-color: #ffb848 !important;
}
.btn.yellow:hover,
.btn.yellow:focus,
.btn.yellow:active,
.btn.yellow.active,
.btn.greeyellown.disabled,
.btn.yellow[disabled]{
  background-color: #ffb848 !important;
  color: #fff !important;
}

.btn.DTTT_button_copy,
.btn.DTTT_button_csv,
.btn.DTTT_button_text {
  background-color: #f3f3f3;
  border-color: #ececec !important;
}

button.ColVis_Button {
  background-color: #f3f3f3 !important;
  border-color: #ececec !important;
}

/***
Navigation Tabs
***/
.nav-tab {
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-base);
  background-color: #fff;
}

.nav-tab a {
  color: #4f4f4f;
}

.nav-tab.active {
  color: white;
  background-color: var(--color-primary-autodesk-blue);
  border: 1px solid var(--color-primary-autodesk-blue);
}

.nav-tab.active a {
  color: white;
}

.nav-tab:hover {
  color: var(--color-primary-autodesk-blue);
  background-color: #f8fafd;
}

/***
DateTimePicker
***/

[class*=" datetimepicker-dropdown"]:after {
  border-bottom-color: #ffffff !important;
}

[class*=" datetimepicker-dropdown"]:before {
  border-bottom-color: var(--color-primary-autodesk-blue) !important;
}

.datetimepicker table thead {
  border-bottom-color: rgba(45, 54, 73, 0.15);
}


.datepicker table thead tr th.switch,
.datetimepicker table thead tr th.switch {
  color: #4f4f4f;
}

.datepicker table thead tr th.dow,
.datetimepicker table thead tr th.dow {
  color: rgba(45, 54, 73, 0.8);
}

.datepicker table thead tr i,
.datetimepicker table thead tr i {
  color: rgba(45, 54, 73, 0.35);
}

.datetimepicker table tr td.today {
  background: white !important;
  border-color: black;
  border-color: black !important;
}

.datetimepicker table tbody tr td.day.active {
  background-color: var(--color-primary-autodesk-blue) !important;
  text-shadow: none !important;
}

.datetimepicker table tr td span.hour.active,
.datetimepicker table tr td span.minute.active {
  background-color: var(--color-primary-autodesk-blue) !important;
}

.datetimepicker.dropdown-menu {
  background: #FFFFFF;
  border-color: var(--color-primary-autodesk-blue);
}

/***
Dropdowns
***/
.dropdown-menu {
  border-color: #eeeeee;
}

.header .nav .dropdown-menu {
  border-left-color: #eeeeee;
  border-right-color: #eeeeee;
  border-bottom-color: #eeeeee;
}

.dropdown-menu .divider {
  background-color: #f8f8f8;
}

.dropdown-menu li > a {
  color: #4f4f4f;
}

/* Behaves as a <br>, is added in the scanQrCode message */
span.message-break {
  display: block;
}

/* <br> behavior is removed in the backoffice top-right dropdown */
.dropdown-menu li > a#scanQrCode > span.message-break {
  display: inline;
}

/* Adds a space because the message does not add it */
.dropdown-menu li > a#scanQrCode > span.message-break::before {
  content: " ";
}

.dropdown-menu li > a:focus,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu li.dropdown-with-checkboxes:hover,
.fops-dropdown-content li:hover {
  background-color: #f3f3f3;
  color: #333;
}

.dropdown.open .dropdown-toggle {
  color: #08c;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}

/***
Forms
***/

/*
 * INPUT
 */
.uneditable-input,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  color: rgba(45,54,73,0.8);
  background: #FFFFFF;
  border-color: rgba(45,54,73,0.35);
}

input[type="text"].disabled,
input[type="text"][disabled],
input[type="text"][class*="datetime"].disabled,
input[type="text"][class*="datetime"][disabled] {
  background-color: #eee;
}

input[type="text"][class*="datetime"] {
  background-color: white;
}

input[type="text"].hasError,
input[type="password"].hasError,
input[type="datetime"].hasError,
input[type="datetime-local"].hasError,
input[type="date"].hasError,
input[type="month"].hasError,
input[type="time"].hasError,
input[type="week"].hasError,
input[type="number"].hasError,
input[type="email"].hasError,
input[type="url"].hasError,
input[type="search"].hasError,
input[type="tel"].hasError,
input[type="color"].hasError {
  color: red;
  background-color: #fff8f8;
  border-color: solid 2px #ff7070;
}

/*
*
* WYSIWYG editor
*
*/
.trumbowyg-box {
  background-color: #ffffff !important;
  border-color: rgba(45, 54, 73, 0.35) !important;
}


.uneditable-input.focus,
textarea:focus,
.chosen-container-active > ul.chosen-choices,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
.m-uneditable-input:focus {
  border: solid 1px #80a6e1;
  caret-color: #80a6e1;
  outline: 0 !important;
  /* IE6-9 */
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

/*
 * SELECT / INPUT
 */
select,
.select2-container,
.chosen-container-multi .chosen-choices {
  color: #4f4f4f;
  background-color: #ffffff;
  border-color: rgba(45, 54, 73, 0.35);
}

select:focus,
.select2-container.select2-container-active,
.select2-container.select2-dropdown-open {
  border-color: #6590EF;
  caret-color: #6590EF;
}

.select2-results .select2-highlighted {
  color: rgba(45, 54, 73, 0.8) !important;
  background: #E0E9FC !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.select2-container-multi .select2-choices .select2-search-field input {
  color: rgba(45, 54, 73, 0.35) !important;
}

.chosen-container-multi .chosen-choices li.search-choice,
.select2-container-multi .select2-choices .select2-search-choice {
  border-color: rgba(45, 54, 73, 0.8) !important;
  color: rgba(45, 54, 73, 0.8) !important;
}

.input-append .add-on,
.input-prepend .add-on {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}


/*
* CHOSEN
*/
.chosen-container-multi .chosen-results {
  color: rgba(45, 54, 73, 0.8);
}

.chosen-container .chosen-results li.highlighted {
  color: #4f4f4f;
  background-color: #f3f3f3;
}

/*
 * FILE UPLOAD/DRAG
 */
.file-area {
  height: 150px;
  position: relative;
  border: 1px dashed rgba(45, 54, 73, 0.35);
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
}

.file-area input[type=file] {
  position: absolute;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.file-area:hover {
  background: #fafcff;
  border: 1px solid #6590ef;
}

.file-area .invalid-file {
  color: #e6515b;
  font-size: 12px;
  font-weight: bold;
}

.file-area .file-message {
  color: rgba(45, 54, 73, 0.55);;
  font-size: 16px;
  font-weight: 400;
}

.file-area .file-dummy {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: background 0.3s ease-in-out;
  text-align: center;
  flex-direction: column;
}

.file-list {
  border: 1px solid rgba(45, 54, 73, 0.35);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
}

.file-list .files-header {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #29303e;
  border-bottom: 1px solid rgba(45, 54, 73, 0.35);
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.file-list .files-header h4 {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #29303e;
  display: inline;
}

.file-list .files-header a {
  text-decoration: none;
}

.file-list #files-placeholder {
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #29303e;
}

.file-list .file div.preview {
  float:left;
  width: 50px;
  color: #666;
  font-size: 40px;
  text-align: center;
  padding-top: 4px;
}

.file-list p {
  font-size: 14px;
  margin-bottom: 0px;
}

.file-list .file:first-child {
  border-top: none;
}

.file-list .file {
  border-left: 4px solid white;
  border-top: 1px solid rgba(45, 54, 73, 0.35);
  padding: 5px;
}

.file-list .file:hover {
  border-left: 4px solid var(--color-primary-autodesk-blue);
}

.file-list .file .toggle {
  float: right;
  text-decoration: none;
  margin-left: 10px;
  font-size: 28px;
}

.file-list .file:hover .toggle a {
  display: block;
}

.file-list .file .toggle a {
  text-decoration: none;
  color: grey;
  display: none;
  cursor: pointer;
}

.file-list .file .toggle a.active{
  color: green;
  display: block;
}

.file-list .file .info{
  color: grey;
}

.file-list .file .name{
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.file-list .file:hover .actions{
  opacity: 1;
}

.file-list .file .actions{
  text-decoration: none;
  opacity: 0;
}

.file-list .file .actions a{
  margin: 4px;
  text-decoration: none;
}

.file-list .file .actions a:hover{
  text-decoration: none;
  cursor: pointer;
}

.file-list .file .actions .delete{
  float: right;
  color: #d84a38;
}

/***
ALERTS
***/
.alert {
  background-color: #fff8f8;
  border-color: #fe8484;
  color: #ff7070 !important;
}

.alert.alert-info {
  background-color: #f8fafd !important;
  border-color: var(--color-primary-autodesk-blue) !important;
  color: var(--color-primary-autodesk-blue) !important;
}

.alert.alert-info h4 {
  color: var(--color-primary-autodesk-blue) !important;
}

.alert.alert-success {
  background-color: #f6fdfb !important;
  border-color: #4ddaba !important;
  color: #4ddaba !important;
}

.alert.alert-success h4 {
  color: #4ddaba !important;
}

.alert h4 {
  color: #ff7070 !important;
}

/***
PROGRESS BARS
***/
.progress {
  background-color: #e0e0e0;
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger,
.progress-danger .bar,
.progress .bar-danger {
  background-image: var(--color-gradient-red);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success,
.progress-success .bar,
.progress .bar-success {
  background-image: var(--color-gradient-green);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info,
.progress-info .bar,
.progress .bar-info {
  background-image: var(--color-primary-autodesk-blue);
}

/***
Custom label and badges
***/
.label-success,
.badge-success {
  background-color: var(--color-secondary-green);
  background-image: none !important;
  text-shadow: none !important;
}

.label-warning,
.badge-warning {
  background-color: var(--color-secondary-yellow);
  background-image: none !important;
  text-shadow: none !important;
}

.label-important,
.badge-important {
  background-color: var(--color-secondary-red);
  background-image: none !important;
  text-shadow: none !important;
}

.label-info,
.badge-info {
  background-color: #57b5e3;
  background-image: none !important;
  text-shadow: none !important;
}

.label-default  {
  background-color: #999 !important;
  text-shadow: none !important;
}

/*
* Checkboxes
*/

/* Customize the label (the container) */

/* Customize the label (the container) */
.crud_boolean > label .checker,
label.checkbox .checker {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(45, 54, 73, 0.35);
}

.crud_boolean > label .checker.disabled,
label.checkbox .checker.disabled,
div.settings-field-row.disabled .checker {
  background-color: #f8f8f8;
  border-color: #f0f0f0;
}

.crud_boolean > label .checker:not(.disabled):hover,
label.checkbox .checker:not(.disabled):hover,
div.settings-field-row:not(.disabled) .checker:hover {
  background-color: white;
  border-color: var(--color-primary-autodesk-blue);
}

.crud_boolean > label .checker span.checked,
label.checkbox .checker span.checked {
  background: var(--color-primary-autodesk-blue);
}

.crud_boolean > label .checker.sodabled span.checked,
label.checkbox .checker.disabled span.checked,
div.settings-field-row.disabled .checker span.checked {
  background: var(--color-secondary-light-grey);
}

/*
* Radio Buttons
*/

/* Customize the radio (the container) */
label.radiobtn .radio {
  background-color: #ffffff;
  border-color: #bbbbbb;
}

label.radiobtn .checker:hover {
  background-color: #f8fafd;
  border-color: #80a6e1;
}

label.radiobtn .radio span.checked {
  border-color: var(--color-primary-autodesk-blue);
  background: var(--color-primary-autodesk-blue);
}

/*
* CRUD
*/
.label.label-none {
  background-color: #f3f3f3;
  color: #7c7c7c;
}

.label.label-low {
  background-color: #d7e3f4;
  color: #4d84d5;
}

.label.label-medium {
  background-color: #fba56b36;
  color: #f97f22;
}

.label.label-high {
  background-color: #ffdbdb;
  color: #ff7070;
}

.label.label-green {
  background-color: #eefbf8;
  color: #4ddaba;
}

.segmented-control ul>li>span {
  background-color: #ffffff;
  border-color: #bbbbbb;
}

.segmented-control.disabled ul>li>span {
  background-color: #f8f8f8;
}

.segmented-control ul>li.selected>span {
  background-color: var(--color-primary-autodesk-blue);
  border-color: var(--color-primary-autodesk-blue);
  color: #ffffff;
}

.segmented-control ul>li:not(.selected):hover>span {
  background-color: #f8fafd;
  border-color: var(--color-primary-autodesk-blue);
  color: var(--color-primary-autodesk-blue);
}

/* incremental fieldsets */

.incremental-fieldset .row h4.row-label {
  background-color: #ffffff;
}

.incremental-fieldset .row.error {
  border-color: #ff7070;
}

/* new design dashboard tiles */
.dashboard-stat2 {
  background-color: #FFFFFF;
  border-color: rgba(45, 54, 73, 0.6);
  color: rgba(45, 54, 73, 0.8);
}

.dashboard-stat2 > .stat-header {
  color: white;
  background-color: rgba(45, 54, 73, 0.8);
}

.dashboard-stat2 > .stat-header > .left {
  color: #FFFFFF;
}

.dashboard-stat2 > .stat-header > .right {
  color: #FFFFFF;
}

.dashboard-stat2 > .text > .main {
  color: rgba(45, 54, 73, 0.8);
}

.dashboard-stat2 > .text > .details {
  color: rgba(45, 54, 73, 0.55);
}

.dashboard-stat2 > .stat-footer {
  color: rgba(45, 54, 73, 0.55);
}

.group-field-header {
  color: #29303e;
}

.explorer {
  border-right-color:  rgba(45, 54, 73, 0.35);
  color: rgba(45,54,73,0.8);
}

.file-explorer-row {
  background-color: rgba(128, 128, 128, 0);
  border-bottom-color: rgb(238, 238, 238);
}

.file-explorer-row:hover {
  color: #6590ef !important;
  background: #e0e0e0 !important;
}

.file-explorer-row:focus {
  color: #6590ef !important;
  background: #e0e0e0 !important;
}

.error #create-product-modal {
  color: rgba(45,54,73,0.8);
}

/***
Page header
***/

.header .nav > li.dropdown,
.header .nav > li.dropdown > a {
  color: #4f4f4f;
}

.header .navbar-inner {
  background-color: var(--color-top-bar);
}

.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle,
.header .nav > li.dropdown.user .dropdown-toggle:hover {
  background-color: var(--color-nav-button-hover) !important;
}


.header .nav li.dropdown .dropdown-toggle i {
  color: #4f4f4f;
}

/***
Page sidebar
***/
/* 1st level */
.page-sidebar > ul {
  background-color: var(--color-left-nav-base);
  color: var(--color-text-primary);
}

.page-sidebar > ul > li > a {
  color: var(--color-text-primary);
  font-weight: 400;
}

.page-sidebar > ul > li.active {
  background-color: var(--color-left-nav-active);
}

.page-sidebar > ul > li.active > a {
  font-weight: 700;
}

/* 1st level management */
.page-sidebar > ul > li.dashboard,
.page-sidebar > ul > li.dashboard.active > ul.sub-menu > li,
.page-sidebar > ul > li.analytics,
.page-sidebar > ul > li.analytics.active > ul.sub-menu > li,
.page-sidebar > ul > li.management,
.page-sidebar > ul > li.management.active > ul.sub-menu > li,
.page-sidebar > ul > li.reports,
.page-sidebar > ul > li.reports.active > ul.sub-menu > li,
.page-sidebar > ul > li.recommendedActions,
.page-sidebar > ul > li.recommendedActions.active > ul.sub-menu > li {
  background-color: var(--color-left-nav-collapsed-1);
}

/* 3rd level */
.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li {
  background-color: var(--color-left-nav-active);
}

.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
  font-weight: 400;
  color: var(--color-text-primary);
}

.page-sidebar > ul > li > ul.sub-menu > li > ul.sub-menu > li.active > a {
  font-weight: 700;
}

/* Carets */
.page-sidebar ul > li > a > .arrow:before,
.page-sidebar > ul > li > a > .arrow.open:before {
   color: var(--color-left-nav-caret-active) !important;
}

.page-sidebar ul > li.active > a .arrow:before,
.page-sidebar > ul > li.active > a .arrow.open:before {
   color: var(--color-left-nav-caret-active) !important;
}

.page-sidebar > ul > li > ul.sub-menu  li > ul.sub-menu > li.active > a,
.page-sidebar > ul > li > ul.sub-menu  li > ul.sub-menu > li > a:hover,
.page-sidebar > ul > li > ul.sub-menu  li.open > a  {
  color: var(--color-left-nav-caret-active) !important;
  background: var(--color-nav-button-hover) !important;
}

.page-sidebar > ul > li > ul.sub-menu  a .arrow:before,
.page-sidebar > ul > li > ul.sub-menu  a .arrow.open:before {
   color: var(--color-left-nav-caret-collapsed) !important;
}

/* sidebar search */

.page-sidebar .sidebar-search input{
  background-color: #3d3d3d  !important;
  color: #bababa !important;
}

.page-sidebar .sidebar-search .input-box {
  border-bottom-color: #959595  !important;
}

/***
Sidebar toggler
***/

/* search box bg color on expanded */
.sidebar-closed .page-sidebar .sidebar-search.open {
  background-color: #3d3d3d !important;
}

/* sub menu bg color on hover menu item */
.sidebar-closed .page-sidebar > ul > li:hover .sub-menu {
  background-color: #3d3d3d;
}

/***
Horizontal Menu(new in v1.2)
***/

/*search*/
.header .hor-menu .search-form {
  background:#101010;
}

.header .hor-menu .search-form .btn {
  color: #999;
}
.header .hor-menu .search-form form input {
  color: #999;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}


/***
Landscape phone to portrait tablet
***/
@media (max-width:979px) {
  /***
  page sidebar
  ***/
  .page-sidebar {
    background-color: #232427 !important;
  }

  .header .nav > li.dropdown, .header .nav > li.dropdown > a {
    color: var(--color-icon-default);
  }

  .dropdown.user .username span {
    color: var(--color-icon-default) !important;
  }

  .header .nav li.dropdown .dropdown-toggle i {
    color: var(--color-icon-default) !important;
  }

  .header .nav .dropdown-toggle:hover,
  .header .nav .dropdown.open .dropdown-toggle,
    {
    background-color: var(--color-nav-button-hover) !important;
  }

  .page-sidebar .sidebar-search input{
    background-color: #232427  !important;
  }
}

@media (min-width: 980px) {

  .nav-collapse.collapse {
    background-color: #eeeeee;
  }
}

.hand-error {
  color: red;
  display: block;
}

.header .nav li.dropdown .dropdown-toggle i.currentHomepage {
  color: green !important;
}

#ProductionOrdersTable tbody tr.inactiverow td:first-child,
.orders-table tbody tr.inactiverow td:first-child {
  border-left: 6px solid grey !important;
}
#ProductionOrdersTable tbody tr td:first-child,
.orders-table tbody tr td:first-child {
  border-left: 6px solid var(--color-secondary-green) !important;
}

small.grey {
  color: grey;
}

/* Machine Status */

.machine {
  background-color: #4b8df8;
}
.machine.available {
  background-color: #4b8df8;
}
.machine.running,
.machine.working {
  background-color: #28b779;
}
.machine.stopped {
  background-color: #e7191b;
}
.machine.plannedStop {
  background-color: #ff6060;
}

/* Worker status */

.worker {
  background-color: #4b8df8;
}
.worker.loading {
  background-color: #555555;
}
.worker.available {
  background-color: #4b8df8;
}
.worker.working {
  background-color: #28b779;
}
.worker.stopped {
  background-color: #e7191b;
}
.worker.noScheduleToday {
  background-color: #555555;
}
.worker.shiftNotStarted {
  background-color: #555555;
}
.worker.noRecordsToday {
  background-color: #e8a317;
}
.worker.shiftEnded {
  background-color: #555555;
}
.worker.tile .tile-object .number.noRecords {
  background-color: #e8a317;
  color: white;
}

input.error,
select.error,
.select2-container.error,
.chosen-container-multi.error,
.chosen-choices.error {
  border-color: red;
}

#phoneToggle.showing,
#chat-toggle.showing {
  color: white !important;
}

.warning {
  color: #ec9d00;
}

.priceBox {
  background: #e5e5e5;
}

.priceBox .oldPrice {
  color: #666;
}

.discount .text {
  color: #1d943b;
}

.discount .value {
  color: #1d943b;
}

#topbar a {
  color: white;
}

#topbar.pastDue {
  color: white;
  background-color: #8b0000;
}

#topbar.displayRebrandingReconnect,
#topbar.trialExpiring {
  color: white;
  background-color: #4d90fe;
}

#topbar.warning {
  background-color: #8b0000;
}

#sortable .sortable-btn {
  background-color: #e5e5e5;
}

#companyNameAndSector {
  color: var(--color-text-primary);
}

.totals-row {
  background-color: rgb(221, 221, 221);
}

a .parameter-value {
  color: black;
}

#reportList label.btn.black-stripe.inline-checkbox {
  background-color: #f5f5f5;
}

font.red {
  color: #ff0000;
}


/* Production orders listing */
.status-label.green {
  color: var(--color-secondary-green);
}

.status-label.red,
.icon-cogs.red {
  color: var(--color-secondary-red);
}

.status-label.blue {
  color: var(--color-primary-autodesk-blue);
}

.status-label.grey {
  color: var(--color-secondary-light-grey);
}

.icon-warning-sign {
  color: var(--color-secondary-yellow);
}

/* Client Orders listing */
.inStock {
  color: var(--color-secondary-green);
}

.notAvailable {
  color: var(--color-secondary-red);
}

.showDetailedShippingInfo{
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap;
}

.deletebtn {
  color: var(--color-secondary-red);
}

i.green {
  color: var(--color-secondary-green);
}

i.red {
  color: var(--color-secondary-red);
}

#filtros,
.filtros {
  border-color: var(--color-primary-autodesk-blue);
  color: #333;
}

/* Wayfair integration setup */
img#howto:hover {
  cursor: zoom-in;
}

img#howto.zoomedIn:hover {
  cursor: zoom-out;
}

/* Accounting integrations screen */
.integrations-event-checkbox {
  text-align: center !important;
}

.integrations-event-checkbox label {
  display: inline;
}

.integrations-field-row {
  margin-top: 5px;
  margin-bottom: 5px;
}

.list-page-notes {
  background-color: var(--color-background-grey);
}

/* Tristate checkbox START */
.fops-tri-state {
  opacity: 1;
  max-width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: white;
  border: solid 1px #80808080;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.fops-tri-state.fops-checked {
  background-color: var(--color-primary-autodesk-blue);
  border: solid 1px var(--color-primary-autodesk-blue);
}

.fops-tri-state:hover {
  cursor: pointer;
}

.fops-tri-state-icon-style {
  color: var(--color-primary-autodesk-blue);
  pointer-events: none;
}

.fops-icon-tri-state-check {
  content:url("/public/images/icons/other/tri-state-check_ca39327a96842eae6d4a0a0c3b2d75a6.svg");
}

.fops-icon-tri-state-minus {
  content:url("/public/images/icons/other/tri-state-minus_f8b9d82ddd85bd4a4061f69a704bed9e.svg");
}

/* Tristate checkbox END */

/* Override OLD DataTables START */
.table thead tr th {
  color: #4f4f4f;
  background-color: #FFFFFF;
}

.table-advance thead tr th{
  background-color: #FFFFFF;
  color: #7c7c7c;
}

.table-advance td.highlight div.success {
  border-left-color: #66ee66;
}

.table-advance td.highlight div.info {
  border-left-color: #87ceeb;
}

.table-advance td.highlight div.important {
  border-left-color: #f02c71;
}

.table-advance td.highlight div.warning {
  border-left-color: #fdbb39;
}

.table-advance td.highlight div.danger {
  border-left-color: #e23e29;
}

.table-toolbar {
  background-color: #eee;
}

.table-striped tbody > tr:nth-child(odd).row_selected > td,
.table-striped tbody > tr:nth-child(odd).row_selected > th {
  background-color: rgba(249, 249, 249, 0);
}

table.selectable.dataTable tr.odd.row_selected {
  background-color: #9fafd1 !important;
}

table.selectable.dataTable tr.even.row_selected {
  background-color: #b0bed9 !important;
}
/* Override OLD DataTables END */


/*
 * Override DataTables START
 * When old tables are removed we should remove the .dataTable class from tables
*/
.primary-text-color {
  color: var(--color-autodesk-blue);
}

table {
  background-color: white;
}

table.dataTable {
  color: var(--color-text-primary);
}

table.dataTable.display > tbody > tr > * {
  border-top: none;
}

table > thead > tr > th,
table.dataTable > thead > tr > th,
table.dataTable > tbody > tr {
  background-color: white;
  border-bottom: solid 1px var(--dt-row-line);
}

div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: none;
}

table.dataTable tbody tr:hover > td {
  background-color: var(--dt-row-hover);
}

/* Override datatable rules for selected rows */
table.dataTable > tbody > tr.selected a {
  color: var(--color-primary-autodesk-blue);
}

table.dataTable > tbody > tr.selected > *,
table.dataTable > tbody > tr:nth-child(odd) > *,
table.dataTable > tbody tr > td {
  box-shadow: none !important;
  color: var(--color-text-primary);
  border-bottom: solid 1px var(--dt-row-line);
}

/* Do not highlight columns while sorting */
table.dataTable > tbody > tr > td.dtcr-moving-first,
table.dataTable > tbody > tr > td.dtcr-moving-last {
  border: none;
}

table.dataTable > tbody > tr > td.dtcr-moving {
  background-color: white;
}

/* Pagination */
div.dt-container .dt-paging .dt-paging-button,
div.dt-container .dt-paging .dt-paging-button:hover {
  background: none;
  border: none;
  color: var(--color-text-primary) !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
  background-color: #f8f8f8;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: white !important;
  background-color: var(--color-primary-autodesk-blue);
}

/*
 * Custom tables inside datatables
 * These tables will currently have custom CSS but the tables should always look as the datatables
 */
table.dataTable .info-table th {
  color: #7c7c7c;
}

table.dataTable .info-table tbody > tr:last-child {
  border-bottom: none;
  background-color: transparent;
}

table.dataTable .detailedInfoRow table > tbody > tr > td,
table.dataTable .info-table tbody > tr > td,
table.dataTable .info-table tbody > tr > th {
  border-top: 1px solid #f8f8f8;
}

#production-orders-table:not(:has(.dt-empty)) tbody tr td:first-child {
  border-left: 6px solid var(--color-secondary-green);
}

#production-orders-table tbody tr.inactiverow td:first-child {
  border-left: 6px solid #989898;
}
/* Override DataTables END */