/* .table th,
.table td {
    text-wrap: nowrap;
} */

.nowrap {
    /* height: auto !important;
    width: 100%;
    white-space: unset !important; */
    color: purple !important;
    /* text-wrap: nowrap !important; */
    white-space: nowrap !important;
}

.table.item-table td {
    text-wrap: wrap;
}

table.table.sticky-column thead th:first-child,
table.table.sticky-column tbody td:first-child {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 1;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(odd) th:first-child,
.table.is-striped tbody tr:not(.is-selected):nth-child(odd) td:first-child {
    background-color: #ffffff;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) th:first-child,
.table.is-striped tbody tr:not(.is-selected):nth-child(even) td:first-child {
    background-color: #fafafa;
}

figure.item-image figcaption {
    text-align: center;
    font-weight: bold;
    color: orange;
    font-size: 18px
}

table.pick-table .image img {
    display: block;
    height: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/* .dataTables_wrapper .column.is-full {
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
} */

.dataTables_wrapper .dataTables_filter {
    text-align: center;
}

.dataTables_wrapper .dataTables_filter input {
    width: auto;
    vertical-align: middle;
}

@media screen and (min-width: 769px) {
    .dataTables_wrapper .dataTables_filter {
        text-align: right;
    }
}

#items-table,
#purchases-table,
#orders-table {
    width: 100% !important;
}

#items-table th,
#items-table td {
    text-wrap: wrap;
    vertical-align: middle;
}

td.child li {
    text-wrap: wrap;
}

table.dataTable>tbody>tr.child ul {
    min-width: 100%;
}

.dataTable .child ul li {
    min-width: 100%;
    display: flex;
    justify-content: space-between;
}

.dt-bulma table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
.dt-bulma table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    box-shadow: none;
    top: 10px;
    /* border-radius: 3px; */
    background-color: #485fc7;
    /* border: 2px solid #485fc7; */

    /* top: 50%; */
    /* transform: translateY(-50%); */
    content: " \203A";
    background-color: #ffffff;
    color: #485fc7;
    font-size: 26px;
    transition: all .2s;
}

.dt-bulma table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, 
.dt-bulma table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #ffffff;
    color: #485fc7;

    /* top: 50%; */
    /* transform: translateY(-50%) !important; */
    content: " \203A";
    transform: rotate(90deg);
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: auto;
}

.dtr-data {
    text-align: right;
}

.item-tabs .content-tab {
    border: 1px solid #dbdbdb;
    border-top: 0;
}

.content .block .list-item {
    padding: 0;
}

.menu-list li.is-disabled a
{
    pointer-events: none;
    opacity: .65;
}

div.availability {
    border: 1px solid #dbdbdb;
}

div.availability .table thead {
    border-bottom: 2px solid #dbdbdb;
}
div.availability .table tfoot {
    border-top: 2px solid #dbdbdb;
}

h1.brand span {
    font-family: pacifico;
}

h1.brand .brand-s {
    color: #0880c3;
}

h1.brand .brand-1 {
    color: #ea0000;
}

h1.brand .brand-mple {
    color: #363636;
}

.navbar-item h1.brand {
    margin: 0;
    font-size: 2.3rem;
    z-index: 2;
}

nav.navbar {
/* .hero-head { */
    padding-top: 20px;
    padding-bottom: 30px;
}

@media screen and (max-width: 1023px) {
    .navbar-item.branding {
        position: absolute;
    }
    #navbarMenuHeroA {
        position: absolute;
        width: 100%;
        border-top: 1px solid #eee;
        margin-top: 30px;
    }

    #navbarMenuHeroA .buttons {
        margin-top: 30px;
        justify-content: space-between;
    }

    a[data-target="navbarMenuHeroA"] {
        margin-right: auto;
        margin-left: 0;
    }
    #navbarMenuHeroA .navbar-start {
        text-align: center;
    }

    #navbarMenuHeroA .navbar-start a {
        position: relative;
    }
    #navbarMenuHeroA .navbar-start a:not(:last-child):before {
        content: "";
        position: absolute;
        border-bottom: 1px solid #eee;
        width: 100%;
        max-width: 300px;
        min-width: 50px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    
    #navbarMenuHeroA {
        position: fixed;
        width: calc(100% - 60px);
        margin-top: auto;
        height: 100%;
        left: 100%;
        transition: left .5s;
        display: block;
        top: 0;
        z-index: 99;
        padding-top: 50px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        /* position: absolute;
        margin-top: 30px;
        width: 100%;
        height: calc(100svh - 104px);
        top: 52px; */
    }
    #navbarMenuHeroA.is-active {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        left: 60px !important;

        /* left: 0px !important; */
    }
}

/* @media screen and (max-width: 768px) {

} */

div#scanner-wrapper {
    transition: all .4s;
    transition-delay: 0.6s;
    top: -100%;
}

#scanner-wrapper.scanning {
    width: 100vw;
    height: 100vh;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    z-index: 999998;
    top: 0;
}

#scanner-wrapper .button {
    z-index: 999999;

}
#scanner-wrapper #stop-scanner,
#scanner-wrapper  #toogle-flash {
    position: absolute;
    margin: auto;
    top: 20px;
}
#scanner-wrapper #stop-scanner {
    right: 20px;
}
#scanner-wrapper  #toogle-flash {
    left: 20px;
}
#scanner-wrapper #readerpro {
    max-width: 600px;
    margin: auto;
}

/* .auth-login-header {
    display: flex;
}
.auth-login-header-item {

}
.auth-login-header-item.left {

}
.auth-login-header-item.right {
    
} */

.hero.is-custom {
    /* background-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486); */
    background-image: linear-gradient(to right top, #4666c6, #623291, #ca005e, #ea0000);
    min-height: 100svh;
}

@media screen and (max-width: 768px) {
    .b-table .table-wrapper.has-mobile-cards tbody td {
        text-wrap: pretty;
        /* text-align: center; */
    }
    .b-table .table-wrapper.has-mobile-cards tbody td .image {
        margin-left: auto;
        margin-right: auto;
    }
}

.b-table .table td.is-image-cell .image {
    margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
}

.b-table .table th,
.b-table .table td {
    text-wrap: wrap;
}


/* @media screen and (max-width: 560px) {
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
        content: '' !important;
    }
    .b-table .table-wrapper.has-mobile-cards tbody tr td {
        text-align: center !important;
        display: block !important;
    }
} */

.b-table table.table thead th {
/* .b-table table.table tbody td:first-child { */
    position: sticky !important;
    top: 0 !important;
    background-color: #ffffff;
    z-index: 1;
}

.b-table table.table thead,
.b-table table.table tfoot {
  position: sticky;
}
.b-table table.table thead {
  inset-block-start: 0; /* "top" */
}
.b-table table.table tfoot {
  inset-block-end: 0; /* "bottom" */
}


@media screen and (max-width: 500px) {
    .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
        flex-direction: column;
        text-align: left !important;
    }
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

#loader{
    animation-name: ckw;
    animation-duration: 4s;
}
@keyframes ckw {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }

    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}

ul.jsontree_tree {
    margin-left: 0;
}