/* DEFAULTS */

body {
    color: #5f5d5c;
}

.main-body {
    background-color: #edf1f5;
}

.rounded-block {
    background-color: #fff;
}

.c-block__head--inverse {
    background-color: #f12536;
}

.c-block__head i {
    color: #ffffff!important;
}


/* END OF DEFAULTS */



/* BUTTONS */

.btn-primary {
    color: #ffffff;
    background-color: #f12536;
    border-color: #f12536;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background-color: #b30b19;
    border-color: #b30b19;
}

.btn-ongoing {
    color: #ffffff;
    background-color: #f12536;
    border-color: #f12536;
}

.btn-ongoing:hover {
    color: #ffffff;
    background-color: #b30b19;
    border-color: #b30b19;
}

/* END OF BUTTONS */



/* LINKS - Used in authentication forms */

.link-1 {
    color: #f12536;
}

/* END OF LINKS */



/* LISTS - Used in dashboard (top employees) */

.show-list a {
    color: #5f5d5c;
}

.show-list a:hover {
    color: #f12536;
}

.show-list a svg {
    color: #7fa2bd;
}

/* END OF LISTS */



/* SIDE MENU */

.side-menu {
    background-color: #151515;
}

.side-menu__bar{
    background-color: #000000;
    color: #ffffff;
}

.side-menu__list ul {
    background-color: #242424;
}

.side-menu__list li a {
    color: #bababa;
}

.side-menu__list li a:hover {
    color: #fff;
}

.side-menu__list li a.active {
    color: #fff;
    border-left: 3px solid #f12536;
}

.side-menu .btn.dropdown-toggle {
    background-color: #242424 !important;
    border: 1px solid #393939 !important;
    color: #bababa;
}

.text-online {
    color: #fff;
}

.icon-online {
    border-color: #fff;
    background-color: #1f8c11;
}

/* END OF SIDE MENU */



/* HEADER */

.header {
    background-image: url(../.custom/img/bg_texture.png);
    background-color: #ffffff;
}

.header .js-menu-handler {
    color: #f12536 !important;
}

.header .js-menu-handler:hover {
    color: #b30b19 !important;
}

.fa-count[data-count]:after {
    color: white;
    background: #f12536;
}

.header .icon-span {
    background-color: #151515;
}

.header .icons i {
    color: #fff;
}

.header .icon-span:hover {
    background-color: #f12536;
}

.header .icon-span:hover:after {
    background-color: #fff;
    color: #f12536;
}

.header .icon-span:hover i {
    color: #fff;
}

.icons__row span {
    background-color: #f12536;
    color: #fff;
}

/* END OF HEADER */



/* ORDERS */

tr.active .sticky-cell {
    background-color: #f12536;
}

.no-rows {
    color: #8c8c8c;
    background-color: #f1f1f1;
    border: 1px solid #dcdcdc;
}

.icon--color {
    color: #f12536;
}

.approve-orders .order.active, tr.active .sticky-cell {
    background-color: #111111;
    color: #fff;
}

.approve-orders .order.active i {
    color: #fff;
}

/* END APPROVE ORDERS */



/* TXT BUTTON - Used in finance */

.txt-button__icon {
    color: #f12536;
}

.txt-button__content h5 {
    color: #000;
}

.txt-button__counter {
    background-color: #f12536;
    color: #fff;
}

/* END OF TXT BUTTON */



/* PRODUCTS */

.product__name {
    color: #000;
}

.product__category {
    color: #5f5d5c;
}

.product__info {
    color: #f12536;
}

.product__info--disabled {
    color: #ccc;
}

.product__price, .product__price:disabled {
    color: #151515;
    background-color: #e9ecef;
}

.product__price-label {
    color: #151515;
    background-color: #edf1f5;
}

/* END OF PRODUCTS */

/* Color behind text in dashboard slider */

.carousel-caption--beneath {
    background-color: #f12536;
}

/* Bram */

.main-content {
    background-color: #f5f5f5;
}

.bg-info {
    background-color: #14ad00!important;
}

.approve-orders .order.active .bg-info {
    background-color: #14ad00!important;
}


.bg-success {
    background-color: #14ad00!important;
}

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

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

.btn-outline-secondary {
    color: #111111;
    background-color: #fff;
    border-color: #111111;
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #b30b19;
    border-color: #b30b19;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #b30b19;
    background-color: #b30b19;
}

.btn-secondary {
    color: #fff;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #b30b19;
    border-color: #b30b19;
}

.side-menu__list .fas,.fa,.fab {
    color: #444444;
}

.side-menu__list a.active .fas{
    color: #ffffff;
}

.side-menu__list a.active .fa{
    color: #ffffff;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eeeeee;
}

.btn:not(:disabled):not(.disabled) .fa {
    color: #ffffff!important;
}

.btn:not(:disabled):not(.disabled):hover .fa{
    color: #f12536!important;
}

.btn:not(:disabled):not(.disabled):hover .fas{
    color: #fff!important;
}

.btn-outline-secondary:hover .fa{
    color: #fff!important;
}

.header .icon-span{
    border: 1px solid transparent;
}

.header .icon-span:hover {
    background-color: #fff;
    border-color: #b30b19;
}

.header .icon-span:hover i {
    color: #f12536;
}

.header .icon-span:hover:after {
    background-color: #5f5d5c;
    color: #fff;
}

.btn-sm,.btn-lg {
    border-radius: 50px;
}