/*
	Theme Name:   Aquasan (Hello Elementor - Child)
	Theme URI:
	Description:
	Author:       VERYA Inc.
	Author URI:   https://verya.ca/
    Template:     hello-elementor
	Version:      1.0.0
	License:      GNU General Public License v2 or later
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:  aquasan
*/





:root {
    /* Same as Elementor */
    --black:#000000;
    --dark-grey:#bacbe3;
    --grey:#dde5f1;
    --lighter-grey:#f3f6fa;
    --white:#ffffff;
    --blue:#0f87d3;
    --dark-blue:#0d4871;
    --red:#dc0139;
    --green:#3c745a;
    --light-green:#d1e7dd;
}

/* ICONS: https://www.svgrepo.com/collection/iconsax-line-oval-icons/ */





/*body[class*="elementor-page"],
body[class*="error404"],
body[class*="single"]
    { padding:20px; }*/

    /*body[class*="elementor-page"] .elementor-widget-container > :last-child,
    body[class*="elementor-page"] .elementor-widget-text-editor > :last-child,
    body[class*="error404"] .elementor-widget-container > :last-child,
    body[class*="error404"] .elementor-widget-text-editor > :last-child,
    body[class*="single"] .elementor-widget-container > :last-child,
    body[class*="single"] .elementor-widget-text-editor > :last-child
        { margin-bottom:0 !important; }*/





div#footer :last-child,
div[data-elementor-type="footer"] :last-child
    { margin-bottom:0 !important; }

div#footer a,
div[data-elementor-type="footer"] a
    { color:var(--white) !important; text-decoration:underline; }





div[class^="aquasan-alert-"]
    { border-width:1px; border-style:solid; margin-bottom:.9rem; padding:.9rem !important; }

    div[class^="aquasan-alert-"] :last-child
        { margin-bottom:0; }

    div[class^="aquasan-alert-"] a
        { text-decoration:underline; }

    .aquasan-alert-success
        { background:#d1e7dd; border-color:#a3cfbb; color:#0a3622; }

        .aquasan-alert-success a:not(.btn)
            { color:#0a3622 !important; }

    .aquasan-alert-warning
        { background:#fff3cd; border-color:#ffe69c; color:#664d03; }

        .aquasan-alert-warning a
            { color:#664d03 !important; }





.aquasan-action.action-header,
.aquasan-order.order-header
    { background:var(--lighter-grey); border:1px solid var(--dark-grey); border-radius:10px; }

    .aquasan-action.action-header.pending,
    .aquasan-order.order-header.pending
        { background:#fff3cd !important; border:1px solid #ffe69c !important; color:#664d03 !important; }

    .aquasan-action.action-header.denied,
    .aquasan-order.order-header.cancelled
        { background:#f8d7da !important; border:1px solid #f1aeb5 !important; color:#58151c !important; }





.aquasan-form
    { display:flex; flex-direction:column; gap:20px; }

    .aquasan-form h2,
    .aquasan-form h3,
    .aquasan-form h4
        { margin:0; }

    .aquasan-form .aquasan-form-field input[type="text"]:not(.qr-reader-toggle):read-only,
    .aquasan-form .aquasan-form-field input[type="number"]:not(.qr-reader-toggle):read-only,
    .aquasan-form .aquasan-form-field input[type="text"]:disabled
        { background:var(--lighter-grey); }

        input[type="text"]#productSearch::placeholder,
        input[type="text"]#packagingSearch::placeholder,
        input[type="text"]#actionSearch::placeholder,
        input[type="text"]#orderSearch::placeholder,
        .aquasan-form .aquasan-form-field input[type="text"]::placeholder
            { color:var(--black) !important; }

    .aquasan-form .aquasan-form-field p
        { margin-bottom:0; }

    .aquasan-form .aquasan-form-field .sublabel
        { color:var(--blue); font-size:.8rem; }

    /* Styles for specific action/order */
    #aquasan-action-form.aquasan-form.blend #aquasan-action-blend-package-format-from
        { display:flex; flex-direction:column; gap:20px; }

    #aquasan-order-form.aquasan-form table th
        { text-align:left; }

        #aquasan-order-form.aquasan-form table th,
        #aquasan-order-form.aquasan-form table td
            { font-size:16px; }

            #aquasan-order-form.aquasan-form table th.action,
            #aquasan-order-form.aquasan-form table td.action
                { background:#fff !important; border:0 !important; text-align:right; vertical-align:middle; width:50px; }

        #aquasan-order-form.aquasan-form table .remove-row img
            { display:block; max-width:25px; }



.aquasan-table
    { border-bottom:1px solid var(--dark-grey) !important; border-top:1px solid var(--dark-grey) !important; }

    .aquasan-table:before
        { background:rgba(255, 255, 255, .75) url('assets/img/icon-loading.svg') center center no-repeat; background-size:60px; content:''; bottom:0; left:0; position:absolute; right:0; top:0; z-index:99; }

    .aquasan-table.no-overlay:before
        { content:none !important; }

    .aquasan-table thead > tr > th.dt-orderable-asc span.dt-column-order:after,
    .aquasan-table thead > tr > th.dt-orderable-asc span.dt-column-order:before,
    .aquasan-table thead > tr > th.dt-orderable-desc span.dt-column-order:after,
    .aquasan-table thead > tr > th.dt-orderable-desc span.dt-column-order:before
        { color:var(--lighter-grey); opacity:1 !important; }

        .aquasan-table thead > tr > th.dt-ordering-desc span.dt-column-order:after,
        .aquasan-table thead > tr > th.dt-ordering-asc span.dt-column-order:before
            { color:var(--blue); opacity:1 !important; }

            .aquasan-table thead > tr > th.dt-orderable-asc span.dt-column-order:after,
            .aquasan-table thead > tr > th.dt-orderable-desc span.dt-column-order:after
                { margin-top:2px; }

    .aquasan-table tbody
        { border-top:1px solid var(--dark-grey) !important; }

    .aquasan-table td,
    .aquasan-table th
        { border:1px solid var(--dark-grey) !important; line-height:1 !important; text-align:left; }

        .aquasan-table tr:nth-child(odd) > td
            { background:var(--lighter-grey); }

        .aquasan-table tr:hover > td
            { background:var(--grey); }

        .aquasan-table tr.pending td,
        .aquasan-table td.pending,
        .aquasan-table tr.warning td,
        .aquasan-table td.warning
            { background:#fff3cd !important; color:#664d03 !important; }

        .aquasan-table tr.denied td,
        .aquasan-table td.denied,
        .aquasan-table tr.cancelled td,
        .aquasan-table td.cancelled
            { background:#f8d7da !important; color:#58151c !important; }





#aquasan-order-products #table-products td,
#aquasan-order-products #table-products th,
#aquasan-order-products #table-packaging td,
#aquasan-order-products #table-packaging th
    { border:1px solid var(--dark-grey); padding:8px 10px; }

    #aquasan-order-products #table-products tr:nth-child(odd) > td,
    #aquasan-order-products #table-packaging tr:nth-child(odd) > td
        { background:var(--lighter-grey); }





.btn
    { background:var(--blue); color:var(--white) !important; display:inline-block; padding:.5rem 1rem; text-decoration:none !important; }





.btn-green a
    { background-color:#88C425 !important; }

    .btn-green a:active,
    .btn-green a:focus,
    .btn-green a:hover
        { background-color:#519548 !important; }





.dt-container
    {}

    .dt-container .dt-layout-row:last-of-type
        { margin-bottom:0 !important; }

.dt-paging
    {}

    .dt-paging nav button[type="button"].dt-paging-button
        { background:var(--lighter-grey) !important; border:1px solid var(--dark-grey) !important; border-radius:0 !important; margin:0 !important; }

        .dt-paging nav button[type="button"].dt-paging-button:not(:last-of-type)
            { margin-right:5px !important; }

        .dt-paging nav button[type="button"].dt-paging-button.current
            { background:var(--dark-blue) !important; border-color:var(--dark-blue) !important; color:var(--white) !important; }

        .dt-paging nav button[type="button"].dt-paging-button:active,
        .dt-paging nav button[type="button"].dt-paging-button:focus,
        .dt-paging nav button[type="button"].dt-paging-button:hover,
        .dt-paging nav button[type="button"].dt-paging-button.current:active,
        .dt-paging nav button[type="button"].dt-paging-button.current:focus,
        .dt-paging nav button[type="button"].dt-paging-button.current:hover
            { background:var(--blue) !important; border-color:var(--blue) !important; color:var(--white) !important; }





.grid-formats
    { display:grid; grid-column-gap:20px; grid-row-gap:20px; }

    .grid-2-cols
        { grid-template-columns:repeat(2, 1fr); }

    .grid-3-cols
        { grid-template-columns:repeat(3, 1fr); }

    .grid-4-cols
        { grid-template-columns:repeat(4, 1fr); }

    .grid-12-cols
        { grid-template-columns:repeat(12, 1fr); }





.jet-listing-grid .jet-listing-not-found
    { margin:0 !important; text-align:left !important; }

.products .jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item:last-of-type .elementor > .elementor-element
    { border:0 !important; }

    .products .jet-listing-grid .jet-listing-grid__items .jet-listing-grid__item:last-of-type .elementor > .elementor-element > .e-con-inner
        { padding-bottom:0 !important; }





#menu-actions ul,
#menu-dashboard ul
    { display:grid; grid-column-gap:10px; grid-row-gap:10px; }

    #menu-actions ul
        { grid-template-columns:repeat(7, 1fr); }

    #menu-dashboard ul
        { grid-template-columns:repeat(4, 1fr); }

    #menu-actions ul li.menu-item a,
    #menu-dashboard ul li.menu-item a
        { background:var(--blue) !important; }

    #menu-actions li.menu-item a:active,
    #menu-actions li.menu-item a:focus,
    #menu-actions li.menu-item a:hover,
    #menu-actions li.menu-item.current_page_item a,
    #menu-dashboard li.menu-item a:active,
    #menu-dashboard li.menu-item a:focus,
    #menu-dashboard li.menu-item a:hover,
    #menu-dashboard li.menu-item.current_page_item a
        { background:var(--dark-blue) !important; }

    #menu-actions li[class^="icon-"] a,
    #menu-dashboard li[class^="icon-"] a
        { flex-direction:column; gap:10px; }

        #menu-actions li[class^="icon-"] a i:before,
        #menu-dashboard li[class^="icon-"] a i:before
            { background-size:cover !important; content:''; display:block; height:40px; width:40px; }

            #menu-actions li.icon-action-in a i:before
                { background:url('assets/img/icon-action-in.svg'); }

            #menu-actions li.icon-action-repack a i:before
                { background:url('assets/img/icon-action-repack.svg'); }

            #menu-actions li.icon-action-blend a i:before
                { background:url('assets/img/icon-action-blend.svg'); }

            #menu-actions li.icon-action-return a i:before
                { background:url('assets/img/icon-action-return.svg'); }

            #menu-actions li.icon-action-wash a i:before
                { background:url('assets/img/icon-action-wash.svg'); }

            #menu-actions li.icon-action-inspect a i:before
                { background:url('assets/img/icon-action-inspect.svg'); }

            #menu-actions li.icon-action-fix a i:before
                { background:url('assets/img/icon-action-fix.svg'); }

            #menu-dashboard li.icon-dashboard-products a i:before
                { background:url('assets/img/icon-dashboard-products.svg'); }

            #menu-dashboard li.icon-dashboard-packaging a i:before
                { background:url('assets/img/icon-dashboard-packaging.svg'); }

            #menu-dashboard li.icon-dashboard-actions a i:before
                { background:url('assets/img/icon-dashboard-actions.svg'); }

            #menu-dashboard li.icon-dashboard-orders a i:before
                { background:url('assets/img/icon-dashboard-orders.svg'); }





#menu-mobile
    {}

    #menu-mobile li.menu-item:not(:last-of-type)
        { border-bottom:1px solid var(--grey); }

#menu-mobile-toggle
    {}

    #menu-mobile-toggle .elementor-icon-list-icon path
        { stroke:var(--blue); }

    #menu-mobile-toggle .elementor-icon-list-text
        { display:none; }





.mb-20
    { margin-bottom:20px; }





#order-pallets-grid
    { display:grid; grid-column-gap:.9rem; grid-row-gap:.9rem; }

    #order-pallets-grid div[data-pallet-id]
        { background:var(--lighter-grey); border:1px solid var(--grey); border-radius:20px; padding:20px; text-align:center; }

        #order-pallets-grid div[data-pallet-id].scanned
            { background:var(--light-green); border:1px solid var(--green); color:var(--green); font-weight:bold; }





#packaging-inventory-grid,
div[id^="product-inventory-grid-"]
    { display:grid; grid-column-gap:.9rem; grid-row-gap:.9rem; }

    #packaging-inventory-grid .current,
    div[id^="product-inventory-grid-"] .current
        { background:var(--lighter-grey); border:1px solid var(--dark-grey); border-radius:10px; padding:.9rem; }

        #packaging-inventory-grid .current.low,
        div[id^="product-inventory-grid-"] .current.low
            { background:#fff3cd; border-color:#ffe69c; color:#664d03; }

        #packaging-inventory-grid .current h3,
        div[id^="product-inventory-grid-"] .current h3
            { margin:0; }

        #packaging-inventory-grid .current p,
        div[id^="product-inventory-grid-"] .current p
            { line-height:1; }

        #packaging-inventory-grid .current :last-child,
        div[id^="product-inventory-grid-"] .current :last-child
            { margin-bottom:0; }





#packaging-qr-codes-grid,
#product-qr-codes-grid,
#product-qr-codes-prod-grid
    { display:grid; grid-column-gap:.9rem; grid-row-gap:.9rem; }

    #packaging-qr-codes-grid .code,
    #product-qr-codes-grid .code,
    #product-qr-codes-prod-grid .code
        { background:var(--lighter-grey); border:1px solid var(--dark-grey); border-radius:10px; padding:.9rem; }

        #packaging-qr-codes-grid .code h3,
        #product-qr-codes-grid .code h3,
        #product-qr-codes-prod-grid .code h3
            /*{ margin:0; }*/

        #packaging-qr-codes-grid .code img.qrcode,
        #product-qr-codes-grid .code img.qrcode,
        #product-qr-codes-prod-grid .code img.qrcode
            { max-width:100%; }

        #packaging-qr-codes-grid .code :last-child,
        #product-qr-codes-grid .code :last-child,
        #product-qr-codes-prod-grid .code :last-child
            { margin-bottom:0; }





input.qr-reader-toggle
    { background:url('assets/img/icon-scan.svg') right 10px center no-repeat; background-size:30px; }

#qr-lightbox-wrapper
    { align-items:center; background:rgba(15, 135, 211, .7); bottom:0; display:none; justify-content:center; left:0; position:fixed; right:0; top:0; z-index:999; }

    #qr-lightbox
        { background:var(--white) url('assets/img/loading-blue.svg') center center no-repeat; background-size:50px; border-radius:20px; max-width:400px; min-height:200px; padding:.9rem; text-align:center; width:90vw; }

        #qr-lightbox #qr-reader video,
        #qr-lightbox #qr-reader #qr-shaded-region
            { border-radius:20px; }

            #qr-lightbox #qr-reader video
                { margin-bottom:.9rem; }





.radio
    { margin:.5rem; }

    .radio input[type="radio"]
        { opacity:0; position:absolute; }

        .radio input[type="radio"] + label:before
            { background:var(--white); border-radius:100%; border:1px solid #5b5b5b; content:''; cursor:pointer; display:inline-block; height:1.4em; margin-right:1em; position:relative; text-align:center; top:-.2em; transition:all 250ms ease; vertical-align:top; width:1.4em; }

            .radio input[type=radio]:checked + label:before
                { background-color:var(--blue); box-shadow:inset 0 0 0 4px var(--white); }

            .radio input[type=radio]:focus + label:before
                { border-color:var(--blue); outline:none; }

            .radio input[type=radio]:disabled + label:before
                { background:var(--grey); border-color:var(--grey); box-shadow:inset 0 0 0 4px var(--white); }





.select2-container--default .select2-selection--single
    { border:1px solid var(--dark-grey); border-radius:0; font-family:inherit; font-size:1rem; height:auto; line-height:1.5; margin:0; padding:.5rem 1rem; width:100%; }

    .select2-container--default .select2-selection--single .select2-selection__placeholder
        { color:var(--black); }

    .select2-container--default .select2-selection--single .select2-selection__rendered
        { color:var(--black); line-height:1.5; padding-left:0; }

    .select2-container--default.select2-container--disabled .select2-selection--single
        { background:var(--lighter-grey); }

        .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__placeholder
            { color:var(--black); }

    .select2-container--default .select2-selection--single .select2-selection__arrow
        { top:9px; }

        .select2-container--default .select2-selection--single .select2-selection__arrow b
            { border-color:var(--blue) transparent transparent transparent; }

            .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
                { border-color:transparent transparent var(--blue) transparent; }





.swal2-container
    { padding:20px; }

    .swal2-container.swal2-backdrop-show
        { background:rgba(15, 135, 211, .7); }

    .swal2-container .swal2-popup
        { border-radius:20px; color:inherit !important; gap:20px; padding:40px 20px; }

        .swal2-container .swal2-popup .swal2-icon
            { margin-bottom:0; margin-top:0; }

            .swal2-container .swal2-popup .swal2-icon.swal2-error
                { border-color:var(--red); color:var(--red); }

                .swal2-container .swal2-popup .swal2-icon.swal2-error span[class^="swal2-x-mark-line"]
                    { background-color:var(--red); }

        .swal2-container .swal2-popup .swal2-title,
        .swal2-container .swal2-popup .swal2-html-container
            { padding:0; }

        .swal2-container .swal2-popup .swal2-actions,
        .swal2-container .swal2-popup .swal2-actions button
            { margin:0; }

        .swal2-container .swal2-popup .swal2-input
            { width:auto !important; }





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

.text-left
    { text-align:left !important; }

.text-right
    { text-align:right !important; }





img.whmis-picto
    { width:64px; }





.wpforms-container
    { margin-bottom:0 !important; }

    .wpforms-container .wpforms-field
        { margin-bottom:20px; padding:0 !important; }

        .wpforms-container .wpforms-field.wpf-wrap .wpforms-one-half
            { padding:0 !important; width:100% !important; }

            .wpforms-container .wpforms-field.wpf-wrap .wpforms-one-half.wpforms-first
                { margin-bottom:20px; }

        .wpforms-container .wpforms-field.wpf-hidden
            { display:none; }

        .wpforms-container .wpforms-field.wpforms-field-checkbox ul
            { list-style-type:none; padding-left:0; }

        /*.wpforms-container .wpforms-field.wpforms-field-email .wpforms-field-large
            { margin-bottom:0; }*/

        .wpforms-container .wpforms-field.wpforms-field-select select
            { border:1px solid var(--dark-grey); border-radius:0; }

        .wpforms-container .wpforms-field.wpforms-field-password,
        .wpforms-container .wpforms-field.wpforms-field-password .wpforms-field-row-block
            { position:relative; }

        .wpforms-container .wpforms-field.wpforms-field-text.wpforms-field-disabled input,
        .wpforms-container .wpforms-field.wpforms-field-text.wpforms-field-disabled textarea
            { background-color:var(--lighter-grey); color:var(--black); cursor:not-allowed; }

        .wpforms-container .wpforms-field .wpforms-field-description,
        .wpforms-container .wpforms-field .wpforms-field-sublabel
            { color:var(--blue); font-size:.8rem; line-height:1.5; margin-top:0; }

        .wpforms-container .wpforms-field .wpforms-error
            { hyphens:manual; word-break:normal; }

            /*.wpforms-container .wpforms-field .wpforms-field-description
                { background:var(--lighter-grey); padding:5px 10px; }*/

        .wpforms-container .wpforms-field .wpforms-field-label
            { font-weight:normal; line-height:1.5; }



    .wpforms-container .wpforms-submit-container
        { display:flex; padding:0 !important; }

    .wpforms-container .wpforms-confirmation-container
        { background:#d1e7dd; border:1px solid #a3cfbb; color:#0a3622 !important; margin-bottom:20px; padding:20px !important; }

        .wpforms-container .wpforms-confirmation-container p
            { hyphens:manual; word-break:normal; }

        .wpforms-container .wpforms-confirmation-container :last-child
            { margin-bottom:0; }

    .wpforms-container .wpforms-error-container
        { background:#f8d7da; border:1px solid #f1aeb5; color:#58151c !important; margin-bottom:20px; padding:20px !important; }

        .wpforms-container .wpforms-error-container p
            { hyphens:manual; word-break:normal; }

        .wpforms-container .wpforms-error-container :last-child
            { margin-bottom:0; }





/* MEDIA QUERY: Mobile (<= 767px) -> Mobile breakpoint in Elementor */
@media screen and (max-width: 767px) {

    #aquasan-order-form.aquasan-form table th,
    #aquasan-order-form.aquasan-form table td
        { font-size:13px; }

    .grid-2-cols
        { grid-template-columns:repeat(1, 1fr); }

    .grid-3-cols,
    .grid-4-cols
        { grid-template-columns:repeat(2, 1fr); }

    .grid-12-cols
        { grid-template-columns:repeat(4, 1fr); }

    #menu-actions ul
        { grid-template-columns:repeat(2, 1fr); }

    #menu-dashboard ul
        { grid-template-columns:repeat(2, 1fr); }

        #menu-actions li[class^="icon-"] a,
        #menu-dashboard li[class^="icon-"] a
            { gap:5px; }

            #menu-actions li[class^="icon-"] a i:before,
            #menu-dashboard li[class^="icon-"] a i:before
                { height:30px; width:30px; }

}





/* MEDIA QUERY: Mobile, Tablet (<= 1024px) -> Mobile + tablet breakpoint in Elementor */
@media screen and (max-width: 1024px) {





}





/* MEDIA QUERY: Tablet (>= 768px wide AND <= 1024px) -> Tablet breakpoint in Elementor */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    #aquasan-order-form.aquasan-form table th,
    #aquasan-order-form.aquasan-form table td
        { font-size:14px; }

    .grid-4-cols
        { grid-template-columns:repeat(3, 1fr); }

    .grid-12-cols
        { grid-template-columns:repeat(6, 1fr); }

    #menu-actions ul
        { grid-template-columns:repeat(4, 1fr); }

    #menu-dashboard ul
        { grid-template-columns:repeat(3, 1fr); }

}





/* MEDIA QUERY: Tablet, Computer (>= 768px) -> Tablet + computer breakpoint in Elementor */
@media screen and (min-width: 768px) {





}


/* MEDIA QUERY: Computer (>= 1025px) -> Computer breakpoint in Elementor */
@media screen and (min-width: 1025px) {





}