/* AUTOMATICALLY GENERATED */

html {
    /*font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";*/

        

    color: #212529;
}

body, h1, h2, h3, h5 {
    font-family: "Archivo Narrow", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.content-wrapper {
}

.top-title {
    box-sizing: border-box;
    color: rgba(44, 56, 74, 0.95);
    display: block;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
        "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    text-align: start;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 21, 0);
}


.bg-light{
    background-color: rgb(240, 244, 247) !important;
}

.my-shadow{
    /*box-shadow: rgba(50, 50, 93, 0.02) 0px 2px 5px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -1px;*/
    

}

.my-shadow2{
    box-shadow: rgba(50, 50, 93, 0.02) 0px 2px 5px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -1px;
}

.card{
    border-width: 0;
    box-shadow: rgba(50, 50, 93, 0.02) 0px 2px 5px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -1px;
}

.navbar{
    box-shadow: rgba(50, 50, 93, 0.02) 0px 2px 5px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -1px;
    margin-bottom: 16px;

}


.card-primary.card-outline {
    border-top: 3px solid #007bff;
}

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}

.text-blue-800 {
    color: #1e40af; /* Tom equivalente ao blue-800 do Tailwind */
}

.text-green-800 {
    color: #166534; /* Verde escuro */
}

.text-red-800 {
    color: #991b1b; /* Vermelho escuro */
}

.text-cyan-700 {
    color: #0e7490; /* Tom de ciano 700 */
}

.bg-cyan-700 {
    background-color: #0e7490; /* Tom de ciano 700 */
    color: white; /* Texto branco para melhor contraste */
}


@media print {
    body * {
        visibility: hidden;
        margin: 0;
        padding: 0;
        background-color: white !important;
    }

    .bg-light {
        background-color: white !important;
        font-size: 12px;
    }

    body{
        background-color: white !important;
    }

    .hide-if-print {
        display: none !important;
        visibility: hidden !important;
    }

    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }

    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
    }

    .no-page-break {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
        margin: 4px 0 4px 0;
        /* to keep the page break from cutting too close to the text in the div */
    }

    .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    @page {
        margin: 1cm;
    }
}

input[readonly], textarea[readonly], select[readonly] {
    background-color: #f0f0f0 !important;
}




.widget-machine {
    border-radius: 4px !important;
    overflow: hidden;
}

.widget-machine-header{
    color:white;
    text-align: center;
    padding: 16px;
    text-align: center;
}

.machine-success{
    background-color: rgb(34, 197, 94);
    
}

.machine-error{
    background-color: rgb(239, 68, 68)
}


    th.sortable-header {
        cursor: pointer;
        user-select: none;
        position: relative;
        padding-right: 20px;
    }

    th.sortable-header:hover {
        background-color: #f1f1f1;
    }

    th.sortable-header::after {
        content: '';
        position: absolute;
        right: 8px;
        font-size: 12px;
    }

    th.sortable-header.sorted-asc::after {
        content: '▲';
    }

    th.sortable-header.sorted-desc::after {
        content: '▼';
    }


#tabBaias th,
#tabBaias td {
    white-space: nowrap;
    vertical-align: middle;
}

#tabBaias th {
    font-weight: bold;
}

#tabBaias td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-spin-arrows::-webkit-inner-spin-button,
.no-spin-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spin-arrows {
    -moz-appearance: textfield;
    /* Firefox */
}