.btn-dark.btn-hover-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

.btn-dark {
    color: #fff !important;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
.text-polymark {
    color: #0068AA !important;
}

.bg-polymark {
    background-color: #0068AA !important;
}


.alert-invoice {
    --bs-alert-color: #339537;
    --bs-alert-bg: #bce2be;
    --bs-alert-border-color: #bce2be;
    color: #339537;
}


.popover {
    max-width: none !important;
}

.badge-secondary:hover {
    color: white !important
}

.custom-popover {
    max-width: none !important;
    background-color: #ddd !important;
}

.custom-popover-warning {
    max-width: 400px !important;
    background-color: #fff !important;
}

    .custom-popover-warning > .popover-header {
        background-color: var(--bs-warning) !important;
        color: white !important;
    }

.custom-popover-info {
    max-width: 400px !important;
    background-color: #fff !important;
}

    .custom-popover-info > .popover-header {
        background-color: var(--bs-info) !important;
        color: white !important;
    }

.dataTables_wrapper .dt-buttons {
    padding-left: 10px !important;
    float: right !important;
}


.dt-button {
    display: inline-block;
    font-weight: 500;
    line-height: 1.667;
    color: #7b809a;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.15s ease-in;
}


    .dt-button:disabled,
    .dt-button.disabled,
    fieldset:disabled .dt-button {
        pointer-events: none;
        opacity: 0.65;
    }

.dt-button {
    color: #7b809a;
    background-color: rgba(0, 0, 0, 0.06);
    border-color: #ddd;
}

    .dt-button:hover {
        color: #fff;
        background-color: #333;
        border-color: #333;
    }

    .dt-button:focus {
        color: #fff;
        background-color: #333;
        border-color: #333;
        box-shadow: 0 0 0 0.2rem rgba(198, 26, 84, 0.5);
    }

    .dt-button:disabled,
    .dt-button.disabled {
        color: #000;
        background-color: #e91e63;
        border-color: #e91e63;
    }

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    }

    .table tbody + tbody {
        border-top: 2px solid rgba(0, 0, 0, 0.06);
    }

    .table .table {
        background-color: #fafafa;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}


.table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.06);
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid rgba(0, 0, 0, 0.06);
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #c1e2fc;
}

.table-hover .table-primary:hover {
    background-color: #a9d7fb;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #a9d7fb;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #cde9ce;
}

.table-hover .table-success:hover {
    background-color: #bbe1bd;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #bbe1bd;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #b8ecf3;
}

.table-hover .table-info:hover {
    background-color: #a2e6ef;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #a2e6ef;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fff9c8;
}

.table-hover .table-warning:hover {
    background-color: #fff6af;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #fff6af;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fccac7;
}

.table-hover .table-danger:hover {
    background-color: #fbb3af;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #fbb3af;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table .thead-dark th {
    color: #fafafa;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: rgba(0, 0, 0, 0.06);
}

.table-dark {
    color: #fafafa;
    background-color: #212529;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #32383e;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.075);
    }


.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    border-color: #696cff;
    background-color: #696cff;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4);
}



.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: #2196f3;
    background-color: transparent;
    border: 0 solid #dee2e6;
}

    .page-link:hover {
        color: #0a6ebd;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #2196f3;
    border-color: #2196f3;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: transparent;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 0;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}


.dataTables_info, .dataTables_paginate, .dataTables_paginate > *, .paging_simple_numbers, .paging_simple_numbers > *, .dataTables_length, .dataTables_length > *, .dataTables_filter, .dataTables_filter > * {
    font-size: small !important;
    /*color: #7b809a !important;*/
    color: #7b809a !important;
}

/*.paginate_button.current {
    border-radius: 5px !important;
    padding: 5px 10px 5px 10px !important;
    
}*/
/*
.paginate_button:hover {
    border-radius: 5px !important;
    padding: 5px 10px 5px 10px !important;
    background-color: #7b809a !important;
}
    */

/*.paginate_button {
    background: #fff;
    cursor: pointer;
}

    .paginate_button:hover {
        background: #b20000;
    }

    .paginate_button.current {
        background: red;
    }*/

.table td {
    border-bottom-style: none !important;
    zborder: none !important;
}



.table-cart th,
.table-cart td {
    padding: 0.1rem !important;
    vertical-align: middle !important;
}

.table-cart th {
    text-align: left !important;
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.table-neworder {
    border-left: 2px solid #f8f9fa !important;
    border-right: 2px solid #f8f9fa !important;
    border-top: 2px solid #f8f9fa !important;
}

    .table-neworder th,
    .table-neworder td {
        padding: 0.2rem !important;
        vertical-align: middle !important;
        border-left: 2px solid #f8f9fa !important;
        border-bottom: 2px solid #f8f9fa !important;
        font-size: 0.85rem;
    }

    .table-neworder th {
        text-align: left !important;
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
        background-color: #f8f9fa !important;
    }


.bg-lightyellow {
    background-color: #fff9e6
}

.min-vh-10 {
    min-height: 10vh !important;
}

.min-vh-15 {
    min-height: 15vh !important;
}

.min-vh-20 {
    min-height: 20vh !important;
}
.opacity-80 {
    opacity: 0.80 !important;
}
.opacity-85 {
    opacity: 0.85 !important;
}
.opacity-90 {
    opacity: 0.90 !important;
}
.opacity-95 {
    opacity: 0.95 !important;
}


.nav-link-orders {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    zcolor: var(--bs-white);
    color: var(--bs-dark);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    margin-right:6px;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link-orders {
        transition: none;
    }
}

.nav-link-orders:hover {
    zcolor: var(--bs-white);
}
.nav-link-orders:focus {
    color: var(--bs-dark);
    font-weight:bold;
}

.nav-link-orders.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.nav-tabs .active {
    font-weight: bold !important;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ui-autocomplete > li {
        padding: 3px 20px;
    }

        .ui-autocomplete > li.ui-state-focus {
            background-color: #DDD;
        }

.ui-helper-hidden-accessible {
    display: none;
}


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

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

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
    height: 200px;
}

.breadcrumb {
    background-color: transparent !important;    
}


#tableOrders .paginate_button {
    --bs-black: #000;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-blue: #63b3ed;
    --bs-indigo: #596cff;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #f56565;
    --bs-orange: #fd7e14;
    --bs-yellow: #fbd38d;
    --bs-green: #81e6d9;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #f0f2f5;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #e91e63;
    --bs-secondary: #7b809a;
    --bs-success: #4caf50;
    --bs-info: #1a73e8;
    --bs-warning: #fb8c00;
    --bs-danger: #f44335;
    --bs-light: #f0f2f5;
    --bs-dark: #344767;
    --bs-white: #fff;
    --bs-dark-blue: #1a237e;
    --bs-primary-rgb: 233,30,99;
    --bs-secondary-rgb:,128,154;
    --bs-success-rgb: 76,175,80;
    --bs-info-rgb: 26,115,232;
    --bs-warning-rgb: 251,140,0;
    --bs-danger-rgb: 244,67,53;
    --bs-light-rgb: 240,242,245;
    --bs-dark-rgb: 52,71,103;
    --bs-dark-blue-rgb: 26,35,126;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb:,128,154;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: "Roboto",Helvetica,Arial,sans-serif;
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #7b809a;
    --bs-body-bg: #fff;
    --bs-border-color: #dee2e6;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.125rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.75rem;
    --bs-border-radius-2xl: 1rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #e91e63;
    --bs-link-hover-color: #e91e63;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fcf8e3;
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: rgba(0,0,0,.125);
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    --bs-card-inner-border-radius: 0.75rem;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: #fff;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    word-wrap: break-word;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    --bs-btn-font-family:;
    text-decoration: none;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.667;
    --bs-btn-border-width: 1px;
    --bs-btn-box-shadow: 0 4px 7px -1px rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.07);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: all .15s ease-in;
    --bs-btn-color: #000;
    --bs-btn-bg: #f0f2f5;
    --bs-btn-border-color: #f0f2f5;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ccced0;
    --bs-btn-hover-border-color: #c0c2c4;
    --bs-btn-focus-shadow-rgb: 204,206,208;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c0c2c4;
    --bs-btn-active-border-color: #b4b6b8;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f0f2f5;
    --bs-btn-disabled-border-color: #f0f2f5;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    letter-spacing: 0;
    background-size: 150%;
    background-position-x: 25%;
    position: relative;
    overflow: hidden;
    -webkit-appearance: none;
    box-shadow: 0 3px 3px 0 rgba(240,242,245,.15),0 3px 1px -2px rgba(240,242,245,.2),0 1px 5px 0 rgba(240,242,245,.15);
    color: #3a416f;
    border: 0;
}

    #tableOrders .current {
        background-color: #333; color:#fff !important;
    }

    .text-grey{
        color:#ddd
    }



.glow {    
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #dddddd, 0 0 5px #dddddd, 0 0 6px #dddddd, 0 0 7px #dddddd, 0 0 8px #dddddd;
    }

    to {
        text-shadow: 0 0 4px #fff, 0 0 5px #344767, 0 0 6px #344767, 0 0 7px #344767, 0 0 8px #344767, 0 0 9px #344767, 0 0 10px #344767;
    }
}


.border-gray-100 {
    border-color: #f8f9fa !important;
}

.border-gray-200 {
    border-color: #f0f2f5 !important;
}

.border-gray-300 {
    border-color: #dee2e6 !important;
}

.border-gray-400 {
    border-color: #ced4da !important;
}

.border-gray-500 {
    border-color: #adb5bd !important;
}

.border-gray-600 {
    border-color: #6c757d !important;
}

.border-gray-700 {
    border-color: #495057 !important;
}

.border-gray-800 {
    border-color: #343a40 !important;
}

.bg-gray-900 {
    border-color: #212529 !important;
}


.btn.bg-gradient-dark-blue:hover {
    background-color: transparent !important;    
}

.sticky-steps {
    /*Main propeties*/
    position: sticky;
    top: 100px;
    /*Others*/
    
}



/* Estiliza o botão do input file */
.sketchupload::file-selector-button {
    padding: 2px 4px !important; /* padding horizontal de 4px */
    background-color: #ddd; /* fundo cinza para o botão */    
    border-radius: 5px !important;
    cursor: pointer;

}

/* Estiliza a área que exibe o nome do ficheiro selecionado */
.sketchupload {
    padding: 2px 4px !important; /* padding horizontal de 4px */
    padding-left:10px !important;
    background-color: white; /* fundo branco para o campo */
    color: black; /* texto em preto */
}


.ui-autocomplete {
    z-index: 99999!important;
}


.min-height-450 {
    min-height: 450px !important;
}
.min-height-430 {
    min-height: 430px !important;
}
.max-height-450 {
    max-height: 450px !important;
}

.max-height-430 {
    max-height: 430px !important;
}

.min-height-320 {
    min-height: 320px !important;
}

.max-height-320 {
    max-height: 320px !important;
}