.bg-gray { background: #f5f6fa }


.mobil-menu {
    background: #f5f6fa;
    padding: 8px 24px;
    position: absolute;
    transform: none;
    width: 100%;
}
.mobil-menu__location {
    cursor: default;
    display: inline;
    font-size: 17px;
    font-weight: 500;
    vertical-align: -8px;
}
.top-menu {
    top: 57px;
    background: #f5f6fa;
    padding: 8px 48px 8px 32px;
    position: absolute;
    transform: none;
    width: 100%;
}
.top-menu__item {
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 2em;
    margin-top: 24px!important;
    margin-left: 0;
    margin-right: 4px;
}
.top-menu__dropdown {
    margin-bottom: 24px!important;
    margin-top: 24px!important;
    width: 100%
}
#orders__aggregate, #orders__reset { margin-top: 24px; width: 100% }
@media only screen and (min-width: 840px) { #orders__aggregate, #orders__reset { margin-top: 36px }}

@media only screen and (min-width: 940px) {
    .top-menu { top: 0 }
    .top-menu__item {
        display: inline-block;
        margin-left: 8px;
        margin-top: 6px!important;
    }
    .top-menu__dropdown {
        width: auto;
        margin-bottom: 8px!important;
        margin-top: 8px!important;
    }
    .mobil-menu { display: none }
    #mobil-menu__tgt {
        display: block!important;
    }
}
.top-menu__item a { background: transparent!important }
.top-menu__dropdown { margin-top: 7px; float: right }
.top-menu__dropdown button { width: 100%; text-align: left }
.top-menu__dropdown ul { width: 100% }

.content {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 56px;
}
.content__body { padding: 48px 24px }
@media only screen and (min-width: 940px) {
    .content { top: 67px }
    .content__body { padding-left: 48px; padding-right: 48px }
}

.accordion-body__box {
    padding: 8px 2px 40px;
}


/* TABLES */
.orders_table__col-cost { min-width: 84px }


/* SPECTRE ADDONS */

.pt-3 { padding-top: 24px }
.modal-container__high { max-height: 89vh }


.toast__top-center {
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: auto;
    z-index: 400;
}


.card__shadow {
    border:0;
    box-shadow: 0 0.25rem 1rem rgba(48,55,66,.15);
}


.btn.btn-error {
    background: white;
    color: #d95000;
}


/* choices.js */
.choices__inner {
    border: .05rem solid #bcc3ce;
}
.is-focused .choices__inner,.is-open .choices__inner {
    border-color: #5755d9;
    box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, .2);
}
.choices__inner, .choices__input,
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #f5f6fa;
}
.choices__list--multiple .choices__item,
.is-disabled .choices__list--multiple .choices__item {
    background-color: #5755d9;
    border-color: #4b48d6;
}
.choices__list--multiple .choices__item.is-highlighted {
    background-color: #4240d4;
    border-color: #3634d2;
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left-color: rgba(0, 0, 0, 0.45);
}

.menu .menu-item > a {
    margin: 0 -.4rem;
    padding: .2rem .1rem;
}

/* daterangepicker */
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #5755d9;
}
.daterangepicker .btn { line-height: 20px!important }

.accordion input:checked ~ .accordion-body, .accordion[open] .accordion-body {

    max-height: 58rem;

}