:root {
    --nav: #393a3d;
    --primary: #2CA01C;
    --primary-light: #12ce61;
    --primary-darker: #00892E;
    --primary-bg: #14324f;
    --font-on-primary: #ffffff;
    --font: #000;
    --white: #ffffff;
    --black: #000000;
    --a-href: #077ac6;
    --a-href-hover: #205EA3;
    --alert-warning: #FEDB5E; /*60*/
    --alert-danger: #F7576C; /*60*/
    --alert-success: #00AC3B; /*60*/
    --primary-info: #5DABFF; /*60*/
    --primary-info-darker: #205EA3; /*60*/
    --secondary: var(--nav); /* Soft, clean background */
    --success: var(--alert-success); /* Soft, clean background */
}

body > nav,
body > nav.bg-dark {
    background-color: var(--nav) !important;
}

body > nav a:hover{
    color: var(--white) !important;
}

.navbar li.nav-item.active, .navbar li.nav-item:hover {
    color: var(--white) !important;
    background: var(--black) !important;
}

.bg-danger {
    background-color: var(--alert-danger) !important;
}

.bg-warning {
    background-color: var(--alert-warning) !important;
    color: var(--black)!important;
}

.bg-warning .text-white {
    color: var(--black)!important;
}

.alert-success {
    color: var(--white);
    background-color: var(--alert-success);
    border-color: var(--alert-success);
}

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

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

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

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

.btn-link,
a {
    color: var(--a-href);
    font-weight: 500!important;
}

.btn-link:hover,
a:hover {
    color: var(--a-href-hover)!important;
    text-decoration: underline;
    background-color: unset!important;
}

h1, h2, h3, h4, h5 {
    color: var(--black) !important;
}

body {
    color: var(--black) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--white)!important;
    text-decoration: none;
    background-color: var(--primary)!important;
}

.nav.nav-pills {
    color: var(--black)!important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: unset!important;
    color: var(--black)!important;
    border-bottom: 4px solid var(--primary);
    border-radius: 0!important;
}

.nav.nav-pills{
    background-color: unset!important;
}

.nav-pills a.nav-link{
    color: var(--black)!important;
}

.nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
    background-color: unset!important;
    color: var(--primary) !important;
}

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

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

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color: var(--white)!important;
    background-color: var(--primary)!important;
}

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

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


.cart-details button.cart-action-btn, .pos-cart button.cart-action-btn {
    align-self: end !important;
    background-color: var(--primary) !important;
    color: var(--white) !important;
    font-size: 1.5rem !important;
    /* margin: 0 0.75rem 0.75rem 0!important; */
    border-radius: 0.4rem !important;
    padding: 1.5rem !important;
    line-height: 1 !important;
}

.pos-header-brand {
    position: fixed;
    top: 8px;
    left: 0;
    padding: 6px 16px 6px 32px;
    background: var(--primary)!important;
    color: var(--white)!important;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.dashboard-tiles a:hover {
    text-decoration: none!important;
}

.big-menu--tile,
.big-menu--tile-2 {
    color: var(--white)!important;
    padding: 16px;
    text-align: center;
    vertical-align: center;
    margin: 1px 2px 1px 0px;
}
.big-menu--tile a,
.big-menu--tile-2 a {
    color: var(--white)!important;
    padding: 16px 8px;
}

.big-menu--tile:nth-child(odd) {
    background-color: var(--primary)!important;
}

.big-menu--tile:nth-child(even) {
    background-color: var(--primary-info-darker)!important;
}

.big-menu--tile-2:nth-child(odd) {
    background-color: var(--primary-info-darker)!important;
}

.big-menu--tile-2:nth-child(even) {
    background-color: var(--primary)!important;
}