input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #43444d !important;
    transition: background-color 5000s ease-in-out 0s;
}

@media screen and (max-width: 767px) {
    .nav-tabs .nav-link.active {
        background-color: #f2f2f2 !important;
    }
}

@media screen and (max-width: 1199px) {

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item,
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:not(.mega-menu) .submenu {
        background-color: #f2f2f2 !important;
    }

    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link,
    .horizontal-menu .menu-icon,
    .nav-link {
        color: #43444d !important;
    }

}

@media screen and (min-width: 1200px) {
    i {
        color: #43444d !important;
    }

    .horizontal-menu .menu-icon,
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link,
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-active > .nav-link,
    .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
        color: #fff !important;
    }
}


.bc-black, .bc-black-hover:hover,
button:disabled, button:disabled:hover,
.fixed-background,
.selectize-control.plugin-remove_button [data-value] .remove:hover,
.checkbox-slider--b-flat input + span:before {
    background-color: #43444d !important;
}

.bc-darkgrey, .bc-darkgrey-hover:hover,
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    background-color: #7D7D7D !important;
}

.bc-brightgrey, .bc-brightgrey-hover:hover,
.grey-readonly .form-group input:read-only, .grey-readonly select:read-only,
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #d4d3d4 !important;
}

tr:nth-child(odd),
.bc-lightgrey, .bc-lightgrey-hover:hover,
.wizard-progress .step:not(:last-child):before,
.form-control:disabled,
.wizard-progress .step.in-progress:before,
.table-primary,
.table-primary > th,
.table-primary > td,
#respond-offer .wizard-progress .step.in-progress:before,
.selectize-control.multi .selectize-input > div,
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder,
.sub-tabs .table-sorter-wrapper,
.sub-tabs li > .active {
    background-color: #f2f2f2 !important;
}

tr:nth-child(even),
.bc-white, .bc-white-hover:hover,
.main-panel,
.checkbox-slider--b-flat input + span:after,
.auth.auth-img-bg,
.selectize-input, .selectize-control.single .selectize-input.input-active,
.selectize-input.full,
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active,
.selectize-dropdown,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .active,
.selectize-dropdown,
.selectize-dropdown.form-control,
.selectize-dropdown-header,
.selectize-input.dropdown-active::before,
.toast-wrapper > div,
.toast,
.toast-header {
    background-color: #fff !important;
}

.bc-green, .bc-green-hover:hover,
.wizard-progress .step.complete .node,
.wizard-progress .step.complete:before,
.checkbox-slider--b-flat input:checked + span:before,
.selectize-dropdown [data-selectable] .highlight,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    background-color: #5FBF6E !important;
}

.bc-pale-green {
background-color: rgba(95,191,110,0.7) !important;
}

.bc-petrol, .bc-petrol-hover:hover,
.selectize-control.multi .selectize-input > div.active {
    background-color: #065066 !important;
}


.bc-blue, .bc-blue-hover:hover {
    background-color: #319bb6 !important;
}

.bc-yellow, .bc-yellow-hover:hover {
    background-color: #fcd300 !important;
}

.bc-red, .bc-red-hover:hover,
.badge-danger,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: #C30041 !important;
}

.bc-red-light {
    background-color: rgba(195, 0, 65, 0.1) !important;
}

.bc-orange, .bc-orange-hover:hover {
    background-color: #f88c00 !important;
}

.horizontal-menu .bottom-navbar {
    background: transparent;
}


.fc-black, .fc-black-hover:hover,
.form-field-floating input:placeholder-shown:not(:focus) + *, .form-field-floating select:placeholder-shown:not(:focus) + *, .form-field-floating textarea:placeholder-shown:not(:focus) + *,
.selectize-dropdown, .selectize-input, .selectize-input input,
.selectize-control.multi .selectize-input > div,
.selectize-dropdown .active,
.selectize-dropdown .active.create,
.selectize-dropdown .create,
.selectize-dropdown-header-close,
.selectize-dropdown-header-close:hover,
.toast-header,
.form-control:focus,
.form-field-floating label, .form-field-floating > span,
select.form-control,
p,
tr,
td,
html,
body {
    color: #43444d !important;
}

.fc-darkgrey, .fc-darkgrey-hover:hover,
button:disabled, button:disabled:hover,
.form-field-floating input:placeholder-shown:not(:focus) + *,
.form-field-floating select:placeholder-shown:not(:focus) + *,
.form-field-floating textarea:placeholder-shown:not(:focus) + *,
.selectize-dropdown .optgroup-header {
    color: #7D7D7D !important;
}

.fc-grey, .fc-grey-hover:hover {
    color: #a8a8a7 !important;
}

.fc-brightgrey, .fc-brightgrey-hover:hover {
    color: #d4d3d4 !important;
}

.fc-lightgrey, .fc-lightgrey-hover:hover {
    color: #f2f2f2 !important;
}

.fc-white, .fc-white-hover:hover,
.ti-search,
.dropdown .dropdown-toggle:after,
.selectize-control.multi .selectize-input > div.active,
.selectize-control .selectize-input.disabled,
.count-fixed,
.nav-item:hover,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    color: #fff !important;
}

.fc-green, .fc-green-hover:hover,
p.success {
    color: #5FBF6E !important;
}

.fc-petrol, .fc-petrol-hover:hover
{
    color: #065066 !important;
}

a {
    color: #065066;
}

.fc-blue, .fc-blue-hover:hover
{
    color: #319bb6 !important;
}

.fc-yellow, .fc-yellow-hover:hover {
    color: #fcd300 !important;
}

.fc-red, .fc-red-hover:hover,
.nav-item:hover {
    color: #C30041 !important;
}

.fc-orange, .fc-orange-hover:hover,
.ti-info-alt {
    color: #f5a623 !important;
}


/* Border Colors */

@media screen and (max-width: 767px) {
    .supplier-info-border {
        border-color: #d4d3d4 !important;;
    }
}

@media screen and (min-width: 768px) {
    .supplier-info-border {
        border-left-color: #d4d3d4 !important;
    }
}

.border-black,
.border-1:hover,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
.form-field-floating input:focus, .form-field-floating select:focus, .form-field-floating textarea:focus,
.form-control:focus,
.wizard-progress .step.in-progress .node,
.selectize-control.multi .selectize-input > div.active,
.selectize-dropdown, .selectize-dropdown.form-control {
    border-color: #43444d !important;
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #43444d;
}

.selectize-control.multi .selectize-input > div,
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active,
.selectize-input.focus {
    border-color: #7d7d7d !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border-left-color: #7d7d7d !important;
}

.border-petrol,
.auth .auth-form-transparent .form-control:focus,
.page-item.active .page-link,
.dz-drag-hover,
.dz-started,
.dropzone {
    border-color: #065066 !important;
}

.border-lightgrey {
    border-color: #f2f2f2 !important;
}

.border-red,
.is-invalid .selectize-input,
.is-invalid .selectize-input:focus
{
    border-color: #C30041 !important;
}

.border-orange {
    border-color: #f5a623 !important;
}

.wizard-progress .step.complete .node {
    border-color: #5FBF6E !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    border-color: #fff;
}

.select2-container--default .select2-selection--single,
.form-control {
    border-color: #dfdfdf !important;
}

.wizard-progress .step .node,
.nav-tabs .nav-link.active,
.selectize-input,
.selectize-dropdown,
.select2-selection {
    border-color: #f2f2f2 !important;
}

.selectize-dropdown-header {
    border-bottom-color: #f2f2f2 !important;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right-color: #f2f2f2 !important;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #f2f2f2;
}

.selectize-dropdown .optgroup:before {
    border-top-color: #f2f2f2;
}



.btn-primary {
    background-color: #065066;
    border-color: #065066;
    color: #fff;
}

.btn-outline-primary {
    background-color: #fff;
    border-color: #065066;
    color: #065066;
}

.btn-primary:hover, .btn-outline-primary:hover {
    background-color: #06506625;
    color: #065066;
    border-color: #065066;
}

/* Do NOT use "btn-light" always use "btn-secondary" the styling is just a fallback */
.btn-secondary, .btn-light {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    color: #333;
}

.btn-outline-secondary, .btn-outline-light {
    background-color: #fff;
    border-color: #333;
    color: #333;
}

.btn-secondary:hover, .btn-outline-secondary:hover, .btn-light:hover, .btn-outline-light:hover {
    background-color: #f2f2f225;
    color: #333;
    border-color: #f2f2f2;
}

.btn-success {
    background-color: #5FBF6E;
    border-color: #5FBF6E;
    color: #fff;
}

.btn-outline-success {
    background-color: #fff;
    border-color: #5FBF6E;
    color: #5FBF6E;
}

.btn-success:hover, .btn-outline-success:hover {
    background-color: #5FBF6E25;
    color: #5FBF6E;
    border-color: #5FBF6E;
}

.btn-danger {
    background-color: #C30041;
    border-color: #C30041;
    color: #fff;
}

.btn-outline-danger {
    background-color: #fff;
    border-color: #C30041;
    color: #C30041;
}

.btn-danger:hover, .btn-outline-danger:hover {
    background-color: #C3004125;
    border-color: #C30041;
    color: #C30041;
}

.btn-warning {
    background-color: #f5a623;
    border-color: #f5a623;
    color: #fff;
}

.btn-outline-warning {
    background-color: #fff;
    border-color: #f5a623;
    color: #f5a623;
}

.btn-warning:hover, .btn-outline-warning:hover {
    background-color: #f5a62325;
    color: #f5a623;
    border-color: #f5a623;
}

.btn-info {
    background-color: #BFE2F2;
    border-color: #BFE2F2;
    color: #fff;
}

.btn-outline-info {
    background-color: #fff;
    border-color: #BFE2F2;
    color: #BFE2F2;
}

.btn-info:hover, .btn-outline-info:hover {
    background-color: #BFE2F225;
    color: #BFE2F2;
    border-color: #BFE2F2;
}

.btn-dark {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.btn-outline-dark {
    background-color: #fff;
    border-color: #333;
    color: #333;
}

.btn-dark:hover, .btn-outline-dark:hover {
    background-color: #33333325;
    color: #333;
    border-color: #333;
}

.btn-link, .btn-outline-link {
   background-color: #fff;
   border-color: #0d3057;
   color: #0d3057;
}

.btn-link:hover, .btn-outline-link:hover {
    background-color: #0d305725;
    color: #0d3057;
    border-color: #0d3057;
    text-decoration: underline;
}