/* _content/OTIF.Deal.UI/ComponentesOTIF/Kanban/CardKanbanNovo.razor.rz.scp.css */
.elipsis-text[b-db4n48kjcj] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* _content/OTIF.Deal.UI/ComponentesOTIF/Kanban/KanbanColumn.razor.rz.scp.css */
body[b-x887wi3kvp] {
   
}

.slide-left[b-x887wi3kvp] {
    -webkit-animation: slide-left 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left-b-x887wi3kvp 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-b-x887wi3kvp {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*-------------------------------------------------*/

.slide-right[b-x887wi3kvp] {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right-b-x887wi3kvp 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes slide-right-b-x887wi3kvp {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}
/* _content/OTIF.Deal.UI/ComponentesOTIF/PainelLateral/DetalhesRomaneio.razor.rz.scp.css */
body[b-nw3t50udup] {
}

.botao-categoria[b-nw3t50udup] {
    border: solid, black;
    border-width: 1px;
    background-color: #39484c;
    color: white;
    padding: 1px 6px;
    font-size: 11px;
}

    .botao-categoria:hover[b-nw3t50udup] {
        background-color: #67838b;
    }

.botao-motorista[b-nw3t50udup] {
    border: solid, black;
    border-width: 1px;
    border-radius: 5px;
    background-color: #39484c;
    color: white;
    padding: 1px 6px;
    font-size: 11px;
}

    .botao-motorista:hover[b-nw3t50udup] {
        font-size: 12px;
        font-weight: bold;
    }

.botao-pedagio[b-nw3t50udup] {
    border: solid, black;
    border-width: 1px;
    border-radius: 5px;
    background-color: #39484c;
    color: white;
    padding: 1px 6px;
    font-size: 11px;
}

    .botao-pedagio:hover[b-nw3t50udup] {
        font-size: 12px;
        font-weight: bold;
    }
/* _content/OTIF.Deal.UI/Pages/Cadastros/CadastroTransportador/CadastroTransportador.razor.rz.scp.css */
/*Sobrescreve o padding dos input do Form*/
[b-as0c4on3v8] .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined[b-as0c4on3v8] {
    padding: 11px 14px;
}

/* Sobrecreve o padding do select do form FIlled */
[b-as0c4on3v8] .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled[b-as0c4on3v8] {
    padding: 17px 12px 10px;
}

/*Sobrescreve o Border do input do form Variant Outlined*/
[b-as0c4on3v8] .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-width: 1px;
    border-color:blue;
    border-style: solid;
    transition: border-width,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

/*Sobrescreve o underline do input do form Variant Text*/
[b-as0c4on3v8] .mud-input.mud-input-underline:before{
    border-bottom: 0;
}

/*Claase para esconder o botão*/
[b-as0c4on3v8] .mud-button-filled.hidden-btn {
    display:none;    
}

/*METODO CUSTOMIZADO*/

.container-method[b-as0c4on3v8] {
   
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 0 20px 0 0;
    
    background: white;
}

    .container-method .title[b-as0c4on3v8] {
        font-size: 16px;
        color: #007c28;
        font-weight: 600;
    }

    .container-method form .category[b-as0c4on3v8] {
        margin-top: 10px;
        padding-top: 20px;
    }

    .container-method form input[b-as0c4on3v8] {
        display: none;
    }

.category label[b-as0c4on3v8] {
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    transform: scale(1);
    transition: .3s ease-in-out;
}

    .category label:hover[b-as0c4on3v8] {
        transform: scale(1.05);
        transition: .3s ease-in-out;
    }

label[b-as0c4on3v8] {
    margin-top: 15px;
}

    label .img-name[b-as0c4on3v8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.img-name span[b-as0c4on3v8] {
    margin-right: 20px;
}

.img-name .img-container[b-as0c4on3v8] {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

img[b-as0c4on3v8] {
    width: 50px;
    height: auto;
}



.check i[b-as0c4on3v8] {
    font-size: 20px;
    color: #007c28;
    display: none;
    transition: .6s linear;
}

#pancard:checked ~ .category .pancard[b-as0c4on3v8],
#bank:checked ~ .category .bank[b-as0c4on3v8] {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .8);
}

    #pancard:checked ~ .category .pancard .check i[b-as0c4on3v8],
    #bank:checked ~ .category .bank .check i[b-as0c4on3v8] {
        display: block;
    }

   /*CARD */
.container[b-as0c4on3v8] {
    
    /* background: #eee; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding-bottom: 60px;
}


.container form[b-as0c4on3v8] {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    padding: 20px;
    width: 100%;
    padding-top: 160px;
}

    .container form .inputBox[b-as0c4on3v8] {
        margin-top: 20px;
    }

        .container form .inputBox span[b-as0c4on3v8] {
            display: block;
            color: #999;
            padding-bottom: 5px;
        }

        .container form .inputBox input[b-as0c4on3v8],
        .container form .inputBox select[b-as0c4on3v8] {
            width: 100%;
            padding: 10px;
            border-radius: 10px;
            border: 1px solid rgba(0,0,0,.3);
            color: #444;
        }

    .container form .flexbox[b-as0c4on3v8] {
        display: flex;
        gap: 15px;
    }

        .container form .flexbox .inputBox[b-as0c4on3v8] {
            flex: 1 1 150px;
        }

    .container form .submit-btn[b-as0c4on3v8] {
        width: 100%;
        background: #007c28;
        margin-top: 20px;
        padding: 10px;
        font-size: 20px;
        color: #fff;
        border-radius: 10px;
        cursor: pointer;
        transition: .2s linear;
    }

        .container form .submit-btn:hover[b-as0c4on3v8] {
            letter-spacing: 2px;
            opacity: .8;
        }

.container .card-container[b-as0c4on3v8] {
    margin-bottom: -150px;
    position: relative;
    height: 250px;
    width: 400px;
}

    .container .card-container .front[b-as0c4on3v8] {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(45deg, rgb(30, 48, 88), rgb(7, 42, 117));
        border-radius: 5px;
        backface-visibility: hidden;
        box-shadow: 0 15px 25px rgba(0,0,0,.2);
        padding: 20px;
        transform: perspective(1000px) rotateY(0deg);
        transition: transform .4s ease-out;
    }

        .container .card-container .front .image[b-as0c4on3v8] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 10px;
        }

            .container .card-container .front .image img[b-as0c4on3v8] {
                height: 50px;
            }

        .container .card-container .front .card-number-box[b-as0c4on3v8] {
            padding: 30px 0;
            font-size: 22px;
            color: #fff;
        }

        .container .card-container .front .flexbox[b-as0c4on3v8] {
            display: flex;
        }

            .container .card-container .front .flexbox .box:nth-child(1)[b-as0c4on3v8] {
                margin-right: auto;
            }

            .container .card-container .front .flexbox .box[b-as0c4on3v8] {
                font-size: 15px;
                color: #fff;
            }

    .container .card-container .back[b-as0c4on3v8] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(45deg, rgb(30, 48, 88), rgb(7, 42, 117));
        border-radius: 5px;
        padding: 20px 0;
        text-align: right;
        backface-visibility: hidden;
        box-shadow: 0 15px 25px rgba(0,0,0,.2);
        transform: perspective(1000px) rotateY(180deg);
        transition: transform .4s ease-out;
    }

        .container .card-container .back .stripe[b-as0c4on3v8] {
            background: #000;
            width: 100%;
            margin: 10px 0;
            height: 50px;
        }

        .container .card-container .back .box[b-as0c4on3v8] {
            padding: 0 20px;
        }

            .container .card-container .back .box span[b-as0c4on3v8] {
                color: #fff;
                font-size: 15px;
            }

            .container .card-container .back .box .cvv-box[b-as0c4on3v8] {
                height: 50px;
                padding: 10px;
                margin-top: 5px;
                color: #333;
                background: #fff;
                border-radius: 5px;
                width: 100%;
            }

            .container .card-container .back .box img[b-as0c4on3v8] {
                margin-top: 30px;
                height: 50px;
            }

/* _content/OTIF.Deal.UI/Pages/DetalhesRomaneioOutbound/DetalheRomaneioOutbound.razor.rz.scp.css */
.header[b-r6naozgk1r]{
    font-weight: bold;
}
/* _content/OTIF.Deal.UI/Pages/Romaneios/ConfirmarEntrega/ListarEmTransito/ListarEmTransito.razor.rz.scp.css */
body[b-0ehp4ltcfv] {
}

#truncateLongTexts[b-0ehp4ltcfv] {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Nutria Tabela */
.nutria-tabela[b-0ehp4ltcfv] {
    max-height: 100vh; /* altura máxima com scroll */
    overflow-y: auto;
    border: 1px solid #ccc;
    margin-top: 50px;
}

    .nutria-tabela table[b-0ehp4ltcfv] {
        border-collapse: collapse;
        width: 100%;
    }



    .nutria-tabela th[b-0ehp4ltcfv], td[b-0ehp4ltcfv] {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
        width: fit-content;
        font-size: .9rem;
    }


    .nutria-tabela td span[b-0ehp4ltcfv] {
        background: var(--mud-palette-secondary);
        padding: 8px;
        color: white;
        border-radius: 5px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nutria-tabela td .labels span.contrato[b-0ehp4ltcfv] {
        background: var(--mud-palette-secondary);
        cursor: pointer;
        width: 40px;
    }

    .nutria-tabela td .labels span.info[b-0ehp4ltcfv] {
        background: var(--mud-palette-tertiary);
        cursor: pointer;
        width: 40px;
    }

    .nutria-tabela td .labels span.forward[b-0ehp4ltcfv] {
        background: var(--mud-palette-tertiary);
        cursor: pointer;
        width: 40px;
    }


    .nutria-tabela td .labels span.tac[b-0ehp4ltcfv] {
        background: var(--mud-palette-primary);
    }

    .nutria-tabela td .labels span.transito[b-0ehp4ltcfv] {
        background: var(--mud-palette-primary);
    }

    .nutria-tabela .labels[b-0ehp4ltcfv] {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .nutria-tabela .labels span.sald-20[b-0ehp4ltcfv] {
            background: var(--mud-palette-success);
        }
        .nutria-tabela .labels span.sald-10[b-0ehp4ltcfv] {
            background: var(--mud-palette-error);
        }

        .nutria-tabela .labels span.adia-20[b-0ehp4ltcfv] {
            background: var(--mud-palette-success);
        }

        .nutria-tabela .labels span.adia-10[b-0ehp4ltcfv] {
            background: var(--mud-palette-error);
        }

        .nutria-tabela .labels span.round[b-0ehp4ltcfv] {
            background: var(--mud-palette-success);
            border-radius: 100%;
            padding: 15px;
        }

        .nutria-tabela .labels span.round-error[b-0ehp4ltcfv] {
            background: var(--mud-palette-error);
            border-radius: 100%;
            padding: 15px;
        }

    .nutria-tabela th[b-0ehp4ltcfv] {
        color: white;
    }

    .nutria-tabela thead th[b-0ehp4ltcfv] {
        position: sticky;
        top: 0;
        background-color: var(--mud-palette-primary);
        z-index: 1;
    }

    .nutria-tabela tr:nth-child(even)[b-0ehp4ltcfv] {
        background-color: #f2f2f2;
    }
/* _content/OTIF.Deal.UI/Pages/Romaneios/ContratoFrete/ContratoFrete.razor.rz.scp.css */
body[b-xf7ja29eis] {
}

/* COntrato tabela */
.contrato-header[b-xf7ja29eis] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .contrato-header h1[b-xf7ja29eis] {
        font-size: 1.6rem;
        font-weight: 800;
    }

    .contrato-header h2[b-xf7ja29eis] {
        font-size: 1.4rem;
        font-weight: 700;
    }

.contrato[b-xf7ja29eis] {
    width: 100%;
}

    .contrato h2[b-xf7ja29eis] {
        font-size: 1.1rem;
        width: 100%;
        padding: 8px;
        text-align: center;
        color: white;
        background: black;
    }

    .contrato .contrato-container[b-xf7ja29eis] {
        display: flex;
        justify-content: space-between;
    }

        .contrato .contrato-container .box-contrato[b-xf7ja29eis] {
            padding: 15px 0;
            width: 100%;
        }

            .contrato .contrato-container .box-contrato:nth-child(2)[b-xf7ja29eis] {
                text-align: center;
            }

            .contrato .contrato-container .box-contrato:last-child[b-xf7ja29eis] {
                text-align: right;
            }

            .contrato .contrato-container .box-contrato p[b-xf7ja29eis] {
                margin-bottom: 10px;
                font-size: 1rem;
            }

                .contrato .contrato-container .box-contrato p span[b-xf7ja29eis] {
                    font-weight: 800;
                    font-size: 0.9rem;
                }

        .contrato .contrato-container.assinar[b-xf7ja29eis] {
            gap: 300px;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .contrato .contrato-container .box-contrato .assinatura[b-xf7ja29eis] {
            width: 100%;
            padding-top: 20px;
            border-top: 1px solid black;
            text-align: center;
            font-weight: 700;
        }

        .contrato .contrato-container table[b-xf7ja29eis] {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 30px;
        }

        .contrato .contrato-container th[b-xf7ja29eis], td[b-xf7ja29eis] {
            padding: 10px;
            border: 1px solid black;
            text-align: center;
            width: fit-content;
            font-size: .9rem;
        }

        .contrato .contrato-container th[b-xf7ja29eis] {
            background-color: rgba(0, 0, 0, 0.3);
        }

            .contrato .contrato-container th:nth-child(2)[b-xf7ja29eis], td:nth-child(2)[b-xf7ja29eis] {
                text-align: left;
            }

        .contrato .contrato-container tr:nth-child(even)[b-xf7ja29eis] {
            background-color: rgba(0, 0, 0, 0.1);
        }

        .contrato .contrato-container td.dest[b-xf7ja29eis] {
            font-size: 1.3rem;
            font-weight: 700;
        }

.contrato-texto[b-xf7ja29eis] {
    width: 100%;
}

    .contrato-texto h3[b-xf7ja29eis] {
        text-align: center;
    }

    .contrato-texto p[b-xf7ja29eis] {
        margin: 20px 0;
        text-align: justify;
    }

        .contrato-texto p:last-child[b-xf7ja29eis] {
            text-align: center;
            font-weight: 700;
        }
/* _content/OTIF.Deal.UI/Pages/Romaneios/ListaDePagamentos/ListaDePagamento.razor.rz.scp.css */
body[b-ioomwlpcm2] {
}

/*Nutria Tabela */
.nutria-tabela[b-ioomwlpcm2] {
    max-height: 100vh; /* altura máxima com scroll */
    overflow-y: auto;
    border: 1px solid #ccc;
    margin-top: 50px;
}

    .nutria-tabela table[b-ioomwlpcm2] {
        border-collapse: collapse;
        width: 100%;
    }

a[b-ioomwlpcm2], a:visited[b-ioomwlpcm2], a:hover[b-ioomwlpcm2], a:active[b-ioomwlpcm2] {
    color: inherit;
}

.nutria-tabela th[b-ioomwlpcm2], td[b-ioomwlpcm2] {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    width: fit-content;
    font-size: .9rem;
}


.nutria-tabela td span[b-ioomwlpcm2] {
    background: var(--mud-palette-secondary);
    padding: 8px;
    color: white;
    border-radius: 5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nutria-tabela td .labels span.contrato[b-ioomwlpcm2] {
    background: var(--mud-palette-secondary);
    cursor: pointer;
    width: 40px;
}

.nutria-tabela td .labels span.info[b-ioomwlpcm2] {
    background: var(--mud-palette-tertiary);
    cursor: pointer;
    width: 40px;
}

.nutria-tabela td .labels span.forward[b-ioomwlpcm2] {
    background: var(--mud-palette-tertiary);
    cursor: pointer;
    width: 40px;
}


.nutria-tabela td .labels span.tac[b-ioomwlpcm2] {
    background: var(--mud-palette-primary);
}

.nutria-tabela td .labels span.transito[b-ioomwlpcm2] {
    background: var(--mud-palette-primary);
}

.nutria-tabela .labels[b-ioomwlpcm2] {
    display: flex;
    gap: 3px;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .nutria-tabela .labels span.sald-20[b-ioomwlpcm2] {
        background: var(--mud-palette-success);
    }

    .nutria-tabela .labels span.sald-10[b-ioomwlpcm2] {
        background: var(--mud-palette-error);
    }


    .nutria-tabela .labels span.adia-20[b-ioomwlpcm2] {
        background: var(--mud-palette-success);
    }

    .nutria-tabela .labels span.adia-10[b-ioomwlpcm2] {
        background: var(--mud-palette-error);
    }

    .nutria-tabela .labels span.round[b-ioomwlpcm2] {
        background: var(--mud-palette-success);
        border-radius: 100%;
        padding: 15px;
    }

    .nutria-tabela .labels span.round-error[b-ioomwlpcm2] {
        background: var(--mud-palette-error);
        border-radius: 100%;
        padding: 15px;
    }

.nutria-tabela th[b-ioomwlpcm2] {
    color: white;
}

.nutria-tabela thead th[b-ioomwlpcm2] {
    position: sticky;
    top: 0;
    background-color: var(--mud-palette-primary);
    z-index: 1;
}

.nutria-tabela tr:nth-child(even)[b-ioomwlpcm2] {
    background-color: #f2f2f2;
}
/* _content/OTIF.Deal.UI/Pages/Romaneios/ListaDeRomaneios/ListaDeRomaneios.razor.rz.scp.css */
body[b-bhqq9ptdya] {
}

#truncateLongTexts[b-bhqq9ptdya] {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Nutria Tabela */
.nutria-tabela[b-bhqq9ptdya] {
    max-height: 100vh; /* altura máxima com scroll */
    overflow-y: auto;
    border: 1px solid #ccc;
    margin-top: 50px;
}

    .nutria-tabela table[b-bhqq9ptdya] {
        border-collapse: collapse;
        width: 100%;
    }



    .nutria-tabela th[b-bhqq9ptdya], td[b-bhqq9ptdya] {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
        width: fit-content;
        font-size: .9rem;
    }


    .nutria-tabela td span[b-bhqq9ptdya] {
        background: var(--mud-palette-secondary);
        padding: 8px;
        color: white;
        border-radius: 5px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nutria-tabela td .labels span.contrato[b-bhqq9ptdya] {
        background: var(--mud-palette-secondary);
        cursor: pointer;
        width: 40px;
    }

    .nutria-tabela td .labels span.info[b-bhqq9ptdya] {
        background: var(--mud-palette-tertiary);
        cursor: pointer;
        width: 40px;
    }

    .nutria-tabela td .labels span.forward[b-bhqq9ptdya] {
        background: var(--mud-palette-tertiary);
        cursor: pointer;
        width: 40px;
    }


    .nutria-tabela td .labels span.tac[b-bhqq9ptdya] {
        background: var(--mud-palette-primary);
    }

    .nutria-tabela td .labels span.transito[b-bhqq9ptdya] {
        background: var(--mud-palette-primary);
    }

    .nutria-tabela .labels[b-bhqq9ptdya] {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

        .nutria-tabela .labels span.sald-20[b-bhqq9ptdya] {
            background: var(--mud-palette-success);
        }
        .nutria-tabela .labels span.sald-10[b-bhqq9ptdya] {
            background: var(--mud-palette-error);
        }

        .nutria-tabela .labels span.adia-20[b-bhqq9ptdya] {
            background: var(--mud-palette-success);
        }

        .nutria-tabela .labels span.adia-10[b-bhqq9ptdya] {
            background: var(--mud-palette-error);
        }

        .nutria-tabela .labels span.round[b-bhqq9ptdya] {
            background: var(--mud-palette-success);
            border-radius: 100%;
            padding: 15px;
        }

        .nutria-tabela .labels span.round-error[b-bhqq9ptdya] {
            background: var(--mud-palette-error);
            border-radius: 100%;
            padding: 15px;
        }

    .nutria-tabela th[b-bhqq9ptdya] {
        color: white;
    }

    .nutria-tabela thead th[b-bhqq9ptdya] {
        position: sticky;
        top: 0;
        background-color: var(--mud-palette-primary);
        z-index: 1;
    }

    .nutria-tabela tr:nth-child(even)[b-bhqq9ptdya] {
        background-color: #f2f2f2;
    }
/* _content/OTIF.Deal.UI/Pages/Roteirizacao/Mapa/RoteirizacaoMapaPage.razor.rz.scp.css */
/* _content/OTIF.Deal.UI/Shared/NavMenu.razor.rz.scp.css */
body[b-rcvdp4eqje] {
}

.cores-menu[b-rcvdp4eqje] {
    color: #00180a; 
}

i[b-rcvdp4eqje] {
    color: #00180a;
}

.cores-menu : hover[b-rcvdp4eqje] {
    color: white;
}