/* input(32,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
input(33,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
input(34,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' */
:root {
    --box-shadow-card: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    --border-radius-card: 8px;
}

.bati-ui-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: var(--border-radius-card);
    box-shadow: var(--box-shadow-card);
}

a,
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    color: #2f9a84;
}

.gray-bg,
.bg-muted {
    background-color: #f3f3f4;
}

/* Custom Colors */
.text-white {color: #fff;}
.tcolor { color: #cd2122 !important;}

.white { color: #fff !important;}
.black { color: #2d2d2d !important;}
.gray {color: #7c7c7c !important;}
.gray2 {color: #545d60 !important;}
.light-gray { color: #a8a8a8; !important}
.light-gray2 { color: #eaeaea; !important }
.light-gray3 { color: #c8c8c8; !important}
.light-gray4 { color: #6a6a6a !important}
.dark-gray { color: #343434 !important;}
.orange { color: #e74c3c !important;}
.blue { color: #3498db !important;}
.b-gray { border-bottom-color: #898989 !important; }

/* Backgrounds Colors */
.bg-white { background-color: #fff !important;}
.tbg { background-color: #cd2122 !important;}
.bg-gray { background-color: #6b6b6b !important;}
.bg-lightgray { background-color: #ECECEC !important;}
.bg-lightgray2 { background-color: #FEFEFE !important;}
.bg-dark-gray { background-color: #353535 !important;}
.bg-black-gray { background-color: #1b1b1b !important;}

.odd-striped-rows > .odd-striped-row:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.btn, .btn.btn-default, .btn.btn-primary {
    border-bottom-width: 2px;
}

    .btn.btn-dark {
        background: #3e3e3e;
        border-color: #333;
        color: #eee;
        margin: 20px auto 20px auto;
        width: 130px;
    }

        .btn.btn-dark:hover,
        .btn.btn-dark:active,
        .btn.btn-dark:focus {
            background: #191919;
            border-color: #3c3c3c;
            color: #fff;
        }

    .btn.btn-primary {
        border-color: #333;
        background-color: #444;
        color: #eee;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary:active,
        .btn.btn-primary:focus,
        .btn.btn-primary:active:hover {
            background: #191919;
            border-color: #3c3c3c;
            color: #fff;
        }

    .btn.btn-guille {
        border-color: #e4e4e4;
        color: #8e8e8e;
        background: #fff;
        border-width: 1px;
        border-bottom-width: 1px;
    }

        .btn.btn-guille:hover,
        .btn.btn-guille:active,
        .btn.btn-guille:focus,
        .btn.btn-guille:active:hover {
            border-color: #999;
            color: #333;
            background: #fff;
        }

.row-table-guille {
    position: absolute;
    top: 20px;
    right: 15px;
}

.md-skin .page-heading {
    box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.34), 5px 0 6px 0 rgba(0, 0, 0, 0.14);
}

.md-skin .nav-second-level li a {
    padding: 7px 10px 7px 26px;
}

body.md-skin {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.profile-element h4 {
    color: #444;
}


.nav > li.active {
    border-left: 4px solid #444;
}

.nav li.active > a {
    padding-left: 20px;
}

.nav .nav-second-level li.active > a {
    padding-left: 25px;
}

.tabs-container .nav > li > a {
    width: 100%;
    border-radius: 0;
    border-width: 0px 0px 2px 0px;
    padding-right: 30px;
    height: 46px;
}

.tabs-container .nav > li.active > a {
    color: #000;
    font-weight: normal;
}
/*a {
    color: #000;
}*/
.md-skin .page-heading {
    padding-left: 80px;
}

.ibox,
.ibox .ibox-content {
    border-radius: var(--border-radius-card);
}
.ibox .ibox-content {
    padding:20px;
}
.ibox {
    border-width: 0;
    border-color: transparent;
}

.page-heading h2 > i {
    display: none;
}

.md-skin .nav.nav-tabs > li.active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background: transparent;
    border-left: none;
}

.tabs-container .tab-pane .panel-body {
    border: none;
    border-radius: 0;
}

.md-skin .tabs-container .tab-content {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.black {
    color: #000 !important;
}

body.mini-navbar .nav-header {
    background: inherit;
}

body.md-skin.mini-navbar .nav-header {
    box-shadow: none;
}

.navbar-default .to_bottom {
    background: #f8f8f9;
}

.mini-navbar.body-small #page-wrapper {
    left: 215px;
}
/*
.md-skin .select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #2f9a84 !important;
    box-shadow: none !important;
}

.md-skin .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background: #2f9a84 !important;
}*/

.md-skin .dropzone {
    border: 1px solid #ddd;
    border-radius: 10px;
    min-height: 205px;
}

    .md-skin .dropzone .dz-message {
        margin: calc(50% - 16px) 0 0 0;
    }

.md-skin .lightgray-bg {
    background: #fff;
}

    .md-skin .lightgray-bg .form-control,
    .md-skin .lightgray-bg .single-line/*,
    .md-skin .lightgray-bg .select2-container--bootstrap .select2-selection*/ {
        background-color: #fff;
        border-color: #e5e6e7;
    }

.md-skin .form-control,
.md-skin .single-line {
    border-radius: 4px;
}

.table tr td a {
    color: #333;
}

    .table tr td a:hover,
    .table tr td a:active,
    .table tr td a:focus {
        color: #2f9a84;
    }

.md-skin .tabs-container .nav-tabs > li.active > a {
    border-width: 0 0 2px 0;
}

    .md-skin .tabs-container .nav-tabs > li.active > a:hover {
        cursor: pointer;
    }

.md-skin .nav-header {
    background: none;
    z-index: 2;
    box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.34), 0px 0 6px 0 rgba(0, 0, 0, 0.14);
}

    .md-skin .nav-header.bg-texture:after,
    .bg-texture:after {
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
        background-color: #ffffff !important;
        background-image: url('/admin/images/textures/texture_pattern-3.png') !important;
        background-size: auto !important;
        background-repeat-x: repeat !important;
        background-repeat-y: repeat !important;
        background-position-x: center !important;
        background-position-y: -112px !important;
    }
/*.md-skin .nav > li.active > a {
    font-weight: normal;
}*/
.md-skin .nav-second-level li.active a {
    font-weight: 700;
    /*color: #000;*/
}

.note-editor.note-frame {
    border: 1px solid #e5e6e7;
}

.md-skin button.close.in-body {
    top: -28px;
    position: relative;
    font-size: 30px;
    right: -9px;
}

.block-25,
.block-50,
.block-100,
.block-150,
.block-200,
.block-250,
.block-300,
.block-400 {
    display: block;
}

.block-25 {
    width: 25px !important;
}

.block-50 {
    width: 50px !important;
}

.block-100 {
    width: 100px !important;
}

.block-150 {
    width: 150px !important;
}

.block-200 {
    width: 200px !important;
}

.block-250 {
    width: 250px !important;
}

.block-300 {
    width: 300px !important;
}

.block-400 {
    width: 400px !important;
}

.modal .loading-this {
    height: 200px;
}

.nowrap {
    white-space: nowrap !important;
}

table.nowrappeable td {
    white-space: nowrap !important;
}
/*.modal .modal-body {
    padding-top: 20px;
}*/
.modal .modal-footer {
    margin-top: 0px;
}

.modal .modal-title {
    font-weight: 100;
}

.dataTable .dropdown-menu,
table .dropdown-menu {
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
    float: none;
    left: auto;
    font-size: 12px;
    right: 15px;
    list-style: none outside none;
    padding: 0;
    position: fixed;
    text-shadow: none;
    top: auto;
    z-index: 1000;
}

.table.table-style-light td {
    vertical-align: middle;
}

    .table.table-style-light td .form-control {
        font-size: 13px;
    }

.loading-this-2:after {
    background: #000 !important;
    border-color: #333 !important;
}

.overflow-x {
    overflow-x: auto !important;
    width: 100%;
}

.font-xs {
    font-size: 11px !important;
}

.modal-header {
    background: #676a6c;
    color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

    .modal-header .close {
        color: #fff;
        opacity: .5;
    }

.check-control {
    margin: 0;
    position: relative;
    top: 1px;
}

    .check-control:hover {
        cursor: pointer;
    }

.loginscreen.middle-box {
    width: 220px;
}

.border-rounded {
    border-radius: 8px !important;
}

.center-block.login-block {
    margin-top: -330px;
}

.md-skin.mini-navbar .nav-second-level {
    box-shadow: none;
}

    .md-skin.mini-navbar .nav-second-level i {
        display: none;
    }

body.modal-open #wrapper {
    /*filter: blur(1px);*/
}

/*TOOLTIP*/
.tooltip_templates {
    display: none;
    font-size: 9pt !important;
}



.select-native-display {
    position: relative;
    float: right;
}

    .select-native-display:hover,
    .select-native-select:hover {
        cursor: pointer;
    }

    .select-native-display .select-native-value {
        color: #555555;
        font-weight: normal;
        margin-right: 0;
        position: relative;
        font-size: 14px;
        border-radius: 0;
        padding: 0 15px 5px;
        /*z-index: 9999;
    background: #fff;
    height: 33px;*/
    }

        .select-native-display .select-native-value:after {
            color: #aaa;
            font-weight: 700;
            margin-right: 0;
            position: relative;
            font-size: 14px;
            content: "\f107";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 22px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            top: 3px;
            left: 5px;
        }


    .select-native-display .select-native-select {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
        color: transparent;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0.25em 1.5em 0.25em 0.25em;
        height: 35px;
        border-radius: 6px !important;
        font-size: 15px;
    }

        .select-native-display .select-native-select > option {
            color: #000;
        }

.table tr td a:hover,
.table tr td a:hover > *,
.tabs-container .nav > li > a:hover {
    color: #2f9a84;
}

*:focus {
    outline: none;
}


.edit-element-trigger.trigger-display {
    margin-right: 10px;
}


.edit-element-trigger.trigger-display,
.edit-element-trigger.trigger-show {
    display: inline-block;
    margin-bottom: 5px;
}

.edit-element-trigger.trigger-show,
.edit-element-trigger.trigger-input {
    padding: 5px 8px 4px 8px;
}

.edit-element-trigger.trigger-show {
    transition: all 200ms ease-in-out;
    opacity: 0.3;
}

.edit-element-trigger.trigger-input,
.edit-element-trigger.trigger-datepicker {
    display: none;
    margin-bottom: 5px;
    margin-right: 5px;
}

    .edit-element-trigger.trigger-input[data-action="value"],
    .edit-element-trigger.trigger-datepicker {
        font-size: 13px;
    }

form.edit-triggered .edit-element-trigger.trigger-display,
form.edit-triggered .edit-element-trigger.trigger-show {
    display: none;
}

form.edit-triggered .edit-element-trigger.trigger-input,
form.edit-triggered .edit-element-trigger.trigger-datepicker {
    display: inline-block;
    line-height: 20px !important;
}

div.edit-triggered .edit-element-trigger.trigger-display,
div.edit-triggered .edit-element-trigger.trigger-show {
    display: none;
}

div.edit-triggered .edit-element-trigger.trigger-input,
div.edit-triggered .edit-element-trigger.trigger-datepicker {
    display: inline-block;
    line-height: 20px !important;
}


.edit-element-trigger_container {
    display: flex;
    align-items: center;
}

    .edit-element-trigger_container:hover :not(.edit-triggered) .trigger-show {
        opacity: 1;
    }

form.edit-triggered {
}

button.edit-element-trigger {
    color: #666;
}

.ui-datepicker {
    z-index: 9999 !important;
}
/*.btn.btn-info {
    background-color: #23c6c8;
    border-color: #10adaf;
    color: #FFFFFF;   
}*/
.inline-block {
    display: inline-block !important;
}

.flex-container {
    display: flex !important;
    align-items: center;
}

.flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bold {
    font-weight: bold;
}

.card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
    padding: 16px 20px;
    -webkit-transition: box-shadow 200ms;
    transition: box-shadow 200ms;
    display: block;
    width: 100%;
    border-radius: 8px;
}

    .card:hover,
    .card:focus {
        -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
        box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
        /*cursor: pointer;*/
    }

.table tbody tr:hover {
    background: #f3f3f4;
}

.border-check > .icheckbox_square-green,
.border-check > .icheckbox_square-green > .iCheck-helper {
    border-radius: 4px !important;
}

.inventory-action-container {
    width: auto;
    display: inline-block;
}

    .inventory-action-container.loading-this-2:before {
        border-radius: 0 !important;
        border: none !important;
    }

.inventory-action,
.inventory-action .stock-control {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .inventory-action .stock-control > * {
        margin-right: 5px;
    }

    .inventory-action .stock-control .stock-add_input {
        width: 70px;
        height: 35px;
    }

    .stock-quantity {
        margin: 0;
    }

    .stock-quantity > .qty,
    .stock-quantity > .qty-new {
        font-size: 18px;
    }

    .stock-quantity > span {
        margin-right: 10px;
    }

.inventory-action .btn {
    outline: none !important;
    box-shadow: none !important;
}

    .inventory-action .btn.btn-default:active,
    .inventory-action .btn.btn-default:visited {
        background: #ffffff;
    }

    .inventory-action .btn.btn-default.active:active,
    .inventory-action .btn.btn-default.active:visited {
        background: #dddddd;
    }

.no-sort::after {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.action-info:hover {
    cursor: pointer;
}

.status-message {
    display: inline-block;
    border: 1px solid #7e8182;
    background: #f3f3f3;
    color: #7e8182;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
    /*height: 40px;*/
}

    .status-message i {
        font-size: 15px;
    }

.status-message-success {
    border: 1px solid #0da2e4;
    background: #ebf9ff;
    color: #059fe3;
}


.status-message-fail {
    border: 1px solid #d4192e;
    background: #ffebef;
    color: #d4192e;
}


.status-mercadopago {
    display: inline-block;
    border: 1px solid #0da2e4;
    background: #ebf9ff;
    color: #059fe3;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
    /*height: 40px;*/
}

    .status-mercadopago i {
        font-size: 15px;
    }

.label-free-shipping {
    font-size: 15px;
    margin-left: 10px;
    top: -4px;
    position: relative;
    color: #7db805;
}

.ibox .ibox-header > i {
    text-align: center;
    float: right;
    filter: opacity(0.1);
    font-size: 55px;
    position: relative;
    top: -13px;
}

    .ibox .ibox-header > i.fa-home {
        top: -10px;
    }

.ibox .ibox-header-2 > i {
    float: none;
    filter: opacity(1);
    top: 0;
    margin-bottom: 5px;
}

.ibox .ibox-header > h3 {
    font-weight: 400;
    font-size: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
}

.ibox h3.ibox-title-tiny {
    position: absolute;
    top: -12px;
    left: 55px;
    width: calc(100% - 50px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

    .ibox h3.ibox-title-tiny > i {
        width: 47px;
        text-align: center;
    }

.ibox .ibox-header.ibox-header-2 > h3 {
    color: #555;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 21px;
}

.ibox .ibox-collpasable:not(.disabled) > .header-row h3 {
    cursor: pointer;
}

.ibox .ibox-collpasable.collapsed > div:not(.header-row) {
    display: none;
}

.ibox .ibox-collpasable.in > div:not(.header-row) {
    display: block;
}

.ibox .ibox-collpasable.collapsed > .header-row h3:after {
    /*color: #aaa;*/
    /*font-weight: 700;*/
    /*content: "\f107";*/
    /*font: normal normal normal 14px/1 FontAwesome;*/
    /*font-size: 28px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    display: block;
    position: absolute;
    margin: 0;
    right: 10px;
    top: 3px;
    content: "Mostrar más";
    font-size: 13px;
    color: #10adaf;
    font-weight: normal;
}

.ibox .ibox-collpasable.collapsed > .header-row h3.after-preferences:after {
    display: block;
    position: absolute;
    margin: 0;
    right: 10px;
    top: 3px;
    content: "Mostrar preferencias";
    font-size: 13px;
    color: #10adaf;
    font-weight: normal;
}

.ibox .ibox-collpasable.in > .header-row h3:after {
    /*content: "\f106";*/
    display: block;
    position: absolute;
    margin: 0;
    right: 10px;
    top: 3px;
    content: "Ocultar";
    font-size: 13px;
    color: #10adaf;
    font-weight: normal;
}


.ibox .ibox-collpasable > .header-row h3.extra-margin:after {
    top: 6px;
}

.ibox .ibox-collpasable.disabled > .header-row h3:after,
.ibox .ibox-collpasable.disabled > .header-row h3.after-preferences:after {
    display: none;
}

.ibox hr {
    border-color: #f0f0f0;
}

.exception-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    margin: 0;
    left: 0;
    overflow: auto;
    z-index: 9999;
    background: #efefef;
    padding: 10px 20px;
}

.w-80 {
    width: 80px !important;
}

.w-100 {
    width: 100px !important;
}

.variant-property-row {
    margin: 0 0 30px 0;
}

    .variant-property-row .form-group {
        margin: 15px;
    }

    .variant-property-row h4 {
        background: #f9f9f9;
        padding: 10px 22px;
        margin: 10px -20px;
        border-top: 1px solid #eee;
    }

        .variant-property-row h4 i {
            margin-right: 3px;
        }

    .variant-property-row .delete-variant-property {
        float: right;
        display: block;
        cursor: pointer;
        color: #a7a7a7;
        font-weight: normal;
        font-size: 13px;
    }

        .variant-property-row .delete-variant-property:hover {
            color: #000;
        }

.mercadolibre-seal {
    text-align: center;
}

    .mercadolibre-seal img {
        width: 120px;
        display: block;
        margin: 0 auto;
    }

    .mercadolibre-seal span {
        width: auto;
        display: block;
        margin: 4px auto 0 auto;
    }

    .mercadolibre-seal .inactive {
        filter: grayscale(100%) opacity(25%) !important;
    }

.no-wrap {
    white-space: nowrap !important;
}

.bati-heading h2 {
    margin: 14px 15px 0px 0;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}

.bati-heading .bati-heading_title {
    /*align-self: flex-start;*/
}

.bati-heading .bati-heading_buttons {
    display: flex;
    justify-content: flex-end;
}

.bati-heading .bati-heading_button {
    margin: 0 0 0 10px;
}

h1.header-big {
    font-weight: 400;
    margin: 30px 0px 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1170px;
    width: 100%;
}

    h1.header-big .btn.btn-grey {
        background-color: #eee;
    }

    h1.header-big .thin {
        font-weight: 100 !important;
        font-size: 19px;
    }

.ibox-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1200px;
    width: 100%;
}

.ibox-panel {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    padding: 10px 10px 0px 5px;
    max-width: 400px;
    width: 100%;
}

    .ibox-panel .ibox {
        margin: 0 15px 15px 0;
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

        .ibox-panel .ibox .ibox-content h5.title {
            font-size: 15px;
            font-weight: 600;
            margin: 0;
            color: #333;
        }

        .ibox-panel .ibox .ibox-content .display,
        .ibox-panel .ibox .ibox-content .display .main-value {
            font-size: 30px;
            font-weight: normal;
            line-height: 50px;
            margin-bottom: 5px;
            color: #000;
        }

        .ibox-panel .ibox .display .main-value.big-value {
            font-size: 36px;
        }

        .ibox-panel .ibox .ibox-content .display .second-value {
            float: right;
            font-size: 20px;
        }

    .ibox-panel .up {
        color: #00dc00;
    }

    .ibox-panel .down {
        color: #ff0000;
    }

    .ibox-panel .icon-before:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
    }

    .ibox-panel .up:before {
        color: #00dc00;
        content: "\f0d8";
    }

    .ibox-panel .down:before {
        color: #ff0000;
        content: "\f0d7";
    }

    .ibox-panel .down.green:before,
    .ibox-panel .down.green {
        color: #00dc00;
    }

    .ibox-panel .up.red:before,
    .ibox-panel .up.red {
        color: #ff0000;
    }

    .ibox-panel table {
        width: 100%;
        margin-bottom: 15px
    }

        .ibox-panel table td {
            padding: 5px 0 5px 0;
        }

        .ibox-panel table.extra-pb td {
            padding-bottom: 7px;
        }

        .ibox-panel table td.number,
        .ibox-panel table td.icon-before {
            white-space: nowrap;
            padding-left: 15px;
        }

.iboc-panel table td.number {
    color: #000;
}

.ibox-panel h6.subtitle {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
}

.ibox-panel .right {
    text-align: right;
}

.lightgrey {
    color: #bbb !important;
}

.orange {
    color: orange !important;
}

.stock {
    display: inline-block;
    color: orange;
    background: #fffaf1;
    padding: 1px 3px;
}

    .stock.out {
        color: #000;
        background: #f7f7f7;
    }

    .stock.negative {
        color: #ce0000;
        background: #fff1f1;
    }

.stock.bundle {
    color: #5876e7;
    background: #e9e9e9;
}

.swal2-container {
    z-index: 9999 !important;
}

.percent-box {
    position: relative;
    width: 62px;
}

    .percent-box input {
        width: 100%;
        background: #fff;
    }

    .percent-box i {
        position: absolute;
        background: #fff;
        padding: 5px;
        top: 4px;
        right: 4px;
    }

.sealedprice {
    color: #888;
}

@media (max-width:380px) {
    .row-table-guille {
        position: static;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

        .row-table-guille .btn-guille {
            width: 100%;
        }

    .block-mobile {
        display: block !important;
    }
}

@media (max-width:500px) {
    .list-style-underline {
        padding: 10px 0 0 0;
    }

    .dataTable .dropdown-menu,
    table .dropdown-menu {
        bottom: 15px;
        left: 15px;
    }

    .ibox-content .sale-status,
    .ibox-content .payment-status,
    .ibox-content .shipping-status,
    .modal-body .sale-status,
    .modal-body .payment-status,
    .modal-body .shipping-status {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .ibox-content {
        padding: 5px 5px 15px 5px;
    }

        .ibox-content > h3:first-child {
            text-align: left;
            margin-top: 15px;
        }

    .md-skin .ibox.float-e-margins {
        margin: 0 5px 10px 5px;
    }

    .ibox h3.ibox-title-tiny {
        width: calc(100% - 92px);
        margin-bottom: 30px;
    }

    .ibox .row.header-row > div[class*="col"] {
        padding: 0px 30px;
    }

    .modal.in .modal-dialog {
        margin: 0;
        padding: 0;
    }

    .modal-content {
        border: none;
        border-radius: 0;
    }

    .md-skin .page-heading a.btn {
        padding: 5px;
    }

    .md-skin .wrapper-content {
        padding-top: 5px;
    }

    .box-container h3 {
        margin: 20px 15px 20px 15px;
    }

    .select-native-display {
        float: none;
    }

    .form-group {
        margin: 0 15px 15px 15px;
        width: calc(100% - 30px);
    }

    .ibox .icheckbox_square-green,
    .ibox .iradio_square-green {
        top: 0px;
    }

        .ibox .icheckbox_square-green.extra-top-mobile,
        .ibox .iradio_square-green.extra-top-mobile {
            top: 6px;
        }

    .ibox .ibox-collpasable.collapsed > .header-row h3:after,
    .ibox .ibox-collpasable.in > .header-row h3:after {
        top: 6px;
    }

    .block-xs {
        display: block !important;
    }

    .ibox .ibox-header.ibox-header-2 > i {
        left: 15px;
        top: 12px;
    }

    .d-flex.d-flex-column-mobile {
        flex-direction: column;
    }
}



/*Start - Error page*/
.msg-error-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.msg-error-container_img {
    max-height: 500px;
}

.msg-error-container_h1 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 700;
    margin: 0;
}

.msg-error-container_h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 100;
    margin: 0;
}

.msg-error-container_h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;
    margin: 30px;
}

@media (max-width: 847px) {
    h1.header-big {
        flex-direction: column;
        margin-top: 20px;
    }

        h1.header-big .header-buttons {
            margin-top: 20px;
        }

    .ibox-container .ibox-panel .row {
        margin: 0;
        padding: 0;
        margin-top: 15px;
    }

    .ibox-container {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 992px) {
    .msg-error-container {
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

    .msg-error-container_h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .msg-error-container_h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 10px;
    }

    .msg-error-container_h3 {
        font-size: 15px;
        line-height: 15px;
        margin: 30px;
    }
}
/*End - Error page*/




/*mediaquery para internet explorer >= 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .select-native-display .select-native-value {
        visibility: hidden !important;
    }
}
/*mediaquery para firefox*/
@-moz-document url-prefix() {
}


.mw-250 {
    max-width: 250px !important;
}

.text-wrap {
    white-space: normal;
}

.nav.metismenu ul.nav-second-level {
    padding-left: 26px;
}

.nav.metismenu > li > a i.icofont {
    font-size: 19px;
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.md-skin #side-menu.nav > li {
    border: 4px solid transparent;
}

    .md-skin #side-menu .nav > li > a {
        padding-left: 20px;
    }

.md-skin #side-menu.nav .nav-header {
    border: none;
    margin-bottom:10px;
}

.md-skin .nav-second-level li.active a {
    background: #eee;
    margin-left: -25px;
    padding-left: 45px !important;
    border-radius: 6px;
}

    .md-skin .nav-second-level li.active a:focus,
    .md-skin .nav-second-level li.active a:hover {
        background: #eee;
    }

.ibox-title-block {
    color: #333;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 20px 0;
}

@media (max-width:768px) {
    .ibox-title-block {
        margin: 10px;
        font-size: 20px;
    }
}

.ui-widget-header .ui-icon,
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/admin/css/plugins/jqueryui/images/ui-icons_222222_256x240.png);
}

.ui-datepicker .ui-datepicker-header,
.ui-widget-content,
.ui-state-default {
    border-radius: 5px;
}

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        background: #ddd;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        color: #fff;
        background: #333;
    }

.ui-widget-header {
    border-color: #ddd;
}

nav #side-menu {
    display: flex;
    overflow: auto;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    height: 100vh;
}
nav #side-menu li.to-bottom {
    margin-top: auto;
}
nav #side-menu li > a {
    display: flex;
    align-items: center;
}
nav #side-menu li > a span {
    font-size:13px;
}
nav #side-menu li > a {
    padding:5px;
}
nav #side-menu .arrow {
    margin-left:auto;
    float:none;
}
nav #side-menu > li > a:hover,
nav #side-menu > li > a:focus,
nav #side-menu > li.has-submenu.active > a{
    font-weight: 600;
}

nav #side-menu > li > a i {
    font-size: 26px;
    color: #999;
}
nav #side-menu > li > a svg,
nav #side-menu > li > a img{
    width: 30px;
    margin: 0 7px 0 2px;
    opacity: 0.5;
}

    .md-skin .nav > li.active > a,
    nav #side-menu > li.active > a,
    .md-skin .nav > li.active > a i,
    nav #side-menu > li.active > a i {
        color: #000;
    }
nav #side-menu > li.active > a svg,
nav #side-menu > li.active > a img{
    opacity: 1;
}
nav #side-menu li > a span {
    font-weight: 600;
}
.page-heading em {
    font-weight:600;
}
nav #side-menu .nav-second-level li:last-child {
    padding-bottom: 0;
}
.md-skin .nav > li > .ext-link,
nav #side-menu > li > .ext-link,
.md-skin .nav > li.active > .ext-link,
nav #side-menu > li.active > .ext-link {
    position: absolute;
    right: 0;
    margin: 4px 5px 0 0;
    z-index: 2;
    cursor: pointer;
    background: transparent;
    border: none;
}
    .md-skin .nav > li > .ext-link > i,
    nav #side-menu > li > .ext-link > i,
    .md-skin .nav > li.active > .ext-link > i,
    nav #side-menu > li.active > .ext-link > i {
        font-size: 20px;
        color: #ccc;
    }
    .md-skin .nav > li > .ext-link:hover > i,
    nav #side-menu > li > .ext-link:hover > i,
    .md-skin .nav > li.active > .ext-link:hover > i,
    nav #side-menu > li.active > .ext-link:hover > i {
        color: #000;
    }

nav #side-menu > li.separator {
    margin-top: 10px;
}
    nav #side-menu > li.separator > label {
        padding: 10px 0 0 10px;
        color: #aaa;
        font-weight: 600;
        margin: 0;
    }
.list-box {
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    width: 100%;
    max-width: 950px;
    flex-wrap: wrap;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px 0 20px 10px;
    border-color: transparent;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: var(--border-radius-card);
}
.list-box_item {
    width: 100%;
    max-width: 283px;
    display: flex;
    margin: 10px 0 0 10px;
    padding: 15px;
    color: #666;
    min-height: 80px;
}

.list-box_item-i {
    text-align: center;
    margin: 0 10px 0 0;
}
    .list-box_item-i i {
        font-size: 24px;
        padding: 6px;
        background: #ddd;
        border-radius: 8px;
        width: 39px;
    }
.list-box_item-text h3 {
    font-size: 13px;
    margin:0 0 3px 0;
    padding:0;
    font-weight:bold;
    color:#333;
}
.list-box_item-text p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.list-box_item:hover {
    background:#f5f5f5;
    border-radius:8px;
}
.list-box_item:hover .list-box_item-i i,
.list-box_item:hover .list-box_item-text h3 {
    color: #000;
}
.list-box_item:hover .list-box_item-text p {
    color: #333;
}

@media(max-width:768px) {
    .list-box_item {
        min-height:0;
    }
}

.minimalize-styl-2 {
    margin: 11px 0px 5px 0px;
}
.md-skin .page-heading {
    padding: 0 10px 5px 54px;
}
.page-heading > div {
    padding-left:10px;
}
.md-skin.mini-navbar .nav-second-level {
        background:transparent;
}

.form-group .note {
    line-height: 1;
    color: #b1b1b1;
}

.bati-heading_title2 {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 15px 0;
}
.bati-heading_title2 .bati-heading_content{
    display: flex;
    width: 100%;
}
    .bati-heading_title2 h1 {
        font-size: 23px;
        line-height: 1;
        margin: 0;
        font-weight: 600;
        color: #000;
    }
    .bati-heading_title2 h1 > a {
        color: #000;
    }
    .bati-heading_title2 h2 {
        font-size: 23px;
        line-height: 1;
        margin: 0;
        font-weight: 100;
        color: #555;
    }
    .bati-heading_title2 span {
        font-size: 25px;
        line-height: 0.9;
        font-weight: 100;
        margin: 0 10px;
        color: #555;
    }
.bati-heading-container {
    max-width: 950px;
    margin: 30px auto 15px;
}

.bati-heading-list {
    margin-top:20px;
}

.bati-heading_title2 .bati-header_text {
    display: flex;
    flex-wrap: wrap;
}

.bati-heading_title2 .bati-header_actions {
    margin: 5px 10px 0 auto;
}
.bati-heading_title2.bati-header-border {
    padding-bottom: 15px;
    border-bottom: 2px solid #E9E9E9;
    margin-bottom: 15px;
}
.bati-heading_title2 .bati-header_actions a {
    margin-left: 10px;
    white-space: nowrap;
}
.bati-heading_title2 .bati-header_text {
    padding-left: 10px;
    position: relative;
}
@media (max-width:500px) {
    .md-skin .page-heading a.btn {
       width:auto;
    }
    .ibox-content .form-group > div {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.bati-heading_title2.bati-header-back .bati-header_text > a:first-child {
    position: absolute;
    margin: -24px 0 0 0;
    white-space: nowrap;
    font-size: 13px;
    color: #888;
}
.bati-heading_title2.bati-header-back .bati-header_text > a:first-child > i {
    font-size: 21px;
    top: 2px;
    position: relative;
    line-height: 0;
    margin-right: 5px;
}
.bati-heading_title2.bati-header-back .bati-header_text > h1 {
    font-size: 28px;
    display: flex;
    align-items: flex-end;
}
.bati-heading_title2.bati-header-back .bati-header_text .inbox-name {
    font-weight: normal;
    font-size: 115%;
    position: relative;
    top: 1px;
    margin:0;
    color:#999;
    line-height: 1;
}
@media (max-width:767px) {
    .bati-heading_title2 .bati-header_actions {
        margin: 10px 0 0 0;
    }
    .bati-heading_title2 a {
        margin: 5px 10px 0 0;
    }
}
@media (max-width: 1300px) {
    .bati-heading_title2:not(.bati-heading-list) {
        margin: 20px auto 20px auto;
        width: 618px;
        text-align: left;
        display: block;
    }
    .bati-heading_title2.bati-header-back {
        margin-top: 40px;
    }
}
.bati-header_actions i {
    font-size: 15px;
}
.bati-header_actions a{
    color: #333;
    font-weight: 500;
}
.bati-header_actions .la-check-circle {
    font-size: 15px;
}
.bati-header_actions .action_delete {
    color: #861b1b;
}
.bati-header_actions .action_save {
    color: #1c84c6;
}
.bati-header_actions{
    display: flex;
    align-items: center;
}
.bati-header_actions .nav-actions{
    display: flex;
    flex-wrap: nowrap;
}
.bati-header_actions .nav-actions > button{
    height: 40px;
    width: 30px;
    border: 1px solid #888;
    border-radius: 4px;
    color: #666;
}
.bati-header_actions .nav-actions > button{
    margin: 0 5px 0 5px;
}
.bati-header_actions .nav-actions > button:first-child{
    margin-left: 10px;
}
.bati-header_actions .nav-actions > button[disabled]{
    opacity:0.5;
}

.bati-heading_title2.bati-heading-footer {
    border-top: 1px solid #ccc;
    padding: 15px 0 20px 0;
}

.bati-heading_title2.bati-header-border .bati-header_text{
    flex-direction: column;
    align-items: flex-start;
}
.dropdown-toggle.bati > svg{
    width: .2em;
    margin-left: .07em;
    top: .04em;
    position: relative;
}
@media(max-width:768px){
    .bati-heading_title2 .bati-heading_content{
        flex-direction: column;
    }
    .bati-heading_title2 .bati-header_actions {
        margin: 10px 0 0 0;
        width: 100vw;
        justify-content: space-between;
        padding: 0 10px 0 0;
    }
}


.border-bottom {
    border-bottom: 1px solid #ddd !important;
}

.btn, 
.btn.btn-default, 
.btn.btn-primary {
    border-bottom-width:1px;
}

.batitable-filter_select {
    cursor:pointer;
}

.form-group .checkbox label::before,
.form-group .checkbox label::after,
.form-group .checkbox input[type="checkbox"],
.form-group .checkbox input[type="radio"],
.form-group .checkbox label:hover::before,
.form-group .checkbox label:hover::after,
.form-group .checkbox input[type="checkbox"]:hover,
.form-group .checkbox input[type="radio"]:hover,
.form-group .checkbox label:active::before,
.form-group .checkbox label:active::after,
.form-group .checkbox input[type="checkbox"]:active,
.form-group .checkbox input[type="radio"]:active {
    border-radius: 50%;
    cursor: pointer;
    outline: none !important;
}

.rounded-style,
.rounded-style .nav.nav-tabs > li,
.rounded-style .nav.nav-tabs > li > a,
.rounded-style.tabs-container .tab-pane .panel-body,
.rounded-style.tabs-container .tab-content {
    border-radius: var(--border-radius-card);
}
    .rounded-style .panel-body {
        border-radius: var(--border-radius-card);
        margin-top:10px;
    }
    .rounded-style.tabs-container .nav-tabs {
        border-bottom: none;
    }

.logout {
    float: right;
    font-size: 26px;
    margin: 9px 30px 0 0;
    color: #ddd;
    transition: color ease-in-out 0.1s;
}
.logout:hover {
    color: #000;
}
.table-oldschool > thead > tr > th {
    font-weight: 100;
    color: #000;
}
.table-oldschool > tbody > tr > td > .main-link {
    font-weight: 600;
    color: #000;
}



@media (max-width:500px) {
    .form-group {
        margin: 0 0 15px 0 !important;
        width: 100% !important;
    }
}


.tip-list {
    padding: 0;
    margin: 0;
}
.tip-list > * {
    display:block;
    margin:0 0 15px 0;
    padding: 0 0 0 25px;
    position:relative;
}
    .tip-list > *:last-child {
        margin: 0;
    }
    .tip-list > *:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: 'Line Awesome Free';
        font-weight: 900;
        font-size: 19px;
        content: "\f059";
        position: absolute;
        left: 0px;
        top: 0px;
    }


#side-menu a[href="/admin/design/draft/new"] {
    display:none !important;
}

.sale-status,
.payment-status,
.shipping-status {
    white-space: nowrap;
}

.box-container .box-main.extended{
    width:800px;
}

/*Text overflow*/
.text_overflow-ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*Risk analysis*/
.risk-band_icon
{
    font-size: 14px;
}

.risk-green, .risk-yellow
{
    display: none;
}

/*.risk-yellow
{
    color: orange;
}*/

.risk-red
{
    color: red;
}

/*Tiny Cucardas*/
.orderstatus {
    box-sizing: border-box;
    color: #202223;
    margin: 0 0 0 10px;
}
.orderstatus .orderstatus_item{
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    font-weight: 400;
    border: 0;
    border-radius: 2rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #202223;
    background-color: #ffd79d;
}
.orderstatus .orderstatus_item > svg{
    height: 1rem;
    width: 1rem;
    margin: 0 .4rem 0 -.3rem;
    border: .1rem solid currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    /*color: #b98900;*/
    color: #b98900;
    background: transparent;
}
.orderstatus .orderstatus_item.start{
    background-color: #ffd79d;
    color: #202223;
}
.orderstatus .orderstatus_item.start > svg{
    color: #b98900;
}
.orderstatus .orderstatus_item.start-alt{
    background-color: #ffea8a;
    color: #202223;
}
.orderstatus .orderstatus_item.start-alt > svg{
    color: #202223;
}

.orderstatus .orderstatus_item.half{
    background-color: #ffd79d;
    color: #202223;
}
.orderstatus .orderstatus_item.half > svg{
    color: #b98900;
}

/*finals status */
.orderstatus .orderstatus_item.end{
    background-color: #e4e5e7;
    color: #202223;
}
.orderstatus .orderstatus_item.end > svg{
    color: #5c5f62;
}

/*finals status */
.orderstatus .orderstatus_item.error{
    background-color: #e4e5e7;
    color: #202223;
}
.orderstatus .orderstatus_item.error > svg{
    color: #5c5f62;
}


/*Big Cucacardas*/
.orderstatus_big .orderstatus_item{
    display: flex;
    justify-items: center;
    font-size: 13pt;
    margin:10px;
    color:#000;
}
.orderstatus_big .orderstatus_item  span{
    position: relative;
    width: 21px;
    height: 21px;
    display: block;
    margin-right: 10px;
    color: #000;
}
.orderstatus_big .orderstatus_item  span:before{
    content: "";
    position: absolute;
    top: -.3rem;
    bottom: -.3rem;
    left: -.3rem;
    right: -.3rem;
    border-radius: 50%;
    background-color: #FFD79D;
}
.orderstatus_big .orderstatus_item svg{ 
    width: 21px;
    position: relative;
    z-index: 1;
    color: #fff;
    fill: #b98900;
}
.orderstatus_big .orderstatus_item.half svg{
    color: #bd931c;
}

.orderstatus_big .orderstatus_item.end  span{
    color:#fff;
}
.orderstatus_big .orderstatus_item.end  span:before{
    background-color: #9dffc2;
}
.orderstatus_big .orderstatus_item.end svg{
    
    color:#fff;
    fill: #007f5f;
}

.orderstatus_big .orderstatus_item.error  span{
    color:#fff;
}
.orderstatus_big .orderstatus_item.error  span:before{
    background-color: #ff9d9d;
}
.orderstatus_big .orderstatus_item.error svg{

    color:#fff;
    fill: #7f0000;
}


.totals,
.totals *{
    font-size: 110%;
    color: #000;
    font-weight: 600;
}
table.no-first-line tr:first-child td{
    border-top:none;
}
.actions_container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ibox-content hr{
    margin:20px -20px;
}
.ibox-content-title, .ibox-content h3{
    /*color: #000;*/
    color: #242424;
    font-weight: 600;
    margin: 10px 0 20px 0;
    font-size: 14pt;
}
.ibox-content-title-action {
    color: #579357;
    margin: 10px 0 20px 0;
    font-size: 10pt;
}


.ibox-content h4{
    /*color: #000;*/
    color: #242424;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11pt;
    letter-spacing: -0.1pt;
}
.link-copy{
    display: flex;
    align-items: center;
}
.link-copy svg{
    margin-left:5px;
}
.orders-table-row .guillermo{
    font-weight: 600;
    color:#000;
}
.orders-table-row .guillermo.customer{
    font-weight: normal;
}
.orders-table-row.cancelled *{
    text-decoration: line-through;
}
.orders-table-row.archived *{
    font-weight: normal;
    filter:opacity(0.8);
}
.orders-table-row:hover,
.orders-table-row td:hover{
    cursor:pointer;
}
.cell-substatus{
    display:block;
    margin-left: 14px;
    color: #555;
    font-size: 90%;
    margin-top:3px;
}
.alert-notifications-tecnical,
.alert-notifications-bussiness{
    position: relative;
}
.alert-notifications-tecnical i,
.alert-notifications-bussiness i{
    font-size:31px;
}
.alert-notifications-tecnical span,
.alert-notifications-bussiness span{
    position: absolute;
    right: -15px;
    padding-top:4px;
}
.logout.active i{
    color:#000;
}
.notification-list-container{
    top: 43px;
    right: 10px;
    position: fixed;
    z-index: 9999;
}

.notification-list-container > div{
    background-color: #ffffff;
    max-height: calc(100vh - 53px);
    height: auto;
    max-width: 320px;
    width: 100vw;
    padding: 20px 15px 15px 15px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow-y: auto;
    box-shadow: 0 10px 20px 7px rgb(0 0 0 / 15%);
}
.notification-list-container .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-list-container .title h3{
    color: #000;
    font-weight: 700;
    font-size: 18px;
}
.notification-list-container .title a{
    font-weight: 600;
    padding-right: 10px;
}
.notification-list-container .notification-item{
    color: #4a4a4a;
    padding: 10px 10px 0px 15px;
    border-top: 1px solid #eee;
    margin: 10px -12px;
}
.notification-list-container .notification-item small{
    color: #bbb;
    font-size: 75%;
}
.notification-list-container .no-results{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 20px;
}
.notification-list-container .no-results p{
    padding-top: 10px;
}
@media(max-width:768px){
    .notification-list-container{
        right: 0px;
        width:100%;
    }
    .notification-list-container > div{
        height: calc(100vh - 43px);
    }
}

/*TREEVIEW*/
/*Tree view*/
ul, .treeView {
    list-style-type: none;
}

.treeView {
    margin-left: 40px;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.treeView .treeView-node a,
.treeView .treeView-node i
{
    color: #141414;
}

.treeView .treeView-node {

    display: flex;
    width: 240px;
    background: #f1f1f1;
    margin-top: 14px;
    padding: 7px;
    justify-content: space-between;
    border-radius: 3px;
    box-shadow: 0px 1px 4px #d1d1d1;
}

.treeView-node-expander
{
    cursor: pointer;
}

ul.nested
{
    /*display: flex;*/
    flex-direction: column;
}

.nested {
    display: none;
}

.expanded {
    display: flex;
}

/*Tree linkage*/
.treeView, .treeView ul, .treeView li {
    position: relative;
}

.treeView ul {
    list-style: none;
    padding-left: 100px;
}

.treeView li::before, .treeView li::after {
    content: "";
    position: absolute;
    left: -12px;
}

.treeView li::before {
    border-top: 2px solid #4f6e68;
    top: 30px;
    width: 8px;
    height: 0;
}

.treeView li::after {
    border-left: 2px solid #4f6e68;
    height: 100%;
    width: 0px;
    top: 2px;
}

.treeView > li:last-child::after,
.treeView ul > li:last-child::after {
    height: 28px;
}

/*Orders bundle treeview*/
.treeView.order-bundle_treeview{
    margin-left: 15px;
}
.treeView.order-bundle_treeview li::after {
    border-left: 1px solid #bfbfbf;
}

.treeView.order-bundle_treeview li::before {
    border-top: 1px solid #bfbfbf;
    top:20px;
}
.treeView.order-bundle_treeview > li:last-child::after
{
    height: 18px;
}
/*Orders bundle treeview*/

/*End Tree linkage*/
/*END TREEVIEW*/

/* dashboard overview page */

.bati-background{
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    filter: opacity(0.6) grayscale(0.1);
    height: 410px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bati-wrapper-centered{
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 1;
}
.bati-wrapper-centered.dashboard-tiny{
    max-width: 900px;
}
h1.header-big.center{
    justify-content: center;
    text-align: center;
    color: #000;
    filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.1));
    width: auto;
    margin: 30px 0 10px 0;
    padding: 10px;
}
.ibox-panel.fullwidth{
    max-width: 100%;
}
.table_style {
    display:table;
    width: 100%;
}
.table_style-row {
    display:table-row;
}
.table_style-cell{
    font-size: 11pt;
    padding: 2px;
    display:table-cell;
}
.table_style-cell.icon{
    width: 50px;
}
.table_style-cell h3,
.ibox-content .table_style-cell h3{
    margin: 10px 0 10px 0;
}
.table_style-cell.icon i{
    font-size: 20px;
}
.table_style-cell.big-text{
    font-size: 29pt;
    font-weight: normal;
    margin-bottom: 5px;
    color: #000;
}
.table_style-cell.grey,
.table_style-cell.big-text.grey{
    color: #aaaaaa;
}
.table_style-cell.grey_light,
.table_style-cell.big-text.grey_light{
    color: #dddddd;
}
.info-details-row{
    display: flex;
    align-items: center;
}
.info-details-row > span{
    font-size: 14px;
}
.info-details-row > i{
    width: 40px;
    text-align: center;
    margin-right: 10px;
    font-size: 30px;
}
.info-details-row a:last-child{
    margin: 0 0 0 auto;
}


@media (max-width: 990px){
    .ibox-content .row div + div .table_style{
        padding-top: 20px;
        margin-top: 30px;
        border-top: 1px solid #eee;
    }
    .ibox .ibox-content {
        padding: 10px 5px 25px 5px;
    }
    .table_style-cell.big-text{
        font-size: 25pt;
    }
    .info-details-row{
        flex-flow: column;
        text-align: center;
    }
    .info-details-row > i{
        width: 60px;
        margin: 0 0 15px 0;
        font-size: 44px;
    }
    .info-details-row button:last-child{
        margin: 20px 0 0 0;
    }
}


.flex-column
{
    display: flex;
    align-items: self-start;
    flex-flow: column;
    justify-content: space-evenly;
}

.hide
{
    display: none !important;
}



/*DESIGN 20241011*/
 .design-cell
 {
     /*display: flex;*/
     border-top: 1px solid #e7eaec;
     line-height: 1.72857;
     padding: 5px 8px;
     height: 85px !important;
     max-height: 85px !important;
     overflow: hidden !important;
 }

.design-draft_advice
{
    display: flex;
    justify-content: space-between;
}

.design-draft_advice .limit
{
    font-size: 30px;
}

.design-draft_advice .limit .divisor
{
    color: black;
    margin: 0 5px;
}
.design-draft_advice .limit .topLimit
{
    font-weight: 600;
    color: #454545;
}

.design-draft_row i
{
    font-size: 15px;
    color: #006b4f;
    margin-right: 5px;
}

.design-draft_row
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.__list_actions
{
    display: flex; 
    justify-content: center; 
    flex-direction: column; 
    align-items: center;
}
.__list_actions a
{
    padding: 5px 0;    
}