:root {
    --primary-ubox: #F07F31;
    --secondary-ubox: #2B2B2B;
    --light-gray-ubox: #F1F4F5;
    --gray-ubox: #858585;
    --white-ubox: #FFFFFF !important;
    --black-ubox: #000000 !important;
    --danger-ubox: #DE1143 !important;
    --success-ubox: #23AF59 !important;
}

html {
    background-color: var(--light-gray-ubox) !important;
}

body {
    color: var(--secondary-ubox) !important;
    background-color: var(--light-gray-ubox) !important;
}

/* region: Text */

.text-primary {
    color: var(--secondary-ubox) !important;
}

.text-secondary {
    color: var(--primary-ubox) !important;
}

.text-blue {
    color: var(--secondary-ubox) !important;
}

.text-today-qr-codes {
    color: var(--secondary-ubox) !important;
}

.input-group-text {
    color: var(--secondary-ubox) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: "Roboto Slab", "Poppins", serif;
    font-weight: 400;
    line-height: 1.2;
    color: var(--secondary-ubox) !important;
}

div.item-list.active a {
    color: var(--white-ubox) !important;
}

div.item-list:not(.active) a {
    color: var(--secondary-ubox) !important;
}

#kt_datatable tr td span a.text-underline {
    color: var(--primary-ubox) !important;
}

.table-turn tr td a.text-underline {
    color: var(--primary-ubox) !important;
}

.notification-row a:not(.btn) {
    color: var(--secondary-ubox) !important;
}

.block-stats {
    color: var(--white-ubox) !important;
}

.main-header.navbar-light .navbar-nav .nav-link {
    color: var(--secondary-ubox) !important;
}

.text-ad-salary {
    color: var(--secondary-ubox) !important;
}

.principal-color {
    color: var(--primary-ubox) !important
}

/* endregion: Text */

/* region Modals */

ul.modal-menu-ads > li.nav-item > a.nav-link {
    color: var(--secondary-ubox) !important;
}

ul.modal-menu-ads > li.nav-item > a.nav-link.active {
    color: var(--primary-ubox) !important;
}

ul.nav-edit-profile > li.nav-item > a.nav-link {
    color: var(--secondary-ubox) !important;
}

ul.nav-edit-profile > li.nav-item > a.nav-link.active {
    color: var(--primary-ubox) !important;
}

.modal-fullscreen .modal-body .nav.flex-column .nav-link.active {
    background-color: rgba(240, 127, 49, 0.1);
}

/* endregion Modals */

#home-numbers {
    background-color: var(--primary-ubox) !important;
}

/* region Badges */

.badge-info {
    background-color: var(--secondary-ubox) !important;
}

.badge-secondary {
    background-color: var(--primary-ubox) !important;
}

.badge-chat-count {
    color: var(--white-ubox) !important;
    background-color: var(--primary-ubox) !important;
}

/* endregion Badges */

.page-item.active .page-link {
    background-color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
    color: var(--white-ubox) !important;
}

.page-item.disabled span {
    color: var(--secondary-ubox) !important;
}

/* region: Sidebar */

[class*="sidebar-dark-"] {
    background-color: var(--white-ubox) !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active {
    color: var(--secondary-ubox) !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--secondary-ubox) !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link i {
    opacity: .65 !important;
    color: var(--gray-ubox) !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
    color: var(--white-ubox) !important;
    box-shadow: none !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active i {
    color: var(--primary-ubox) !important;
    opacity: 1 !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
    background-color: rgba(241, 244, 245, 0.3) !important;
    color: var(--white-ubox);
}

[class*="sidebar-dark-"] .sidebar a {
    color: var(--secondary-ubox) !important;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--secondary-ubox) !important;
}

.sidebar-dark-body-bg .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-body-bg .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--light-gray-ubox) !important;
    color: var(--primary-ubox) !important;
}

/* endregion: Sidebar */

/* region: Cards */

.card-worker {
    border-left-color: var(--primary-ubox) !important;
    position: relative !important;
}

.card-checkbox-3 {
    border-left-color: var(--primary-ubox) !important;
}

.card-header.outline-left {
    border-left-color: var(--primary-ubox) !important;
}

/* endregion: Cards */

.content-wrapper {
    background-color: var(--light-gray-ubox) !important;
}

.custom-svg-icon {
    opacity: .5 !important;
    filter: grayscale(100%) brightness(50%) !important;
}

/* region: Buttons */

.btn-primary {
    color: var(--white-ubox) !important;
    background-color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
}

.btn-secondary {
    background-color: var(--secondary-ubox) !important;
    border-color: var(--secondary-ubox) !important;
}

.btn-outline-primary {
    color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
    background-color: var(--white-ubox) !important;
}

.btn-outline-primary:hover {
    color: var(--white-ubox) !important;
    background-color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
}

.btn-icon-red i {
    color: revert !important;
}

.btn-link {
    color: var(--secondary-ubox) !important;
}

.btn-group .btn-light {
    background-color: var(--white-ubox);
}

.btn-group .btn-light {
    color: var(--secondary-ubox) !important;
}

.btn-group .btn-light:not(:disabled):not(.disabled):active, .btn-group .btn-light:not(:disabled):not(.disabled).active, .btn-group .show > .btn-light.dropdown-toggle {
    color: var(--white-ubox) !important;
    border-color: var(--primary-ubox) !important;
    background-color: var(--primary-ubox) !important;
}

.btn-group .btn-light:not(:disabled):not(.disabled):active.btn-yes, .btn-group .btn-light:not(:disabled):not(.disabled).active.btn-yes, .btn-group .show > .btn-light.dropdown-toggle.btn-yes {
    color: var(--white-ubox) !important;
    border-color: var(--success-ubox) !important;
    background-color: var(--success-ubox) !important;
}

.btn-group .btn-light:not(:disabled):not(.disabled):active.btn-no, .btn-group .btn-light:not(:disabled):not(.disabled).active.btn-no, .btn-group .show > .btn-light.dropdown-toggle.btn-no {
    color: var(--white-ubox) !important;
    border-color: var(--danger-ubox) !important;
    background-color: var(--danger-ubox) !important;
}

.btn-wishlist {
    color: var(--secondary-ubox) !important;
}

a.btn-info {
    background-color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
    color: var(--white-ubox) !important;
}

a.btn-danger {
    color: var(--white-ubox) !important;
}

.btn-spinner {
    background-color: var(--white-ubox) !important;
}

.item-list.active {
    background-color: var(--primary-ubox) !important;
}

.item-list:not(.active) {
    background-color: var(--white-ubox) !important;
}

/* endregion: Buttons */

/* region: Form Elements */

.select2-container .select2-selection--multiple, .select2-container .select2-selection {
    background-color: var(--white-ubox) !important;
}

.select2-selection__choice {
    background-color: var(--secondary-ubox) !important;
    border-color: var(--black-ubox) !important;
}

.custom-select {
    color: var(--secondary-ubox) !important;
}

.form-control {
    background-color: var(--white-ubox) !important;
    color: var(--secondary-ubox) !important;
}

.dropzone-jobobo, .dropzone-jobobo-single {
    background-color: var(--white-ubox) !important;
    border-color: var(--gray-ubox) !important
}

.dropzone {
    background-color: var(--white-ubox) !important;
    border-color: var(--gray-ubox) !important
}

/* endregion: Form Elements */

/* region: Advanced search */

#advanced-search .dropdown-container, #advanced-search-modal .dropdown-container {
    background-color: var(--white-ubox) !important;
    color: var(--secondary-ubox) !important;
}

#advanced-search .nav-tabs .nav-link.active, #advanced-search-modal .nav-tabs .nav-link.active {
    color: var(--secondary-ubox) !important;
    border-bottom-color: var(--primary-ubox) !important;
}

#advanced-search .nav-tabs .nav-link, #advanced-search-modal .nav-tabs .nav-link {
    color: var(--secondary-ubox) !important;
}

#advanced-search .advanced-search-form-buttons, #advanced-search-modal .advanced-search-form-buttons {
    background: var(--white-ubox) !important;
}

/* endregion: Advanced search */

/* region: Tab Elements */

.nav-pills.nav-pills-header .nav-link.active {
    border-bottom-color: var(--primary-ubox) !important;
}

.nav-pills.nav-pills-header .nav-link.active {
    color: var(--secondary-ubox) !important;
}

.nav-pills.nav-pills-header .nav-link {
    color: var(--secondary-ubox) !important
}

/* endregion: Tab Elements */

.gradient-blue-white {
    background: linear-gradient(to bottom, var(--secondary-ubox) 6%, rgba(85, 85, 85, 1) 37%, rgba(149, 149, 149, 1) 91%) !important;
}

.gradient-red-white {
    background: linear-gradient(to bottom, var(--primary-ubox) 6%, rgba(235, 150, 80, 1) 37%, rgba(225, 170, 100, 1) 91%) !important;
}

/* region Rate it */

.star-ratings-top {
    color: var(--primary-ubox) !important;
}

.rateit .rateit-selected {
    color: var(--primary-ubox) !important
}

.rateit .rateit-hover {
    color: rgba(240, 127, 49, 0.75) !important
}

.rateit-font .rateit-empty {
    color: rgba(240, 127, 49, 0.25) !important;
}

/* endregion Rate it */

/* region Chat */

.container-chat main header {
    background-color: var(--secondary-ubox) !important;
}

.container-chat aside .input-group-text {
    background-color: var(--primary-ubox) !important;
}

/* endregion Chat */

/* region Backgrounds */

.bg-blue-jobobo {
    background-color: var(--gray-ubox) !important;
}

.bg-info {
    background-color: var(--white-ubox) !important;
    color: var(--secondary-ubox) !important
}

.background-gray {
    background-color: #E0E0E0 !important;
}

.background-blue-light {
    background-color: #DDDDDD !important;
}

/* endregion Backgrounds */

.popover, .popover-body {
    color: var(--secondary-ubox) !important;
}

.bg-info .table.table-reverse th, .bg-info .table.table-reverse td {
    color: var(--gray-ubox) !important;
    border-bottom-color: var(--light-gray-ubox) !important;
}

dl {
    border-bottom-color: var(--white-ubox) !important;
}

/* region: Brand Logo */

.brand-link {
    height: 120px;
}

/* endregion: Brand Logo */

/* region Loader */

.loader-block > img.logo-xl {
    /*margin-top: 8rem;*/
}

.loader-block {
    background-color: rgba(43, 43, 43, 0.7);
}

.loader-icon {
    width: 200px;
    height: 200px;
}

.container-loader-custom-margin {
    padding-bottom: 7rem;
}

/* endregion Loader */

/* region Main header */

.notification-header {
    background-color: var(--primary-ubox) !important;
}

.notification-to-read-dot {
    background-color: var(--primary-ubox) !important;
}

/* endregion Main Header */

th.fc-col-header-cell.fc-day a {
    color: var(--secondary-ubox) !important;
}

td.fc-daygrid-day.fc-day a {
    color: var(--secondary-ubox) !important;
}

.fc .fc-button-primary {
    color: var(--secondary-ubox) !important;
}

.fc .fc-button-primary:hover {
    color: var(--white-ubox) !important;
}

.table-turn-text {
    color: var(--secondary-ubox) !important;
}

tr.job-detail td a {
    color: var(--primary-ubox) !important;
}

.sidebar-custom-margin-top {
    margin-top: 0.5rem;
}

.icon-worker-view {
    color: var(--primary-ubox) !important;
}

.sidebar-logo-xl-width {
    max-width: 100px !important;
    background-image: url("../../../frontend/web/images/logo_ubox.svg") !important;
    min-width: 100px;
    min-height: 100px;
}

.sidebar-logo-xs-width {
    background-image: url("../../../frontend/web/images/logo_ubox.svg") !important;
}

.loader-logo {
    max-width: 100px !important;
    background-image: url("../../../frontend/web/images/logo_ubox.svg") !important;
    min-width: 100px;
    min-height: 100px;
}

.btn-home-swal {
    background-color: var(--secondary-ubox) !important;
    border-color: var(--secondary-ubox) !important;
}

/* region Home icons */

.pig-home-image {
    background-image: url("../../../frontend/web/images/pig-white.png");
}

.home-icon-stripe {
    background-image: url("../../../frontend/web/images/stripe-ubox.png");
}

a.group-hover:hover div.home-icon-stripe {
    background-image: url("../../../frontend/web/images/stripe-white.png");
}

.home-icon-thumbs-up {
    background-image: url("../../../frontend/web/images/thumbs-up-ubox.png");
}

a.group-hover:hover div.home-icon-thumbs-up {
    background-image: url("../../../frontend/web/images/thumbs-up-white.png");
}

.home-icon-award {
    background-image: url("../../../frontend/web/images/award-ubox.png");
}

a.group-hover:hover div.home-icon-award {
    background-image: url("../../../frontend/web/images/award-white.png");
}

.home-icon-share {
    background-image: url("../../../frontend/web/images/share-ubox.png");
}

button.group-hover:hover div.home-icon-share {
    background-image: url("../../../frontend/web/images/share-white.png");
}

/* endregion Home icons */

.evaluations-popover a {
    color: var(--secondary-ubox) !important;
    text-decoration: underline !important
}

.evaluations-popover a:hover {
    text-decoration: none !important
}

.item-buttons-big {
    margin: 0 !important;
}

.item-buttons-big-container {
    display: flex;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.table-hover tbody tr:hover {
    color: var(--secondary-ubox) !important
}

.owl-nav {
    color: var(--primary-ubox) !important;
}

.bg-progress-profile {
    background-color: var(--primary-ubox) !important;
    color: var(--white-ubox)
}

.stepwizard.bg-progress-profile .stepwizard-step.active .dot:before {
    background-color: var(--primary-ubox) !important;
}

.stepwizard.bg-progress-profile .stepwizard-step.active .dot:before {
    background-color: var(--primary-ubox) !important;
}

.item-map {
    background-color: var(--white-ubox);
}

.container-chat main header h3 {
    color: var(--white-ubox) !important;
}

#gdpr-cookie-message {
    background-color: var(--secondary-ubox) !important;
}

#gdpr-cookie-message button {
    background-color: var(--primary-ubox) !important;
    border-color: var(--primary-ubox) !important;
}