.smart-scroll{
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.scrolled-down{
    transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}
.back_to_line{
    white-space: inherit !important;
}
.crossed_out_text{
    text-decoration: line-through;
}
.content_not_visible, .picto_not_visible {
    display: none !important;
}
#btn-back-to-top {
    position: fixed;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 1000;
    border-radius: 50%;
    height: 45px;
    width: 45px;
}
.form_is_invalid {
    border-color: #fa5c7c !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_is_invalid ~ .select2 .select2-selection {
    border-color: #fa5c7c !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 1.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form_is_invalid > .dataTables_wrapper {
    border: #fa5c7c solid 1px;
}
.menu_ldtn{
    color: #313a46;
    background-color: #fff;
    border: 1px solid #eef2f7;
}

#redirect-menu-select ~ .select2 .select2-selection {
    background-color: #727cf5;
}
#select2-redirect-menu-select-container, .select2-results__option[aria-selected=true]:hover {
    color: #fff !important;
}
#redirect-menu-select ~ .select2 .select2-selection > .select2-selection__arrow > b{
    border-color: #fff transparent transparent transparent !important;
}
.select2-results__option[aria-selected=true] {
    color: #727cf5 !important;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(219, 224, 229) !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 50% !important;
}
table.dataTable.nowrap th.child,
table.dataTable.nowrap td.child{
    white-space: normal;
}
table.dataTable th{
    vertical-align: middle;
}
.dropdown-menu.table-action {
    min-width: max-content;
    margin: 0;
    padding: 0;
}
.dropdown-menu.table-action .dropdown-item{
    padding: 3px 10px;
}
td.dtr-control{
    cursor: pointer;
}
td.dtr-control i{
    display: none;
}
.collapsed td.dtr-control i{
    display: table-cell;
}
th.small-column{
    width: 10px !important;
}


#commodities_list_group{
    background-color: #f1f3fa;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

.badge_stores_commodities{
    white-space: inherit !important;
}

.checkbox_primary{
    accent-color: #727cf5;
}

.input-group > .select2-container{
    width: min-content !important;
    flex: 1 1 auto;
}

.input-group > .select2-container .select2-selection--single,
.input-group > .select2-container .select2-selection--multiple {
    height: 100%;
    line-height: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
table.dataTable th .select2-container .select2-selection--single .select2-selection__arrow {
    width: 15px !important;
    right: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
table.dataTable th .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0 !important;
}

.input-group-append > button {
    height: 100%;
}

input.select2-search__field,
span.select2-dropdown.select2-dropdown--below{
    min-width: auto !important;
}
ul.select2-selection__rendered{
    padding: 1px 6px !important;
}

li.select2-search {
    max-width: 85%;
    overflow: hidden;
}

li.select2-selection__choice{
    text-overflow: ellipsis;
}

#autocomplete .aa-Form,
#autocomplete .aa-InputWrapperPrefix,
#autocomplete .aa-Input{
    height: 39.22px !important;
}
#autocomplete .aa-Form{
    border-color: #dee2e6;
}
#autocomplete .aa-Autocomplete{
    font-size: 14px;
}

.product_image_min{
    max-height: 300px;
    max-width: 100%;
}

.note-editable[contenteditable=false],
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #eef2f7 !important;
}

 .select2-container--open > .select2-dropdown {
    z-index: 10000;
}

 .bootstrap-touchspin-down, .bootstrap-touchspin-injected{
     font-weight: bold !important;
 }

.div_img{
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* datatable with checkbox */
tr.selected > td{
    border: none;
}

/* card fullscreen for batch edit */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.content-fullscreen{
    height: 100%;
}
.form-fullscreen{
    display: contents;
}
.body-fullscreen{
    position: relative;
    flex: 1 1 auto !important;;
    padding: 1rem !important;
}
.header-fullscreen{
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}
.tab-content-picking{
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.badge {
    padding: 0.2em 0.4em 0.1em 0.4em !important;
    line-height: 11px !important;
}

.ribbon-box .ribbon.float-right {
    margin-right: -30px;
    border-radius: 0 3px 3px 0;
}
.ribbon-box .ribbon.float-right:before {
    right: 0;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}


/* Algolia */

.aa-Panel{
    margin: 0;
    font-size: 14px;
}
.aa-Panel--scrollable{
    padding: 0 5px;
}
.aa-Item {
    border-radius: 0;
    border-bottom: 1px solid rgba(154,161,171,.15);
    min-height: 0;
    padding: 0;
}
.aa-Item a{
    padding: 6px 0;
    display: block;
}

@media only screen and (max-width: 575px)  {
    .card.action-buttons .btn i{
        font-size: 24px;
    }
}