.table th {
    background-color: #004f51 !important;
    border-top: 1px solid #004f51 !important;
}

.nav-tabs-top>.nav .nav-link.active,
.nav-tabs-top>div>.nav .nav-link.active {
    border-bottom-color: #004f51;
    background: #004f51 !important;
}

.text-primary {
    color: #004f51 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #004f51 !important;
}

a {
    color: #004f51;
}

a:hover {
    color: #004f51;
}

.bg-primary {
    background-color: #004f51 !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #004f51 !important;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #004f51 !important;
}

.bg-primary[href]:hover,
.bg-primary[href]:focus {
    background-color: #004f51;
}

.btn .bg-primary {
    background: #004f51 !important;
    border-color: #004f51 !important;
}

.badge-outline-primary {
    box-shadow: 0 0 0 1px #004f51 inset;
    color: #004f51;
}

.badge-outline-primary[href]:hover,
.badge-outline-primary[href]:focus {
    color: #004f51;
}

.btn .badge-outline-primary {
    box-shadow: 0 0 0 1px #004f51 inset !important;
    color: #004f51 !important;
}

.progress-bar {
    background-color: #004f51;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    border-color: #004f51;
    background-color: #004f51;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    border-color: #004f51;
    background-color: #004f51;
}

.alert-dark-primary {
    background-color: #004f51;
}

.callout-primary {
    border-color: #004f51 !important;
}

.tooltip-primary .tooltip-inner,
.tooltip-primary>.tooltip .tooltip-inner,
.ngb-tooltip-primary+ngb-tooltip-window .tooltip-inner {
    background: #004f51;
}

.tooltip-primary.bs-tooltip-top .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-top .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-top .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #004f51;
}

.tooltip-primary.bs-tooltip-right .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-right .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-right .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #004f51;
}

.tooltip-primary.bs-tooltip-bottom .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-bottom .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #004f51;
}

.tooltip-primary.bs-tooltip-left .arrow::before,
.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-left .arrow::before,
.tooltip-primary>.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-left .arrow::before,
.ngb-tooltip-primary+ngb-tooltip-window.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #004f51;
}

.popover-primary,
.popover-primary>.popover,
.ngb-popover-primary+ngb-popover-window {
    background: #004f51;
}

.popover-primary.bs-popover-top>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="top"]>.arrow::after,
.popover-primary>.popover.bs-popover-top>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="top"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-top>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="top"]>.arrow::after {
    border-top-color: #004f51;
}

.popover-primary.bs-popover-right>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="right"]>.arrow::after,
.popover-primary>.popover.bs-popover-right>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="right"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-right>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="right"]>.arrow::after {
    border-right-color: #004f51;
}

.popover-primary.bs-popover-bottom>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.popover-primary>.popover.bs-popover-bottom>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="bottom"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-bottom>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
    border-bottom-color: #004f51;
}

.popover-primary.bs-popover-left>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="left"]>.arrow::after,
.popover-primary>.popover.bs-popover-left>.arrow::after,
.popover-primary>.popover.bs-popover-auto[x-placement^="left"]>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-left>.arrow::after,
.ngb-popover-primary+ngb-popover-window.bs-popover-auto[x-placement^="left"]>.arrow::after {
    border-left-color: #004f51;
}

.btn-outline-primary {
    border-color: #004f51;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: #004f51 !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border-color: #004f51 !important;
    color: #004f51 !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show>.btn-outline-primary.dropdown-toggle {
    background: #004f51;
}

.btn-outline-primary .badge {
    background: #004f51;
    border-color: #004f51;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
    color: #004f51;
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    background-color: #004f51;
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
    background-color: #004f51;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: #004f51;
}

.tabs-alt.nav-tabs .nav-link.active,
.tabs-alt.nav-tabs .nav-link.active:hover,
.tabs-alt.nav-tabs .nav-link.active:focus,
.tabs-alt>.nav-tabs .nav-link.active,
.tabs-alt>.nav-tabs .nav-link.active:hover,
.tabs-alt>.nav-tabs .nav-link.active:focus {
    box-shadow: 0 -2px 0 #004f51 inset;
}

.custom-control .custom-control-input:focus~.custom-control-label::before,
.custom-control .custom-control-input:active~.custom-control-label::before {
    border-color: #004f51;
}

.custom-control.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.custom-control.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: #004f51;
    background-color: #004f51;
}

.custom-file-input:focus~.custom-file-label {
    border-color: #004f51;
}

.form-control:focus,
.form-control.focus,
.form-select:focus {
    border-color: #004f51;
}

.footer.bg-primary {
    background-color: #004f51 !important;
}

.fill-primary {
    fill: #004f51;
}

.slider-primary .slider-selection,
.slider-primary .slider-reversed .slider-track-high,
.slider-primary.slider-reversed .slider-track-high {
    background: #004f51;
}

.noUi-primary .noUi-base .noUi-connect {
    background: #004f51 !important;
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: #004f51 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active.today,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end {
    background: #004f51 !important;
}

.flatpickr-month,
span.flatpickr-weekday {
    background: #004f51;
}

.flatpickr-day.today {
    border-color: #004f51;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.week.selected,
.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekday,
.flatpickr-months .flatpickr-month {
    border-color: #004f51 !important;
    background: #004f51 !important;
}

.daterangepicker td.active {
    background-color: #004f51 !important;
}

.daterangepicker .input-mini.active {
    border-color: #004f51 !important;
}

.ranges li.active {
    background-color: #004f51 !important;
}

.dtp-date,
.dtp-time {
    background: #004f51;
}

table.dtp-picker-days tr>td>a.selected {
    background: #004f51;
}

.dtp-actual-meridien a.selected {
    background: #004f51 !important;
}

.dtp .year-picker-item:hover {
    color: #004f51;
}

.dtp .year-picker-item.active {
    color: #004f51;
}

.dtp .svg-clock [stroke="#8BC34A"] {
    stroke: #004f51 !important;
}

.dtp .svg-clock [fill="#8BC34A"] {
    fill: #004f51 !important;
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #004f51 !important;
}

.growl-default {
    background: #004f51 !important;
}

.md-editor.active {
    border-color: #004f51 !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #004f51 !important;
}

.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #004f51 !important;
}

.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #004f51 !important;
}

.ql-snow.ql-container .ql-editor:focus {
    border-color: #004f51 !important;
}

.ql-formats>button.ql-active {
    background-color: #004f51 !important;
}

.tt-suggestion:active,
.tt-cursor {
    background: #004f51 !important;
}

.dropzone.dz-drag-hover {
    border-color: #004f51 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #004f51 !important;
}

.sk-primary.sk-plane,
.sk-primary .sk-chase-dot::before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot::before,
.sk-primary .sk-circle-fade-dot::before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube::before {
    background-color: #004f51;
}

.plyr[class] .plyr__control.plyr__tab-focus,
.plyr[class] .plyr__control:hover,
.plyr[class] .plyr__control[aria-expanded='true'] {
    background: #004f51 !important;
}

.plyr[class] .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:not(.plyr__tab-focus):not(:hover)::before {
    background: #004f51 !important;
}

.plyr--full-ui[class] input[type='range'] {
    color: #004f51 !important;
}

.fc-highlight,
.fc-bgevent:not(.fc-nonbusiness) {
    background: #004f51 !important;
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
    background: #004f51;
}

.ui-product-color.active {
    box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #004f51 !important;
}

.empty-section-container:hover .empty-section-message {
    color: #004f51 !important;
}

.section-option-container.valid:hover,
.section-option-container.invalid:hover,
.section-option-container.required:hover,
.section-option-container.optional:hover,
.empty-section-container:hover {
    border: 3px dashed #004f51 !important;
}

.add-new-address-container:hover,
.add-new-employee-container:hover {
    background-color: #004f51;
}

.address-container:hover {
    border: 3px dashed #004f51 !important;
}

.modal-address-container:hover,
.modal-address-container-clicked {
    border: 3px solid #004f51 !important;
}

.radio-group .btn-check:checked+.btn-outline-secondary,
.checkbox-group .btn-check:checked+.btn-outline-secondary {
    background-color: #004f51 !important;
    border-color: #004f51 !important;
}

.report-active {
    border-left: solid 3px #004f51;
}

#reports-list a {
    color: #004f51;
}

#goToTop {
    background-color: #004f51;
}

[data-bs-toggle="popover"] {
    color: #004f51 !important;
}

.drilldown .breadcrumb,
.drilldown .breadcrumb li,
.drilldown .breadcrumb li a {
    background-color: #004f51;
}

#auth-body .card a:hover {
    color: #004f51;
}

/********************************************
 *  Lead Times
 *******************************************/

.list-group-lead-time .list-group-item {
    border-bottom: 1px solid #004f51;
}

/********************************************
 *  Navigation
 *******************************************/

.light-style .sidenav .app-brand {
    background-color: #004f51;
}

.navbar.bg-primary {
    background-color: #004f51 !important;
}

.sidenav.bg-primary {
    background-color: #004f51 !important;
}

.sidenav.bg-primary .sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    background-color: #004f51;
}

.sidenav.bg-primary.sidenav-horizontal .sidenav-inner>.sidenav-item:not(.sidenav-item-closing)>.sidenav-menu,
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner>.sidenav-item.open>.sidenav-toggle {
    background: #004f51;
}

.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.open>.sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner>.sidenav-item.open .sidenav-item.active>.sidenav-link::before {
    box-shadow: 0 0 0 2px #004f51;
}

.card .table:not(.table-dark) thead:not(.thead-dark) th,
.card .table:not(.table-dark) tbody th,
.nav-tabs-top .table:not(.table-dark) thead:not(.thead-dark) th,
.nav-tabs-top .table:not(.table-dark) tbody th,
.nav-tabs-right .table:not(.table-dark) thead:not(.thead-dark) th,
.nav-tabs-right .table:not(.table-dark) tbody th,
.nav-tabs-bottom .table:not(.table-dark) thead:not(.thead-dark) th,
.nav-tabs-bottom .table:not(.table-dark) tbody th,
.nav-tabs-left .table:not(.table-dark) thead:not(.thead-dark) th,
.nav-tabs-left .table:not(.table-dark) tbody th {
    border-color: #004f51;
}

/********************************************
 *  Datatables
 *******************************************/

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):hover,
.pagination li.active>a:not(.page-link):focus {
    border-color: #004f51;
    background-color: #004f51;
}

.btn-primary {
    background-color: #004f51 !important;
    border: 1px solid #004f51 !important;
}

.btn-primary .badge {
    color: #004f51;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #004f51 !important;
}

.btn.show {
    background: #004f51 !important;
}

/********************************************
  *  Select2
  *******************************************/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #004f51 !important;
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #004f51 !important;
}

.switcher-input:checked~.switcher-indicator {
    background: #004f51;
}

textarea:focus,
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,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
    border-color: #004f51 !important;
}

.sw-theme-arrows>ul.step-anchor>li.active>a {
    border-color: #004f51 !important;
    background: #004f51 !important;
}

.sw-theme-arrows>ul.step-anchor>li.active>a::after {
    border-left: 30px solid #004f51 !important;
}

#notification-list .row:active,
#show-all-notifications-btn:active,
#notification-list .row div a:active,
#notification-list .row div div:active,
#notification-modal-list .row:active,
#notification-modal-list .row div div:active,
#notification-modal-list .row div a:active {
    background-color: #004f51;
}

.product-combo-model-img:hover,
.product-combo-definition-img:hover {
    border: 3px dashed #004f51 !important;
}

.product-combo-model-img-selected,
.product-combo-model-img-selected:hover,
.product-combo-definition-img-selected,
.product-combo-definition-img-selected:hover {
    border: 3px solid #004f51 !important;
}

#video-list a {
    color: #004f51;
}

.swal2-confirm {
    background-color: #004f51;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
    background-color: #004f51 !important;
}

#last-viewed-quotes-div div a:hover {
    color: #004f51 !important;
}

.text-body[href]:hover {
    color: #004f51 !important;
}

.filters-dropdown:not(.show) {
    border-color: #004f51 !important;
}

tfoot {
    border-left: 1px solid #004f51;
    border-right: 1px solid #004f51;
}

.ui-datepicker-title {
    background-color: #004f51;
}