/* Minification failed. Returning unminified contents.
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(153,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(157,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(165,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(169,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(176,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(182,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(186,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(194,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(199,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(214,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(228,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(235,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(241,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(248,22): run-time error CSS1039: Token not allowed after unary operator: '-main-color-light'
(264,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(272,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(276,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(321,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(384,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(388,17): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(405,28): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(443,32): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(454,33): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
a {
    color: rgb(61, 35, 30);
}

.text-primary {
    color: rgb(61, 35, 30);
}

.bg-primary {
    color: #fff;
    background-color: rgb(61, 35, 30);
}

.btn-primary {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
    border-color: rgb(61, 35, 30);
}

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: rgb(61, 35, 30);
        border-color: rgb(61, 35, 30);
    }

    .btn-primary .badge {
        color: rgb(61, 35, 30);
        background-color: #ffffff;
    }

.btn-link {
    color: rgb(61, 35, 30);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: rgb(61, 35, 30);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
}

.pagination > li > a,
.pagination > li > span {
    padding: 6px 12px;
    color: rgb(61, 35, 30);
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
    border-color: rgb(61, 35, 30);
}

.label-primary {
    background-color: rgb(61, 35, 30);
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: rgb(61, 35, 30);
    background-color: #ffffff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: rgb(61, 35, 30);
}

.progress-bar {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

a.list-group-item.active:focus {
    color: #ffffff;
    background-color: rgb(61, 35, 30);
    border-color: rgb(61, 35, 30);
}

.panel-primary {
    border-color: rgb(61, 35, 30);
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: rgb(61, 35, 30);
        border-color: rgb(61, 35, 30);
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: rgb(61, 35, 30);
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: rgb(61, 35, 30);
    }

:root {
    --main-color: rgb(61, 35, 30);
    --main-color-light: rgb(78, 51, 46);
}

@media (max-width: 768px) {
    #mainbar ul {
        background-color: var(--main-color);
        color: #ffffff;
    }

    #mainbar li > ul {
        background-color: var(--main-color-light);
    }

    #mainbar li:hover {
        background-color: var(--main-color-light);
    }

    #mainbar a {
        color: #ffffff;
    }

    #mainbar .divider {
        background-color: var(--main-color-light);
    }

    .horizontal-divider {
        background-color: var(--main-color-light);
    }
}

@media only screen and (min-width : 768px) {

    #mainbar ul {
        background-color: var(--main-color);
        border: 0;
        color: #ffffff;
    }

    #mainbar li > ul {
        background-color: var(--main-color-light);
    }

    #mainbar li:hover {
        background-color: var(--main-color-light);
    }

    #mainbar a {
        color: #ffffff;
    }

    #mainbar .divider {
        background-color: var(--main-color);
    }
}

header {
    background-color: var(--main-color);
    color: #ffffff;
}

footer {
    border-top: 1px solid #ded9d9;
    background-color: rgba(218,218,218, 0.20);
    color: #ffffff;
}

.footer {
    color: #a6a6a6;
}

h2 {
    color: var(--main-color);
}

h4 {
    color: #AAAAAA;
}

hr {
    border-top-color: #DADADA;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: var(--main-color);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: var(--main-color);
}
.dropdown-menu > .selected > a,
.dropdown-menu > .selected > a:hover,
.dropdown-menu > .selected > a:focus {
    color: #ffffff;
    background-color: var(--main-color);
}
#mainbar > ul > li > a {
    color: #ffffff;
}

#mainbar li.open > a {
    background: var(--main-color-light);
}

.lang-badge {
    color: #ffffff;
}

.dashboard label {
    color: #ffffff;
}

.dashboard-number {
    color: #ffffff;
}

.dashboard {
    background-color: var(--main-color);
}

.label-hi {
    color: gray;
}

.text-supplier {
    color: var(--main-color);
}

.text-hi1 {
    color: var(--main-color);
}

.text-hi2 {
    color: black;
}

.text-hi3 {
    color: Black;
}

.text-margin-warning {
    color: red !important;
}

.text-default {
    color: black;
}

.form-control:focus {
    border-color: grey;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

table.table > thead {
    background-color: #5A5A5A;
    color: #ffffff;
}

.dataTables_info {
    color: #AAAAAA;
}

.big-plus {
    color: grey;
}

ul.summary li:hover h4 {
    color: gray;
}

.label-info {
    background-color: #f7f8f8;
    color: var(--main-color);
}

.sub-text {
    color: #A0A0A0;
}

#alert-create-JOI-number {
    margin-top: 20px;
}

.validation-summary-errors ul {
    border-top-color: #DADADA;
}

.message-fixed {
    color: #ffffff;
}

.message-fixed-warning {
    background-color: #c47f11;
    color: #ffffff;
}

.pagination > .special > a,
.pagination > .special > span,
.pagination > .special > a:hover,
.pagination > .special > span:hover,
.pagination > .special > a:focus,
.pagination > .special > span:focus {
    color: #ffffff;
    background-color: rgba(233, 150, 20, 1);
}

    .pagination > .special > a:hover,
    .pagination > .special > span:hover,
    .pagination > .special > a:focus,
    .pagination > .special > span:focus {
        background-color: #c47f11;
        border-color: #c47f11;
    }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
}

.templ-customer-name {
    color: var(--main-color);
}

.templ-not-found {
    color: #CACACA;
}


.collapsable-heading:hover {
    color: var(--main-color);
}

h4.collapsable-heading {
    color: var(--main-color);
}

    h4.collapsable-heading:hover {
        color: rgba(31, 111, 28, 1);
    }

.tiles {
    color: #ffffff;
}

    .tiles > .tile {
        color: #ffffff;
        background: #E4B235;
    }

.tile:hover, .tile:focus {
    border: 1px solid var(--main-color);
}

.tile > h2 {
    color: #ffffff;
}

.joi-header > span {
    color: #929292;
}

/* notification Content */
.notification-content {
    background-color: #fefefe;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.notification-header {
    background-color: #E4B235;
    color: #ffffff;
}

.notification-footer {
    background-color: #E4B235;
    color: #ffffff;
}

#chartjs-tooltip {
    background: #ffffff;
    color: rgba(61, 35, 30, 1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
    box-shadow: 0 2px 3px rgba(0,0,0,.35);
    -webkit-transform: translate(-50%, 0);
}


    #chartjs-tooltip thead {
        background-color: var(--main-color);
        color: #ffffff;
    }
.left{
    text-align: left !important;
}

/*Loading*/

.loader {
    border: 16px solid white;
    border-top: 16px solid var(--main-color);
    border-bottom: 16px solid #E4B235;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s ease-in-out infinite;
    margin: 0 auto;
    display: block;
}

.loadingText {
    text-align: center;
    font-size: 1.4rem;
    color: white;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(540deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#loadingModal .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.blur {
    filter: blur(6px) grayscale(80%);
}